:root{
  /* page */
  --bg:#0C0C10; --bg-2:#111117; --panel:#16161E; --line:#242430; --line-2:#2E2E3C;
  --tx:#F3F3F7; --tx-2:#9B9BAC; --tx-3:#6E6E80;
  /* accent */
  --vi:#7C5CFF; --vi-2:#A18BFF; --vi-soft:#EDE9FF; --vi-deep:#5B3FE0;
  /* product surfaces (light UI inside device) */
  --s:#FFFFFF; --s-2:#F5F5FA; --s-3:#EFEEF8; --s-line:#E6E6F0;
  --ink:#16161F; --ink-2:#6C6C80; --ink-3:#9A9AAC;
  --ok:#17A97C; --warn:#E39A2B; --bad:#E2523C;
  --disp:'Bricolage Grotesque','Arial Black',Arial,sans-serif;
  --ui:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut:clamp(20px,4vw,56px);
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--vi-2);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding-inline:var(--gut)}

h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0;text-wrap:balance}
h1{font-size:clamp(42px,6.6vw,92px);letter-spacing:-.05em;line-height:.95}
h2{font-size:clamp(30px,4.2vw,58px)}
h3{font-size:clamp(19px,1.9vw,25px);letter-spacing:-.03em}
p{margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-2)}
.eyebrow b{width:6px;height:6px;border-radius:50%;background:var(--vi);flex:none;box-shadow:0 0 0 4px rgba(124,92,255,.16)}
.lead{font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:var(--tx-2);max-width:58ch}
.num{font-variant-numeric:tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--ui);font-size:15px;font-weight:600;padding:15px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;line-height:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}
.btn svg{width:15px;height:15px;flex:none;transition:transform .22s ease}
.btn:hover svg{transform:translateX(4px)}
.btn-p{background:var(--vi);color:#fff;box-shadow:0 8px 26px rgba(124,92,255,.32)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,92,255,.42);background:#8A6CFF}
.btn-g{background:transparent;color:var(--tx);border-color:var(--line-2)}
.btn-g:hover{border-color:#4A4A5E;transform:translateY(-2px);background:rgba(255,255,255,.03)}
.btn-d{background:var(--ink);color:#fff}
.btn-d:hover{transform:translateY(-2px);background:#25253A}
.btn-w{background:#fff;color:var(--ink)}
.btn-w:hover{transform:translateY(-2px)}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(12,12,16,.72);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:22px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.045em}
.brand em{font-style:normal;font-family:var(--ui);font-weight:500;font-size:14px;color:var(--tx-2);letter-spacing:0}
.mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--vi),#B49BFF);display:grid;place-items:center;flex:none;box-shadow:0 4px 14px rgba(124,92,255,.4)}
.mark i{display:block;width:9px;height:9px;border-radius:50%;border:2.5px solid #fff}
.nav-links{display:flex;gap:4px}
.nav-links a{font-size:14px;color:var(--tx-2);padding:9px 14px;border-radius:999px;transition:color .2s ease,background .2s ease}
.nav-links a:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.nav .btn{padding:11px 18px;font-size:13.5px}
@media(max-width:1000px){.nav-links{display:none}}

/* ============ HERO ============ */
.hero{position:relative;padding-block:clamp(48px,6vw,84px) clamp(60px,7vw,100px);overflow:hidden}
.aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px)}
.aura-1{width:720px;height:620px;right:-140px;top:-220px;background:radial-gradient(circle,rgba(124,92,255,.30),transparent 68%)}
.aura-2{width:560px;height:460px;left:-200px;bottom:-200px;background:radial-gradient(circle,rgba(124,92,255,.13),transparent 70%)}
.mesh{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.5;mask-image:radial-gradient(85% 60% at 45% 30%,#000,transparent 75%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,3.6vw,56px);align-items:center}
@media(max-width:1060px){.hero-in{grid-template-columns:1fr;gap:44px}}

.reveal-line{display:block;overflow:hidden}
.reveal-line>span{display:block;animation:up 1s cubic-bezier(.16,1,.3,1) both}
.reveal-line:nth-of-type(2)>span{animation-delay:.08s}
@keyframes up{from{transform:translateY(110%)}to{transform:none}}
.grad{background:linear-gradient(100deg,var(--vi-2) 0%,#D7CCFF 46%,var(--vi) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fu{animation:fu .9s cubic-bezier(.16,1,.3,1) both}
.f1{animation-delay:.26s}.f2{animation-delay:.38s}.f3{animation-delay:.5s}.f4{animation-delay:.6s}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .lead{margin-top:22px}
.ctas{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pill{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-2);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
.pill svg{width:13px;height:13px;color:var(--vi-2);flex:none}

/* ============ DEVICE ============ */
.stage{position:relative;perspective:1800px}
.device{position:relative;border-radius:18px;background:linear-gradient(160deg,#2A2A36,#15151C);padding:10px 10px 12px;box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07);transform-style:preserve-3d;animation:dev 1.3s cubic-bezier(.16,1,.3,1) .1s both}
@keyframes dev{from{opacity:0;transform:translateY(40px) rotateX(10deg) scale(.96)}to{opacity:1;transform:none}}
.screen{position:relative;border-radius:10px;overflow:hidden;background:var(--s-2);aspect-ratio:16/10.4}
.glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%);mix-blend-mode:overlay}
.foot{height:9px;margin:9px auto 0;width:36%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#22222C,#101016)}

/* ---- dashboard UI ---- */
.app{position:absolute;inset:0;display:grid;grid-template-columns:clamp(96px,15%,160px) 1fr;font-family:var(--ui);color:var(--ink);background:var(--s-2);container-type:inline-size}
.side{background:var(--s);border-right:1px solid var(--s-line);padding:clamp(9px,1.4cqw,16px);display:flex;flex-direction:column;gap:clamp(4px,.6cqw,7px)}
.slogo{display:flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:700;font-size:clamp(9px,1.35cqw,15px);letter-spacing:-.04em;margin-bottom:clamp(8px,1.3cqw,16px);padding:2px}
.slogo b{width:clamp(12px,1.6cqw,18px);height:clamp(12px,1.6cqw,18px);border-radius:5px;background:linear-gradient(135deg,var(--vi),#B49BFF);flex:none}
.snav{display:flex;align-items:center;gap:clamp(5px,.8cqw,9px);font-size:clamp(7px,1.05cqw,12px);color:var(--ink-2);padding:clamp(5px,.75cqw,9px) clamp(6px,.9cqw,11px);border-radius:8px;font-weight:500;white-space:nowrap;overflow:hidden}
.snav u{display:block;width:clamp(8px,1.1cqw,13px);height:clamp(8px,1.1cqw,13px);border-radius:4px;background:#DCDCE8;flex:none}
.snav.on{background:var(--vi);color:#fff;box-shadow:0 5px 16px rgba(124,92,255,.35)}
.snav.on u{background:rgba(255,255,255,.85)}
.main{padding:clamp(9px,1.4cqw,18px);display:flex;flex-direction:column;gap:clamp(7px,1.05cqw,13px);overflow:hidden;position:relative}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.top h4{font-family:var(--disp);font-weight:700;font-size:clamp(10px,1.5cqw,18px);letter-spacing:-.035em;margin:0}
.search{display:flex;align-items:center;gap:6px;background:var(--s);border:1px solid var(--s-line);border-radius:999px;padding:clamp(4px,.55cqw,7px) clamp(8px,1cqw,13px);font-size:clamp(6.5px,.92cqw,11px);color:var(--ink-3);min-width:0}
.avat{width:clamp(14px,1.9cqw,24px);height:clamp(14px,1.9cqw,24px);border-radius:50%;background:linear-gradient(135deg,#C9BCFF,#7C5CFF);flex:none}

.scene{position:absolute;inset:clamp(9px,1.4cqw,18px);display:flex;flex-direction:column;gap:clamp(7px,1.05cqw,13px);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none;padding-top:clamp(24px,3.6cqw,44px)}
.scene.on{opacity:1;transform:none}

.hello{background:linear-gradient(105deg,var(--vi-soft),#F7F5FF);border-radius:12px;padding:clamp(8px,1.2cqw,15px) clamp(10px,1.4cqw,17px)}
.hello b{font-family:var(--disp);font-weight:700;font-size:clamp(9px,1.35cqw,16px);letter-spacing:-.03em;display:block}
.hello p{font-size:clamp(6.5px,.92cqw,11px);color:#5A5470;margin-top:3px}
.chips{display:flex;gap:5px;margin-top:clamp(6px,.85cqw,10px);flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:5px;background:#fff;border-radius:999px;padding:clamp(3px,.45cqw,6px) clamp(6px,.85cqw,10px);font-size:clamp(6px,.85cqw,10px);color:#413C56;font-weight:500;white-space:nowrap}
.chip i{font-style:normal;background:var(--vi);color:#fff;border-radius:5px;padding:1px 5px;font-size:clamp(5.5px,.78cqw,9px);font-weight:700}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,.75cqw,9px)}
.kpi{background:var(--s);border:1px solid var(--s-line);border-radius:11px;padding:clamp(7px,1cqw,13px);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:clamp(5px,.75cqw,9px);min-width:0}
.kpi u{grid-row:1/3}
.kpi span{grid-column:2;grid-row:1}
.kpi b{grid-column:2;grid-row:2}
.kpi u{width:clamp(16px,2.2cqw,28px);height:clamp(16px,2.2cqw,28px);border-radius:8px;background:var(--vi-soft);flex:none;display:grid;place-items:center}
.kpi u s{display:block;width:44%;height:44%;border-radius:3px;background:var(--vi);text-decoration:none}
.kpi.dk u{background:var(--ink)}.kpi.dk u s{background:#fff}
.kpi span{display:block;font-size:clamp(5.8px,.82cqw,10px);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(9px,1.35cqw,17px);letter-spacing:-.04em;margin-top:1px}

.cards2{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(5px,.75cqw,9px);flex:1;min-height:0}
.cards3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(5px,.75cqw,9px);flex:1;min-height:0}
.card{background:var(--s);border:1px solid var(--s-line);border-radius:12px;padding:clamp(7px,1.05cqw,14px);display:flex;flex-direction:column;min-width:0;min-height:0}
.card h5{margin:0;font-size:clamp(6.8px,.95cqw,11.5px);font-weight:600;letter-spacing:-.01em}
.card .big{font-family:var(--disp);font-weight:700;font-size:clamp(11px,1.7cqw,22px);letter-spacing:-.045em;margin-top:2px}
.card .sm{font-size:clamp(5.8px,.8cqw,9.5px);color:var(--ink-3)}
.sel{margin-left:auto;font-size:clamp(5.8px,.8cqw,9.5px);color:var(--ink-2);background:var(--s-2);border:1px solid var(--s-line);border-radius:999px;padding:clamp(2px,.35cqw,5px) clamp(5px,.7cqw,9px);white-space:nowrap}
.rowh{display:flex;align-items:flex-start;gap:8px}
.leg{display:flex;gap:9px;font-size:clamp(5.5px,.78cqw,9px);color:var(--ink-2);margin-left:auto;white-space:nowrap}
.leg i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}
.plot{flex:1;min-height:0;margin-top:6px}
.plot svg{width:100%;height:100%;display:block;overflow:visible}

.hbars{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(3px,.5cqw,7px);flex:1;min-height:0;margin-top:8px;padding-bottom:12px;position:relative}
.hbar{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;position:relative}
.hbar em{display:block;width:34%;border-radius:4px 4px 0 0;background:#E4E2F2}
.hbar em.a{background:var(--vi)}
.hbar em.b{background:var(--ink)}
.hbar span{position:absolute;bottom:-12px;left:0;right:0;text-align:center;font-size:clamp(5px,.72cqw,8.5px);color:var(--ink-3)}

.list{display:flex;flex-direction:column;gap:clamp(4px,.6cqw,7px);margin-top:8px;overflow:hidden}
.li{display:flex;align-items:center;gap:clamp(5px,.75cqw,9px);min-width:0}
.li u{width:clamp(14px,1.9cqw,24px);height:clamp(14px,1.9cqw,24px);border-radius:50%;flex:none;background:linear-gradient(135deg,#D8D0FF,#9C86FF)}
.li u.g2{background:linear-gradient(135deg,#FFD9CF,#FF9F85)}
.li u.g3{background:linear-gradient(135deg,#CFE9FF,#7FB6F5)}
.li u.g4{background:linear-gradient(135deg,#D3F3E4,#63C9A0)}
.li b{display:block;font-size:clamp(6.2px,.88cqw,10.5px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li span{display:block;font-size:clamp(5.5px,.76cqw,9px);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tagx{margin-left:auto;font-size:clamp(5.2px,.72cqw,8.5px);font-weight:600;padding:2px 6px;border-radius:999px;white-space:nowrap}
.t-ok{background:#E3F6EF;color:var(--ok)}.t-wn{background:#FCF1E0;color:#B7791F}.t-bd{background:#FCE9E5;color:var(--bad)}
.stripe{width:3px;border-radius:2px;align-self:stretch;min-height:clamp(14px,1.9cqw,24px);flex:none}
.st-bd{background:var(--bad)}.st-wn{background:var(--warn)}.st-ok{background:var(--ok)}
.money{margin-left:auto;font-family:var(--mono);font-size:clamp(5.8px,.82cqw,10px);font-weight:500;white-space:nowrap}
.m-bd{color:var(--bad)}.m-wn{color:#B7791F}.m-ok{color:var(--ok)}
.dleg{display:flex;flex-direction:column;gap:clamp(3px,.45cqw,6px);margin-top:8px}
.dl{display:flex;align-items:center;gap:6px;font-size:clamp(5.8px,.8cqw,9.5px);color:var(--ink-2)}
.dl i{width:6px;height:6px;border-radius:2px;flex:none}
.dl b{margin-left:auto;font-family:var(--mono);color:var(--ink);font-weight:500}

/* ============ feature strip ============ */
.strip{border-block:1px solid var(--line);background:var(--bg-2)}
.strip-in{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}
@media(max-width:1000px){.strip-in{grid-template-columns:repeat(2,1fr)}.strip-in>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.strip-in{grid-template-columns:1fr}.strip-in>div:last-child{grid-column:auto}}
.feat{background:var(--bg-2);padding:26px clamp(16px,1.8vw,26px);display:flex;flex-direction:column;gap:14px;transition:background .3s ease}
.feat:hover{background:#15151C}
.feat u{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}
.feat u svg{width:16px;height:16px;color:var(--vi)}
.feat b{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:-.03em;display:block}
.feat p{font-size:13px;color:var(--tx-3);line-height:1.45;margin-top:5px}

/* ============ sections ============ */
.sec{padding-block:clamp(66px,8vw,124px)}
.head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(22px,3.5vw,60px);align-items:end}
.head h2{margin-top:16px}
@media(max-width:860px){.head{grid-template-columns:1fr;align-items:start}}
.rs{transform:translateY(26px);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.rs.in{transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rs{transform:none}html{scroll-behavior:auto}}

.plist{margin-top:52px;border-top:1px solid var(--line)}
.pit{display:grid;grid-template-columns:52px 1fr 1.15fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline;position:relative}
.pit:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--vi);transition:width .7s cubic-bezier(.16,1,.3,1)}
.pit.in:after{width:100%}
.pit i{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--vi-2);letter-spacing:.1em}
.pit b{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.1vw,26px);letter-spacing:-.035em;line-height:1.08}
.pit p{font-size:14.5px;color:var(--tx-2);line-height:1.55}
@media(max-width:760px){.pit{grid-template-columns:34px 1fr;gap:12px}.pit p{grid-column:2}}

/* ============ PINNED SCROLLY ============ */
.scrolly{position:relative;height:420vh}
.sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-block:clamp(84px,9vh,104px) clamp(26px,4vh,40px)}
.sc-in{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(24px,3.4vw,60px);align-items:center;width:100%}
@media(max-width:1060px){.scrolly{height:360vh}.sc-in{grid-template-columns:1fr;gap:26px}.sc-txt{order:2}}
.sc-steps{display:flex;flex-direction:column;gap:3px;margin-top:20px}
.step{padding:13px 17px;border-radius:14px;border:1px solid transparent;transition:all .45s cubic-bezier(.16,1,.3,1);cursor:pointer;background:transparent;text-align:left;font-family:inherit;color:inherit;width:100%;display:block}
.step.on{background:var(--panel);border-color:var(--line-2);box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.step i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);transition:color .4s ease}
.step.on i{color:var(--vi-2)}
.step b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(17px,1.75vw,22px);letter-spacing:-.03em;margin-top:7px;color:var(--tx-3);transition:color .4s ease}
.step.on b{color:var(--tx)}
.step p{font-size:13.5px;color:var(--tx-3);line-height:1.5;margin-top:6px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease,margin .4s ease}
.step.on p{max-height:120px;opacity:1}
.prog{height:2px;background:var(--line);margin-top:22px;border-radius:2px;overflow:hidden}
.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vi),var(--vi-2));border-radius:2px}
@media(max-width:1060px){.step p{max-height:120px;opacity:1}}

/* ============ offer ============ */
.offer{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:54px}
@media(max-width:940px){.offer{grid-template-columns:1fr}}
.oc{border-radius:22px;padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--line-2);background:var(--panel)}
.oc.prime{background:linear-gradient(165deg,#1B1630 0%,#131322 60%,#101018 100%);border-color:#332A5E}
.oc.prime:before{content:'';position:absolute;width:420px;height:420px;right:-160px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.28),transparent 66%);filter:blur(50px);pointer-events:none}
.oc>*{position:relative}
.badge{position:absolute;top:22px;right:22px;background:var(--vi);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;border-radius:999px;z-index:2}
.oc h3{margin:16px 0 10px;font-size:clamp(24px,2.5vw,34px)}
.oc .pitch{font-size:15px;line-height:1.6;color:var(--tx-2)}
.ol{list-style:none;margin:26px 0 0;padding:0}
.ol li{font-size:14.5px;padding:13px 0 13px 28px;border-top:1px solid var(--line);position:relative;color:var(--tx-2)}
.ol li:before{content:'';position:absolute;left:0;top:18px;width:14px;height:14px;border-radius:50%;background:rgba(124,92,255,.16);box-shadow:inset 0 0 0 1.5px var(--vi)}
.ol li:after{content:'';position:absolute;left:4.5px;top:22px;width:5px;height:3px;border-left:1.6px solid var(--vi-2);border-bottom:1.6px solid var(--vi-2);transform:rotate(-45deg)}
.pr{margin-top:auto;padding-top:30px}
.pr small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);margin-bottom:8px}
.pr b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.05em}
.pr span{font-family:var(--ui);font-size:13.5px;color:var(--tx-3);display:block;margin-top:6px}
.pr .btn{margin-top:22px;width:100%;justify-content:space-between}
.pr b.prsm{font-size:clamp(19px,2vw,25px);letter-spacing:-.035em;line-height:1.15}
.anchor{display:flex;flex-wrap:wrap;gap:9px}
.anchor span{display:flex;align-items:baseline;gap:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:13px 16px;font-size:13px;color:var(--tx-2);line-height:1.2}
.anchor b{font-family:var(--disp);font-weight:700;font-size:23px;letter-spacing:-.045em;color:var(--tx)}
.pnote{font-size:13.5px;line-height:1.6;color:var(--tx-3);margin-top:18px}
.fitbar{margin-top:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:clamp(22px,2.4vw,32px);display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,50px);align-items:center}
@media(max-width:820px){.fitbar{grid-template-columns:1fr;gap:12px}}
.fitbar p{font-size:15px;line-height:1.6;color:var(--tx-2);max-width:72ch}
.fitbar .eyebrow{white-space:nowrap}

/* deliverables */
.dv{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:52px}
@media(max-width:1080px){.dv{grid-template-columns:repeat(2,1fr)}.dv>div:last-child{grid-column:1/-1}}
@media(max-width:600px){.dv{grid-template-columns:1fr}.dv>div:last-child{grid-column:auto}}
.dc{background:var(--panel);padding:26px 22px;transition:background .3s ease}
.dc:hover{background:#1B1B24}
.dc i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vi-2)}
.dc b{display:block;font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.03em;margin:24px 0 8px}
.dc p{font-size:13.5px;color:var(--tx-3);line-height:1.5}

/* timeline */
.tl{margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:940px){.tl{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tl{grid-template-columns:1fr}}
.ts{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 22px;position:relative;overflow:hidden}
.ts:before{content:'';position:absolute;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--vi),var(--vi-2));transition:width .9s cubic-bezier(.16,1,.3,1)}
.ts.in:before{width:100%}
.ts:nth-child(2):before{transition-delay:.14s}.ts:nth-child(3):before{transition-delay:.28s}.ts:nth-child(4):before{transition-delay:.42s}
.ts i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3)}
.ts b{display:block;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.035em;margin:26px 0 8px}
.ts p{font-size:13.5px;color:var(--tx-2);line-height:1.5}

/* guarantee */
.gr{position:relative;overflow:hidden;background:linear-gradient(120deg,#6A4BEF,#8B6BFF 55%,#A98CFF)}
.gr .wrap{position:relative;padding-block:clamp(52px,6.5vw,90px)}
.gr-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,64px);align-items:center}
@media(max-width:860px){.gr-in{grid-template-columns:1fr}}
.seal{font-family:var(--disp);font-weight:800;font-size:clamp(78px,10vw,150px);line-height:.8;letter-spacing:-.07em;color:#fff}
.seal span{display:block;font-family:var(--ui);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-top:14px}
.gr h2{color:#fff;max-width:20ch;margin-top:14px}
.gr .eyebrow{color:rgba(255,255,255,.75)}.gr .eyebrow b{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.gr p{color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.6;max-width:50ch;margin-top:16px}

/* quiz */
.qz{display:grid;grid-template-columns:1fr .88fr;gap:clamp(24px,3.4vw,54px);margin-top:48px;align-items:start}
@media(max-width:940px){.qz{grid-template-columns:1fr}}
.ql{display:flex;flex-direction:column;gap:8px}
.q{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 18px;transition:border-color .3s ease}
.q:hover{border-color:var(--line-2)}
.q p{font-size:14.5px;line-height:1.4}
.qb{display:flex;gap:6px;flex:none}
.qb button{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border-radius:999px;background:transparent;border:1px solid var(--line-2);color:var(--tx-2);cursor:pointer;transition:all .2s ease}
.qb button:hover{border-color:#4A4A5E;color:var(--tx)}
.qb button[aria-pressed="true"]{background:var(--vi);border-color:var(--vi);color:#fff}
.gau{background:var(--panel);border:1px solid var(--line-2);border-radius:20px;padding:28px;position:sticky;top:96px}
@media(max-width:940px){.gau{position:static}}
.mt{height:9px;border-radius:999px;background:#1F1F29;overflow:hidden;margin-top:18px}
.mt i{display:block;height:100%;width:0;border-radius:999px;background:var(--vi);transition:width .7s cubic-bezier(.16,1,.3,1),background .4s ease}
.gs{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3);margin-top:9px}
.gv{font-family:var(--disp);font-weight:700;font-size:clamp(21px,2.3vw,29px);letter-spacing:-.04em;line-height:1.06;margin:22px 0 10px}
.gt{font-size:14.5px;color:var(--tx-2);line-height:1.6;min-height:70px}
.gau .btn{margin-top:22px;width:100%;justify-content:space-between}

/* about */
.ab{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(24px,4vw,72px);align-items:start}
@media(max-width:880px){.ab{grid-template-columns:1fr}}
.ab p+p{margin-top:16px}
.cr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
@media(max-width:560px){.cr{grid-template-columns:1fr}}
.crd{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}
.crd b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;background:linear-gradient(120deg,#fff,var(--vi-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.crd span{display:block;font-size:12.5px;color:var(--tx-3);line-height:1.35;margin-top:8px}

/* faq */
.faq{margin-top:44px;max-width:900px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-family:var(--disp);font-weight:700;font-size:clamp(17px,1.8vw,21px);letter-spacing:-.03em;padding:22px 46px 22px 0;position:relative;transition:color .2s ease}
.faq summary:hover{color:var(--vi-2)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after,.faq summary:before{content:'';position:absolute;right:8px;top:50%;background:var(--vi-2);transition:transform .3s ease,opacity .3s ease}
.faq summary:after{width:13px;height:1.6px;margin-top:-.8px}
.faq summary:before{width:1.6px;height:13px;margin-top:-6.5px;right:13.7px}
.faq details[open] summary:before{transform:rotate(90deg);opacity:0}
.faq p{padding:0 0 22px;font-size:15px;line-height:1.65;color:var(--tx-2);max-width:72ch}

/* contact */
.ct{position:relative;overflow:hidden}
.ct .aura-3{position:absolute;width:800px;height:600px;left:50%;top:-200px;transform:translateX(-50%);border-radius:50%;filter:blur(110px);background:radial-gradient(circle,rgba(124,92,255,.2),transparent 68%);pointer-events:none}
.cg{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:clamp(28px,4vw,72px);align-items:start}
@media(max-width:940px){.cg{grid-template-columns:1fr}}
.form{background:var(--panel);border:1px solid var(--line-2);border-radius:22px;padding:clamp(22px,2.5vw,32px)}
.fl{display:block;margin-bottom:14px}
.fl span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);margin-bottom:8px}
.fl input,.fl select{width:100%;background:#0F0F15;border:1px solid var(--line-2);border-radius:12px;color:var(--tx);font-family:var(--ui);font-size:15px;padding:13px 14px;transition:border-color .2s ease}
.fl input:focus,.fl select:focus{border-color:var(--vi);outline:none}
.form .btn{width:100%;justify-content:space-between;margin-top:8px}
.fn{font-family:var(--mono);font-size:10.5px;color:var(--tx-3);margin-top:14px;line-height:1.6}
.ci{font-size:15px;line-height:2.1;color:var(--tx-2);margin-top:26px}
.ci a{border-bottom:1px solid var(--line-2);color:var(--tx)}
.ci a:hover{border-color:var(--vi)}
.seoline{margin-top:clamp(50px,6vw,84px);font-size:12.5px;line-height:1.7;color:#5A5A6A;max-width:90ch}
footer{margin-top:22px!important;border-top:1px solid var(--line);margin-top:clamp(50px,6vw,84px);padding-block:26px;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}

@font-face{font-family:"Bricolage Grotesque";src:url("assets/bricolage.ttf") format("truetype");font-display:swap}@font-face{font-family:"Plus Jakarta Sans";src:url("assets/jakarta.ttf") format("truetype");font-display:swap}
.brand-symbol{width:70px;height:35px;object-fit:contain;flex:none}.brand-name{display:flex;flex-direction:column;gap:3px;line-height:1}.brand em{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.demo-caption{font-size:12px;color:#b9a5ff;margin:0 0 14px;text-align:center}.hero h1{font-size:clamp(52px,6vw,88px)}.btn-p{background:#704ce8}.btn-p:hover{background:#6642da}.orca-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}.orca-preview{max-width:350px;padding:14px;margin:auto;background:linear-gradient(140deg,#69508066,#151219);border:1px solid #756188;border-radius:34px;box-shadow:20px 35px 70px #0008;transform:perspective(1000px) rotateY(-9deg)}.orca-preview img{width:100%;height:auto;border-radius:22px;display:block}.orca-grid h2{margin-top:18px}.orca-grid .lead{margin-top:24px}.rs{opacity:1;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9a5ff;outline-offset:4px}.nav-links a{padding:9px 8px}.form{backdrop-filter:blur(16px)}@media(max-width:700px){.orca-grid{grid-template-columns:1fr;gap:36px}.brand-symbol{width:58px;height:29px}.nav-in{gap:12px}.nav .btn{max-width:150px;font-size:12px;padding:11px 13px}.brand-name{font-size:18px}.brand em{display:block!important}.hero h1{font-size:clamp(48px,13vw,70px)}.orca-preview{transform:none;width:80%}.demo-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orca-preview,.device{transform:none!important}}