section{overflow:hidden}.btn{transition:transform .15s ease,filter .15s ease,background-color .15s ease}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost:hover{transform:translateY(-2px);background:rgba(55,48,163,.06)}header.nav{border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease}header.nav.nav--scrolled{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom-color:var(--hairline)}.hero{background:var(--canvas);padding:80px 0 0;text-align:center}.hero h1{font-size:56px;font-weight:600;line-height:1.07;letter-spacing:-.28px;max-width:820px;margin:0 auto 24px}.hero p.lead{font-size:19px;font-weight:400;line-height:1.5;color:var(--ink-muted-80);max-width:560px;margin:0 auto 32px}.hero-ctas{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.hero-note{font-size:12px;color:var(--ink-muted-48);margin-bottom:56px}.result-mockup{max-width:420px;margin:0 auto;background:var(--canvas);border:1px solid var(--hairline);border-radius:18px;padding:32px 24px;box-shadow:3px 5px 30px 0 rgba(0,0,0,.22);position:relative;top:1px}.result-mockup .label{font-size:12px;color:var(--ink-muted-48);margin-bottom:16px;text-align:left}.result-mockup .caption{font-size:13px;color:var(--ink-muted-48);text-align:left}.result-mockup:hover{box-shadow:3px 5px 30px 0 rgba(0,0,0,.22),0 20px 40px rgba(55,48,163,.12);transform:translateY(-2px)}.result-mockup{transition:box-shadow .3s ease,transform .3s ease}.balls{display:flex;gap:12px;margin:20px 0}.ball{width:40px;height:40px;border-radius:9999px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;animation:ballFadeIn .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.8)}.ball:first-child{animation-delay:0s}.ball:nth-child(2){animation-delay:.08s}.ball:nth-child(3){animation-delay:.16s}.ball:nth-child(4){animation-delay:.24s}.ball:nth-child(5){animation-delay:.32s}.ball:nth-child(6){animation-delay:.4s}@keyframes ballFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-mockup-wrap{padding-bottom:80px;background:var(--canvas)}.trust-strip{background:var(--canvas-parchment);padding:20px 0}.trust-strip .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;text-align:center}.trust-strip span{font-size:14px;color:var(--ink-muted-80)}.trust-strip .dot{color:var(--ink-muted-48)}.section-head{text-align:center;padding:80px 0 40px}.section-head h2{font-size:40px;font-weight:600;line-height:1.1;margin-bottom:12px}.section-head p{font-size:17px;color:var(--ink-muted-80);max-width:520px;margin:0 auto}.bento{background:var(--canvas);padding:0 0 80px}.bento-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;grid-gap:20px;gap:20px}.bento-card{border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px}.bento-card.dark{background:var(--surface-tile-1);color:var(--body-on-dark);grid-row:1/3;position:relative}.chart-badges{position:absolute;top:28px;left:32px;right:32px;display:flex;flex-wrap:wrap;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--body-on-dark);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:9999px;padding:6px 12px}.live-dot{width:6px;height:6px;border-radius:9999px;background:var(--primary-on-dark);animation:liveDotPulse 1.8s ease-out infinite}@keyframes liveDotPulse{0%{box-shadow:0 0 0 0 rgba(129,140,248,.5)}70%{box-shadow:0 0 0 6px rgba(129,140,248,0)}to{box-shadow:0 0 0 0 rgba(129,140,248,0)}}.trend-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--primary-on-dark);background:rgba(129,140,248,.14);border-radius:9999px;padding:6px 12px}.bento-card.light{background:var(--canvas);border:1px solid var(--hairline)}.bento-card.parchment{background:var(--canvas-parchment)}.bento-card h3{font-size:21px;font-weight:600;letter-spacing:.231px;margin-bottom:8px}.bento-card p{font-size:14px;color:var(--ink-muted-80)}.bento-card.dark p{color:var(--body-muted)}.pattern-viz{display:block;margin-bottom:16px;overflow:visible}.pattern-node{transform-box:fill-box;transform-origin:center;animation:patternPulse 2.6s ease-in-out infinite}@keyframes patternPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.chart{display:flex;align-items:flex-end;gap:8px;height:132px;margin-bottom:24px}.chart .bar{flex:1 1;background:var(--primary-on-dark);border-radius:4px 4px 0 0;opacity:.9;transform-origin:bottom;will-change:height,filter,box-shadow;transition:height .3s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.chart .bar:hover{filter:brightness(1.1);box-shadow:0 12px 24px rgba(129,140,248,.3)}.history-chips{display:flex;gap:8px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.chip.matched{box-shadow:0 0 0 3px var(--canvas),0 0 0 5px var(--primary);transform:scale(1.06)}.match-badge{animation:matchBadgePulse 2.4s ease-in-out infinite}@keyframes matchBadgePulse{0%,to{background:rgba(55,48,163,.08)}50%{background:rgba(55,48,163,.16)}}.steps{background:var(--canvas);padding:0 0 80px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.step .num{width:32px;height:32px;border-radius:9999px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-bottom:16px}.step h3{font-size:17px;font-weight:600;letter-spacing:-.374px;margin-bottom:8px}.step p{font-size:14px;color:var(--ink-muted-80)}.positioning{background:var(--surface-tile-1);color:var(--body-on-dark);padding:80px 0;text-align:center}.positioning h2{font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-.374px;max-width:600px;margin:0 auto 20px}.positioning p{font-size:17px;color:var(--body-muted);max-width:640px;margin:0 auto 24px}.testimonial{background:var(--canvas-parchment);padding:80px 0}.testimonial-card{max-width:640px;margin:0 auto;background:var(--canvas);border:1px solid var(--hairline);border-radius:18px;padding:40px;text-align:center}.testimonial-card p.quote{font-size:19px;font-weight:400;line-height:1.5;color:var(--ink);margin-bottom:20px}.testimonial-card .who{font-size:13px;color:var(--ink-muted-48)}.testimonial-fade{transition:opacity .3s ease}.testimonial-fade.fading{opacity:0}.pricing-preview{background:var(--canvas);padding:80px 0}.price-card{max-width:420px;margin:0 auto;background:var(--canvas-parchment);border-radius:18px;padding:40px;text-align:center}.price-card .amount{font-size:40px;font-weight:600;letter-spacing:0;margin-bottom:4px}.price-card .sub-amount{font-size:14px;color:var(--ink-muted-48);margin-bottom:24px}.price-card ul{list-style:none;margin-bottom:24px;text-align:left;display:inline-block}.price-card li{font-size:14px;color:var(--ink-muted-80);padding:6px 0}.price-card li:before{content:"✓ ";color:var(--primary);font-weight:600}.price-card .fine{font-size:12px;color:var(--ink-muted-48);margin-bottom:24px}.faq{background:var(--canvas-parchment);padding:80px 0;scroll-margin-top:100px}.faq-list{max-width:680px;margin:0 auto}.final-cta{background:var(--surface-tile-1);color:var(--body-on-dark);padding:80px 0;text-align:center}.final-cta h2{font-size:34px;font-weight:600;letter-spacing:-.374px;margin-bottom:28px}html.js .hero h1,html.js .hero p.lead,html.js .hero-ctas,html.js .hero-note,html.js .result-mockup{opacity:0;transform:translateY(20px);animation:heroUp .7s cubic-bezier(.22,1,.36,1) forwards}html.js .hero h1{animation-delay:.05s}html.js .hero p.lead{animation-delay:.16s}html.js .hero-ctas{animation-delay:.27s}html.js .hero-note{animation-delay:.36s}html.js .result-mockup{transform:translateY(28px) scale(.98);animation-delay:.46s}@keyframes heroUp{to{opacity:1;transform:translateY(0) scale(1)}}html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}html.js .reveal.is-visible{opacity:1;transform:translateY(0)}html.js .bento-grid .bento-card:first-child{transition-delay:0s}html.js .bento-grid .bento-card:nth-child(2){transition-delay:90ms}html.js .bento-grid .bento-card:nth-child(3){transition-delay:.18s}html.js .steps-grid .step:first-child{transition-delay:0s}html.js .steps-grid .step:nth-child(2){transition-delay:90ms}html.js .steps-grid .step:nth-child(3){transition-delay:.18s}html.js .faq-list .faq-item:first-child{transition-delay:0s}html.js .faq-list .faq-item:nth-child(2){transition-delay:80ms}html.js .faq-list .faq-item:nth-child(3){transition-delay:.16s}.bento-card,.faq-item,.price-card,.step,.testimonial-card{transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.bento-card:hover,.price-card:hover,.testimonial-card:hover{transform:translateY(-6px)}.bento-card.light:hover,.faq-item:hover{border-color:var(--primary)}.step:hover{transform:translateY(-4px)}.step .num{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.step:hover .num{transform:scale(1.15)}footer li a{transition:color .15s ease}@media (prefers-reduced-motion:reduce){html.js .hero h1,html.js .hero p.lead,html.js .hero-ctas,html.js .hero-note,html.js .result-mockup,html.js .reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.bento-card,.btn,.faq-item,.price-card,.step,.step .num,.testimonial-card,.testimonial-fade,header.nav{transition:none!important}.testimonial-fade{opacity:1!important}.bento-card:hover,.btn-ghost:hover,.btn-primary:hover,.price-card:hover,.step:hover,.step:hover .num,.testimonial-card:hover{transform:none!important}.live-dot,.match-badge,.pattern-node{animation:none!important}}@media (max-width:834px){.hero{padding-top:56px}.hero h1{font-size:40px}.hero p.lead{font-size:17px}.section-head{padding:56px 0 32px}.section-head h2{font-size:30px}.bento-grid{grid-template-columns:1fr}.bento-card.dark{grid-row:auto}.steps-grid{grid-template-columns:1fr;gap:24px}.footer-grid{grid-template-columns:1fr 1fr}.positioning h2{font-size:26px}.final-cta,.positioning{padding:56px 0}.final-cta h2{font-size:26px}}@media (max-width:480px){.hero h1{font-size:32px}.hero-ctas{flex-direction:column;align-items:stretch;padding:0 24px}.footer-grid{grid-template-columns:1fr}.price-card,.testimonial-card{padding:32px 24px}}