:root{--bg:oklch(99% .002 260);--surface:oklch(97% .003 260);--surface-raised:oklch(99% .001 260);--surface-lowered:oklch(94% .004 260);--surface-overlay:oklch(100% 0 0);--surface-dark:oklch(18% .015 260);--ink:oklch(18% .015 260);--ink-muted:oklch(45% .012 260);--ink-subtle:oklch(62% .01 260);--border-subtle:oklch(92% .003 260);--border-strong:oklch(85% .005 260);--border-ink:oklch(20% .015 260);--on-dark-1:oklch(95% .005 260);--on-dark-2:oklch(78% .012 260);--on-dark-3:oklch(70% .01 260);--on-dark-muted:oklch(62% .01 260);--dark-border:oklch(32% .015 260);--dark-surface:oklch(24% .015 260);--blue:oklch(55% .22 255);--blue-hover:oklch(48% .22 255);--blue-active:oklch(42% .2 255);--blue-tint:oklch(95% .04 255);--blue-tint-strong:oklch(90% .08 255);--blue-ink:oklch(40% .2 255);--coral:oklch(65% .22 15);--coral-hover:oklch(58% .22 15);--coral-tint:oklch(95% .04 15);--coral-tint-strong:oklch(90% .08 15);--coral-ink:oklch(50% .2 15);--lime:oklch(92% .2 120);--lime-tint:oklch(95% .1 120);--lime-ink:oklch(35% .18 120);--lime-vivid:oklch(62% .17 120);--success:oklch(60% .18 150);--success-tint:oklch(95% .04 150);--warning:oklch(78% .16 75);--warning-tint:oklch(95% .05 75);--warning-ink:oklch(50% .18 75);--danger:oklch(55% .22 25);--danger-tint:oklch(95% .04 25);--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 4px 16px #0f172a14, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 8px #0f172a0d;--shadow-xl:0 24px 56px #0f172a24, 0 8px 16px #0f172a0f;--shadow-2xl:0 40px 80px #0f172a33, 0 16px 32px #0f172a1a;--shadow-blue:0 8px 24px oklch(55% .22 255/.3);--shadow-coral:0 8px 24px oklch(65% .22 15/.3);--shadow-lime:0 8px 24px oklch(92% .2 120/.4);--shadow-focus:0 0 0 3px oklch(55% .22 255/.3);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--font-display:"Clash Display", "Inter", system-ui, sans-serif;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s;--dur-slower:.6s;--container:1200px;--container-narrow:880px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.55;overflow-x:hidden}.tabular{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}::selection{background:var(--blue-tint-strong);color:var(--ink)}.eyebrow{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--ink-muted);box-shadow:var(--shadow-xs);letter-spacing:.005em;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%}.eyebrow .dot.blue{background:var(--blue);box-shadow:0 0 10px var(--blue)}.eyebrow .dot.coral{background:var(--coral);box-shadow:0 0 10px var(--coral)}.h-display{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);font-weight:600;line-height:1.02}.section-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(34px,5.5vw,60px);font-weight:600;line-height:1.02}.section-title .accent-blue{color:var(--blue)}.section-title .accent-coral{color:var(--coral)}.section-title .accent-lime{color:var(--lime-ink)}.section-lead{color:var(--ink-muted);max-width:60ch;font-size:18px;line-height:1.6}.container{max-width:var(--container);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--container-narrow);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0;position:relative}@media (width<=720px){.section{padding:var(--space-16) 0}}.btn{background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--ink);letter-spacing:-.005em;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface);border-color:var(--ink-muted);transform:translateY(-1px)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:active{transform:translateY(0)}.btn .icon{flex-shrink:0;width:16px;height:16px}.btn .icon.large{width:18px;height:18px}.btn-primary{background:var(--blue);border-color:var(--blue);color:var(--surface-overlay);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:var(--surface-overlay);box-shadow:var(--shadow-blue)}.btn-coral{background:var(--coral);border-color:var(--coral);color:var(--surface-overlay)}.btn-coral:hover{background:var(--coral-hover);border-color:var(--coral-hover);color:var(--surface-overlay);box-shadow:var(--shadow-coral)}.btn-ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface);color:var(--ink);border-color:#0000}.btn-lg{padding:16px 28px;font-size:15.5px}.btn-xl{padding:18px 32px;font-size:16px}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);transition:box-shadow var(--dur-base) var(--ease-out);background:#ffffffb8;position:sticky;top:0}.nav.is-scrolled{box-shadow:var(--shadow-sm)}.nav-inner{padding:var(--space-3) var(--space-6);max-width:var(--container);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:600;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);background:var(--surface-dark);width:30px;height:30px;color:var(--surface-overlay);justify-content:center;align-items:center;display:inline-flex}.brand-mark .icon{width:17px;height:17px}.brand-name .accent{color:var(--blue)}.nav-links{align-items:center;gap:var(--space-1);display:inline-flex}.nav-links a{color:var(--ink-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:8px 14px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--ink);background:var(--surface)}.nav-cta{align-items:center;gap:var(--space-3);display:inline-flex}@media (width<=880px){.nav-links{background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);gap:var(--space-1);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 14px}.nav-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--ink);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.nav-toggle:hover{background:var(--surface);border-color:var(--border-strong)}.nav-toggle .icon{width:18px;height:18px}}@media (width>=881px){.nav-toggle{display:none}}@media (width<=480px){.nav-cta .btn-primary{display:none}}.verdict-pill{border-radius:var(--radius-pill);letter-spacing:.005em;font-variant-numeric:tabular-nums;border:1px solid #0000;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.verdict-pill.pill-blue{background:var(--blue-tint);color:var(--blue-ink);border-color:var(--blue-tint-strong)}.verdict-pill.pill-coral{background:var(--coral-tint);color:var(--coral-ink);border-color:var(--coral-tint-strong)}.verdict-pill.pill-lime{background:var(--lime-tint);color:var(--lime-ink)}.verdict-pill .arrow{opacity:.6;font-weight:500}.verdict-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero{padding:var(--space-20) 0 var(--space-16);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 60% 50% at 50% 35%, var(--blue-tint) 0%, transparent 70%);pointer-events:none;z-index:0;width:min(1200px,100%);height:600px;position:absolute;top:0;left:50%;transform:translate(-50%);mask-image:linear-gradient(#000 0%,#0000 100%)}.hero-inner{z-index:1;text-align:center;max-width:920px;margin:0 auto;position:relative}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);margin:var(--space-5) 0 var(--space-6);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(40px,7vw,80px);font-weight:600;line-height:1.02}.hero h1 .gradient{background:linear-gradient(120deg, var(--blue) 0%, var(--coral) 100%);-webkit-text-fill-color:transparent;color:#0000;background-clip:text}.hero-lead{color:var(--ink-muted);max-width:62ch;margin:0 auto var(--space-8);font-size:20px;line-height:1.55}@media (width<=720px){.hero-lead{font-size:17px}}.hero-ctas{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:inline-flex}.trust-strip{align-items:center;gap:var(--space-5);color:var(--ink-subtle);flex-wrap:wrap;justify-content:center;font-size:13px;display:inline-flex}.trust-strip .check{align-items:center;gap:6px;display:inline-flex}.trust-strip .check .icon{width:14px;height:14px;color:var(--success)}.hero-visual{z-index:1;margin:var(--space-12) auto 0;max-width:1080px;padding:0 var(--space-6);position:relative}.hero-mockup{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);transition:transform var(--dur-slower) var(--ease-out);overflow:hidden;transform:perspective(2000px)rotateX(2deg)}.hero-mockup:hover{transform:perspective(2000px)rotateX(0)}.hero-mockup-bar{background:var(--surface-lowered);border-bottom:1px solid var(--border-subtle);gap:6px;padding:12px 16px;display:flex}.hero-mockup-bar .dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.hero-mockup-bar .dot:first-child{background:var(--coral)}.hero-mockup-bar .dot:nth-child(2){background:var(--warning)}.hero-mockup-bar .dot:nth-child(3){background:var(--success)}.hero-mockup-body{background:var(--border-subtle);grid-template-columns:1fr 1fr;gap:1px;display:grid}@media (width<=720px){.hero-mockup-body{grid-template-columns:1fr}}.mock-car{background:var(--surface-overlay);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.mock-img{aspect-ratio:16/9;background:var(--surface-lowered);border-radius:var(--radius-md);position:relative;overflow:hidden}.mock-img img{object-fit:cover;width:100%;height:100%;display:block}.mock-title{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600}.mock-price{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.mock-specs{gap:var(--space-2);color:var(--ink-muted);grid-template-columns:1fr 1fr 1fr;font-size:11px;display:grid}.mock-spec{background:var(--surface-lowered);border-radius:var(--radius-sm);padding:6px 8px}.mock-spec strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;display:block}.metrics{padding:var(--space-12) 0;border-bottom:1px solid var(--border-subtle);background:var(--surface-overlay)}.metrics-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=880px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric{text-align:center;padding:var(--space-5);border-right:1px solid var(--border-subtle)}.metric:last-child{border-right:none}@media (width<=880px){.metric:nth-child(2){border-right:none}}.metric-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1}.metric-value .unit{color:var(--ink-muted);font-size:.5em;font-weight:500}.metric-value.accent-blue{color:var(--blue)}.metric-value.accent-coral{color:var(--coral)}.metric-value.accent-lime{color:var(--lime-ink)}.metric-label{color:var(--ink-muted);letter-spacing:-.005em;font-size:13px}.problem{background:var(--surface-dark);color:var(--surface-overlay)}.problem-inner{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=880px){.problem-inner{grid-template-columns:1fr}}.problem h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--on-dark-1);margin-bottom:var(--space-5);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(30px,4.5vw,50px);font-weight:600;line-height:1.02}.problem h2 em{color:var(--lime);font-style:normal}.problem .lead{color:var(--on-dark-2);margin-bottom:var(--space-6);font-size:17px;line-height:1.6}.pain-list{gap:var(--space-3);flex-direction:column;display:flex}.pain-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-md);display:flex}.pain-item .icon{width:18px;height:18px;color:var(--coral);flex-shrink:0;margin-top:1px}.pain-item p{color:var(--on-dark-2);font-size:14.5px;line-height:1.5}.pain-item p strong{color:var(--on-dark-1);font-weight:600}.solution-card{background:var(--surface-overlay);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-2xl);color:var(--ink);position:relative;overflow:hidden}.solution-card:before{content:"";background:var(--blue);height:4px;position:absolute;top:0;left:0;right:0}.solution-card h3{font-family:var(--font-display);color:var(--ink);margin-bottom:var(--space-2);font-size:22px;font-weight:600}.solution-card .label{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:var(--space-2);font-size:11.5px;font-weight:700}.solution-card p{color:var(--ink-muted);margin-bottom:var(--space-5);font-size:14.5px;line-height:1.55}.solution-list{gap:var(--space-3);flex-direction:column;display:flex}.solution-list li{align-items:flex-start;gap:var(--space-3);color:var(--ink);font-size:14px;line-height:1.5;display:flex}.solution-list li .icon{width:18px;height:18px;color:var(--success);flex-shrink:0;margin-top:1px}.bento{gap:var(--space-3);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);display:grid}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento{grid-template-columns:1fr}}.bento-card{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color,var(--blue));transform:translateY(-4px)}.bento-card[data-accent=blue]{--accent-color:var(--blue)}.bento-card[data-accent=coral]{--accent-color:var(--coral)}.bento-card[data-accent=lime]{--accent-color:var(--lime-vivid)}.bento-card:after{content:"";background:var(--accent-color,var(--blue));transform-origin:0;height:3px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.bento-card:hover:after{transform:scaleX(1)}.bento-card .icon-bubble{border-radius:var(--radius-md);background:var(--accent-tint,var(--blue-tint));width:44px;height:44px;color:var(--accent-color,var(--blue));margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.bento-card[data-accent=blue] .icon-bubble{background:var(--blue-tint);color:var(--blue)}.bento-card[data-accent=coral] .icon-bubble{background:var(--coral-tint);color:var(--coral)}.bento-card[data-accent=lime] .icon-bubble{background:var(--lime-tint);color:var(--lime-ink)}.bento-card .icon-bubble .icon{width:22px;height:22px}.bento-card h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:20px;font-weight:600}.bento-card p{color:var(--ink-muted);font-size:14.5px;line-height:1.55}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.row-2{grid-row:span 2}@media (width<=980px){.span-2,.span-3,.span-4,.span-6{grid-column:span 2}.row-2{grid-row:auto}}@media (width<=600px){.span-2,.span-3,.span-4,.span-6{grid-column:span 1}}.bento-chart{padding-top:var(--space-5);margin-top:auto}.verdict-mock{gap:var(--space-4);flex-direction:column;display:flex}.verdict-mock-summary{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);border-left:3px solid var(--blue)}.verdict-mock-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:6px;font-size:10.5px;font-weight:700}.verdict-mock-summary p{color:var(--ink);font-size:13px;line-height:1.5}.verdict-mock-list{gap:var(--space-2);flex-direction:column;display:flex}.verdict-mock-row{gap:var(--space-3);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:70px 32px 1fr;align-items:center;padding:10px 12px;display:grid}.verdict-mock-profile{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.verdict-mock-winner{border-radius:var(--radius-sm);width:28px;height:28px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.verdict-mock-winner.pill-blue{background:var(--blue);color:var(--surface-overlay)}.verdict-mock-winner.pill-coral{background:var(--coral);color:var(--surface-overlay)}.verdict-mock-winner.pill-lime{background:var(--lime);color:var(--lime-ink)}.verdict-mock-reason{color:var(--ink-muted);font-size:12.5px;line-height:1.4}.bar-list{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.bar-row{gap:var(--space-3);color:var(--ink-muted);grid-template-columns:80px 1fr 40px;align-items:center;font-size:12px;display:grid}.bar-row .bar-label{color:var(--ink);font-weight:500}.bar-row .bar-track{background:var(--surface-lowered);border-radius:var(--radius-pill);height:8px;overflow:hidden}.bar-row .bar-fill{background:linear-gradient(90deg, var(--blue) 0%, var(--coral) 100%);border-radius:var(--radius-pill);transform-origin:0;height:100%;transition:transform var(--dur-slower) var(--ease-out);transform:scaleX(0)}.bar-row.is-visible .bar-fill{transform:scaleX(1)}.bar-row .bar-value{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;font-weight:600}.steps{gap:var(--space-4);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=880px){.steps{grid-template-columns:1fr}}.step{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.step:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color,var(--blue));transform:translateY(-4px)}.step:first-child{--accent-color:var(--blue)}.step:nth-child(2){--accent-color:var(--coral)}.step:nth-child(3){--accent-color:var(--lime-vivid)}.step:before{content:"";background:var(--accent-color);transform-origin:0;height:3px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.step:hover:before{transform:scaleX(1)}.step-num{border-radius:var(--radius-md);background:var(--accent-color);width:40px;height:40px;color:var(--surface-overlay);font-family:var(--font-display);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.step:nth-child(3) .step-num{color:var(--lime-ink);background:var(--lime)}.step h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:600}.step p{color:var(--ink-muted);font-size:14.5px;line-height:1.55}.step-visual{padding-top:var(--space-4);margin-top:auto}.browser-mock{background:var(--surface-lowered);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--ink-muted);font-size:11px;overflow:hidden}.browser-mock-bar{background:var(--surface);border-bottom:1px solid var(--border-subtle);gap:4px;padding:6px 8px;display:flex}.browser-mock-bar .dot{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.browser-mock-bar .url{color:var(--ink-subtle);margin-left:8px;font-size:10px}.browser-mock-body{padding:var(--space-3);flex-direction:column;gap:6px;min-height:80px;display:flex}.browser-mock-body .line{border-radius:var(--radius-xs);background:var(--surface);height:8px}.browser-mock-body .line.short{width:50%}.browser-mock-body .line.medium{width:75%}.browser-mock-body .line.accent{background:var(--accent-color,var(--blue));opacity:.4}.install{background:var(--surface);position:relative;overflow:hidden}.install:before{content:"";background:radial-gradient(circle, var(--blue-tint) 0%, transparent 70%);filter:blur(40px);pointer-events:none;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.install-grid{gap:var(--space-12);z-index:1;grid-template-columns:1fr 1.2fr;align-items:center;display:grid;position:relative}@media (width<=980px){.install-grid{grid-template-columns:1fr}}.install-list{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.install-step{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);display:flex}.install-step:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translate(4px)}.install-step-num{background:var(--blue-tint);width:36px;height:36px;color:var(--blue);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.install-step-body h4{font-family:var(--font-display);color:var(--ink);margin-bottom:2px;font-size:16px;font-weight:600}.install-step-body p{color:var(--ink-muted);font-size:13.5px;line-height:1.5}.install-card{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);position:relative}.install-card .browser-frame{background:var(--surface-lowered);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--space-5);overflow:hidden}.install-card .browser-frame-bar{background:var(--surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;padding:8px 12px;display:flex}.install-card .browser-frame-bar .dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.install-card .browser-frame-bar .url{background:var(--surface-overlay);border-radius:var(--radius-pill);color:var(--ink-subtle);font-variant-numeric:tabular-nums;margin-left:8px;padding:3px 10px;font-size:11px}.install-card .browser-frame-body{padding:var(--space-5);gap:var(--space-3);grid-template-columns:1fr 1fr;min-height:200px;display:grid}@media (width<=600px){.install-card .browser-frame-body{grid-template-columns:1fr}}.install-card .browser-frame-body .mock-car{padding:var(--space-3)}.install-note{background:var(--lime-tint);color:var(--lime-ink);border-radius:var(--radius-pill);margin-bottom:var(--space-4);align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.install-note .icon{width:14px;height:14px}.pricing-grid{gap:var(--space-4);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=880px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.price-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.price-card.popular{border-color:var(--blue);background:var(--blue-tint);box-shadow:var(--shadow-blue)}.price-card .popular-tag{background:var(--blue);color:var(--surface-overlay);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-blue);white-space:nowrap;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-card,.price-card:not(.popular){margin-top:14px}@media (width<=600px){.price-card.popular{margin-top:20px}.price-card .popular-tag{top:-16px}}.price-card h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:600}.price-card .price{font-family:var(--font-display);color:var(--ink);align-items:baseline;gap:4px;display:flex}.price-card .price .amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.price-card .price .currency{color:var(--ink-muted);font-size:20px;font-weight:600}.price-card .price .period{color:var(--ink-muted);margin-left:6px;font-size:14px;font-weight:500}.price-card .desc{color:var(--ink-muted);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:13.5px;line-height:1.55}.price-card ul{gap:var(--space-2);flex-direction:column;display:flex}.price-card ul li{align-items:flex-start;gap:var(--space-2);color:var(--ink);font-size:13.5px;line-height:1.5;display:flex}.price-card ul li .icon{width:14px;height:14px;color:var(--success);flex-shrink:0;margin-top:3px}.price-card .btn{margin-top:auto}.faq-list{gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex}details.faq-item{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease-out);overflow:hidden}details.faq-item[open]{border-color:var(--ink-muted)}details.faq-item summary{padding:var(--space-5) var(--space-6);cursor:pointer;font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background var(--dur-fast) var(--ease-out);font-size:17px;font-weight:600;list-style:none;display:flex}details.faq-item summary:hover{background:var(--surface)}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary .chev{width:18px;height:18px;color:var(--ink-muted);transition:transform var(--dur-base) var(--ease-out);flex-shrink:0}details.faq-item[open] summary .chev{transform:rotate(180deg)}details.faq-item .answer{padding:0 var(--space-6) var(--space-5);color:var(--ink-muted);font-size:14.5px;line-height:1.6}details.faq-item .answer a{color:var(--blue)}.cta-final{padding:var(--space-24) 0;background:var(--surface-dark);color:var(--on-dark-1);text-align:center;position:relative;overflow:hidden}.cta-final:before{content:"";opacity:.4;filter:blur(40px);pointer-events:none;background:radial-gradient(50% 50%,oklch(30% .1 255) 0%,#0000 70%);width:800px;height:400px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.cta-final-inner{z-index:1;max-width:720px;padding:0 var(--space-6);margin:0 auto;position:relative}.cta-final h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--on-dark-1);margin-bottom:var(--space-4);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(40px,6.5vw,72px);font-weight:600;line-height:1.02}.cta-final h2 .accent-lime{color:var(--lime)}.cta-final p{color:var(--on-dark-2);margin-bottom:var(--space-8);font-size:17px;line-height:1.55}.cta-final .btn-primary{background:var(--on-dark-1);color:var(--ink);border-color:var(--on-dark-1)}.cta-final .btn-primary:hover{background:var(--lime);border-color:var(--lime);color:var(--lime-ink);box-shadow:var(--shadow-lime)}.cta-final .trust-strip{color:var(--on-dark-3);margin-top:var(--space-6)}.cta-final .trust-strip .check .icon{color:var(--lime)}.footer{background:var(--surface-dark);color:var(--on-dark-3);padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--dark-border)}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (width<=720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer .brand{color:var(--surface-overlay);margin-bottom:var(--space-3)}.footer-about{max-width:32ch;font-size:13.5px;line-height:1.6}.footer-col h5{font-family:var(--font-display);color:var(--surface-overlay);letter-spacing:.02em;margin-bottom:var(--space-3);font-size:13px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;display:flex}.footer-col a{color:var(--on-dark-3);transition:color var(--dur-fast) var(--ease-out);font-size:13.5px}.footer-col a:hover{color:var(--on-dark-1)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--dark-border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:12.5px;display:flex}.footer-bottom .made{align-items:center;gap:6px;display:inline-flex}.footer-bottom .made .heart{color:var(--coral);width:14px;height:14px;display:inline-flex}.footer-bottom .made .heart .icon{width:14px;height:14px}.reveal{opacity:0;transition:opacity var(--dur-slower) var(--ease-out), transform var(--dur-slower) var(--ease-out);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(16px)}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.is-visible>:first-child{transition-delay:0s}.reveal-stagger.is-visible>:nth-child(2){transition-delay:60ms}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.12s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.18s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.24s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}.center{text-align:center}.section-header{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;max-width:720px;display:flex}.section-header.center{align-items:center;margin-left:auto;margin-right:auto}
