:root{--haven:oklch(80% .145 162);--haven-glow:oklch(80% .145 162/.22);--haven-dim:oklch(80% .145 162/.13);--sc-exc:oklch(80% .145 162);--sc-bon:oklch(83% .15 145);--sc-moy:oklch(84% .135 86);--sc-fai:oklch(70% .155 38);--ink-950:oklch(14.5% .018 232);--ink-900:oklch(18.5% .02 232);--ink-850:oklch(22.5% .02 232);--ink-800:oklch(26.5% .02 232);--paper:oklch(96.5% .006 232);--t-2:oklch(80% .012 232);--t-3:oklch(64% .014 232);--t-4:oklch(52% .016 232);--max:1140px;--r:14px;--r-lg:22px;--bg:oklch(97.8% .004 240);--bg-alt:oklch(95.8% .006 230);--card:white;--fg:oklch(16% .018 232);--fg-2:oklch(40% .016 232);--fg-3:oklch(58% .014 232);--border:oklch(88.5% .009 232);--hero-bg:oklch(97.2% .012 165);--hero-map-opacity:.45;--hero-map-filter:saturate(.35) brightness(.9);--hero-grid-line:oklch(50% .06 162/.1);--hero-vignette-edge:oklch(97.2% .012 165/.88);--hero-glow-color:oklch(80% .145 162/.2);--hero-ey:oklch(50% .145 162);--hero-h1:var(--ink-950);--hero-sub:oklch(38% .016 232);--hero-screen-shadow:0 30px 80px -20px oklch(38% .06 162/.22), 0 0 0 1px oklch(62% .08 162/.28);--hero-screen-sheen:oklch(97.2% .012 165/.3);--nav-bg:oklch(97.2% .012 165/.88);--nav-border:oklch(68% .06 162/.22);--nav-brand:var(--ink-950);--nav-link:oklch(42% .04 162);--nav-link-hover:var(--ink-950);--footer-bg:oklch(94% .01 165);--footer-border:oklch(68% .06 162/.25);--footer-brand:var(--ink-950);--footer-link:oklch(46% .03 162);--footer-link-hover:var(--ink-950);--footer-copy:oklch(50% .02 165);--cta-bg:oklch(94% .012 165);--cta-glow:oklch(80% .145 162/.14)}[data-theme=dark]{--bg:var(--ink-900);--bg-alt:var(--ink-850);--card:var(--ink-800);--fg:var(--paper);--fg-2:var(--t-2);--fg-3:var(--t-3);--border:oklch(42% .02 232/.38);--hero-bg:var(--ink-950);--hero-map-opacity:.7;--hero-map-filter:brightness(.75);--hero-grid-line:oklch(50% .02 232/.06);--hero-vignette-edge:var(--ink-950);--hero-glow-color:oklch(80% .145 162/.09);--hero-ey:var(--haven);--hero-h1:var(--paper);--hero-sub:var(--t-2);--hero-screen-shadow:0 50px 120px -30px #000a14, 0 0 0 1px oklch(42% .02 232/.45);--hero-screen-sheen:oklch(14.5% .018 232/.3);--nav-bg:oklch(14.5% .018 232/.86);--nav-border:oklch(42% .02 232/.2);--nav-brand:var(--paper);--nav-link:var(--t-3);--nav-link-hover:var(--paper);--footer-bg:oklch(12% .018 232);--footer-border:oklch(42% .02 232/.18);--footer-brand:var(--paper);--footer-link:var(--t-4);--footer-link-hover:var(--t-2);--footer-copy:var(--t-4);--cta-bg:var(--ink-950);--cta-glow:oklch(80% .145 162/.12)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Hanken Grotesk,system-ui,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.mono{font-family:Geist Mono,ui-monospace,monospace}.w{max-width:var(--max);margin:0 auto;padding:0 44px}.nav{z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(22px)saturate(1.3);align-items:center;gap:20px;height:64px;padding:0 44px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.16em;color:var(--nav-brand);flex:none;align-items:center;gap:10px;font-size:16.5px;font-weight:800;display:flex}.nav-brand em{color:var(--haven);font-style:normal}.nav-links{flex:1;justify-content:center;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--nav-link);font-size:18px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--nav-link-hover)}.nav-cta{background:var(--haven);color:oklch(10% .02 162);border-radius:40px;flex:none;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:700;transition:box-shadow .2s;display:flex}.nav-cta:hover{box-shadow:0 0 28px var(--haven-glow)}.theme-toggle{border:1px solid var(--nav-border);width:36px;height:36px;color:var(--nav-link);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.theme-toggle:hover{color:var(--nav-link-hover)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.hero{background:var(--hero-bg);align-items:center;min-height:100svh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-map{z-index:0;opacity:var(--hero-map-opacity);filter:var(--hero-map-filter);position:absolute;inset:0}.hero-grid{z-index:0;background-image:linear-gradient(var(--hero-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-line) 1px, transparent 1px);background-size:52px 52px;position:absolute;inset:0;mask:radial-gradient(80% 90% at 50% 40%,#000 20%,#0000 75%)}.hero-vignette{z-index:1;background:radial-gradient(75% 90% at 28% 52%, transparent 25%, var(--hero-vignette-edge) 85%);position:absolute;inset:0}.hero-glow{z-index:1;background:radial-gradient(circle, var(--hero-glow-color) 0%, transparent 65%);pointer-events:none;width:640px;height:640px;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%)}.hero-inner{z-index:2;max-width:var(--max);grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin:0 auto;padding:80px 44px;display:grid;position:relative}.hero-ey{text-transform:uppercase;letter-spacing:.2em;color:var(--hero-ey);align-items:center;gap:12px;margin-bottom:22px;font-size:11px;font-weight:500;display:flex}.hero-ey:before{content:"";background:var(--hero-ey);flex:none;width:28px;height:2px}.hero h1{letter-spacing:-.03em;color:var(--hero-h1);text-wrap:pretty;margin-bottom:22px;font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1.07}.hero h1 em{color:var(--haven);font-style:normal}.hero-sub{color:var(--hero-sub);max-width:44ch;margin-bottom:40px;font-size:18px;line-height:1.65}.btn-primary{background:var(--haven);color:oklch(10% .02 162);border-radius:50px;align-items:center;gap:10px;padding:15px 28px;font-size:16px;font-weight:700;transition:box-shadow .2s,transform .15s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 40px var(--haven-glow);transform:translateY(-1px)}.hero-screen{box-shadow:var(--hero-screen-shadow);border-radius:18px;position:relative;overflow:hidden}.hero-screen img{width:100%}.hero-screen:after{content:"";pointer-events:none;background:linear-gradient(160deg, transparent 60%, var(--hero-screen-sheen) 100%);position:absolute;inset:0}.hero-screen--panel{box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;display:flex;overflow:visible}.hero-screen--panel:after{display:none}@media (width<=920px){.hero-screen--panel{justify-content:flex-start}.hero-screen--panel .hsp-shell{max-width:100%}}.sec{padding:92px 0}.ey{text-transform:uppercase;letter-spacing:.18em;color:var(--haven);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:500;display:flex}.ey:before{content:"";background:var(--haven);flex:none;width:20px;height:2px}.s-h2{letter-spacing:-.025em;color:var(--fg);margin-bottom:12px;font-size:clamp(26px,2.7vw,40px);font-weight:800;line-height:1.1}.s-lead{color:var(--fg-2);max-width:52ch;font-size:17px;line-height:1.65}.s-head{margin-bottom:56px}.s-features{background:var(--bg)}.feat-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px}.feat-ico{background:var(--haven-dim);width:44px;height:44px;color:var(--haven);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.feat-ico svg{width:22px;height:22px}.feat-card h3{letter-spacing:-.02em;color:var(--fg);margin-bottom:8px;font-size:17px;font-weight:700}.feat-card p{color:var(--fg-2);font-size:15px;line-height:1.6}.s-how{background:var(--bg-alt)}.steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.step{flex-direction:column;gap:14px;display:flex}.step-n{color:var(--haven);align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.step-n-num{background:var(--haven-dim);border:1.5px solid var(--haven-glow);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.step-connector{background:linear-gradient(to right, var(--haven-glow), transparent);flex:1;height:1px}.step h3{letter-spacing:-.02em;color:var(--fg);font-size:19px;font-weight:700}.step p{color:var(--fg-2);font-size:15px;line-height:1.6}.s-themes{background:var(--card)}.themes-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.tc{border-radius:var(--r);border:1px solid var(--border);padding:28px 28px 26px 34px;position:relative;overflow:hidden}.tc:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.tc.benefit:before{background:var(--sc-exc)}.tc.risk:before{background:var(--sc-moy)}.tc-badge{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:10.5px;font-weight:600}.tc.benefit .tc-badge{color:var(--sc-exc)}.tc.risk .tc-badge{color:var(--sc-moy)}.tc h3{letter-spacing:-.02em;color:var(--fg);margin-bottom:8px;font-size:19px;font-weight:700}.tc p{color:var(--fg-2);margin-bottom:16px;font-size:15px;line-height:1.6}.tc-tags{flex-wrap:wrap;gap:6px;display:flex}.tc-tag{background:var(--bg-alt);color:var(--fg-2);border-radius:20px;padding:5px 11px;font-size:12.5px;font-weight:500}.s-demo{background:var(--bg-alt)}.demo-inner{grid-template-columns:1fr 1.55fr;align-items:center;gap:80px;display:grid}.demo-text p{color:var(--fg-2);margin-top:16px;font-size:17px;line-height:1.65}.demo-img{border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;box-shadow:0 24px 70px -20px oklch(16% .018 232/.22)}.s-faq{background:var(--bg)}.faq-list{max-width:700px}details{border-bottom:1px solid var(--border)}details summary{cursor:pointer;letter-spacing:-.01em;color:var(--fg);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:16px;font-weight:600;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}.faq-ico{background:var(--bg-alt);width:28px;height:28px;color:var(--fg-3);border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s,transform .2s;display:grid}details[open] .faq-ico{background:var(--haven-dim);color:var(--haven);transform:rotate(45deg)}.faq-a{color:var(--fg-2);max-width:58ch;padding-bottom:20px;font-size:15px;line-height:1.7}.s-cta{background:var(--cta-bg);text-align:center;padding:100px 0;position:relative;overflow:hidden}.s-cta-glow{background:radial-gradient(55% 70% at 50% 110%, var(--cta-glow) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.s-cta>.w{z-index:1;position:relative}.s-cta .ey{justify-content:center}.s-cta .ey:before{display:none}.s-cta .s-h2{color:var(--fg)}.s-cta-sub{color:var(--fg-2);margin-bottom:40px;font-size:17px}footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:36px 0}.ft-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.ft-brand{letter-spacing:.16em;color:var(--footer-brand);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.ft-brand em{color:var(--haven);font-style:normal}.ft-links{gap:28px;display:flex}.ft-links a{color:var(--footer-link);font-size:14px;transition:color .15s}.ft-links a:hover{color:var(--footer-link-hover)}.ft-copy{color:var(--footer-copy);font-size:13px}.anim{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.anim.in{opacity:1;transform:none}.anim-d1{transition-delay:.1s}.anim-d2{transition-delay:.18s}@media (width<=920px){.hero-inner,.demo-inner{grid-template-columns:1fr;gap:36px}.feat-grid,.steps{grid-template-columns:1fr;gap:16px}.themes-grid{grid-template-columns:1fr}.nav-links{display:none}}@media (width<=600px){.w,.nav{padding:0 22px}.hero-inner{padding:56px 22px}.sec{padding:68px 0}.ft-inner{text-align:center;flex-direction:column}}