:root{--bg:#07080b;--bg-soft:#0a0c11;--panel:#0d0f15;--panel-2:#12151d;--line:#1c2029;--line-soft:#151821;--text:#eceef4;--muted:#8b93a7;--muted-2:#656c7e;--violet:#6e56f8;--violet-soft:#8b78ff;--mint:#22e3a6;--amber:#ffb648;--red:#ff5e6c;--radius:14px;--radius-sm:9px;--shadow:0 20px 60px -30px rgba(0,0,0,0.9);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Cascadia Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:620}p,ul{margin:0}ul{padding:0;list-style:none}::selection{background:rgba(110,86,248,.35)}.wrap{width:100%;max-width:1140px}.wrap,.wrap-sm{margin:0 auto;padding:0 24px}.wrap-sm{max-width:760px}.row{gap:12px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:16px}.col{display:flex;flex-direction:column}.spacer{flex:1 1}.center{text-align:center}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.hidden{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:14px;font-weight:550;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{border-color:#2a3040;background:#161a24}.btn-primary{background:linear-gradient(180deg,#7c66ff,#6247f0);border-color:#7f6bff;color:#fff;box-shadow:0 8px 24px -12px rgba(110,86,248,.9)}.btn-primary:hover{background:linear-gradient(180deg,#8b78ff,#6d55f3);border-color:#9282ff}.btn-mint{background:var(--mint);border-color:var(--mint);color:#04120c;font-weight:650}.btn-mint:hover{background:#43efb8;border-color:#43efb8}.btn-lg{height:48px;padding:0 22px;font-size:15px;border-radius:12px}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card-tight{padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.card-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.card-sub{font-size:12.5px;color:var(--muted-2)}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:550;border:1px solid var(--line);background:var(--panel-2);color:var(--muted)}.pill-mint{color:var(--mint);border-color:rgba(34,227,166,.3);background:rgba(34,227,166,.08)}.pill-violet{color:var(--violet-soft);border-color:rgba(110,86,248,.35);background:rgba(110,86,248,.1)}.pill-amber{color:var(--amber);border-color:rgba(255,182,72,.3);background:rgba(255,182,72,.08)}.pill-red{color:var(--red);border-color:rgba(255,94,108,.3);background:rgba(255,94,108,.08)}.dot{width:7px;height:7px;background:currentColor;display:inline-block}.dot,.live-dot{border-radius:50%}.live-dot{width:8px;height:8px;background:var(--mint);box-shadow:0 0 0 0 rgba(34,227,166,.6);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,227,166,.5)}70%{box-shadow:0 0 0 8px rgba(34,227,166,0)}to{box-shadow:0 0 0 0 rgba(34,227,166,0)}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{font-size:13px;font-weight:550;color:var(--muted)}.input,.select,.textarea{width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#0a0c11;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s ease}.textarea{height:auto;padding:10px 12px;min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(110,86,248,.15)}.input::placeholder{color:#4d5464}.form-error{padding:10px 12px;border-radius:10px;background:rgba(255,94,108,.1);border:1px solid rgba(255,94,108,.3);color:#ffb3ba;font-size:13px;margin-bottom:14px}.checkbox{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted)}.checkbox input{margin-top:3px;accent-color:var(--violet)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);font-weight:600;padding:0 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--line-soft)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:rgba(255,255,255,.015)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table .strong{font-weight:550}.tag{padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600}.tag-pageview{background:rgba(139,147,167,.12);color:#a8b0c2}.tag-signup{background:rgba(110,86,248,.15);color:var(--violet-soft)}.tag-checkout{background:rgba(255,182,72,.14);color:var(--amber)}.tag-payment{background:rgba(34,227,166,.14);color:var(--mint)}.tag-custom{background:rgba(255,255,255,.07);color:var(--muted)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(7,8,11,.78);border-bottom:1px solid var(--line-soft)}.nav-inner{display:flex;align-items:center;gap:30px;height:64px}.nav-links{display:flex;gap:22px;font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.hero{padding:84px 0 60px;position:relative;overflow:hidden}.hero-glow{width:900px;height:620px;top:-320px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(110,86,248,.28),transparent 62%)}.hero-glow,.hero-grid{position:absolute;pointer-events:none}.hero-grid{inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0,#000 40%,transparent 100%);opacity:.5}.hero h1{font-size:clamp(34px,5.2vw,58px);letter-spacing:-.035em;font-weight:660}.grad-text{background:linear-gradient(100deg,#fff 10%,#b9aaff 45%,#22e3a6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:17px;color:var(--muted);max-width:620px;line-height:1.6}.section{padding:64px 0;border-top:1px solid var(--line-soft);scroll-margin-top:78px}.section-title{font-size:clamp(24px,3.2vw,34px);letter-spacing:-.03em}.kicker{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:12px}.grid{display:grid;grid-gap:16px;gap:16px;align-items:start}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.g-split-even{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.g-split-left{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.g-split,.g-split-even,.g-split-left{grid-template-columns:1fr}}@media (max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}.nav-links{display:none}.hero{padding:52px 0 40px}}.footer{border-top:1px solid var(--line-soft);padding:40px 0 60px;color:var(--muted-2);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:28px;gap:28px}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}.footer a:hover{color:var(--text)}.code-block{background:#05060a;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-family:var(--mono);font-size:12.5px;line-height:1.7;overflow-x:auto;color:#c7cede;white-space:pre}.code-block .c{color:#5b6376}.code-block .k{color:#b6a5ff}.code-block .s{color:#7ee7bd}.preview-shell{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0d1017,#090b10);box-shadow:var(--shadow);overflow:hidden}.preview-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0a0c12}.preview-dot{width:9px;height:9px;border-radius:50%;background:#232833}.preview-body{padding:18px;display:grid;grid-gap:12px;gap:12px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line-soft);background:#08090d;padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand{padding:4px 8px 18px}.side-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:13.5px;color:var(--muted);font-weight:500}.side-link:hover{background:var(--panel);color:var(--text)}.side-link.active{background:rgba(110,86,248,.13);color:#cfc6ff}.side-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-2);padding:14px 10px 6px;font-weight:650}.main{min-width:0;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 26px;border-bottom:1px solid var(--line-soft);position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(7,8,11,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{padding:24px 26px 64px;max-width:1360px}.page-title{font-size:20px;letter-spacing:-.025em}.page-sub{font-size:13px;color:var(--muted-2);margin-top:3px}@media (max-width:860px){.topbar{flex-wrap:wrap;align-items:flex-start}.cookie-banner{padding:12px 14px;font-size:12.5px;bottom:10px}.page-title{font-size:17px}.page-sub{font-size:12px}.topbar .select{min-width:0!important}.topbar>.row{flex-wrap:wrap;width:100%}.kpi-value{font-size:22px}.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line-soft)}.side-foot,.side-label,.sidebar-brand{display:none}.side-link{white-space:nowrap}.content{padding:18px 16px 60px}.topbar{padding:12px 16px}}.kpi{flex-direction:column}.kpi,.kpi-label{display:flex;gap:6px}.kpi-label{font-size:12px;color:var(--muted-2);font-weight:550;align-items:center}.kpi-value{font-size:26px;font-weight:620;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-foot{font-size:12px;color:var(--muted-2)}.kpi-foot b{color:var(--mint);font-weight:600}.funnel-step{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.funnel-step:last-child{border-bottom:none}.funnel-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--violet),#a08cff);margin-top:8px}.funnel-bar.mint{background:linear-gradient(90deg,#17c78f,var(--mint))}.legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.empty{padding:40px 20px;text-align:center;color:var(--muted-2);font-size:13.5px;border:1px dashed var(--line);border-radius:var(--radius)}.switch{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px}.switch a{padding:5px 11px;border-radius:7px;font-size:12.5px;color:var(--muted);white-space:nowrap}.switch{flex-shrink:0}.switch a.on{background:var(--panel-2);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.4)}.cookie-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:100;width:min(720px,calc(100vw - 32px));background:rgba(16,19,26,.97);border:1px solid #262c39;border-radius:14px;padding:16px 18px;box-shadow:0 24px 60px -24px #000;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.cookie-banner a{color:var(--violet-soft);text-decoration:underline}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{border-right:1px solid var(--line-soft);background:radial-gradient(ellipse at top left,rgba(110,86,248,.22),transparent 60%),#080a0f;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:400px}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}}.prose{font-size:14.5px;line-height:1.75;color:#c2c9d8}.prose h2{font-size:18px;margin:32px 0 10px;color:var(--text)}.prose h3{font-size:15px;margin:22px 0 8px;color:var(--text)}.prose p{margin-bottom:12px}.prose ul{list-style:disc;padding-left:20px;margin-bottom:14px}.prose li{margin-bottom:6px}.prose a{color:var(--violet-soft);text-decoration:underline}.prose code{font-family:var(--mono);font-size:12.5px;background:var(--panel-2);padding:1px 5px;border-radius:4px}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.hero-motion{overflow:clip}.hero-mock-wrap{position:relative;margin-top:36px;perspective:1400px;transform-style:preserve-3d;will-change:transform}.hero-mock{transform-origin:top center;box-shadow:0 60px 120px -60px rgba(110,86,248,.55),0 24px 60px -40px #000}.mock-kpi{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;will-change:transform}.float-card{position:absolute;width:232px;padding:14px;border-radius:14px;background:rgba(17,20,28,.94);border:1px solid #262c39;box-shadow:0 30px 60px -30px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.float-card-a{left:-56px;top:34%}.float-card-b{right:-52px;top:62%}@media (max-width:1180px){.float-card{display:none}}.marquee{margin-top:54px;overflow:hidden;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:34px;width:max-content;animation:marquee 38s linear infinite}.marquee-item{font-size:15px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:34px}.marquee-item i{color:var(--violet);font-size:9px;font-style:normal}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scroll-hint{position:absolute;right:28px;bottom:46px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-hint-line{width:1px;height:42px;background:linear-gradient(180deg,var(--violet-soft),transparent)}@media (max-width:900px){.scroll-hint{display:none}}.problem-root{position:relative;border-top:1px solid var(--line-soft)}.problem-stage{min-height:100vh;display:flex;align-items:center;padding:80px 0;background:radial-gradient(ellipse at 20% 20%,rgba(110,86,248,.1),transparent 55%),var(--bg)}.prob-captions,.prob-head{position:relative}.prob-captions{min-height:132px}.prob-head h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.035em;margin:0;line-height:1.12}.prob-caption-a{position:relative}.prob-caption-b{position:absolute;inset:0;opacity:0}.prob-canvas{position:relative;margin-top:34px;height:400px}.noise-layer{position:absolute;inset:0}.noise-card{position:absolute;width:152px;padding:10px 12px;border-radius:10px;background:rgba(26,30,40,.92);border:1px solid #262c39;opacity:0}.noise-value{font-size:17px;font-weight:620;color:#8b93a7;letter-spacing:-.02em;margin-top:2px}.noise-ask{position:absolute;right:6%;top:44%;font-size:190px;font-weight:700;line-height:1;color:rgba(255,255,255,.045);-webkit-user-select:none;-moz-user-select:none;user-select:none}.answers-layer{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-content:center}.answer-card{background:linear-gradient(180deg,rgba(26,30,40,1),rgba(15,18,25,1));border:1px solid #303748;border-radius:14px;padding:18px;opacity:0;box-shadow:0 30px 60px -40px #000}.prob-progress-track{margin-top:28px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.prob-progress{height:100%;width:100%;background:linear-gradient(90deg,var(--violet),var(--mint));transform:scaleX(0);transform-origin:left center}.problem-fallback{display:none;padding:70px 0}@media (max-width:899px){.problem-stage{display:none}.problem-fallback{display:block}}@media (prefers-reduced-motion:reduce){.problem-stage{display:none}.problem-fallback{display:block}.prob-caption-b{position:static;opacity:1}}.qh-root{position:relative;border-top:1px solid var(--line-soft)}.qh-viewport{min-height:100vh;display:flex;align-items:center;overflow:hidden}.qh-track{display:flex;gap:20px;padding:0 40px;will-change:transform}.qh-intro{width:330px;flex:0 0 auto;align-self:center}.qh-card{width:440px;flex:0 0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.qh-card h3{font-size:20px;letter-spacing:-.025em}.qh-num{position:absolute;right:18px;top:10px;font-size:64px;font-weight:700;color:rgba(255,255,255,.04);letter-spacing:-.05em}.qh-visual{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-soft)}@media (max-width:899px){.qh-viewport{min-height:auto;padding:40px 0;overflow-x:auto;scroll-snap-type:x mandatory}.qh-track{padding:0 16px}.qh-intro{width:260px}.qh-card{width:300px;scroll-snap-align:center}}.funnel-build{background:linear-gradient(180deg,var(--bg),#090b10)}.fb-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.fb-step{margin-bottom:16px}.fb-step:last-child{margin-bottom:0}.fb-bar{height:8px;background:#12151d;border-radius:4px;overflow:hidden}.fb-bar-fill{height:100%;border-radius:4px;width:0}.fb-drop{margin-top:5px;opacity:0}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35) 50%,transparent 75%);transform:translateX(-120%);animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,60%{transform:translateX(-120%)}85%,to{transform:translateX(120%)}}.pricing-card{transition:border-color .25s ease,box-shadow .25s ease}.pricing-card:hover{border-color:rgba(110,86,248,.5);box-shadow:0 40px 90px -60px rgba(110,86,248,.8)}.cta-card{position:relative}@media (prefers-reduced-motion:reduce){.btn-shine:after,.marquee-track{animation:none}}