/* ————— tokens ————— */
:root{
  --navy:#0A1220; --navy-2:#0E1728; --navy-3:#15223A;
  --paper:#F7F5F0; --paper-2:#EFEBE2; --ink:#141D2B; --ink-2:#41506A; --ink-3:#6C7A93;
  --flame:#F25C1A; --flame-2:#FF7A38; --flame-deep:#C2410C;
  --rig:#2B7FD9; --rig-2:#5CA5F0;
  --green:#1D8A5F;
  --line-d:rgba(148,163,184,.16); --line-l:rgba(20,29,43,.12);
  --disp:'Bricolage Grotesque',sans-serif; --body:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
  --max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:16.5px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--disp);line-height:1.04;letter-spacing:-.022em;font-weight:700}
h2{font-size:clamp(30px,4.4vw,48px)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--flame);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--flame)}
.lede{font-size:18.5px;color:var(--ink-2);max-width:620px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
section{padding:104px 0}
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:16px;border-radius:12px;padding:15px 26px;cursor:pointer;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s}
.btn-flame{background:var(--flame);color:#fff;box-shadow:0 10px 26px -10px rgba(242,92,26,.65)}
.btn-flame:hover{background:var(--flame-2);transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-dark:hover{transform:translateY(-2px)}
.btn-line{border-color:var(--line-d);color:#fff}
.btn-line:hover{border-color:var(--rig-2);background:rgba(92,165,240,.08)}
.btn-line-l{border-color:var(--line-l);color:var(--ink)}
.btn-line-l:hover{border-color:var(--ink)}
.arrow{width:17px;height:17px}
/* ————— nav ————— */
.nav{position:sticky;top:0;z-index:60;background:rgba(10,18,32,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d)}
.nav-in{display:flex;align-items:center;height:72px;gap:34px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:800;font-size:21px;color:#fff}
.brand svg{width:24px;height:32px}
.nav-l{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500;color:#B9C3D4}
.nav-l a:hover{color:#fff}
.nav-tel{font-family:var(--mono);font-size:13.5px;color:#8FA0B8}
.nav-tel:hover{color:#fff}
/* ————— hero ————— */
.hero{color:#E7ECF4;position:relative;overflow:hidden;padding:92px 0 0;
background:linear-gradient(rgba(10,18,32,.8),rgba(10,18,32,.92)),url("assets/bg/circuit-navy.webp") center/cover no-repeat var(--navy)}
.hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(760px 460px at 82% 8%,rgba(43,127,217,.22),transparent 65%),
 radial-gradient(600px 400px at 6% 90%,rgba(242,92,26,.14),transparent 65%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;padding-bottom:96px}
.hero h1{color:#fff;font-size:clamp(42px,5.6vw,74px);font-weight:800}
.hero h1 .cross{position:relative;white-space:nowrap;color:#7E8CA3}
.hero h1 .cross::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:5px;background:var(--flame);transform:rotate(-1.6deg);border-radius:3px}
.hero h1 .one{color:var(--flame-2)}
.hero .lede{color:#AEB9CC;margin:26px 0 34px}
.cap{display:flex;gap:10px;max-width:470px}
.cap input{flex:1;background:#0F1B30;border:1px solid var(--line-d);border-radius:12px;padding:15px 18px;color:#fff;font:15.5px var(--body);outline:none}
.cap input::placeholder{color:#5F7089}
.cap input:focus{border-color:var(--rig)}
.tiny{font-size:13px;color:#7387A1;margin-top:12px}
.tiny b{color:#A9B8CE;font-weight:600}
.creds{display:flex;gap:26px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line-d);flex-wrap:wrap}
.cred .n{font-family:var(--disp);font-weight:700;font-size:21px;color:#fff}
.cred .l{font-size:12.5px;color:#7387A1}
/* hero product */
.stack{position:relative}
.frame{background:linear-gradient(180deg,#101C31,#0C1626);border:1px solid rgba(92,165,240,.28);border-radius:18px;box-shadow:0 48px 110px -20px rgba(2,8,20,.9);overflow:hidden}
.frame .bar{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line-d)}
.frame .bar i{width:9px;height:9px;border-radius:50%;background:#233650}
.frame .bar i:first-child{background:#E0604F}.frame .bar i:nth-child(2){background:#D9A441}.frame .bar i:nth-child(3){background:#3E9B6B}
.frame .body{padding:18px}
.f-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.f-kpi{background:#0F1B30;border:1px solid var(--line-d);border-radius:10px;padding:11px 13px}
.f-kpi span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#5F7089;text-transform:uppercase}
.f-kpi b{font-family:var(--disp);font-size:19px;color:#fff}
.f-kpi .u{color:#4ADE80;font-size:11px}
.f-rows{margin-top:10px;background:#0F1B30;border:1px solid var(--line-d);border-radius:10px;padding:6px 12px}
.f-row{display:grid;grid-template-columns:56px 1fr 74px 58px;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid rgba(148,163,184,.07);font-size:12px;color:#AEB9CC}
.f-row:first-child{border-top:0}
.f-row .t{font-family:var(--mono);color:#5F7089;font-size:11px}
.f-row b{color:#fff;font-weight:600}
.f-row .pill{background:rgba(92,165,240,.16);color:#9CC4F2;border-radius:999px;font-size:10.5px;text-align:center;padding:2px 0}
.f-row .amt{font-family:var(--mono);color:#fff;text-align:right;font-size:12px}
.note-card{position:absolute;right:-14px;bottom:-30px;width:270px;background:#FFFDF8;color:var(--ink);border-radius:14px;padding:16px 18px;box-shadow:0 30px 70px -12px rgba(2,8,20,.75);transform:rotate(1.6deg)}
.note-card .nc-top{display:flex;justify-content:space-between;font-size:11px;font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em}
.note-card h4{font-family:var(--disp);font-size:15px;margin:7px 0 3px}
.note-card p{font-size:12.5px;color:var(--ink-2);line-height:1.5}
.note-card .add{margin-top:10px;display:inline-block;background:var(--flame);color:#fff;font-family:var(--disp);font-weight:600;font-size:12.5px;border-radius:8px;padding:7px 13px}
.annot{position:absolute;left:-8px;top:-26px;font-family:var(--mono);font-size:12px;color:var(--flame-2);transform:rotate(-3deg)}
.annot svg{display:block;margin:4px auto 0}
/* marquee */
.marq{background:var(--navy);border-top:1px solid var(--line-d);padding:17px 0;overflow:hidden;position:relative}
.marq .track{display:flex;gap:44px;white-space:nowrap;animation:roll 42s linear infinite;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#5F7089}
.marq .track span b{color:#8FA0B8;font-weight:600}
@keyframes roll{to{transform:translateX(-50%)}}
/* ————— manifesto ————— */
.manif{background:var(--paper);position:relative}
.manif h2 .u{box-shadow:inset 0 -14px 0 rgba(242,92,26,.22)}
.vs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border:1px solid var(--line-l);border-radius:18px;overflow:hidden;background:#fff}
.vs>div{padding:30px 30px 34px;border-left:1px solid var(--line-l)}
.vs>div:first-child{border-left:0}
.vs .who{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.vs h3{font-size:19px;margin:10px 0 8px}
.vs p{font-size:14.5px;color:var(--ink-2)}
.vs .them{background:#fff}
.vs .us{background:linear-gradient(180deg,#FFF6EF,#fff);position:relative}
.vs .us::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--flame)}
/* ————— loop ————— */
.loop{background:var(--navy);color:#E7ECF4}
.loop h2{color:#fff}
.loop .lede{color:#AEB9CC}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:18px;overflow:hidden;margin-top:56px}
.stp{counter-increment:s;background:var(--navy-2);padding:28px 24px 32px;position:relative;transition:background .2s}
.stp:hover{background:var(--navy-3)}
.stp::before{content:"0" counter(s);font-family:var(--mono);font-size:12px;color:var(--flame-2);letter-spacing:.12em}
.stp h3{font-size:17.5px;color:#fff;margin:12px 0 8px}
.stp p{font-size:13.5px;color:#96A5BC;line-height:1.55}
/* ————— depth ————— */
.depth{background:var(--paper)}
.depth-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:20px}
.cat-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.cat-cloud span{background:#fff;border:1px solid var(--line-l);border-radius:999px;padding:8px 15px;font-size:13.5px;color:var(--ink-2)}
.cat-cloud span b{font-family:var(--mono);font-size:12px;color:var(--flame-deep);font-weight:600}
.ledger-card{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:26px;box-shadow:0 34px 80px -30px rgba(20,29,43,.35);max-width:520px}
.ledger-card h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;text-align:center;margin-bottom:16px}
.lg-r{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #F0EDE6;font-size:14px}
.lg-r .tag{background:#DCF5E9;color:var(--green);border-radius:999px;font-size:11px;padding:2px 9px;font-weight:600;white-space:nowrap}
.lg-r .tag.b{background:#E3F0FC;color:#1D5FA6}
.lg-t{display:flex;justify-content:space-between;padding:9px 0;font-weight:700;font-family:var(--disp)}
.lg-t.sv{color:var(--green)}
.big-quote{font-family:var(--disp);font-weight:600;font-size:clamp(22px,2.6vw,30px);line-height:1.3;max-width:900px;margin:0 auto;text-align:center}
.big-quote em{font-style:normal;color:var(--flame-deep)}
/* ————— rigai ————— */
.rigai{background:linear-gradient(180deg,var(--paper) 0,var(--paper-2) 100%)}
.ai3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.ai-c{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:28px}
.ai-c svg{width:26px;height:26px;color:var(--flame);margin-bottom:16px}
.ai-c h3{font-size:18px;margin-bottom:8px}
.ai-c p{font-size:14.5px;color:var(--ink-2)}
/* ————— stats ————— */
.stats{background:var(--navy);color:#fff}
.st4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:18px;overflow:hidden}
.st{background:var(--navy-2);padding:34px 28px}
.st b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.6vw,46px);color:var(--flame-2)}
.st span{font-size:13.5px;color:#96A5BC}
.fine{font-size:12px;color:#5F7089;margin-top:16px}
/* ————— founder ————— */
.founder{background:var(--paper)}
.f-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:72px;align-items:start}
.polaroid{background:#fff;border:1px solid var(--line-l);border-radius:6px;padding:14px 14px 52px;box-shadow:0 26px 60px -22px rgba(20,29,43,.4);transform:rotate(-2deg)}
.polaroid .ph{aspect-ratio:4/4.6;background:linear-gradient(160deg,#20344F,#0E1728);border-radius:3px;display:flex;align-items:center;justify-content:center;color:#5F7089;font-family:var(--mono);font-size:12px;text-align:center;padding:20px}
.polaroid figcaption{font-family:var(--mono);font-size:12px;color:var(--ink-3);text-align:center;margin-top:14px}
.letter p{font-size:17px;color:var(--ink-2);margin-bottom:18px;max-width:60ch}
.letter p b{color:var(--ink)}
.sig{font-family:var(--disp);font-weight:800;font-size:26px;transform:rotate(-2deg);display:inline-block;margin-top:6px}
.sig-sub{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);margin-top:4px}
/* ————— pricing ————— */
.pricing{color:#E7ECF4;
background:linear-gradient(rgba(10,18,32,.93),rgba(10,18,32,.97)),url("assets/bg/hex-dark.webp") left center/cover no-repeat var(--navy)}
.pricing h2{color:#fff}
.p3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.plan{background:var(--navy-2);border:1px solid var(--line-d);border-radius:18px;padding:30px;display:flex;flex-direction:column}
.plan.hot{border-color:var(--flame);box-shadow:0 30px 80px -30px rgba(242,92,26,.35)}
.plan .pn{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8FA0B8}
.plan .amt{font-family:var(--disp);font-weight:800;font-size:42px;color:#fff;margin:14px 0 2px}
.plan .amt small{font-size:15px;color:#8FA0B8;font-weight:500}
.plan .fee{color:var(--flame-2);font-size:13.5px;font-weight:600}
.plan ul{list-style:none;margin:20px 0 26px;flex:1}
.plan li{padding:7px 0;font-size:14.5px;color:#AEB9CC;display:flex;gap:10px}
.plan li::before{content:"—";color:var(--flame);font-weight:700}
/* ————— quotes ————— */
.quotes{background:var(--paper)}
.q2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}
.q{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:30px}
.q p{font-family:var(--disp);font-weight:600;font-size:19px;line-height:1.45}
.q .who{display:flex;align-items:center;gap:12px;margin-top:20px}
.q .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(140deg,var(--rig),var(--navy-3));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:700;font-size:14px}
.q .who b{display:block;font-size:14px}
.q .who span{font-size:12.5px;color:var(--ink-3)}
.q .metric{margin-top:16px;padding-top:14px;border-top:1px solid #F0EDE6;font-family:var(--mono);font-size:12.5px;color:var(--flame-deep)}
/* ————— faq ————— */
.faq-s{background:var(--paper-2)}
.faq{max-width:780px;margin:44px auto 0}
details{border:1px solid var(--line-l);border-radius:14px;margin-bottom:11px;background:#fff}
summary{cursor:pointer;padding:20px 24px;font-family:var(--disp);font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:"+";font-size:22px;color:var(--flame);font-weight:400}
details[open] summary::after{content:"–"}
details .a{padding:0 24px 20px;color:var(--ink-2);font-size:15px}
/* ————— final ————— */
.final{color:#fff;text-align:center;position:relative;overflow:hidden;
background:linear-gradient(rgba(10,18,32,.78),rgba(10,18,32,.9)),url("assets/bg/constellation.webp") center/cover no-repeat var(--navy)}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 50% 0,rgba(242,92,26,.16),transparent 65%)}
.final h2{font-size:clamp(34px,4.8vw,56px);color:#fff;position:relative}
footer{background:var(--navy);color:#7387A1;border-top:1px solid var(--line-d);padding:64px 0 44px;font-size:14px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:38px}
.foot h5{font-family:var(--mono);color:#B9C3D4;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.foot a{display:block;padding:4.5px 0}
.foot a:hover{color:#fff}
.soon{font-family:var(--mono);font-size:10px;color:var(--flame-2);border:1px solid rgba(242,92,26,.4);border-radius:999px;padding:1px 7px;margin-left:7px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
/* pain photo */
.pain{margin:52px 0 8px;border-radius:18px;overflow:hidden;border:1px solid var(--line-l);box-shadow:0 34px 80px -34px rgba(20,29,43,.45);background:#fff}
.pain img{display:block;width:100%;filter:saturate(.9)}
.pain figcaption{font-family:var(--mono);font-size:12px;color:var(--ink-3);padding:12px 18px;border-top:1px solid var(--line-l);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* logo image */
.logo-img{height:34px;width:auto;display:block}
.brand .logo-img{height:32px}
/* demo modal */
.modal-veil{position:fixed;inset:0;background:rgba(6,10,18,.7);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:90;padding:20px}
.modal-veil.open{display:flex}
.modal{background:#FFFDF8;color:var(--ink);border-radius:18px;max-width:480px;width:100%;padding:34px;position:relative;box-shadow:0 50px 120px rgba(2,8,20,.6)}
.modal h3{font-size:24px;margin-bottom:6px}
.modal .sub2{font-size:14.5px;color:var(--ink-2);margin-bottom:22px}
.modal label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 6px}
.modal input,.modal select{width:100%;border:1px solid var(--line-l);border-radius:10px;padding:12px 14px;font:15px var(--body);background:#fff;color:var(--ink)}
.modal input:focus,.modal select:focus{outline:2px solid var(--flame);outline-offset:1px;border-color:transparent}
.modal .btn{width:100%;justify-content:center;margin-top:22px}
.modal .x{position:absolute;top:14px;right:16px;background:none;border:0;font-size:26px;color:var(--ink-3);cursor:pointer;line-height:1}
.modal .ok{display:none;text-align:center;padding:30px 0 10px}
.modal .ok h3{color:var(--green)}
.hp{position:absolute;left:-9999px;opacity:0}
:focus-visible{outline:2px solid var(--flame);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){
 .hero-grid,.depth-grid,.f-grid,.q2{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr}.st4{grid-template-columns:1fr 1fr}
 .vs{grid-template-columns:1fr}.vs>div{border-left:0;border-top:1px solid var(--line-l)}
 .ai3,.p3{grid-template-columns:1fr}.nav-l,.nav-tel{display:none}
 .note-card{position:static;transform:none;margin-top:14px;width:auto}
 .foot{grid-template-columns:1fr 1fr}}