@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.375rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-150:#ededeb;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--gray-950:#0c0a09;--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--brand-950:#1e1b4b;--writewell-blue:#2563eb;--writewell-indigo:#6366f1;--writewell-violet:#8b5cf6;--writewell-purple:#7c3aed;--writewell-gradient:linear-gradient(135deg, #2563eb 0%, #6366f1 50%, #8b5cf6 100%);--writewell-gradient-hover:linear-gradient(135deg, #1d4ed8 0%, #4f46e5 50%, #7c3aed 100%);--writewell-gradient-subtle:linear-gradient(135deg, #2563eb14 0%, #6366f114 100%);--writewell-glow:0 0 28px -4px #6366f159;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--blue-50:#eff6ff;--blue-500:#3b82f6;--color-bg:var(--gray-50);--color-bg-elevated:#fff;--color-bg-subtle:var(--gray-100);--color-bg-muted:var(--gray-150);--color-text:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-disabled:var(--gray-400);--color-text-inverse:#fff;--color-border:var(--gray-200);--color-border-hover:var(--gray-300);--color-border-focus:var(--brand-500);--color-border-subtle:var(--gray-150);--color-primary:var(--brand-600);--color-primary-hover:var(--brand-700);--color-primary-active:var(--brand-800);--color-primary-subtle:var(--brand-50);--color-success:var(--brand-600);--color-warning:var(--amber-600);--color-error:var(--red-600);--color-info:var(--blue-500);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1200px;--max-width-2xl:1400px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-focus:0 0 0 3px #6366f140;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:50;--z-sticky:100;--z-modal-backdrop:200;--z-modal:210;--z-toast:300}[data-theme=dark]{--color-bg:#090d16;--color-bg-elevated:#0f172a;--color-bg-subtle:#1e293b;--color-bg-muted:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-disabled:#475569;--color-border:#1e293b;--color-border-hover:#334155;--color-border-subtle:#ffffff14;--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-active:#6366f1;--color-primary-subtle:#6366f129;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000073;--shadow-focus:0 0 0 3px #818cf859}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;height:36px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn-danger{background:var(--red-600);color:#fff;border-color:var(--red-600)}.btn-danger:hover:not(:disabled){background:var(--red-700)}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{height:30px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:block}.input:hover{border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--color-text-disabled)}.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:block}.textarea:hover{border-color:var(--color-border-hover)}.textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:500;display:block}.help-text{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.error-text{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.select{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);appearance:none;cursor:pointer;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;height:36px;display:block}.select:hover{border-color:var(--color-border-hover)}.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-subtle{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.badge{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full);align-items:center;font-weight:500;line-height:1.4;display:inline-flex}.badge-brand{background:var(--color-primary-subtle);color:var(--color-primary)}.badge-amber{background:var(--amber-50);color:var(--amber-600)}.badge-red{background:var(--red-50);color:var(--red-600)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-sm{width:14px;height:14px}.spinner-lg{width:28px;height:28px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meter{background:var(--color-bg-muted);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.meter-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.meter-fill-ok{background:var(--color-primary)}.meter-fill-warn{background:var(--amber-500)}.meter-fill-full{background:var(--red-500)}.page-container{width:100%;max-width:var(--max-width-xl);padding:0 var(--space-6);margin:0 auto}.page-container-narrow{max-width:var(--max-width-md)}.page-container-wide{max-width:var(--max-width-2xl)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.skeleton{background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-bg-subtle) 50%, var(--color-bg-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.page-container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}:root{--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:2.65rem}.btn{min-height:42px}}@media (width<=480px){.page-container{padding:0 var(--space-3)}.section{padding:var(--space-10) 0}:root{--text-3xl:1.5rem;--text-4xl:1.625rem;--text-5xl:1.875rem;--text-6xl:2.125rem}.btn{min-height:44px;font-size:var(--text-sm)}}@media (width<=360px){.page-container{padding:0 var(--space-2)}:root{--text-3xl:1.35rem;--text-4xl:1.5rem;--text-5xl:1.75rem;--text-6xl:1.95rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #3b8d6f00}50%{box-shadow:0 0 20px 4px #3b8d6f2e}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes count-up{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-fade-up{animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.anim-fade-in{animation:.4s both fadeIn}.anim-scale-in{animation:.35s cubic-bezier(.34,1.56,.64,1) both scaleIn}.anim-slide-left{animation:.5s cubic-bezier(.22,1,.36,1) both slideInLeft}.anim-slide-right{animation:.5s cubic-bezier(.22,1,.36,1) both slideInRight}.anim-float{animation:3s ease-in-out infinite float}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}.btn{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform 80ms ease, box-shadow var(--transition-fast), opacity var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2d71594d}.btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.97)}.card-hover{transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-3px)}.glow-on-hover{transition:box-shadow var(--transition-base)}.glow-on-hover:hover{box-shadow:0 0 0 3px #3b8d6f26,0 8px 24px #3b8d6f1f}.glow-pulse{animation:2.5s ease-in-out infinite glow-pulse}.shimmer-text{background:linear-gradient(90deg, var(--color-primary) 0%, var(--brand-300) 40%, var(--color-primary) 60%, var(--brand-600) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.animated-gradient-bg{background:linear-gradient(135deg, var(--brand-50), var(--gray-50), var(--brand-100), var(--gray-100));background-size:400% 400%;animation:8s infinite gradient-shift}.live-pulse{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.8s ease-in-out infinite dot-pulse;display:inline-block}.input:focus,.textarea:focus{transform:translateY(-.5px)}.meter-fill{transition:width .8s cubic-bezier(.22,1,.36,1)}.stat-value{animation:.5s cubic-bezier(.22,1,.36,1) both count-up}.cursor-blink:after{content:"|";margin-left:1px;animation:1.1s step-start infinite typewriter-blink}.hero-eyebrow{animation:.5s cubic-bezier(.22,1,.36,1) .1s both fadeDown}.hero-title{animation:.6s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.hero-description{animation:.6s cubic-bezier(.22,1,.36,1) .3s both fadeUp}.hero-actions{animation:.6s cubic-bezier(.22,1,.36,1) .4s both fadeUp}.hero-note{animation:.6s .55s both fadeIn}.navbar{animation:.45s cubic-bezier(.22,1,.36,1) both fadeDown}.admin-stat-card,.card{animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #56a68859}[data-theme=dark] .glow-on-hover:hover{box-shadow:0 0 0 3px #56a68833,0 8px 24px #56a68826}[data-theme=dark] .animated-gradient-bg{background:linear-gradient(135deg, var(--gray-900), var(--gray-950), #0a1a14, var(--gray-950))}.upgrade-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#0c0a09bf;justify-content:center;align-items:center;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.upgrade-modal-card{border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);-webkit-overflow-scrolling:touch;background:#fff;width:100%;max-width:520px;max-height:calc(100dvh - 32px);padding:32px 28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleInModal;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.upgrade-aura{pointer-events:none;background:radial-gradient(circle,#6366f159 0%,#2563eb2e 40%,#8b5cf600 70%);width:320px;height:200px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.upgrade-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.upgrade-close-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}.upgrade-header{text-align:center;margin-bottom:20px}.upgrade-icon-wrap{width:48px;height:48px;color:var(--brand-600);background:linear-gradient(135deg,#f0f7f4 0%,#d9ede4 100%);border:1px solid #b5dbcb;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.crown-icon{animation:2.5s ease-in-out infinite gentleBounce}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.upgrade-pill{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:600;display:inline-flex}.upgrade-title{font-family:var(--font-serif);color:var(--color-text);margin:6px 0 8px;font-size:1.65rem;font-weight:600;line-height:1.25}.upgrade-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:440px;margin:0 auto;line-height:1.5}.upgrade-toggle-wrap{justify-content:center;margin-bottom:20px;display:flex}.upgrade-toggle{background:var(--gray-150);border:1px solid var(--color-border);border-radius:100px;padding:4px;display:inline-flex}.toggle-option{font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .2s;display:flex;position:relative}.toggle-option.active{color:var(--color-text);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.save-chip{background:var(--brand-50);color:var(--brand-600);border:1px solid var(--brand-200);border-radius:100px;padding:1px 6px;font-size:.65rem;font-weight:700}.upgrade-price-box{background:linear-gradient(180deg, var(--gray-50) 0%, #fff 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);text-align:center;margin-bottom:20px;padding:16px}.price-amount-row{justify-content:center;align-items:baseline;gap:4px;display:flex}.price-currency{color:var(--color-text);font-size:1.35rem;font-weight:600}.price-number{color:var(--brand-700);letter-spacing:-.03em;font-size:2.75rem;font-weight:700;line-height:1}.price-period{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.price-guarantee{font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.upgrade-features-list{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.upgrade-feature-item{font-size:var(--text-sm);color:var(--color-text);align-items:flex-start;gap:10px;display:flex}.feature-check{background:var(--brand-50);width:20px;height:20px;color:var(--brand-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.feature-text{line-height:1.4}.upgrade-actions{flex-direction:column;gap:12px;display:flex}.upgrade-cta-btn{width:100%;font-size:var(--text-base);background:var(--writewell-gradient);color:#fff;border:none;justify-content:center;padding:14px;font-weight:600;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f166}.upgrade-cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #2563eb8c}.upgrade-security-note{font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:6px;display:flex}@media (width<=480px){.upgrade-modal-backdrop{padding:10px}.upgrade-modal-card{border-radius:var(--radius-lg,12px);max-height:calc(100dvh - 20px);padding:24px 16px}.upgrade-title{font-size:1.35rem}.upgrade-subtitle{font-size:var(--text-xs)}.price-number{font-size:2.25rem}.toggle-option{padding:5px 10px;font-size:11px}.upgrade-features-list{gap:8px;margin-bottom:18px}.upgrade-feature-item{font-size:var(--text-xs)}}.writewell-logo-wrapper{-webkit-user-select:none;user-select:none;transition:transform var(--transition-base,.2s ease);flex-direction:column;align-items:flex-start;text-decoration:none;display:inline-flex}.writewell-logo-wrapper:hover{transform:translateY(-1px)}.writewell-logo-graphic{align-items:center;display:flex;position:relative}.writewell-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #2563eb1f);width:auto;transition:filter var(--transition-base,.2s ease);display:block}.writewell-logo-wrapper:hover .writewell-logo-img{filter:drop-shadow(0 4px 16px #6366f147)}.logo-img-dark{display:none}.logo-img-light{display:block}[data-theme=dark] .logo-img-light{display:none}[data-theme=dark] .logo-img-dark{display:block}.theme-force-dark .logo-img-light{display:none!important}.theme-force-dark .logo-img-dark,.theme-force-light .logo-img-light{display:block!important}.theme-force-light .logo-img-dark{display:none!important}.logo-xs .writewell-logo-img{height:24px}.logo-sm .writewell-logo-img{height:28px}.logo-md .writewell-logo-img{height:34px}.logo-lg .writewell-logo-img{height:44px}.logo-xl .writewell-logo-img{height:58px}.writewell-mark-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.writewell-mark-img{object-fit:contain;filter:drop-shadow(0 2px 10px #6366f140);width:auto;transition:transform var(--transition-base,.2s ease), filter var(--transition-base,.2s ease)}.writewell-mark-container:hover .writewell-mark-img{filter:drop-shadow(0 4px 18px #2563eb73);transform:scale(1.05)rotate(-2deg)}.logo-xs .writewell-mark-img{height:20px}.logo-sm .writewell-mark-img{height:26px}.logo-md .writewell-mark-img{height:32px}.logo-lg .writewell-mark-img{height:42px}.logo-xl .writewell-mark-img{height:56px}.writewell-tagline-text{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-top:3px;margin-left:2px;font-size:.72rem;font-weight:500}.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);background:#fafaf9d9;height:56px;position:sticky;top:0}[data-theme=dark] .navbar{background:#0c0a09d9}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:100%;display:flex}.navbar-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;font-size:var(--text-base);letter-spacing:var(--tracking-tight);flex-shrink:0;text-decoration:none;display:flex}.navbar-logo{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.navbar-name{font-family:var(--font-sans)}.navbar-badge{padding:1px 6px;font-size:10px}.navbar-links{align-items:center;gap:var(--space-1);display:flex}.navbar-link{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;font-weight:450;text-decoration:none;display:inline-flex}.navbar-link:hover,.navbar-link.active{color:var(--color-text);background:var(--color-bg-subtle)}.navbar-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.navbar-user{position:relative}.navbar-avatar{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-subtle);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar-avatar:hover{border-color:var(--color-border-hover)}.navbar-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 6px);right:0}.navbar-dropdown-email{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.navbar-dropdown-item:hover{background:var(--color-bg-subtle)}.navbar-dropdown-danger{color:var(--color-error)}.navbar-mobile-toggle{display:none}.navbar-mobile{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);padding:var(--space-2);-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 56px);display:none;overflow-y:auto;box-shadow:0 16px 32px #0000002e}.navbar-mobile-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;min-height:44px;text-decoration:none;display:flex}.navbar-mobile-link:hover{background:var(--color-bg-subtle)}@media (width<=768px){.navbar-links{display:none}.navbar-mobile-toggle{display:flex}.navbar-mobile{display:block}.navbar-actions .upgrade-nav-btn{display:none}}@media (width<=480px){.navbar-inner{gap:var(--space-2)}.quota-indicator-pill{padding:4px 8px;font-size:11px}.navbar-brand .navbar-badge{display:none}}.quota-indicator-pill{background:var(--gray-150);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;border-radius:100px;align-items:center;gap:5px;padding:5px 10px;font-weight:600;transition:all .15s;display:flex}.quota-indicator-pill:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.quota-icon{color:var(--brand-600)}.upgrade-nav-btn{background:var(--writewell-gradient);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;align-items:center;gap:5px;font-weight:600;animation:4s ease-in-out infinite subtlePulse;display:flex;box-shadow:0 4px 14px #6366f159;color:#fff!important}.upgrade-nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}@keyframes subtlePulse{0%,to{box-shadow:0 4px 14px #6366f14d}50%{box-shadow:0 6px 22px #2563eb80}}.navbar-admin-link{align-items:center;gap:4px;display:flex;color:var(--brand-700)!important;font-weight:600!important}.dropdown-tier-badge{color:var(--brand-700);background:var(--brand-50);border-radius:4px;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.footer{border-top:1px solid var(--color-border);background-color:var(--color-bg);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:2fr 1fr 1.3fr 1fr;display:grid}.footer-col-brand{gap:var(--space-3);flex-direction:column;max-width:380px;display:flex}.footer-brand-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.footer-compliance-badges{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.footer-col-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-weight:700}.footer-link-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-brand)}.footer-bottom{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary);max-width:650px;line-height:var(--leading-normal);margin:0}.footer-bottom-links{align-items:center;gap:var(--space-2);display:flex}.footer-sub-link{font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none}.footer-sub-link:hover{color:var(--color-brand)}.dot-sep{color:var(--color-text-tertiary);font-size:10px}@media (width<=900px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-col-brand{grid-column:1/-1;max-width:100%}}@media (width<=600px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-bottom{align-items:flex-start;gap:var(--space-3);flex-direction:column}}.quick-try-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);margin:var(--space-8,2rem) auto var(--space-4,1rem);text-align:left;max-width:960px;overflow:hidden;box-shadow:0 20px 40px -15px #00000014,0 0 0 1px #00000005}[data-theme=dark] .quick-try-card{background:#0f172a;border-color:#1e293b;box-shadow:0 20px 40px -15px #00000080}.quick-try-toolbar{background:var(--color-bg-subtle,#f8fafc);border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}[data-theme=dark] .quick-try-toolbar{background:#111c33;border-color:#1e293b}.quick-try-badge{font-size:var(--text-xs,.75rem);color:var(--color-text,#0f172a);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-weight:600;display:flex}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 0 3px #10b98140}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.quick-try-toolbar-actions{align-items:center;gap:8px;display:flex}.quick-try-grid{grid-template-columns:1fr 1fr;min-height:280px;display:grid}.quick-try-col{flex-direction:column;padding:18px;display:flex}.col-input{border-right:1px solid var(--color-border,#e2e8f0)}[data-theme=dark] .col-input{border-color:#1e293b}.col-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.col-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary,#64748b);font-size:.75rem;font-weight:600}.label-enhanced{color:var(--brand-600,#4f46e5)}.col-counter{color:var(--color-text-tertiary,#94a3b8);font-size:.72rem;font-weight:500}.col-header-actions{align-items:center;gap:8px;display:flex}.quick-textarea{width:100%;color:var(--color-text,#0f172a);font-family:var(--font-sans);font-size:var(--text-base,.9375rem);resize:none;background:0 0;border:none;outline:none;flex:1;line-height:1.65}.quick-output-box{flex-direction:column;flex:1;display:flex}.quick-output-text{font-family:var(--font-sans);font-size:var(--text-base,.9375rem);color:var(--color-text,#0f172a);white-space:pre-wrap;margin:0;line-height:1.65;animation:.25s ease-out fadeIn}.quick-output-loading{color:var(--color-text-secondary,#64748b);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.loading-label{font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);font-weight:600}.loading-sub{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#94a3b8)}.quick-output-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex}.placeholder-icon{color:var(--brand-400,#818cf8);opacity:.8;margin-bottom:12px}.placeholder-title{font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);margin:0 0 6px;font-weight:600}.placeholder-desc{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#94a3b8);max-width:280px;margin:0;line-height:1.45}.quick-try-footer{background:var(--color-bg-subtle,#f8fafc);border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}[data-theme=dark] .quick-try-footer{background:#111c33;border-color:#1e293b}.privacy-pill{color:var(--color-text-tertiary,#94a3b8);font-size:.75rem;font-weight:500}.quick-cta-btn{background:var(--writewell-gradient);color:#fff;border:none;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #6366f159}.quick-cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}@media (width<=768px){.quick-try-grid{grid-template-columns:1fr}.col-input{border-right:none;border-bottom:1px solid var(--color-border,#e2e8f0)}}@media (width<=480px){.quick-try-card{margin-top:var(--space-4);border-radius:var(--radius-lg)}.quick-try-toolbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.quick-try-col{padding:14px}.quick-try-footer{flex-direction:column-reverse;align-items:stretch;gap:12px;padding:12px 14px}.quick-footer-meta{text-align:center}.quick-cta-btn{justify-content:center;width:100%;min-height:44px}}.hero{padding-top:var(--space-24);padding-bottom:var(--space-16)}.hero-container{text-align:center;max-width:760px}.hero-logo-showcase{margin-bottom:var(--space-6);filter:drop-shadow(0 12px 32px #6366f133);justify-content:center;align-items:center;animation:6s ease-in-out infinite floatSubtle;display:flex}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--brand-600);margin-bottom:var(--space-6);background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-full);padding:6px 18px;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #6366f11a}[data-theme=dark] .hero-eyebrow{color:var(--brand-300);background:#6366f126;border-color:#6366f14d}.hero-eyebrow-icon{color:var(--brand-500)}.hero-title{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-6)}.hero-title-accent{background:var(--writewell-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-bottom:4px;display:inline-block}.hero-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8)}.hero-actions{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-note{font-size:var(--text-xs);color:var(--color-text-tertiary)}.preview-window{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:900px;margin:0 auto;overflow:hidden}.preview-toolbar{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.preview-dots{gap:6px;display:flex}.preview-dot{background:var(--color-border);border-radius:50%;width:10px;height:10px}.preview-toolbar-title{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.preview-body{padding:var(--space-6)}.preview-controls{gap:var(--space-8);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.preview-control-group{align-items:center;gap:var(--space-2);display:flex}.preview-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-right:var(--space-1);font-weight:500}.preview-chip{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid #0000;padding:3px 10px}.preview-chip-active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.preview-panels{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.preview-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.preview-panel-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.preview-panel-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:600}.preview-panel-label-revised{color:var(--color-primary)}.preview-wordcount{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.preview-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.preview-text-revised{color:var(--color-text)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-family:var(--font-serif);font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);color:var(--color-text);margin-bottom:var(--space-3);font-weight:500}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;margin:0 auto}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.step-card{text-align:center;padding:var(--space-6)}.step-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);margin-bottom:var(--space-4);font-weight:600}.step-icon{border-radius:var(--radius-lg);background:var(--color-primary-subtle);width:48px;height:48px;color:var(--color-primary);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.step-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.features-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.feature-icon-wrap{border-radius:var(--radius-md);background:var(--color-primary-subtle);width:40px;height:40px;color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.feature-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.landing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:40px;display:grid}@media (width<=900px){.landing-pricing-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}.pricing-card{border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);background:#fff;flex-direction:column;padding:32px 26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.pricing-card-featured{border-color:var(--brand-400);transform:scale(1.03);box-shadow:0 10px 30px #3b8d6f26}.pricing-card-featured:hover{transform:scale(1.03)translateY(-4px)}.pricing-popular-banner{background:var(--brand-600);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:100px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #2d715966}.pricing-tier-tag{text-transform:uppercase;background:var(--gray-150);color:var(--color-text-secondary);border-radius:100px;align-self:flex-start;margin-bottom:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pricing-tier-title{font-family:var(--font-serif);color:var(--color-text);margin:0 0 12px;font-size:1.6rem;font-weight:600}.pricing-price-row{align-items:baseline;gap:2px;margin-bottom:12px;display:flex}.price-symbol{color:var(--color-text);font-size:1.35rem;font-weight:600}.price-val{color:var(--brand-700);letter-spacing:-.03em;font-size:3rem;font-weight:700;line-height:1}.price-duration{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.pricing-summary{font-size:var(--text-sm);color:var(--color-text-secondary);min-height:42px;margin-bottom:24px;line-height:1.5}.pricing-feature-list{flex-direction:column;flex:1;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.pricing-feature-list li{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.pricing-feature-list strong{color:var(--brand-800)}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--color-border-subtle)}.faq-item:first-child{border-top:1px solid var(--color-border-subtle)}.faq-question{width:100%;padding:var(--space-5) 0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;border:none;font-weight:500;display:flex}.faq-question:hover{color:var(--color-primary)}.faq-answer{padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.privacy-card{text-align:center;padding:var(--space-8)}.privacy-icon{color:var(--color-primary);margin-bottom:var(--space-3)}.privacy-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.privacy-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:480px;margin:0 auto}.cta-title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:500}.cta-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}@media (width<=768px){.hero{padding-top:var(--space-16)}.steps-grid{gap:var(--space-4);grid-template-columns:1fr}.features-grid,.preview-panels{grid-template-columns:1fr}.beta-limits{gap:var(--space-6)}.beta-card{padding:var(--space-8)}}@media (width<=480px){.hero-title{font-size:var(--text-4xl)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.preview-controls{gap:var(--space-3);flex-direction:column}.beta-limits{gap:var(--space-4);flex-direction:column}}.before-after-card{padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--space-6)}.before-after-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.before-box,.after-box{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.after-box{background:linear-gradient(to bottom right, var(--color-bg), var(--brand-50));border-color:#2563eb4d}[data-theme=dark] .after-box{background:linear-gradient(to bottom right, var(--color-bg), #2563eb14)}.compare-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.compare-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);padding:3px 10px;font-weight:700}.compare-badge-before{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.compare-badge-after{color:#059669;background:#10b9811f;border:1px solid #10b98140}.compare-stats{font-size:var(--text-xs);color:var(--color-text-tertiary)}.compare-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);margin:0 0 var(--space-4) 0;flex:1;font-style:italic}.compare-breakdown{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);flex-direction:column;gap:4px;display:flex}.breakdown-tag{font-size:var(--text-xs);font-weight:500}.profiles-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.profile-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:transform var(--transition-fast), border-color var(--transition-fast)}.profile-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}.profile-title{font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-2) 0;font-weight:600}.profile-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.guides-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.guide-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.guide-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.guide-category{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-brand);letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:700}.guide-title{font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-2) 0;font-weight:600;line-height:var(--leading-snug)}.guide-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0;flex:1}.guide-footer{font-size:var(--text-xs);color:var(--color-text-tertiary);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.guide-read-link{color:var(--color-brand);font-weight:600}@media (width<=768px){.before-after-grid{grid-template-columns:1fr}}.diff-viewer-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm);margin-top:var(--space-4,1rem);overflow:hidden}[data-theme=dark] .diff-viewer-card{background:#0f172a;border-color:#1e293b}.diff-viewer-toolbar{background:var(--color-bg-subtle,#f8fafc);border-bottom:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}[data-theme=dark] .diff-viewer-toolbar{background:#111c33;border-color:#1e293b}.diff-toolbar-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diff-title{font-size:var(--text-xs,.75rem);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text,#0f172a);font-weight:600}.diff-stat-chip{border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:600}.chip-added{color:#059669;background:#10b9811f;border:1px solid #10b98140}.chip-removed{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.diff-toolbar-actions{align-items:center;gap:8px;display:flex}.diff-mode-toggle{background:var(--color-bg,#f1f5f9);border-radius:var(--radius-sm,6px);border:1px solid var(--color-border,#cbd5e1);padding:2px;display:inline-flex}.mode-btn{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-weight:500;transition:all .15s;display:inline-flex}.mode-btn.active{color:var(--brand-700,#4338ca);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}[data-theme=dark] .mode-btn.active{color:#818cf8;background:#1e293b}.diff-side-by-side-grid{grid-template-columns:1fr 1fr;min-height:240px;display:grid}.diff-pane{flex-direction:column;padding:16px;display:flex}.diff-pane-original{border-right:1px solid var(--color-border,#e2e8f0);background:#f8fafc80}[data-theme=dark] .diff-pane-original{background:#0f172a4d;border-color:#1e293b}.diff-pane-header{margin-bottom:10px}.pane-label{color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.diff-pane-content{font-family:var(--font-sans);font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);white-space:pre-wrap;word-break:break-word;line-height:1.7}.diff-token-removed{color:#b91c1c;background-color:#ef444426;border-radius:3px;padding:1px 3px;text-decoration:line-through}[data-theme=dark] .diff-token-removed{color:#f87171;background-color:#ef444440}.diff-token-added{color:#047857;background-color:#10b98126;border-radius:3px;padding:1px 3px;font-weight:500}[data-theme=dark] .diff-token-added{color:#34d399;background-color:#10b98140}.diff-token-added-inline{color:var(--brand-700,#4338ca);background-color:#6366f11f;border-radius:3px;padding:1px 3px;font-weight:500}[data-theme=dark] .diff-token-added-inline{color:#a5b4fc;background-color:#6366f140}.diff-unified-pane{padding:20px}@media (width<=768px){.diff-side-by-side-grid{grid-template-columns:1fr}.diff-pane-original{border-right:none;border-bottom:1px solid var(--color-border)}}@media (width<=480px){.diff-viewer-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.diff-toolbar-actions{justify-content:space-between;width:100%}.diff-pane{padding:12px}}.editor-page{flex-direction:column;flex:1;display:flex}.editor-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5) 0}.editor-header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.editor-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-text);font-weight:500}.editor-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.editor-auth-prompt{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex}.editor-quota-wrap{align-items:center;display:flex}.editor-pro-badge{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-800);font-size:var(--text-xs);border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:flex}.pro-limit-pill{color:var(--brand-700);border:1px solid var(--brand-200);background:#fff;border-radius:100px;padding:1px 6px;font-size:10px}.editor-free-quota-box{background:var(--gray-100);border:1px solid var(--color-border);border-radius:100px;align-items:center;gap:12px;padding:4px 6px 4px 12px;display:flex}.free-quota-info{font-size:var(--text-xs);color:var(--color-text);align-items:center;gap:6px;display:flex}.free-quota-info strong{color:var(--brand-700)}.quota-zap{color:var(--amber-500)}.quota-upgrade-btn{border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 4px #2d715940}.editor-body{padding-top:var(--space-6);padding-bottom:var(--space-8);flex:1}.editor-profile-selector{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.profile-selector-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);align-items:center;gap:6px;font-weight:700;display:flex}.profile-selector-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-pill{font-size:var(--text-xs);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:5px 12px;font-weight:600}.profile-pill:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand)}.profile-pill.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand);box-shadow:0 2px 8px #2563eb40}.editor-controls{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.control-group{flex:1;min-width:160px}.strength-group{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.strength-btn{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);background:var(--color-bg-elevated);color:var(--color-text-secondary);border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);flex:1;height:36px;font-weight:500}.strength-btn:last-child{border-right:none}.strength-btn:hover:not(:disabled){background:var(--color-bg-subtle)}.strength-btn-active{background:var(--color-primary);color:#fff}.strength-btn-active:hover{background:var(--color-primary-hover)}.preserve-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;height:36px;display:flex}.toggle-on{color:var(--color-primary)}.toggle-off{color:var(--color-text-tertiary)}.intent-toggle-btn{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-primary);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.intent-toggle-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.intent-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.intent-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.intent-input:focus{border-color:var(--color-primary);outline:none}.editor-panels{gap:var(--space-4);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.editor-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:440px;display:flex;overflow:hidden}.panel-header{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.panel-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.panel-label-revised{color:var(--color-primary)}.panel-badge{border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:600}.panel-meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);display:flex}.panel-wordcount-over{color:var(--red-600);font-weight:600}.editor-textarea{width:100%;padding:var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);resize:vertical;background:0 0;border:none;flex:1;min-height:320px}.editor-textarea:focus{outline:none}.editor-textarea-result{background:var(--color-bg-elevated)}.editor-empty,.editor-loading{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-8);flex-direction:column;flex:1;min-height:320px;display:flex}.editor-loading{color:var(--color-primary)}.spinning{animation:1s linear infinite spin}.panel-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.panel-footer-actions{align-items:center;gap:var(--space-2);display:flex}.editor-submit-area{padding:0 var(--space-2);justify-content:center;align-items:center;display:flex}.editor-submit-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl);flex-direction:column;min-width:90px;height:100px;display:flex}.editor-error-banner{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--red-700);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:var(--space-3);background:#dc262614;border:1px solid #dc262633;display:flex}[data-theme=dark] .editor-error-banner{color:var(--red-400);background:#ef444426}.editor-warnings-box{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b40}.warnings-header{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;color:var(--amber-700);margin-bottom:var(--space-2);font-weight:600;display:flex}.warning-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) 0;display:flex}.feedback-widget{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.star-btn{cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;padding:2px}.star-btn:hover,.star-btn-active{color:var(--amber-500)}.voice-prefs-grid{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.view-mode-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-left:var(--space-2);display:flex;overflow:hidden}.view-mode-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.view-mode-btn:hover{background:var(--color-bg-subtle)}.view-mode-active{background:var(--color-primary);color:#fff}.view-mode-active:hover{background:var(--color-primary-hover)}.word-delta{color:var(--color-text-tertiary);margin-left:4px;font-size:11px}.comparison-view{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);flex:1;grid-template-columns:1fr 1fr;min-height:320px;display:grid;overflow-y:auto}.comparison-col{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.comparison-header{text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-1);font-size:11px;font-weight:600}.comparison-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);white-space:pre-wrap}.comparison-text-revised{color:var(--color-text)}.feedback-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;padding:var(--space-4);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);width:100%;max-width:520px;box-shadow:0 20px 25px -5px #0003}.feedback-modal-title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.feedback-modal-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.feedback-category-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.category-pill{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.category-pill:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.category-pill-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-pill-active:hover{background:var(--color-primary-hover)}.feedback-modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.feedback-done-badge{color:var(--green-600);border-radius:var(--radius-full);background:#22c55e1a;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}@media (width<=900px){.editor-panels{grid-template-columns:1fr}.editor-submit-area{padding:var(--space-2) 0}.editor-submit-btn{width:100%;height:auto;padding:var(--space-3);flex-direction:row}.intent-card,.comparison-view{grid-template-columns:1fr}}@media (width<=600px){.editor-controls{gap:var(--space-3);flex-direction:column}.control-group{width:100%;min-width:100%}.editor-header-inner{align-items:flex-start;gap:var(--space-3);flex-direction:column}.editor-quota-wrap{width:100%}.editor-free-quota-box{justify-content:space-between;width:100%}}@media (width<=480px){.editor-profile-selector{padding:var(--space-3);flex-direction:column;align-items:flex-start;gap:8px}.profile-selector-pills{gap:6px;width:100%}.profile-pill{text-align:center;flex:calc(50% - 6px);padding:6px 10px;font-size:11px}.panel-header{padding:var(--space-2) var(--space-3);flex-wrap:wrap;gap:8px}.panel-meta{font-size:11px}.editor-textarea{padding:var(--space-3);font-size:var(--text-sm);min-height:220px}.panel-footer{padding:var(--space-3);flex-direction:column;align-items:stretch;gap:10px}.panel-footer-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.panel-footer-actions .btn{flex:1;justify-content:center;min-width:70px}.feedback-widget{border-top:1px solid var(--color-border-subtle);justify-content:center;width:100%;padding-top:8px}}.auth-page{background:var(--color-bg);flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 156px);padding:48px 16px;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl,16px);background:#fff;width:100%;max-width:440px;padding:36px 32px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.auth-header{text-align:center;margin-bottom:20px}.auth-logo{background:var(--brand-600);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;display:flex;box-shadow:0 4px 12px #2d715940}.auth-title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:6px;font-size:1.65rem;font-weight:600;line-height:1.25}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.auth-tabs{background:var(--gray-150);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:3px;display:flex}.auth-tab{font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-weight:500;transition:all .15s}.auth-tab.active{color:var(--color-text);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.quick-access-box{background:var(--gray-50);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:12px}.quick-access-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.quick-access-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-btn{border:1px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;transition:all .15s;display:flex}.quick-btn:hover{border-color:var(--brand-400);background:var(--brand-50)}.quick-btn span{font-size:var(--text-xs);color:var(--color-text);font-weight:600}.quick-btn .quick-tag{color:var(--color-text-tertiary);font-size:10px;font-weight:400}.admin-quick-btn{border-left:3px solid var(--brand-600)}.user-quick-btn{border-left:3px solid var(--amber-500)}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group-header{justify-content:space-between;align-items:center;display:flex}.auth-forgot{font-size:var(--text-xs);color:var(--brand-600);text-decoration:none}.auth-forgot:hover{text-decoration:underline}.password-input-wrap{position:relative}.password-toggle{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text)}.password-hints{gap:8px;margin-top:4px;display:flex}.hint-pill{color:var(--color-text-tertiary);align-items:center;gap:3px;font-size:10px;display:flex}.hint-valid{color:var(--brand-600);font-weight:500}.auth-error{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-100);border-radius:var(--radius-md);font-size:var(--text-xs);padding:10px 14px}.auth-submit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;display:flex}.auth-terms{color:var(--color-text-tertiary);text-align:center;margin-top:6px;font-size:11px;line-height:1.4}.auth-terms a{color:var(--brand-600);text-decoration:underline}.auth-security-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:24px;padding-top:16px;display:flex}.security-point{color:var(--color-text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.auth-success{text-align:center;padding:16px}.auth-success h3{font-family:var(--font-serif);margin-bottom:8px;font-size:1.35rem}.auth-success p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.auth-back-link{text-align:center;font-size:var(--text-xs);color:var(--brand-600);margin-top:12px;display:block}.dashboard-page{padding:var(--space-8) 0;flex:1}.dashboard-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-text);font-weight:500}.dashboard-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-card{padding:var(--space-5)}.dashboard-card-header{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-weight:600;display:flex}.dashboard-plan{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.dashboard-plan-name{font-size:var(--text-xl);color:var(--color-text);font-weight:600}.dashboard-plan-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.dashboard-usage-number{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.dashboard-usage-value{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text)}.dashboard-usage-total{font-size:var(--text-sm);color:var(--color-text-secondary)}.dashboard-usage-detail{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.dashboard-actions{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-action-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background var(--transition-fast);font-size:var(--text-sm);text-decoration:none;display:flex}.dashboard-action-item:hover{background:var(--color-bg-subtle)}.dashboard-action-item span{flex:1}.dashboard-info-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.dashboard-loading{align-items:center;gap:var(--space-3);padding:var(--space-16) 0;color:var(--color-text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.dashboard-error{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--red-50);color:var(--red-700);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.settings-page{padding:var(--space-8) 0 var(--space-16);flex:1}.settings-title{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-8);font-weight:700}.settings-section{margin-bottom:var(--space-8)}.settings-section-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-secondary);display:flex}.settings-section-header h2{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600}.settings-section-danger,.settings-section-danger h2{color:var(--color-danger)}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;display:flex}.settings-row:first-child{padding-top:0}.settings-row:last-child{padding-bottom:0}.settings-label{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);display:block}.settings-value{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.help-text{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);line-height:var(--leading-normal);max-width:480px;display:block}.settings-danger-card{background:#fef2f24d;border-color:#dc262633}[data-theme=dark] .settings-danger-card{background:#450a0a33;border-color:#ef444433}@media (width<=640px){.settings-row{flex-direction:column;align-items:flex-start}}.admin-page{background-color:var(--color-bg);min-height:calc(100vh - 64px);padding:36px 0 64px}.admin-access-denied{justify-content:center;align-items:center;min-height:80vh;display:flex}.admin-denied-card{text-align:center;max-width:520px;padding:48px 32px}.denied-icon{color:var(--red-600);margin:0 auto 16px}.denied-title{font-family:var(--font-serif);margin-bottom:12px;font-size:1.85rem}.denied-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.denied-actions{flex-direction:column;gap:12px;display:flex}.admin-top-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.admin-badge-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-shield-icon{background:var(--brand-50);width:28px;height:28px;color:var(--brand-600);border:1px solid var(--brand-200);border-radius:6px;justify-content:center;align-items:center;display:flex}.live-status-pill{font-size:var(--text-xs);color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-200);border-radius:100px;align-items:center;gap:6px;padding:2px 10px;font-weight:500;display:inline-flex}.live-pulse{background-color:var(--brand-500);border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 #3b8d6fb3}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #3b8d6fb3}70%{transform:scale(1);box-shadow:0 0 0 6px #3b8d6f00}to{transform:scale(.95);box-shadow:0 0 #3b8d6f00}}.admin-title{font-family:var(--font-serif);color:var(--color-text);letter-spacing:-.02em;margin:0 0 6px;font-size:2.1rem;font-weight:600}.admin-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:650px;margin:0;line-height:1.5}.admin-controls-col{align-items:center;gap:12px;display:flex}.admin-user-pill{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;display:flex}.admin-avatar{background:var(--brand-600);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.admin-email{font-size:var(--text-xs);color:var(--color-text);font-weight:500}.role-tag{color:var(--brand-700);background:var(--brand-50);text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (width<=900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{padding:20px 22px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-value{color:var(--color-text);letter-spacing:-.02em;margin-bottom:6px;font-size:1.85rem;font-weight:700;line-height:1.2}.stat-note{font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:4px;display:flex}.text-brand{color:var(--brand-600)}.text-blue{color:var(--blue-500)}.text-amber{color:var(--amber-600)}.admin-tabs-bar{border-bottom:1px solid var(--color-border);gap:6px;margin-bottom:24px;display:flex;overflow-x:auto}.admin-tab-btn{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-weight:500;transition:all .15s;display:flex}.admin-tab-btn:hover{color:var(--color-text)}.admin-tab-btn.active{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:600}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.search-input-wrap{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:240px;padding:6px 12px;display:flex}.table-search-input{font-size:var(--text-sm);background:0 0;border:none;outline:none;width:100%}.filter-selects{align-items:center;gap:10px;display:flex}.filter-group{align-items:center;gap:6px;display:flex}.admin-table-container{padding:0;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background:var(--gray-100);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);padding:12px 18px;font-weight:600}.admin-table td{border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm);vertical-align:middle;padding:14px 18px}.admin-table tr:hover td{background:var(--gray-50)}.row-suspended td{opacity:.85;background:#fef2f2!important}.user-info-cell{align-items:center;gap:12px;display:flex}.user-avatar-sm{background:var(--brand-100);width:32px;height:32px;color:var(--brand-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user-email-text{color:var(--color-text);font-weight:600}.user-id-text{font-size:11px;font-family:var(--font-mono);color:var(--color-text-tertiary)}.tier-select-badge{border:1px solid var(--color-border);font-size:var(--text-xs);cursor:pointer;background:#fff;border-radius:6px;padding:4px 8px;font-weight:600}.quota-meter-cell{min-width:130px}.quota-numbers{justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:500;display:flex}.quota-bar-track{background:var(--gray-200);border-radius:3px;width:100%;height:6px;overflow:hidden}.quota-bar-fill{background:var(--brand-500);border-radius:3px;height:100%;transition:width .3s}.quota-warn{background:var(--amber-500)}.quota-full{background:var(--red-500)}.status-pill{text-transform:capitalize;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status-active{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}.status-suspended{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-100)}.action-buttons-group{align-items:center;gap:6px;display:flex}.btn-icon{border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon:hover{background:var(--color-bg-subtle);color:var(--color-text)}.btn-icon-danger:hover{background:var(--red-50);color:var(--red-600);border-color:var(--red-100)}.btn-icon-success:hover{background:var(--brand-50);color:var(--brand-600);border-color:var(--brand-200)}.subscription-plans-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=768px){.subscription-plans-grid{grid-template-columns:1fr}}.sub-plan-card{padding:28px 24px;position:relative}.card-highlight{border-color:var(--brand-300);box-shadow:0 4px 20px #3b8d6f1f}.plan-badge-top{text-transform:uppercase;background:var(--gray-150);color:var(--color-text-secondary);border-radius:100px;align-items:center;gap:4px;margin-bottom:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.plan-name{font-family:var(--font-serif);margin:0 0 8px;font-size:1.5rem;font-weight:600}.plan-price-row{align-items:baseline;gap:3px;margin-bottom:12px;display:flex}.plan-currency{font-size:1.25rem;font-weight:600}.plan-amount{color:var(--brand-700);font-size:2.5rem;font-weight:700;line-height:1}.plan-duration{font-size:var(--text-sm);color:var(--color-text-secondary)}.plan-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.plan-metrics-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;margin-bottom:20px;padding:12px 16px;display:flex}.plan-metric-item .label{color:var(--color-text-secondary);margin-bottom:2px;font-size:11px;display:block}.plan-metric-item .value{font-size:1.15rem;font-weight:700}.plan-feature-bullets{font-size:var(--text-sm);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-feature-bullets li{color:var(--color-text);align-items:center;gap:8px;display:flex}.grant-tool-card{padding:24px}.grant-form{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.grant-form input{flex:1;min-width:240px}.monitoring-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=800px){.monitoring-grid{grid-template-columns:1fr}}.card-section-title{font-family:var(--font-serif);margin:0 0 4px;font-size:1.25rem;font-weight:600}.card-section-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0 0 20px}.control-rows{flex-direction:column;gap:14px;display:flex}.control-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.control-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.control-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.telemetry-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.telemetry-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.telemetry-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:11px;display:block}.telemetry-val{font-size:1.35rem;font-weight:700;line-height:1.1}.detector-scorecard{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-md);padding:16px}.scorecard-header{font-size:var(--text-sm);color:var(--brand-900);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.detector-bars{flex-direction:column;gap:8px;display:flex}.detector-row{font-size:var(--text-xs);color:var(--brand-800);justify-content:space-between;align-items:center;font-weight:500;display:flex}.security-checklist-card{margin-bottom:24px;padding:28px 24px}.checklist-header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.threats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=800px){.threats-grid{grid-template-columns:1fr}}.threat-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:16px}.threat-passed{border-left:4px solid var(--brand-500)}.threat-status{color:var(--brand-700);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.threat-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0;line-height:1.55}.threat-desc code{background:var(--gray-150);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:11px}.audit-card{padding:24px}.audit-list{flex-direction:column;gap:8px;display:flex}.audit-entry{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);grid-template-columns:90px 180px 180px 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}@media (width<=768px){.audit-entry{grid-template-columns:1fr;gap:4px}}.audit-time{color:var(--color-text-tertiary);font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.audit-actor{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.audit-details{color:var(--color-text-secondary)}.ad-container{margin:var(--space-8,2rem) auto;text-align:center;clear:both;max-width:100%}.ad-disclosure-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary,#94a3b8);font-size:.65rem;font-family:var(--font-sans);margin-bottom:6px;display:block}.ad-content-box{background:var(--color-bg-subtle,#f8fafc);border:1px dashed var(--color-border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;min-height:90px;padding:8px;display:flex;overflow:hidden}[data-theme=dark] .ad-content-box{background:#090d16;border-color:#1e293b}.ad-format-horizontal{max-width:728px;min-height:90px}.ad-format-rectangle{max-width:336px;min-height:280px}.about-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.about-header{text-align:center;margin-bottom:var(--space-12,3rem)}.about-logo-center{margin-bottom:var(--space-6,1.5rem);justify-content:center;display:flex}.about-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.about-lead{font-size:var(--text-lg,1.125rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b);max-width:600px;margin:0 auto}.about-section{margin-bottom:var(--space-10,2.5rem)}.about-section h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.about-section p{font-size:var(--text-base,.9375rem);line-height:var(--leading-relaxed,1.75);color:var(--color-text-secondary,#475569);margin-bottom:var(--space-4,1rem)}.about-pillars-grid{gap:var(--space-6,1.5rem);margin:var(--space-10,2.5rem) 0;grid-template-columns:1fr 1fr;display:grid}.pillar-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-6,1.5rem);transition:transform .2s,box-shadow .2s}[data-theme=dark] .pillar-card{background:#0f172a;border-color:#1e293b}.pillar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pillar-icon-wrap{border-radius:var(--radius-md,8px);background:var(--brand-50,#eef2ff);width:40px;height:40px;color:var(--brand-600,#4f46e5);margin-bottom:var(--space-4,1rem);justify-content:center;align-items:center;display:flex}[data-theme=dark] .pillar-icon-wrap{color:#818cf8;background:#6366f126}.pillar-card h3{font-size:var(--text-base,1rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-2,.5rem);font-weight:600}.pillar-card p{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#64748b);margin:0;line-height:1.6}.about-list{padding-left:var(--space-6,1.5rem);margin-bottom:var(--space-6,1.5rem);gap:var(--space-3,.75rem);color:var(--color-text-secondary,#475569);font-size:var(--text-base,.9375rem);flex-direction:column;line-height:1.65;display:flex}.about-cta-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);text-align:center;margin-top:var(--space-12,3rem)}[data-theme=dark] .about-cta-card{background:#111c33;border-color:#1e293b}.about-cta-card h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-2,.5rem)}.about-cta-card p{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem)}.about-cta-actions{justify-content:center;align-items:center;gap:var(--space-3,.75rem);flex-wrap:wrap;display:flex}@media (width<=768px){.about-pillars-grid{grid-template-columns:1fr}}.contact-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.contact-header{text-align:center;margin-bottom:var(--space-10,2.5rem)}.contact-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.contact-lead{font-size:var(--text-lg,1.125rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b);max-width:580px;margin:0 auto}.contact-channels-grid{gap:var(--space-4,1rem);margin-bottom:var(--space-10,2.5rem);grid-template-columns:repeat(3,1fr);display:grid}.channel-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-5,1.25rem);text-align:center;flex-direction:column;align-items:center;display:flex}[data-theme=dark] .channel-card{background:#0f172a;border-color:#1e293b}.channel-icon-wrap{border-radius:var(--radius-md,8px);background:var(--brand-50,#eef2ff);width:36px;height:36px;color:var(--brand-600,#4f46e5);margin-bottom:var(--space-3,.75rem);justify-content:center;align-items:center;display:flex}[data-theme=dark] .channel-icon-wrap{color:#818cf8;background:#6366f126}.channel-card h3{font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);margin-bottom:4px;font-weight:600}.channel-card p{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-3,.75rem)}.channel-link{font-size:var(--text-xs,.75rem);color:var(--brand-600,#4f46e5);font-weight:600}.channel-text{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#94a3b8);font-weight:600}.contact-form-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);box-shadow:var(--shadow-sm)}[data-theme=dark] .contact-form-card{background:#0f172a;border-color:#1e293b}.contact-form h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);color:var(--color-text,#0f172a);margin-bottom:4px}.form-subtitle{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem)}.form-group-row{gap:var(--space-4,1rem);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--space-4,1rem);flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--text-xs,.75rem);color:var(--color-text,#0f172a);font-weight:600}.form-input,.form-select,.form-textarea{background:var(--color-bg,#fafaf9);border:1px solid var(--color-border,#cbd5e1);border-radius:var(--radius-md,8px);width:100%;font-family:var(--font-sans);font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);transition:border-color var(--transition-fast,.12s ease), box-shadow var(--transition-fast,.12s ease);padding:10px 14px}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{color:#f8fafc;background:#090d16;border-color:#334155}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-500,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f133}.form-actions{margin-top:var(--space-6,1.5rem);justify-content:space-between;align-items:center;gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.form-privacy-note{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#94a3b8)}.contact-success-state{text-align:center;padding:var(--space-8,2rem) var(--space-4,1rem)}.success-icon{color:#10b981;margin-bottom:var(--space-4,1rem)}.contact-success-state h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);margin-bottom:var(--space-2,.5rem)}.contact-success-state p{color:var(--color-text-secondary,#64748b);font-size:var(--text-sm,.875rem);max-width:440px;margin:0 auto var(--space-6,1.5rem);line-height:1.6}@media (width<=768px){.contact-channels-grid,.form-group-row{grid-template-columns:1fr}}.pricing-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.pricing-header{text-align:center;max-width:700px;margin:0 auto var(--space-12,3rem)}.pricing-eyebrow{margin-bottom:var(--space-3,.75rem);align-items:center;gap:6px;display:inline-flex}.pricing-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.pricing-lead{font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem)}.pricing-toggle-wrap{justify-content:center;display:flex}.pricing-toggle{background:var(--color-bg-subtle,#f1f5f9);border-radius:var(--radius-full,9999px);border:1px solid var(--color-border,#e2e8f0);padding:4px;display:inline-flex}[data-theme=dark] .pricing-toggle{background:#111c33;border-color:#1e293b}.pricing-toggle-btn{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);border-radius:var(--radius-full,9999px);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.pricing-toggle-btn.active{color:var(--color-text,#0f172a);background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .pricing-toggle-btn.active{color:#f8fafc;background:#1e293b}.save-tag{background:var(--brand-50,#eef2ff);color:var(--brand-600,#4f46e5);border-radius:100px;padding:2px 6px;font-size:.65rem;font-weight:700}[data-theme=dark] .save-tag{color:#a5b4fc;background:#6366f133}.pricing-cards-grid{gap:var(--space-8,2rem);max-width:900px;margin:0 auto var(--space-16,4rem);grid-template-columns:1fr 1fr;display:grid}.plan-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative}[data-theme=dark] .plan-card{background:#0f172a;border-color:#1e293b}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-featured{border-color:var(--brand-400,#818cf8);box-shadow:0 8px 30px #6366f11f}.featured-ribbon{background:var(--writewell-gradient);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;right:24px;box-shadow:0 2px 8px #6366f14d}.plan-header{margin-bottom:var(--space-6,1.5rem)}.plan-tier-name{font-size:var(--text-lg,1.125rem);color:var(--color-text,#0f172a);margin-bottom:4px;font-weight:700;display:block}.plan-tier-desc{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-4,1rem);min-height:36px}.plan-price-row{align-items:baseline;gap:4px;display:flex}.plan-currency{color:var(--color-text,#0f172a);font-size:1.25rem;font-weight:600}.plan-amount{color:var(--color-text,#0f172a);letter-spacing:-.03em;font-size:3rem;font-weight:700;line-height:1}.plan-featured .plan-amount{color:var(--brand-600,#4f46e5)}[data-theme=dark] .plan-featured .plan-amount{color:#818cf8}.plan-period{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);font-weight:500}.plan-cta-box{margin-bottom:var(--space-6,1.5rem);flex-direction:column;gap:6px;display:flex}.plan-btn{justify-content:center;width:100%;padding:12px;font-weight:600}.plan-sub-note{color:var(--color-text-tertiary,#94a3b8);text-align:center;font-size:.7rem}.plan-features-list{border-top:1px solid var(--color-border,#e2e8f0);padding-top:var(--space-5,1.25rem);flex:1}.features-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-3,.75rem);font-size:.72rem;font-weight:600;display:block}.plan-features-list ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-features-list li{font-size:var(--text-xs,.8125rem);color:var(--color-text,#0f172a);align-items:flex-start;gap:8px;line-height:1.45;display:flex}.feature-check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.pricing-comparison-section{max-width:900px;margin:0 auto var(--space-16,4rem)}.pricing-comparison-section h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);text-align:center;margin-bottom:var(--space-8,2rem)}.comparison-table-wrapper{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);overflow-x:auto}[data-theme=dark] .comparison-table-wrapper{background:#0f172a;border-color:#1e293b}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{font-size:var(--text-sm,.875rem);border-bottom:1px solid var(--color-border,#e2e8f0);padding:14px 18px}.comparison-table th{background:var(--color-bg-subtle,#f8fafc);color:var(--color-text,#0f172a);font-weight:600}[data-theme=dark] .comparison-table th{color:#f8fafc;background:#111c33}.comparison-table tr:last-child td{border-bottom:none}.pricing-faq-section{max-width:900px;margin:0 auto}.pricing-faq-section h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);text-align:center;margin-bottom:var(--space-8,2rem)}.pricing-faq-grid{gap:var(--space-6,1.5rem);grid-template-columns:1fr 1fr;display:grid}.faq-box{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-5,1.25rem)}[data-theme=dark] .faq-box{background:#0f172a;border-color:#1e293b}.faq-box h3{font-size:var(--text-sm,.9375rem);color:var(--color-text,#0f172a);margin-bottom:6px;font-weight:600}.faq-box p{font-size:var(--text-xs,.8125rem);color:var(--color-text-secondary,#64748b);margin:0;line-height:1.6}@media (width<=768px){.pricing-cards-grid,.pricing-faq-grid{grid-template-columns:1fr}}.faq-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.faq-header{text-align:center;max-width:680px;margin:0 auto var(--space-12,3rem)}.faq-eyebrow{margin-bottom:var(--space-3,.75rem);align-items:center;gap:6px;display:inline-flex}.faq-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.faq-lead{font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b)}.faq-sections-list{gap:var(--space-10,2.5rem);margin-bottom:var(--space-12,3rem);flex-direction:column;display:flex}.category-heading{font-family:var(--font-serif);font-size:var(--text-xl,1.25rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);border-bottom:2px solid var(--brand-100,#e0e7ff);padding-bottom:6px;font-weight:600}[data-theme=dark] .category-heading{border-color:#1e293b}.category-items{gap:var(--space-3,.75rem);flex-direction:column;display:flex}.faq-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);transition:border-color var(--transition-fast,.12s ease), box-shadow var(--transition-fast,.12s ease);overflow:hidden}[data-theme=dark] .faq-card{background:#0f172a;border-color:#1e293b}.faq-card.open{border-color:var(--brand-300,#a5b4fc);box-shadow:0 4px 12px #6366f114}.faq-question-btn{text-align:left;width:100%;font-family:var(--font-sans);font-size:var(--text-base,.9375rem);color:var(--color-text,#0f172a);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:600;display:flex}.faq-answer-body{font-size:var(--text-sm,.875rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#475569);border-top:1px solid var(--color-border-subtle,#f1f5f9);padding:14px 20px 20px}[data-theme=dark] .faq-answer-body{color:#94a3b8;border-color:#1e293b}.faq-answer-body p{margin:0}.faq-footer-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);text-align:center;margin-top:var(--space-8,2rem)}[data-theme=dark] .faq-footer-card{background:#111c33;border-color:#1e293b}.faq-footer-card h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-2,.5rem)}.faq-footer-card p{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem)}.faq-footer-actions{justify-content:center;align-items:center;gap:var(--space-3,.75rem);flex-wrap:wrap;display:flex}.tools-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.tools-header{text-align:center;max-width:720px;margin:0 auto var(--space-12,3rem)}.tools-eyebrow{margin-bottom:var(--space-3,.75rem);align-items:center;gap:6px;display:inline-flex}.tools-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.tools-lead{font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b)}.tools-grid{gap:var(--space-6,1.5rem);margin-bottom:var(--space-12,3rem);grid-template-columns:repeat(3,1fr);display:grid}.tool-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,16px);padding:var(--space-6,1.5rem);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}[data-theme=dark] .tool-card{background:#0f172a;border-color:#1e293b}.tool-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300,#a5b4fc);transform:translateY(-2px)}.tool-card-header{align-items:flex-start;gap:var(--space-3,.75rem);margin-bottom:var(--space-3,.75rem);display:flex}.tool-icon-wrap{border-radius:var(--radius-md,8px);background:var(--brand-50,#eef2ff);width:42px;height:42px;color:var(--brand-600,#4f46e5);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .tool-icon-wrap{color:#818cf8;background:#6366f126}.tool-name{font-size:var(--text-base,1rem);color:var(--color-text,#0f172a);margin:0 0 2px;font-weight:600}.tool-tagline{font-size:var(--text-xs,.75rem);color:var(--brand-600,#4f46e5);font-weight:500}.tool-description{font-size:var(--text-xs,.8125rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-4,1rem);flex:1;line-height:1.55}.tool-features{margin:0 0 var(--space-6,1.5rem);border-top:1px solid var(--color-border-subtle,#f1f5f9);padding:0;padding-top:var(--space-3,.75rem);flex-direction:column;gap:8px;list-style:none;display:flex}[data-theme=dark] .tool-features{border-color:#1e293b}.tool-features li{color:var(--color-text-secondary,#475569);align-items:center;gap:8px;font-size:.72rem;display:flex}.feature-icon{color:#10b981;flex-shrink:0}.tool-card-footer{margin-top:auto}.tool-launch-btn{justify-content:space-between;width:100%}.tools-integrity-box{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-6,1.5rem);align-items:center;gap:var(--space-5,1.25rem);max-width:860px;margin:0 auto;display:flex}[data-theme=dark] .tools-integrity-box{background:#111c33;border-color:#1e293b}.integrity-icon{color:var(--brand-600,#4f46e5);flex-shrink:0}.tools-integrity-box h3{font-size:var(--text-base,1rem);color:var(--color-text,#0f172a);margin-bottom:4px;font-weight:600}.tools-integrity-box p{font-size:var(--text-xs,.8125rem);color:var(--color-text-secondary,#64748b);margin:0;line-height:1.5}@media (width<=1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tools-grid{grid-template-columns:1fr}.tools-integrity-box{text-align:center;flex-direction:column}}.blog-index-page{padding:var(--space-12,3rem) var(--space-4,1rem) var(--space-20,5rem)}.blog-header{text-align:center;max-width:680px;margin:0 auto var(--space-12,3rem)}.blog-eyebrow{margin-bottom:var(--space-3,.75rem);align-items:center;gap:6px;display:inline-flex}.blog-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600}.blog-lead{font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b)}.featured-article-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--brand-300,#a5b4fc);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);margin-bottom:var(--space-12,3rem);transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 8px 30px #6366f114}[data-theme=dark] .featured-article-card{background:#0f172a;border-color:#312e81}.featured-article-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #6366f126}.featured-badge{background:var(--writewell-gradient);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:100px;padding:3px 12px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:28px}.featured-meta{color:var(--color-text-tertiary,#94a3b8);margin-bottom:var(--space-3,.75rem);align-items:center;gap:8px;font-size:.75rem;display:flex}.article-category{color:var(--brand-600,#4f46e5);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.meta-separator{color:var(--color-border,#cbd5e1)}.article-read-time{align-items:center;gap:4px;display:inline-flex}.featured-title{font-family:var(--font-serif);font-size:var(--text-2xl,1.75rem);margin-bottom:var(--space-3,.75rem);font-weight:600;line-height:1.35}.featured-title a{color:var(--color-text,#0f172a);transition:color var(--transition-fast,.12s ease);text-decoration:none}.featured-title a:hover{color:var(--brand-600,#4f46e5)}.featured-excerpt{font-size:var(--text-base,.9375rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#475569);margin-bottom:var(--space-6,1.5rem);max-width:820px}.featured-footer{border-top:1px solid var(--color-border-subtle,#f1f5f9);padding-top:var(--space-4,1rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}[data-theme=dark] .featured-footer{border-color:#1e293b}.author-info{flex-direction:column;display:flex}.author-name{font-size:var(--text-xs,.8125rem);color:var(--color-text,#0f172a);font-weight:600}.author-role{color:var(--color-text-tertiary,#94a3b8);font-size:.7rem}.category-filter-bar{margin-bottom:var(--space-8,2rem);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);align-items:center;gap:6px;font-weight:600;display:flex}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{background:var(--color-bg-subtle,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-full,9999px);font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);cursor:pointer;padding:6px 14px;font-weight:500;transition:all .15s}.filter-chip:hover{color:var(--color-text,#0f172a);border-color:var(--brand-300,#a5b4fc);background:#fff}.filter-chip.active{background:var(--brand-600,#4f46e5);color:#fff;border-color:var(--brand-600,#4f46e5)}.articles-grid{gap:var(--space-6,1.5rem);margin-bottom:var(--space-12,3rem);grid-template-columns:repeat(2,1fr);display:grid}.article-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-6,1.5rem);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}[data-theme=dark] .article-card{background:#0f172a;border-color:#1e293b}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300,#a5b4fc);transform:translateY(-2px)}.article-card-header{margin-bottom:var(--space-2,.5rem);justify-content:space-between;align-items:center;display:flex}.article-card-title{font-family:var(--font-serif);font-size:var(--text-lg,1.25rem);margin-bottom:var(--space-3,.75rem);font-weight:600;line-height:1.4}.article-card-title a{color:var(--color-text,#0f172a);transition:color var(--transition-fast,.12s ease);text-decoration:none}.article-card-title a:hover{color:var(--brand-600,#4f46e5)}.article-card-excerpt{font-size:var(--text-xs,.8125rem);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem);flex:1;line-height:1.6}.article-card-footer{border-top:1px solid var(--color-border-subtle,#f1f5f9);padding-top:var(--space-3,.75rem);justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .article-card-footer{border-color:#1e293b}.article-date{color:var(--color-text-tertiary,#94a3b8);font-size:.7rem}.read-more-link{font-size:var(--text-xs,.75rem);color:var(--brand-600,#4f46e5);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.read-more-link:hover{color:var(--brand-700,#4338ca);text-decoration:underline}@media (width<=768px){.articles-grid{grid-template-columns:1fr}}.blog-post-page{padding:var(--space-8,2rem) var(--space-4,1rem) var(--space-20,5rem)}.post-breadcrumb{margin-bottom:var(--space-6,1.5rem);justify-content:space-between;align-items:center;display:flex}.back-link{color:var(--color-text-secondary,#64748b)}.breadcrumb-category{color:var(--brand-600,#4f46e5);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.post-header{margin-bottom:var(--space-8,2rem);padding-bottom:var(--space-6,1.5rem);border-bottom:1px solid var(--color-border,#e2e8f0)}.post-title{font-family:var(--font-serif);font-size:var(--text-4xl,2.5rem);color:var(--color-text,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:600;line-height:1.25}.post-lead{font-size:var(--text-lg,1.125rem);line-height:var(--leading-relaxed,1.7);color:var(--color-text-secondary,#64748b);margin-bottom:var(--space-6,1.5rem)}.post-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.post-author-block{align-items:center;gap:10px;display:flex}.author-avatar{background:var(--brand-50,#eef2ff);width:36px;height:36px;color:var(--brand-600,#4f46e5);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=dark] .author-avatar{color:#818cf8;background:#6366f126}.post-author-name{font-size:var(--text-xs,.8125rem);color:var(--color-text,#0f172a);font-weight:600;display:block}.post-author-role{color:var(--color-text-tertiary,#94a3b8);font-size:.7rem;display:block}.post-stats-block{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#94a3b8);align-items:center;gap:16px;display:flex}.post-date,.post-readtime{align-items:center;gap:4px;display:inline-flex}.share-btn{color:var(--color-text-secondary,#64748b)}.post-body{font-size:var(--text-base,1rem);line-height:var(--leading-relaxed,1.8);color:var(--color-text,#1e293b);max-width:720px;margin:0 auto}[data-theme=dark] .post-body{color:#e2e8f0}.article-h2{font-family:var(--font-serif);font-size:var(--text-2xl,1.65rem);color:var(--color-text,#0f172a);margin:var(--space-10,2.5rem) 0 var(--space-4,1rem);font-weight:600}.article-h3{font-family:var(--font-serif);font-size:var(--text-xl,1.25rem);color:var(--color-text,#0f172a);margin:var(--space-6,1.5rem) 0 var(--space-3,.75rem);font-weight:600}.article-paragraph{margin-bottom:var(--space-5,1.25rem)}.article-body-list{padding-left:var(--space-6,1.5rem);margin-bottom:var(--space-6,1.5rem);flex-direction:column;gap:8px;display:flex}.article-blockquote{margin:var(--space-6,1.5rem) 0;padding:var(--space-4,1rem) var(--space-5,1.25rem);background:var(--color-bg-subtle,#f8fafc);border-left:3px solid var(--brand-600,#4f46e5);border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0;color:var(--color-text-secondary,#475569);font-style:italic}[data-theme=dark] .article-blockquote{color:#94a3b8;background:#111c33}.article-divider{background:var(--color-border,#e2e8f0);height:1px;margin:var(--space-8,2rem) 0;border:none}.post-cta-banner{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--brand-200,#c7d2fe);border-radius:var(--radius-xl,16px);padding:var(--space-6,1.5rem) var(--space-8,2rem);margin-top:var(--space-12,3rem);align-items:center;gap:var(--space-6,1.5rem);display:flex}[data-theme=dark] .post-cta-banner{background:#111c33;border-color:#312e81}.cta-icon-spark{color:var(--brand-500,#6366f1);flex-shrink:0}.cta-text{flex:1}.cta-text h3{font-size:var(--text-base,1rem);color:var(--color-text,#0f172a);margin:0 0 4px;font-weight:600}.cta-text p{font-size:var(--text-xs,.8125rem);color:var(--color-text-secondary,#64748b);margin:0}.cta-launch-btn{flex-shrink:0}@media (width<=640px){.post-cta-banner{text-align:center;flex-direction:column}}.consent-banner-wrapper{bottom:var(--space-4,1rem);z-index:999;width:calc(100% - 2rem);max-width:860px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpConsent;position:fixed;left:50%;transform:translate(-50%)}@keyframes slideUpConsent{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.consent-banner-card{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,12px);padding:var(--space-4,1rem) var(--space-5,1.25rem);justify-content:space-between;align-items:center;gap:var(--space-4,1rem);display:flex;position:relative;box-shadow:0 10px 30px -5px #0000001f,0 0 0 1px #0000000a}[data-theme=dark] .consent-banner-card{background:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px -5px #00000080}.consent-banner-content{flex:1;min-width:0}.consent-banner-header{align-items:center;gap:var(--space-2,.5rem);margin-bottom:4px;display:flex}.consent-icon-wrap{color:var(--brand-600,#4f46e5);align-items:center;display:flex}.consent-banner-title{font-size:var(--text-sm,.875rem);color:var(--color-text,#0f172a);font-weight:600}.consent-banner-text{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#64748b);margin:0;line-height:1.5}.consent-link{color:var(--brand-600,#4f46e5);font-weight:500;text-decoration:underline}.consent-link:hover{color:var(--brand-700,#4338ca)}.consent-details-panel{border-top:1px dashed var(--color-border,#e2e8f0);grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;padding-top:10px;display:grid}.consent-category{flex-direction:column;gap:2px;display:flex}.category-title{color:var(--color-text,#0f172a);font-size:.7rem;font-weight:600}.category-desc{color:var(--color-text-tertiary,#94a3b8);font-size:.68rem;line-height:1.35}.consent-banner-actions{align-items:center;gap:var(--space-2,.5rem);flex-shrink:0;display:flex}.consent-close-btn{color:var(--color-text-tertiary,#94a3b8);cursor:pointer;border-radius:var(--radius-sm,6px);transition:color var(--transition-fast,.12s ease);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.consent-close-btn:hover{color:var(--color-text,#0f172a)}@media (width<=768px){.consent-banner-card{flex-direction:column;align-items:stretch}.consent-banner-actions{justify-content:flex-end;margin-top:8px}.consent-details-panel{grid-template-columns:1fr}}@media (width<=480px){.consent-banner-wrapper{bottom:var(--space-2,.5rem);width:calc(100% - 1rem)}.consent-banner-card{padding:12px 14px}.consent-banner-actions{flex-wrap:wrap;gap:6px;width:100%}.consent-banner-actions .btn{flex:1;justify-content:center;min-width:88px;padding:6px 8px;font-size:11px}}