.theme-switch svg{display:none}.theme-switch[data-theme-state=light] svg[data-icon=light],.theme-switch[data-theme-state=dark] svg[data-icon=dark],.theme-switch[data-theme-state=system] svg[data-icon=system]{display:block}:root{--bg: #09090b;--bg-soft: #0c0c0e;--surface: #131316;--surface-2: #18181b;--border: #27272a;--border-strong: #3f3f46;--text: #fafafa;--text-muted: #a1a1aa;--text-faint: #71717a;--accent: #34d399;--accent-strong: #10b981;--accent-soft: rgba(52, 211, 153, .1);--accent-border: rgba(52, 211, 153, .35);--focus-ring: rgba(52, 211, 153, .55);--danger: #f87171;--radius: 14px;--radius-sm: 8px;--font-sans: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--header-h: 68px;--max-w: 1180px}[data-theme=light]{--bg: #fafafa;--bg-soft: #f4f4f5;--surface: #ffffff;--surface-2: #f4f4f5;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #18181b;--text-muted: #52525b;--text-faint: #71717a;--accent: #059669;--accent-strong: #047857;--accent-soft: rgba(5, 150, 105, .1);--accent-border: rgba(5, 150, 105, .35);--focus-ring: rgba(5, 150, 105, .5);--danger: #dc2626}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-strong)}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#09090b}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.kicker:before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.section{padding:5.5rem 0;position:relative}.section-head{max-width:640px;margin-bottom:3rem}.section-head h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-top:.9rem;margin-bottom:.85rem}.section-head p{font-size:1.05rem;color:var(--text-muted)}.center{text-align:center}.center .section-head{margin-left:auto;margin-right:auto}.center .kicker{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#09090b}.btn-primary:hover{background:var(--accent-strong);color:#fff;box-shadow:0 6px 24px -8px var(--accent-border)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent-border);color:var(--accent)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.brand:hover{color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-border);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.site-nav{display:flex;align-items:center;gap:1.6rem}.site-nav a{color:var(--text-muted);font-size:.93rem;font-weight:500;position:relative}.site-nav a:hover{color:var(--text)}.site-nav a[aria-current=true]{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.9rem}.header-cta{padding:.55rem 1.1rem;font-size:.88rem}.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}.lang-switch a{padding:.35rem .7rem;font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);transition:background-color .15s ease,color .15s ease}.lang-switch a:hover{color:var(--text)}.lang-switch a.is-active{background:var(--accent-soft);color:var(--accent)}.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-strong);background:transparent;color:var(--text);align-items:center;justify-content:center;position:relative}.nav-toggle .icon-close{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.nav-toggle[aria-expanded=true] .icon-menu{display:none}.theme-switch{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);display:grid;place-items:center;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.theme-switch:hover{color:var(--accent);border-color:var(--accent-border)}.hero{position:relative;overflow:hidden;padding:5rem 0 4rem}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;opacity:.35;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%)}.hero-glow{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 65%);top:-320px;right:-160px;pointer-events:none;opacity:.7}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}.hero-copy{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:.4rem .9rem;margin-bottom:1.4rem}.hero h1{font-size:clamp(2.3rem,5vw,3.4rem);margin-bottom:1.2rem}.hero h1 .accent{color:var(--accent)}.hero-sub{font-size:clamp(1rem,1.6vw,1.13rem);color:var(--text-muted);margin-bottom:2rem;max-width:52ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.4rem}.hero-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;list-style:none}.hero-trust li{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-faint)}.hero-trust li svg{color:var(--accent);flex-shrink:0}.mockup-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.mockup-caption{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1rem}.quiz-mockup{width:min(100%,340px);border-radius:22px;border:1px solid var(--border-strong);background:var(--surface);overflow:hidden;box-shadow:0 24px 60px -24px #000000a6,0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.mock-status{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.mock-status-left{display:flex;align-items:center;gap:.5rem}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.rec-label,.mock-time{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--text-faint)}.mock-time{color:var(--text-muted)}.mock-body{padding:1.4rem 1.2rem 1.2rem}.mock-question{font-family:var(--font-sans);font-weight:600;font-size:1.02rem;line-height:1.35;margin-bottom:1rem;min-height:2.8em}.mock-options{display:grid;gap:.55rem}.mock-option{display:flex;align-items:center;gap:.6rem;padding:.62rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);font-size:.88rem;color:var(--text-muted);transition:border-color .25s ease,background-color .25s ease,color .25s ease,transform .25s ease}.mock-option .opt-letter{font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border-strong);flex-shrink:0;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.mock-option .opt-check{margin-left:auto;opacity:0;transform:scale(.5);transition:opacity .25s ease,transform .25s ease;color:#09090b}.mock-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text);transform:translate(3px)}.mock-option.is-selected .opt-letter{background:var(--accent);color:#09090b;border-color:var(--accent)}.mock-option.is-selected .opt-check{opacity:1;transform:scale(1)}.mock-progress{margin-top:1.1rem;height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}.mock-progress-bar{height:100%;width:100%;background:var(--accent);border-radius:4px;transform-origin:left;animation:mock-progress 4s linear infinite}@keyframes mock-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.mock-footer{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-top:1px solid var(--border)}.mock-chip{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--accent);display:inline-flex;align-items:center;gap:.4rem}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft);padding:2.4rem 0}.trust-strip .section-head{margin-bottom:1.8rem}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.trust-item{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.trust-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--accent);white-space:nowrap}.trust-label{font-size:.82rem;color:var(--text-faint)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.2rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.feature-card:hover{border-color:var(--accent-border);transform:translateY(-3px)}.feature-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-border);display:grid;place-items:center;color:var(--accent)}.feature-card h3{font-size:1.08rem}.feature-card p{font-size:.93rem;color:var(--text-muted);line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:step}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1.6rem;position:relative;counter-increment:step}.step-num{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}.step-num:after{content:counter(step,decimal-leading-zero)}.step-card h3{font-size:1.1rem;margin-bottom:.6rem}.step-card p{font-size:.93rem}.how-note{margin-top:2rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem;color:var(--accent)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:stretch}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.9rem 1.7rem;display:flex;flex-direction:column;gap:1.2rem;position:relative;transition:border-color .2s ease,transform .2s ease}.price-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.price-card.is-featured{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 45%);box-shadow:0 20px 50px -30px var(--accent-border)}.price-flag{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#09090b;background:var(--accent);padding:.3rem .8rem;border-radius:999px;white-space:nowrap}.price-name{font-size:1.1rem}.price-amount{display:flex;align-items:baseline;gap:.3rem}.price-amount strong{font-size:2.4rem;letter-spacing:-.03em;line-height:1}.price-amount span{font-size:.9rem;color:var(--text-faint)}.price-tagline{font-size:.9rem;color:var(--text-muted)}.price-list{list-style:none;display:grid;gap:.6rem;margin-top:auto}.price-list li{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--text-muted)}.price-list li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.price-card .btn{width:100%;margin-top:.4rem}.pricing-note{margin-top:1.6rem;text-align:center;font-size:.85rem;color:var(--text-faint);font-family:var(--font-mono)}.compare-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.compare-table{width:100%;border-collapse:collapse;min-width:640px}.compare-table caption{text-align:left;padding:1.2rem 1.4rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border)}.compare-table th,.compare-table td{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--border)}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:none}.compare-table thead th{font-size:.95rem;font-weight:600;color:var(--text);background:var(--bg-soft)}.compare-table thead th.is-qv{background:var(--accent-soft);color:var(--accent)}.compare-table thead th .comp-price{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--text-faint);margin-top:.2rem}.compare-table td.is-qv{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}.compare-table tbody th{font-weight:500;color:var(--text-muted);font-size:.92rem}.compare-yes{color:var(--accent)}.compare-no{color:var(--text-faint)}.compare-partial{color:var(--text-muted)}.compare-note{margin-top:1.2rem;font-size:.85rem;color:var(--text-faint)}.faq-list{max-width:720px;margin:0 auto;display:grid;gap:.9rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--accent-border)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.05rem 1.2rem;background:none;border:none;color:var(--text);font-size:1rem;font-weight:600;text-align:left;list-style:none;cursor:pointer}.faq-q::-webkit-details-marker{display:none}.faq-q svg{color:var(--accent);flex-shrink:0;transition:transform .2s ease}.faq-item[open] .faq-q svg{transform:rotate(45deg)}.faq-a{padding:0 1.2rem 1.15rem;font-size:.93rem;color:var(--text-muted);line-height:1.65}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:3.5rem 0 2.5rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-brand .brand{margin-bottom:.9rem}.footer-tagline{font-size:.93rem;color:var(--text-faint);max-width:30ch}.footer-col h4{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1rem}.footer-col ul{list-style:none;display:grid;gap:.55rem}.footer-col a{color:var(--text-muted);font-size:.93rem}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.8rem;border-top:1px solid var(--border)}.footer-tech{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint)}.footer-rights{font-size:.85rem;color:var(--text-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:1rem;z-index:200;background:var(--accent);color:#09090b;font-weight:600;padding:.6rem 1rem;border-radius:var(--radius-sm);transition:top .2s ease}.skip-link:focus{top:1rem}.reveal{opacity:1;transform:none}html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}html.js .reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,html.js .reveal{opacity:1;transform:none}}@media(max-width:960px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-copy{max-width:640px}.steps-grid,.pricing-grid{grid-template-columns:1fr;max-width:480px}.steps-grid{margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:inline-flex}.site-nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg);border-bottom:1px solid var(--border);padding:.8rem 1.5rem;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a{display:block;padding:.8rem 0;font-size:1rem}.header-cta{display:none}}@media(max-width:640px){.section{padding:3.5rem 0}.footer-grid{grid-template-columns:1fr;gap:1.8rem}.footer-bottom{flex-direction:column;align-items:flex-start}.hero{padding:3rem 0}.hero-actions .btn{width:100%}}
