:root{
  --bg:#0B0E11; --bg-2:#0F1317; --panel:#12161C; --line:#1E242C; --line-2:#29303A;
  --fg:#E4E7EB; --muted:#9CA3AF; --amber:#F0B90B; --on-amber:#0B0E11;
  --win:#26A69A; --loss:#EF5350; --tag:#F0B90B;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --serif:"Instrument Serif",Georgia,serif;
  --r:10px; --wrap:1480px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
.m{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,64px)}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}

.lt{--bg:#FFFFFF;--bg-2:#F4F5F7;--panel:#F6F7F9;--line:#E6E8EB;--line-2:#D9DCE0;--fg:#0B0E11;--muted:#535B66;--tag:#8A6A00;background:var(--bg);color:var(--fg);color-scheme:light}
.lt .shot{box-shadow:0 30px 60px -30px rgba(11,14,17,.35)}
.alt{background:var(--bg-2)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;padding:12px 20px;border-radius:8px;background:var(--amber);color:var(--on-amber);border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}
.btn:hover{background:#FFC928;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-2);font-weight:500}
.btn.ghost:hover{border-color:var(--muted)}
.btn.sm{font-size:14px;padding:9px 14px}

/* strip + nav */
.strip{background:#07090B;border-bottom:1px solid #1A1F26;font-family:var(--mono);font-size:11.5px;color:#7B8490;position:relative;z-index:41}
.strip .wrap{display:flex;gap:22px;align-items:center;height:32px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.strip .wrap::-webkit-scrollbar{display:none}
.ses{display:flex;align-items:center;gap:7px}
.ses i{width:7px;height:7px;border-radius:50%;background:#3A424D}
.ses.on{color:#E4E7EB}.ses.on i{background:var(--win);box-shadow:0 0 0 3px rgba(38,166,154,.18)}
.strip .nx{margin-left:auto;color:var(--amber)}
.nav{position:sticky;top:0;z-index:40;background:rgba(11,14,17,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);color:#E4E7EB}
.nav .wrap{display:flex;align-items:center;gap:28px;height:64px}
.word{font-family:var(--mono);font-weight:700;font-size:17px;color:#E4E7EB}
.word b{color:var(--amber);font-weight:700}
.links{display:flex;gap:24px;font-size:14px;color:#9CA3AF;align-items:center}
.links a:hover{color:#E4E7EB}
.nav-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav-r .tk{border-color:rgba(240,185,11,.5);color:var(--amber)}
@media (max-width:900px){.links{display:none}.nav-r .tk{display:none}}
@media (max-width:420px){.nav-r .ghost{display:none}}

/* hero */
.hero{position:relative;z-index:2;padding:110px 0 0;isolation:isolate}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:240px;z-index:-1;background:linear-gradient(transparent,var(--bg))}
.hero .wrap{display:flex;flex-direction:column;gap:64px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--fg);letter-spacing:.02em;text-transform:none;font-size:12px;background:rgba(18,22,28,.6)}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--win);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.h1{font-size:clamp(42px,7vw,96px);font-weight:700;line-height:.96;letter-spacing:-.055em;max-width:14ch}
.h1 .w{display:inline-block}
.h1 .it{color:var(--amber);font-size:1.08em;letter-spacing:-.02em}
.lede{font-size:19px;color:var(--muted);max-width:54ch;margin-top:24px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.meta{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:16px}
.stage{perspective:1600px}
.shot{border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:#12161C}
.stage .shot{transform-origin:top center;box-shadow:0 60px 120px -40px rgba(0,0,0,.7),0 0 0 1px rgba(240,185,11,.05)}
.glow{position:absolute;left:50%;bottom:-40px;width:80%;height:200px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(240,185,11,.22),transparent);filter:blur(30px);z-index:-1}
.t-f .stage{position:relative;z-index:2;margin-bottom:-220px}
.t-f #solutions{padding-top:320px}
@media (max-width:720px){.t-f .stage{margin-bottom:-70px}.t-f #solutions{padding-top:130px}.hero{padding-top:64px}}
.t-g .hero,.t-d .hero{padding-bottom:96px}
.t-g .hero::after{display:none}

/* marquee */
.marq{border-block:1px solid var(--line);overflow:hidden;background:#0D1014;position:relative;z-index:3}
.marq .row{display:flex;gap:44px;width:max-content;padding:14px 0;font-family:var(--mono);font-size:13px;color:#7B8490;animation:mq 40s linear infinite}
.marq span b{color:#E4E7EB;font-weight:500;margin-right:8px}
@keyframes mq{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:120px 0;border-top:1px solid var(--line);position:relative}
@media (max-width:720px){.sec{padding:72px 0}}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tag);margin-bottom:14px;display:flex;gap:8px;align-items:center}
.new{padding:1px 7px;border-radius:999px;background:rgba(38,166,154,.15);color:var(--win);letter-spacing:.04em}
.h2{font-size:clamp(32px,4.2vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.02;max-width:18ch}
.h2 .it{font-size:1.1em}
.sub{color:var(--muted);max-width:46ch;font-size:17px}
.foot-note{font-size:12px;color:var(--muted);margin-top:10px;font-family:var(--mono)}

.sols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.sols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sols{grid-template-columns:minmax(0,1fr)}}
.sol{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:transform .3s,border-color .3s}
.sol:hover{transform:translateY(-4px);border-color:var(--muted)}
.sol .t{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--tag)}
.sol h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.sol p{color:var(--muted);font-size:14.5px}

/* pinned showcase */
.show{position:relative;height:560vh;border-top:1px solid var(--line)}
.show-in{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden}
.show-in::before{content:"";position:absolute;left:50%;bottom:-30%;width:140%;height:70%;transform:translateX(-50%);border-radius:50%;border-top:1px solid rgba(240,185,11,.25);background:radial-gradient(ellipse at top,rgba(240,185,11,.08),transparent 60%);pointer-events:none}
.show-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:56px;align-items:center;width:100%}
.steps{position:relative;min-height:300px}
.step{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease;pointer-events:none}
.step.on{opacity:1;transform:none;filter:none;pointer-events:auto}
.step .n{font-family:var(--mono);font-size:12px;color:var(--amber);letter-spacing:.1em;margin-bottom:16px}
.step h3{font-size:clamp(28px,3.4vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.04}
.step p{color:var(--muted);font-size:16.5px;margin-top:16px;max-width:40ch}
.dots{display:flex;gap:8px;margin-top:28px}
.dots i{width:28px;height:3px;border-radius:2px;background:var(--line-2);overflow:hidden;position:relative}
.dots i b{position:absolute;inset:0;width:0;background:var(--amber)}
.screen{position:relative;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:#12161C;box-shadow:0 60px 120px -40px rgba(0,0,0,.75)}
.screen .bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);background:#0D1014}
.screen .bar i{width:9px;height:9px;border-radius:50%;background:#2A3039}
.screen .bar span{margin-left:10px;font-family:var(--mono);font-size:11px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.screen .imgs{position:relative;aspect-ratio:16/10;overflow:hidden}
.hl{position:absolute;border:2px solid var(--amber);border-radius:8px;box-shadow:0 0 0 9999px rgba(5,7,9,.45),0 0 24px rgba(240,185,11,.35);opacity:0;transform:scale(1.06);transition:opacity .5s ease .35s,transform .6s cubic-bezier(.2,.8,.2,1) .35s;pointer-events:none;z-index:2}
.hl.on{opacity:1;transform:none}
.hl span{position:absolute;left:-2px;bottom:calc(100% + 8px);white-space:nowrap;background:var(--amber);color:#0B0E11;font-family:var(--mono);font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:6px}
.hl.dn span{bottom:auto;top:calc(100% + 8px)}
.hl.rt span{left:auto;right:-2px}
@media (max-width:560px){.hl span{font-size:9.5px;padding:3px 6px}}
/* progress line under the nav */
.prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#C99A00,var(--amber));transform-origin:left;transform:scaleX(0)}
/* buttons: glow on hover */
.btn:not(.ghost){box-shadow:0 0 0 0 rgba(240,185,11,0);transition:background .15s,transform .2s,box-shadow .3s}
.btn:not(.ghost):hover{box-shadow:0 8px 28px -6px rgba(240,185,11,.55)}
.final .btn:hover{box-shadow:0 8px 28px -6px rgba(0,0,0,.45)}
/* odometer */
.odo{display:inline-flex;overflow:hidden;line-height:1;height:1em;vertical-align:bottom}
.odo .d{display:inline-flex;flex-direction:column;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.odo .d b{height:1em;line-height:1;font-weight:inherit}
.odo .c{display:inline-block}
.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.screen img.on{opacity:1;transform:none}
@media (max-width:900px){
  .show{height:500vh}
  .show-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .steps{min-height:220px}
  .step h3{font-size:28px}.step p{font-size:15px;margin-top:10px}
  .show-in{align-items:flex-start;padding-top:24px}
}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.st{background:var(--bg);padding:32px 24px}
.st .v{font-family:var(--mono);font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1}
.st .v.am{color:var(--amber)}
.st .k{color:var(--muted);font-size:14px;margin-top:10px}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:center}
.split.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.split.rev > :first-child{order:2}
@media (max-width:900px){.split,.split.rev{grid-template-columns:minmax(0,1fr)}.split.rev > :first-child{order:0}}
.split .sub+.sub{margin-top:12px}

.ai{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);padding:18px}
.drop{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line-2);border-radius:8px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.drop b{color:var(--fg);font-weight:500}
.scan{height:2px;margin-top:10px;border-radius:2px;background:var(--line);overflow:hidden}
.scan i{display:block;height:100%;width:0;background:var(--amber);transition:width 1.2s ease}
.af-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.af{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.af span{font-size:11.5px;color:var(--muted)}
.af b{font-family:var(--mono);font-weight:500;font-size:15px;min-height:22px}
.af b.pos{color:var(--win)}
.ai .ok{font-family:var(--mono);font-size:12px;color:var(--win);margin-top:12px;opacity:0;transition:opacity .4s}
.ai .ok.on{opacity:1}

.fan{position:relative;height:520px}
.rcard{position:absolute;left:50%;top:50%;width:270px;margin:-200px 0 0 -135px;border-radius:14px;overflow:hidden;border:1px solid #29303A;box-shadow:0 30px 60px rgba(0,0,0,.5);will-change:transform}
.rcard[data-p="f"]{z-index:3}
@media (max-width:560px){.fan{height:430px}.rcard{width:210px;margin:-160px 0 0 -105px}}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.chips button{all:unset;cursor:pointer;font-family:var(--mono);font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.chips button[aria-pressed="true"]{border-color:var(--amber);color:var(--fg)}

.calc{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.calc-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.calc-h .free{color:var(--win);border:1px solid rgba(38,166,154,.4);padding:3px 8px;border-radius:999px;text-transform:none;letter-spacing:0;font-size:11px}
.calc-b{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld label{font-size:12px;color:var(--muted);font-weight:500}
.fld input,.fld select{width:100%;background:var(--bg);border:1px solid var(--line-2);color:var(--fg);border-radius:8px;padding:11px 12px;font-family:var(--mono);font-size:15px}
.res{grid-column:1/-1;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline}
.res .big{font-family:var(--mono);font-size:40px;font-weight:700;color:#C99A00;letter-spacing:-.03em;line-height:1}
.res small{font-family:var(--mono);color:var(--muted)}
.res .rw{font-size:13px;color:var(--muted)}
.res .rw b{font-family:var(--mono);color:var(--fg);font-weight:500}

.tw{overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg)}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
th{font-weight:600;font-size:13px;color:var(--muted)}
tr:last-child td{border-bottom:0}
.us{background:rgba(240,185,11,.1);color:var(--fg);font-weight:600}
th.us{color:#8A6A00}
.y{color:var(--win);font-weight:700}.n{color:var(--muted)}

.quote{font-size:clamp(26px,3.4vw,42px);line-height:1.2;letter-spacing:-.03em;max-width:28ch}
.quote .it{color:var(--amber)}
.founder{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;margin-top:48px}
@media (max-width:720px){.founder{grid-template-columns:minmax(0,1fr)}}
.fcard{font-family:var(--mono);font-size:12.5px;color:var(--muted);line-height:1.8}
.fcard .av{width:44px;height:44px;border-radius:10px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--amber);font-weight:700;margin-bottom:14px}
.fcard b{color:var(--fg)}
.ftext p{font-size:17px;line-height:1.65;color:var(--muted)}
.ftext p+p{margin-top:14px}

.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:820px){.price{grid-template-columns:minmax(0,1fr)}}
.plan{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.plan::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 70%,rgba(240,185,11,.8) 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.plan .hd{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.amt{font-family:var(--mono);font-size:48px;font-weight:700;letter-spacing:-.03em}
.amt small{font-size:15px;color:var(--muted);font-weight:400;letter-spacing:0}
.plan ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;font-size:14.5px}
@media (max-width:480px){.plan ul{grid-template-columns:minmax(0,1fr)}}
.plan li{display:flex;gap:10px}
.plan li::before{content:"";flex:none;width:11px;height:6px;border-left:1.5px solid var(--amber);border-bottom:1.5px solid var(--amber);transform:rotate(-45deg);margin-top:7px}

.final{background:var(--amber);color:var(--on-amber);padding:120px 0;overflow:hidden}
.final .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.final .h2{max-width:16ch;font-size:clamp(38px,6.4vw,84px)}
.final .h2 .it{color:var(--on-amber)}
.final p{color:#3d3005;font-size:17px}
.final .btn{background:var(--on-amber);color:var(--amber)}
.footer{background:#0B0E11;color:#E4E7EB;overflow:hidden}
.bigword{font-family:var(--sans);font-weight:800;letter-spacing:-.06em;font-size:clamp(64px,15vw,230px);line-height:.85;color:transparent;-webkit-text-stroke:1px #1E242C;background:linear-gradient(#1A1F26,#0B0E11);-webkit-background-clip:text;background-clip:text;white-space:nowrap;padding-top:64px;text-align:center}
.fcols{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:32px;padding:48px 0 32px;font-size:14px}
.fcols>div{display:flex;flex-direction:column;gap:10px}
.fcols a{color:#9CA3AF}.fcols a:hover{color:#E4E7EB}
.fh{font-family:var(--mono);font-size:11px;letter-spacing:.1em}
@media (max-width:820px){.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}.fcols>div:first-child{grid-column:1/-1}}
.fbot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 32px;border-top:1px solid #1E242C;font-family:var(--mono);font-size:11px;color:#9CA3AF}

/* motion start states: only when JS + motion are on */
.mo .rv{opacity:0;transform:translateY(28px);filter:blur(6px)}
.mo .h1 .w{opacity:0;transform:translateY(40px);filter:blur(10px)}
@media (prefers-reduced-motion:reduce){.marq .row,.pill i,.plan::before{animation:none}}