/* ================= MAGNET — coded from Figma ================= */
@import url('https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,500;0,700;1,700;1,800&family=Inter:wght@400;600;700&display=swap');
:root{--bg:#111118;--s1:#1B1B21;--s2:#222228;--hair:#29292F;--bd:#37373D;
--vio:#7925FF;--lav:#A375FF;--deep:#4B1EFF;--pink:#FF4F93;
--lbg:#F8F8F8;--lline:#E7E7E8;
--fd:'Tomorrow',sans-serif;--fu:'Inter',sans-serif;--r:3px;--container:1280px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font-family:var(--fu);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.container{max-width:var(--container);margin:0 auto;padding:0 32px}
:focus-visible{outline:2px solid var(--lav);outline-offset:2px}
/* ---------- header ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(17,17,24,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-style:italic;font-weight:800;font-size:21px;letter-spacing:1px}
.logo svg{height:26px;width:auto}
.nav-links{display:flex;gap:32px;font-size:13.5px;font-weight:600;color:#FFFFFF}
.nav-links a:hover{color:#fff}
.nav-cta{display:flex;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:var(--r);font:600 13.5px var(--fu);cursor:pointer;transition:filter .12s ease-out,border-color .12s ease-out;border:0}
.btn-primary{background:var(--pink);color:#111118}.btn-primary:hover{filter:brightness(.92)}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-outline:hover{border-color:rgba(255,255,255,.70)}
.btn-white{background:#fff;color:#111118}
.burger{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:118px 0 104px;background:#111118;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--heroimg);background-size:cover;background-position:var(--heropos,center);opacity:.92}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
linear-gradient(90deg,rgba(13,13,19,.95) 0%,rgba(13,13,19,.87) 32%,rgba(13,13,19,.44) 60%,rgba(13,13,19,.14) 100%),
linear-gradient(0deg,rgba(13,13,19,.88) 0%,rgba(13,13,19,.18) 44%,rgba(13,13,19,.3) 100%)}
.hero .container{position:relative;z-index:2}
.hero.h-home{--heroimg:url('hero-canva-v3.jpg?r=1');--heropos:70% center}
.hero.h-platform{--heroimg:url('hero-platform.jpg?r=8');--heropos:62% center}
.hero.h-pricing{--heroimg:url('hero-pricing.jpg?r=8');--heropos:70% center}
.hero.h-contact{--heroimg:url('hero-contact.jpg?r=8');--heropos:65% center}
.eyebrow{font:600 11px var(--fu);letter-spacing:3px;color:var(--lav);margin-bottom:18px}
h1{font-family:var(--fd);font-style:italic;font-weight:800;font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.5px;text-transform:uppercase;text-shadow:0 2px 24px rgba(0,0,0,.55)}
h1 .grad{background:linear-gradient(92deg,var(--lav),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{max-width:560px;margin:22px 0 30px;color:#FFFFFF;font-size:16.5px;text-shadow:0 1px 14px rgba(0,0,0,.5)}
@media(max-width:760px){
  .hero{padding:78px 0 68px}
  .hero.h-home{--heroimg:url('hero-canva-v3-sm.jpg?r=1')}
  .hero.h-platform{--heroimg:url('hero-platform-sm.jpg?r=8')}
  .hero.h-pricing{--heroimg:url('hero-pricing-sm.jpg?r=8')}
  .hero.h-contact{--heroimg:url('hero-contact-sm.jpg?r=8')}
  .hero::after{background:linear-gradient(180deg,rgba(13,13,19,.86) 0%,rgba(13,13,19,.8) 50%,rgba(13,13,19,.94) 100%)}
}
/* ---------- sections ---------- */
section{padding:96px 0}
.sec-title{text-align:center;max-width:760px;margin:0 auto 56px}
.tagline{font:600 12px var(--fu);letter-spacing:3px;color:var(--lav);text-transform:uppercase;margin-bottom:14px}
h2{font-family:var(--fd);font-weight:700;font-size:clamp(30px,3.4vw,44px);line-height:1.15}
h2 .accent{color:var(--lav)}
.sec-title p{color:rgba(255,255,255,.62);margin-top:16px;font-size:15.5px}
.light{background:var(--lbg);color:#111118}
.light h2{color:#111118}.light .sec-title p{color:#37373D}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.card{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);padding:26px 22px;transition:transform .16s ease-out,border-color .16s ease-out}
.card:hover{transform:translateY(-2px);border-color:#37373D}
.card .num{font-family:var(--fd);font-weight:700;font-size:24px;color:var(--lav)}
.card h3{font:600 13px var(--fu);letter-spacing:2px;margin:10px 0 8px;text-transform:uppercase}
.card p{font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.62)}
/* tool sections (platform) */
.tool{padding:70px 0;border-top:1px solid var(--hair)}
.tool .grid{display:grid;grid-template-columns:520px 1fr;gap:60px;align-items:center}
.tool.flip .grid{grid-template-columns:1fr 520px}
.tool.flip .copy{order:2}
.toolnum{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.toolnum b{font-family:var(--fd);font-weight:700;font-size:38px;color:var(--lav)}
.toolnum span{border-left:2px solid #37373D;padding-left:12px;font:600 16px var(--fu);letter-spacing:3px}
.tool h2{font-size:clamp(26px,2.6vw,36px)}
.tool .copy>p{color:#FFFFFF;margin:14px 0 18px;font-size:14.5px}
.bullets{list-style:none;display:grid;gap:10px;margin:0 0 20px}
.bullets li{position:relative;padding-left:18px;font-size:13.5px;color:#FFFFFF}
.bullets li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--lav)}
.value{background:rgba(163,117,255,.08);border:1px solid rgba(163,117,255,.4);border-radius:var(--r);padding:14px 16px;margin-bottom:22px}
.value b{display:block;font:600 9.5px var(--fu);letter-spacing:2px;color:var(--lav);margin-bottom:6px}
.value p{font-size:14px;font-weight:600;color:#FFFFFF}
/* mock screen */
.screen{background:#fff;color:#111118;border-radius:var(--r);border:1px solid #37373D;overflow:hidden;font-size:12px}
.tbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #E7E7E8}
.tbar i{width:8px;height:8px;border-radius:50%;background:#D4D4D5}
.tbar b{font-weight:600;letter-spacing:1.5px;font-size:11.5px;color:#37373D}
.tbar .chip{margin-left:auto;font:600 9px var(--fu);letter-spacing:1px;color:var(--vio);border:1px solid var(--vio);border-radius:var(--r);padding:3px 8px}
.tabs{display:flex;gap:22px;padding:0 16px;border-bottom:1px solid #E7E7E8;font-weight:600;font-size:11.5px;color:#6B6B70}
.tabs span{padding:11px 0}
.tabs .on{color:#111118;border-bottom:2px solid var(--vio)}
.sbody{padding:14px 16px;display:grid;gap:10px}
.f label{display:block;font:600 8.5px var(--fu);letter-spacing:1.2px;color:#6B6B70;margin-bottom:4px}
.f div{background:var(--lbg);border:1px solid var(--lline);border-radius:var(--r);padding:8px 10px;font-size:11.5px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.panel{background:var(--lbg);border:1px solid var(--lline);border-radius:var(--r);padding:10px 12px}
.panel b{display:block;font:600 8.5px var(--fu);letter-spacing:1.2px;color:#6B6B70;margin-bottom:7px}
.prow{display:flex;justify-content:space-between;font-size:10.5px;padding:3px 0;color:#37373D}
.prow b{font-weight:600;color:#111118;letter-spacing:0}
.p2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exec{font:700 9px var(--fu);letter-spacing:1.5px;color:#C44074;margin-top:4px}
.prev{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pcard{border:1px solid var(--lline);border-radius:var(--r);padding:10px}
.viz{height:52px;background:var(--lbg);border-radius:var(--r);margin-bottom:8px;display:flex;align-items:flex-end;gap:5px;padding:8px}
.viz i{flex:1;background:var(--vio);border-radius:var(--r)}
.viz i.pk{background:var(--pink)}
.pcard h4{font-size:10.5px;margin-bottom:3px}
.pcard p{font-size:8.5px;color:#6B6B70;margin-bottom:8px}
.pcard a{font:600 9.5px var(--fu);color:var(--vio);border:1px solid var(--vio);border-radius:var(--r);padding:4px 9px;display:inline-block}
.disc{font-size:8.5px;color:#6B6B70;padding:0 16px 12px}
/* fan */
.fan-wrap{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);padding:40px;max-width:1150px;margin:0 auto}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.metric{background:var(--bg);border:1px solid var(--hair);border-radius:var(--r);padding:18px 22px}
.metric b{font-family:var(--fd);font-size:30px;font-weight:700}
.metric span{display:block;font:600 9px var(--fu);letter-spacing:2px;color:rgba(255,255,255,.62);margin-top:4px}
.metric.hot{border-color:var(--pink)}.metric.hot b{color:var(--pink)}
/* CTA band */
.cta-band{background:var(--deep);text-align:center;padding:72px 0}
.cta-band h2{font-size:clamp(26px,3vw,36px)}
.cta-band .btn{margin:26px 8px 0}
/* footer */
footer{border-top:1px solid var(--hair);padding:64px 0 32px;background:var(--bg)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.fgrid .logo svg{height:44px}
.fcol b{display:block;font-size:13.5px;margin-bottom:14px}
.fcol a{display:block;font-size:13px;color:rgba(255,255,255,.62);margin-bottom:10px}
.fcol a:hover{color:#fff}
.fbottom{display:flex;justify-content:space-between;border-top:1px solid var(--hair);margin-top:48px;padding-top:24px;font-size:12px;color:rgba(255,255,255,.62)}
.fbottom a{margin-left:20px;text-decoration:underline;text-underline-offset:3px}
.lin{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#FFFFFF}
.lin i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r);background:#fff;color:#111118;font:700 10px var(--fu);font-style:normal}
/* reveal animation */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{transition:opacity .15s ease-out;transform:none}.card{transition:none}}
/* responsive */
@media(max-width:1080px){.tool .grid,.tool.flip .grid{grid-template-columns:1fr}.tool.flip .copy{order:0}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-links,.nav-cta .btn-outline{display:none}.burger{display:block}section{padding:64px 0}.hero{padding:80px 0 64px}.metrics{grid-template-columns:1fr}.fbottom{flex-direction:column;gap:12px}.frow,.p2,.prev{grid-template-columns:1fr}}

/* ================= 8 AGENTS ================= */
.wheel-wrap{display:grid;grid-template-columns:0.78fr 1.05fr;gap:36px;align-items:center}
.wheel-copy .big8{width:150px;height:150px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#FF4F93,#7925FF 55%,#4B1EFF);
  clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);margin-bottom:22px}
.wheel-copy .big8 span{font-family:var(--fd);font-style:italic;font-weight:800;font-size:96px;line-height:1;color:#111118}
.wheel-copy h3{font-family:var(--fd);font-weight:700;font-size:30px;line-height:1.16;margin-bottom:8px}
.wheel-copy .nml{color:var(--pink);font-size:17px;font-weight:500;margin-bottom:16px}
.wheel-copy .dots{display:flex;gap:9px;margin-bottom:22px}
.wheel-copy .dots i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--vio))}
.wheel-copy .wnote{color:rgba(255,255,255,.62);font-size:14.5px;max-width:38ch}
.wheel-fig{position:relative}
.wheel{width:100%;height:auto;display:block;overflow:visible}
.wheel text{text-anchor:middle;dominant-baseline:middle;font-family:var(--fu)}
.wheel .wnum{font-family:var(--fd);font-style:italic;font-weight:800;font-size:20px}
.wheel .wname{fill:#111118;font-size:13px;font-weight:700}
.wheel .wname.hs{fill:#C44074}
.wheel .wsub{fill:#6B6B70;font-size:9.5px;font-weight:500}
.wheel .wsub.stop{fill:#C44074;font-weight:700;letter-spacing:.6px}
/* ================= 8 STAGES ================= */
.stage-wrap{display:grid;grid-template-columns:0.82fr 1.18fr;gap:44px;align-items:center}
.chip-pink{display:inline-block;border:1px solid var(--pink);color:#C44074;border-radius:var(--r);padding:4px 10px;font-size:12.5px;font-weight:600;margin-bottom:20px}
.stage-copy h3{font-family:var(--fd);font-weight:700;font-size:clamp(30px,3.3vw,44px);line-height:1.1;color:#111118;margin-bottom:20px}
.stage-copy p{color:#37373D;font-size:15.5px;max-width:44ch}
.slist{list-style:none;padding:0;margin:22px 0 26px}
.slist li{position:relative;padding-left:20px;color:#37373D;font-size:15px;margin-bottom:11px}
.slist li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--vio)}
.btn-dark{background:transparent;color:#111118;border:1px solid #D4D4D5}
.btn-dark:hover{border-color:#111118}
.link-dark{color:#111118;font-weight:600;font-size:13.5px;margin-left:16px}
.stage-panel{background:#1B1B21;border:1px solid #29292F;border-radius:var(--r);padding:30px 28px 24px}
.fttl{font-family:var(--fd);font-weight:700;font-size:19px;letter-spacing:.5px;text-transform:uppercase;color:#fff;text-align:center;margin-bottom:14px}
.funnel{width:100%;height:auto;display:block}
.funnel text{font-family:var(--fu)}
.funnel .fnum{text-anchor:middle;dominant-baseline:middle;fill:#4B1EFF;font-size:11px;font-weight:700}
.funnel .flbl{fill:#fff;font-size:13px;font-weight:600}
.funnel .fpct{fill:var(--lav);font-size:12px;font-weight:700}
.funnel .fclosed{text-anchor:middle;dominant-baseline:middle;fill:#fff;font-size:12px;font-weight:700;letter-spacing:1.4px;font-family:var(--fd)}
.fnote2{display:flex;gap:8px;align-items:baseline;color:var(--pink);font-size:12.5px;margin-top:14px;justify-content:center;text-align:center}
.fnote2 b{flex:none;font-size:8px}
.fdisc{color:rgba(255,255,255,.62);font-size:11px;text-align:center;margin-top:8px}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}
@media(max-width:1080px){
  .wheel-wrap,.stage-wrap{grid-template-columns:1fr;gap:30px}
  .wheel-fig{max-width:620px;margin:0 auto}
  .wheel-copy .big8{width:120px;height:120px}
  .wheel-copy .big8 span{font-size:74px}
}
@media(max-width:760px){
  .wheel .wsub{display:none}
  .wheel .wname{font-size:15px}
  .wheel .wnum{font-size:24px}
  .stage-panel{padding:20px 14px 18px}
  .stage-copy h3 br{display:none}
}

/* ================= PRICING — compare ================= */
.chip-out{display:inline-block;border:1px solid;border-radius:var(--r);padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.chip-out.pink{border-color:#C44074;color:#C44074;background:#F8F8F8}
.chip-out.pink.dark{border-color:rgba(255,79,147,.55);color:#FF4F93;background:rgba(255,79,147,.10)}
.cmp-card{background:#111118;border-radius:var(--r);padding:44px 40px 40px}
.same-panel{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:30px;background:#1B1B21;border-left:3px solid var(--pink);border-radius:var(--r);padding:28px 30px;margin-bottom:44px}
.sp-lbl{font-size:10.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:10px}
.same-panel h3{font-family:var(--fd);font-weight:700;font-size:26px;line-height:1.15;color:#fff;margin-bottom:12px}
.same-panel h3 span{color:var(--pink)}
.same-panel p{color:rgba(255,255,255,.62);font-size:14px}
.sp-list{list-style:none;padding:0;margin:0;align-self:center}
.sp-list li{position:relative;padding-left:18px;color:#FFFFFF;font-size:14.5px;margin-bottom:20px}
.sp-list li:last-child{margin-bottom:0}
.sp-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--lav)}
.cmp-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0 30px}
.ch{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding-bottom:8px;margin-bottom:22px}
.ch-a{color:var(--lav)}
.ch-b{color:var(--lav);border-bottom:2px solid var(--vio);justify-self:start;padding-right:26px}
.ch-c{color:var(--pink);border-bottom:2px solid var(--pink);justify-self:start;padding-right:26px}
.cl{color:#fff;font-size:15px;font-weight:700;padding:14px 0}
.cv{color:#fff;font-family:var(--fd);font-weight:700;font-size:19px;padding:12px 0}
.cmp-foot{text-align:center;color:rgba(255,255,255,.62);font-size:14.5px;margin-top:34px}
/* ================= PRICING — plans ================= */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:8px}
.plan{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);padding:30px 30px 28px;display:flex;flex-direction:column}
.plan.hot{border-color:rgba(255,79,147,.5)}
.ptag{display:inline-block;align-self:flex-start;border-radius:var(--r);padding:4px 10px;font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:18px}
.ptag.vio{background:rgba(121,37,255,.18);color:#A375FF}
.ptag.pnk{background:rgba(255,79,147,.16);color:#FF4F93}
.plan h3{font-family:var(--fd);font-weight:700;font-size:26px;color:#fff;margin-bottom:8px}
.psub{color:rgba(255,255,255,.62);font-size:14.5px;padding-bottom:20px;border-bottom:1px solid var(--hair);margin-bottom:20px}
.pfeat{list-style:none;padding:0;margin:0 0 22px}
.pfeat li{position:relative;padding-left:18px;font-size:14.5px;color:#FFFFFF;margin-bottom:13px}
.pfeat li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px}
.pfeat.vio li:before{background:var(--vio)}
.pfeat.pnk li:before{background:var(--pink)}
.pspec{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--hair);font-size:13.5px;color:rgba(255,255,255,.62)}
.pspec b{color:#fff;font-weight:700;text-align:right}
.pspec b.pk{color:var(--pink)}
.pbtn-vio,.pbtn-pnk{margin-top:22px;width:100%;height:50px;font-weight:700;color:#fff}
.pbtn-vio{background:var(--vio)}.pbtn-vio:hover{filter:brightness(1.08)}
.pbtn-pnk{background:var(--pink);color:#111118}.pbtn-pnk:hover{filter:brightness(1.05)}
.pfoot{text-align:center;margin-top:38px;color:var(--lav);font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.pfoot2{text-align:center;margin-top:8px;color:rgba(255,255,255,.62);font-size:14px}
@media(max-width:1080px){
  .same-panel{grid-template-columns:1fr 1fr;gap:24px}
  .same-panel .sp-left{grid-column:1/-1}
  .plans{grid-template-columns:1fr}
}
@media(max-width:760px){
  .cmp-card{padding:26px 18px 24px}
  .same-panel{grid-template-columns:1fr;padding:22px 18px}
  .cmp-grid{grid-template-columns:1fr;gap:0}
  .ch-a{display:none}
  .ch-b,.ch-c{margin-bottom:10px;margin-top:18px}
  .cl{padding:14px 0 2px;font-size:13px;color:rgba(255,255,255,.62);font-weight:600}
  .cv{font-size:17px;padding:0 0 10px}
  .cmp-grid>div:nth-child(3n+2){border-left:2px solid var(--vio);padding-left:12px}
  .cmp-grid>div:nth-child(3n){border-left:2px solid var(--pink);padding-left:12px;margin-bottom:10px}
  .ch-b,.ch-c{border-left:0!important;padding-left:0!important}
}

/* ================= CONTACT ================= */
.chip-out.vio{border-color:#A375FF;color:#4B1EFF;background:#F8F8F8}
.ct-wrap{display:grid;grid-template-columns:1fr 1.12fr;gap:56px;align-items:start}
.ct-left h2{font-family:var(--fd);font-weight:700;font-size:clamp(34px,4vw,50px);color:#111118;margin-bottom:14px}
.ct-lead{color:#37373D;font-size:16px;max-width:42ch;margin-bottom:30px}
.ct-row{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;margin-bottom:18px;color:#37373D;font-size:15px;line-height:1.5}
.ct-row svg{width:20px;height:20px;fill:none;stroke:#6B6B70;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ct-mail{color:#111118;text-decoration:underline;text-underline-offset:3px}
a.ct-row:hover .ct-mail{color:#4B1EFF}
.ct-form h3{font-family:var(--fd);font-weight:700;font-size:26px;color:#111118;margin-bottom:6px}
.ct-sub{color:#6B6B70;font-size:14.5px;margin-bottom:24px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fg{margin-bottom:18px;border:0;padding:0}
.fg label,.fg legend{display:block;font-size:13.5px;font-weight:600;color:#111118;margin-bottom:7px;padding:0}
.fg input[type=text],.fg input:not([type]),.fg input[type=email],.fg input[type=tel],.fg select,.fg textarea{
  width:100%;background:#fff;border:1px solid #222228;border-radius:var(--r);padding:12px 14px;
  color:#111118;font:400 15px var(--fu);min-height:48px}
.fg textarea{min-height:150px;resize:vertical}
.fg select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5l5-5' fill='none' stroke='%23111118' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:2px solid var(--vio);outline-offset:-2px;border-color:var(--vio)}
.fg input::placeholder,.fg textarea::placeholder{color:#6B6B70}
.radios{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:4px}
.radios label{display:flex;align-items:center;gap:10px;font-size:15px;color:#37373D;font-weight:400;cursor:pointer;margin:0}
.radios input[type=radio]{appearance:none;width:20px;height:20px;border:1.6px solid #222228;border-radius:50%;flex:none;position:relative;margin:0}
.radios input[type=radio]:checked{border-color:var(--vio)}
.radios input[type=radio]:checked:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--vio)}
.radios input[type=radio]:focus-visible{outline:2px solid var(--vio);outline-offset:2px}
.terms{display:flex;align-items:center;gap:10px;font-size:15px;color:#37373D;margin:4px 0 22px;cursor:pointer}
.terms input{appearance:none;width:20px;height:20px;border:1.6px solid #222228;border-radius:var(--r);flex:none;position:relative;margin:0}
.terms input:checked{background:var(--vio);border-color:var(--vio)}
.terms input:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.terms a{color:#4B1EFF;text-decoration:underline;text-underline-offset:3px}
.ct-submit{background:var(--deep);color:#fff;height:50px;padding:0 34px;font-weight:600;font-size:15px}
.ct-submit:hover{filter:brightness(1.1)}
.ct-status{margin-top:14px;font-size:14px;min-height:20px}
.ct-status.ok{color:#4B1EFF}.ct-status.err{color:#C44074}
@media(max-width:1080px){.ct-wrap{grid-template-columns:1fr;gap:38px}}
@media(max-width:760px){.f2{grid-template-columns:1fr;gap:0}.radios{grid-template-columns:1fr}}

/* ================= PROBLEM — gut feelings ================= */
.gut-wrap{display:grid;grid-template-columns:1.42fr 1fr;gap:56px;align-items:center}
.gut-card{border:1px solid rgba(163,117,255,.35);border-radius:var(--r);padding:26px 28px 22px;background:rgba(163,117,255,.03)}
.gut-lbl{font-size:10.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#fff;margin-bottom:14px}
.gut-grid{display:grid;grid-template-columns:1.05fr .84fr 1.18fr;gap:0}
.gh{font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#FFFFFF;padding:0 22px 12px 0;border-bottom:1px solid var(--hair)}
.gh.lv{padding-right:0}
.gh.pk{color:var(--pink)}.gh.lv{color:var(--lav)}
.gq,.gg,.gm{padding:16px 22px 16px 0;border-bottom:1px solid var(--hair);font-size:14.5px;line-height:1.4}
.gm{padding-right:0}
.gq{color:#fff;font-weight:700}
.gg{color:var(--pink)}
.gm{color:var(--lav);font-weight:700}
.gq.last,.gg.last,.gm.last{border-bottom:0}
.gut-foot{margin-top:14px;font-size:12.5px;font-weight:700;color:#fff;max-width:52ch}
.gut-copy .tagline{margin-bottom:14px;color:#fff;letter-spacing:.3px;font-size:15px;font-weight:700;text-transform:none}
.gut-copy h2{font-family:var(--fd);font-weight:700;font-size:clamp(34px,4.1vw,52px);line-height:1.06;margin-bottom:20px}
.gut-copy p{color:#FFFFFF;font-size:16px;max-width:44ch;margin-bottom:26px}
.link-lav{color:#fff;font-weight:600;font-size:14px;margin-left:14px}
.link-lav:hover{color:var(--lav)}
@media(max-width:1080px){.gut-wrap{grid-template-columns:1fr;gap:34px}.gut-copy{order:-1}}
@media(max-width:760px){
  .gut-card{padding:20px 16px 18px}
  .gut-grid{grid-template-columns:1fr;gap:0}
  .gh{display:none}
  .gq{padding:16px 0 6px;border-bottom:0}
  .gg,.gm{padding-right:0}
  .gg{padding:0 0 4px;border-bottom:0;font-size:13.5px}
  .gg:before{content:"Gut feeling: ";color:rgba(255,255,255,.62);font-weight:600}
  .gm{padding:0 0 16px;font-size:14px}
  .gm:before{content:"MAGNET: ";color:rgba(255,255,255,.62);font-weight:600}
}

/* honeypot — off-screen, never display:none (bots skip hidden fields) */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ================= v9 — Figma parity pass ================= */
/* hero proof line */
.proof{display:flex;align-items:center;gap:9px;margin:26px 0 0;color:#FFFFFF;font-size:13.5px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.proof b{color:var(--pink);font-size:8px;line-height:1}
/* hero pillars strip */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;position:relative;z-index:2}
.pil{background:rgba(13,13,19,.88);border:1px solid #29292F;border-radius:var(--r);padding:16px 18px 17px}
.pil .pn{display:block;font:800 11px var(--fd);font-style:italic;color:var(--pink);letter-spacing:1.5px;margin-bottom:7px}
.pil b{display:block;font:700 12px var(--fu);letter-spacing:1.6px;color:#fff;margin-bottom:6px}
.pil i{display:block;font-style:normal;font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.5}
@media(max-width:900px){.pillars{grid-template-columns:1fr;gap:10px;margin-top:34px}}
/* 8.8.5 architecture card — dark island inside a light section */
.arch{background:#111118;border:1px solid #29292F;border-radius:var(--r);padding:30px 30px 26px}
.arch-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.arch-flow span{border:1px solid #37373D;border-radius:var(--r);padding:5px 12px;font:700 10.5px var(--fu);letter-spacing:1.8px;color:#FFFFFF}
.arch-flow span.a{border-color:rgba(163,117,255,.6);color:var(--lav)}
.arch-flow span.b{border-color:rgba(255,79,147,.6);color:#FF4F93}
.arch-flow span.c{border-color:rgba(75,30,255,.75);color:#8A6DFF}
.arch-flow i{font-style:normal;color:rgba(255,255,255,.62);font-size:13px}
.arch-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ac{background:#1B1B21;border:1px solid #29292F;border-radius:var(--r);padding:22px 20px}
.ac .ak{font:700 10px var(--fu);letter-spacing:2px;color:rgba(255,255,255,.62);margin-bottom:10px}
.ac h3{font:800 22px var(--fd);font-style:italic;color:#fff;margin-bottom:9px}
.ac>p{color:rgba(255,255,255,.62);font-size:13px;line-height:1.6;margin-bottom:14px}
.ac ul{list-style:none;border-top:1px solid #29292F;padding-top:12px}
.ac li{position:relative;padding:0 0 0 15px;margin:6px 0;font-size:12.8px;color:#FFFFFF}
.ac li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--lav)}
.ac.s2 h3{color:#fff}.ac.s2 li:before{background:var(--pink)}
.ac.s3 li:before{background:#8A6DFF}
.ac li em{font-style:normal;color:rgba(255,255,255,.62)}
.arch-foot{text-align:center;color:rgba(255,255,255,.62);font-size:12.5px;margin-top:22px;padding-top:18px;border-top:1px solid #29292F}
@media(max-width:900px){.arch-cols{grid-template-columns:1fr}.arch{padding:20px 16px}}
/* Contact — DIRECT band */
.direct{text-align:center;max-width:760px;margin:0 auto}
.direct .chip-out{margin-bottom:20px}
.direct h2{font-size:40px;line-height:1.12}
.direct p{color:#37373D;font-size:15.5px;margin:16px auto 26px;max-width:640px}
@media(max-width:760px){.direct h2{font-size:30px}}
/* legal numbering */
.legal h2 .ln{font:800 13px var(--fd);font-style:italic;color:var(--lav);margin-right:9px;letter-spacing:.5px}
.legal h2:nth-of-type(even) .ln{color:#FF4F93}
.toc a.tc-active{color:#fff;border-color:var(--pink)}
/* 404 mark */
.mark404{width:58px;margin:0 auto 22px}
/* Platform — fan annotation row (Figma labels around the diagram) */
.fan-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.fn{background:#fff;border:1px solid var(--lline);border-radius:var(--r);padding:14px 14px 15px}
.fn span{display:block;font:800 11px var(--fd);font-style:italic;letter-spacing:1px;color:var(--deep);margin-bottom:6px}
.fn b{display:block;font:700 12.5px var(--fu);color:#111118;margin-bottom:5px;line-height:1.35}
.fn i{display:block;font-style:normal;font-size:12px;color:#37373D;line-height:1.5}
.light .metric{background:#fff;border-color:var(--lline)}
.light .metric b{color:#111118}.light .metric span{color:#6B6B70}
.light .metric.hot{border-color:var(--pink)}.light .metric.hot b{color:#C44074}
@media(max-width:1000px){.fan-notes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fan-notes{grid-template-columns:1fr}}
/* fan section on a light ground — drop the dark wrapper, keep the diagram as the island */
.light .fan-wrap{background:transparent;border:0;padding:0}
.light .fan-wrap>svg{border:1px solid var(--lline);border-radius:var(--r)}

@media(max-width:900px){.stage-copy h3 br{display:inline}}

.grad{padding-right:.14em;margin-right:-.14em}

/* --- Figma parity fixes (27 Aug 2026) --- */
/* Big8: Figma 10493:70 is a gradient-filled NUMERAL, not a tile with a knocked-out glyph */
.wheel-copy .big8{width:auto;height:auto;background:none;clip-path:none;-webkit-clip-path:none;display:flex;align-items:center;margin-bottom:22px}
.wheel-copy .big8 span{font-size:200px;line-height:.86;background:linear-gradient(180deg,#FF4F93,#7925FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.14em;margin-right:-.14em}
@media(max-width:900px){.wheel-copy .big8{width:auto;height:auto}.big8 span{font-size:120px}}
/* Compare table: label column is secondary in Figma 10249:2 */
.cmp-grid .cl{color:rgba(255,255,255,.62);font-weight:500}

/* ===== Header + Footer rebuild (27 Aug 2026) ===== */
header{position:sticky;top:0;z-index:60;background:#111118;border-bottom:1px solid #29292F}
header .container{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:72px}
header .logo{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r);color:rgba(255,255,255,.62);font-weight:600;font-size:14px;text-decoration:none;transition:color 180ms,background 180ms}
.nav-links a:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
.nav-links a[aria-current="page"]{color:#FFFFFF;position:relative}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:2px;background:#A375FF;border-radius:var(--r)}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-cta .btn{min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r)}
header a:focus-visible,header button:focus-visible,.mobile-menu a:focus-visible{outline:2px solid #FF4F93;outline-offset:2px}
.burger{display:none;min-height:44px;min-width:44px;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.40);border-radius:var(--r);color:#FFFFFF;font-size:18px;cursor:pointer}
.burger:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.70)}
.mobile-menu{display:none;flex-direction:column;background:#1B1B21;border-bottom:1px solid #29292F;padding:8px 0}
.mobile-menu.open{display:flex}
.mobile-menu a{display:flex;align-items:center;min-height:48px;padding:0 24px;color:rgba(255,255,255,.62);font-weight:600;font-size:15px;text-decoration:none}
.mobile-menu a:hover{color:#FFFFFF;background:rgba(255,255,255,.08)}
.mobile-menu a[aria-current="page"]{color:#FFFFFF}
.mobile-menu .mm-cta{color:var(--char,#111118);background:#FF4F93;margin:8px 24px 4px;border-radius:var(--r);justify-content:center;min-height:44px}
@media(max-width:900px){.nav-links{display:none}.nav-cta .btn-outline{display:none}.burger{display:inline-flex}}
footer .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;padding:64px 0 40px}
footer .fbrand p{margin-top:16px;color:rgba(255,255,255,.62);font-size:14px;max-width:38ch;line-height:1.6}
footer .fbrand .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
footer .fcol{display:flex;flex-direction:column;gap:12px}
footer .fcol b{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:4px}
footer .fcol a{color:rgba(255,255,255,.62);font-size:14px;text-decoration:none;min-height:24px;display:inline-flex;align-items:center;transition:color 180ms}
footer .fcol a:hover{color:#FFFFFF}
footer .fcta .btn{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r)}
footer .fmail{color:#A375FF!important;font-size:13px}
footer .fmail:hover{color:#FFFFFF!important}
footer .fbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #29292F;padding:24px 0 40px}
footer .fent{color:rgba(255,255,255,.62);font-size:12px;line-height:1.5;max-width:78ch}
footer .flegal{display:flex;gap:24px}
footer .flegal a{color:rgba(255,255,255,.62);font-size:12px;text-decoration:none}
footer .flegal a:hover{color:#FFFFFF}
footer a:focus-visible{outline:2px solid #FF4F93;outline-offset:2px}
@media(max-width:900px){footer .fgrid{grid-template-columns:1fr 1fr;gap:32px;padding:48px 0 32px}footer .fbrand{grid-column:1/-1}footer .fbar{padding:20px 0 32px}}
@media(max-width:520px){footer .fgrid{grid-template-columns:1fr}}

footer .fcta .btn{color:#FFFFFF;border-color:rgba(255,255,255,.40)}
footer .fcta .btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.70)}

/* ===== Header colouring system (Figma hero) — 27 Aug 2026 ===== */
h1 .grad,h2 .grad,h3 .grad,.grad{background-image:linear-gradient(92deg,#FF4F94,#BA8CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.14em;margin-right:-.14em}
h1 .accent,h2 .accent,h3 .accent{background:linear-gradient(92deg,#FF4F94,#BA8CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.14em;margin-right:-.14em}
.card .num{background:linear-gradient(92deg,#FF4F94,#BA8CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.14em;margin-right:-.14em}

/* ===== Hero text colours — exact Figma parity (27 Aug 2026) ===== */
.hero .eyebrow{color:#D98CFF}
.hero .proof{color:rgba(255,255,255,.72)}
.hero .btn-outline{color:rgba(255,255,255,.92)}
.hero .pn{color:#FFFFFF}
.hero .I{color:rgba(255,255,255,.70)}
.hero .lead{color:#FFFFFF}

/* ===== Discipline section — two-column parity with Figma (27 Aug 2026) ===== */
.disc .container.disc-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.disc .disc-copy{min-width:0}
.disc .sec-title{text-align:left;max-width:none;margin-left:0;margin-right:0}
.disc .sec-title h2{text-align:left}
.disc .sec-title h2 span{color:#4B1EFF}
.disc .disc-copy>.reveal:last-child{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
.disc-media{margin:0;min-width:0}
.disc-media img{width:100%;height:auto;display:block;border-radius:var(--r,3px);border:1px solid #E7E7E8}
@media(max-width:900px){
.disc .container.disc-grid{grid-template-columns:1fr;gap:32px}
.disc .sec-title,.disc .sec-title h2{text-align:center}
.disc .disc-copy>.reveal:last-child{justify-content:center}
}
.disc .sec-title h2 span{display:block}
/* Discipline section height — Figma parity 780x800 */
.disc-media{aspect-ratio:3/2}
.disc-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.disc-media{aspect-ratio:16/10}}
/* Tagline standard — dark: Lavender300, light: Deep Purple (27 Aug 2026) */
.tagline{color:#A375FF}
section.light .tagline,.light .tagline{color:#4B1EFF}
section:not(.light) .tagline,main section:not(.light) .tagline{color:#A375FF}
/* Discipline — trim vertical rhythm (27 Aug 2026) */
.disc .container.disc-grid{gap:48px;padding-top:64px;padding-bottom:64px}
@media(max-width:900px){.disc .container.disc-grid{padding-top:44px;padding-bottom:44px}}
/* Tool cards — Figma product UI images (27 Aug 2026) */
.tool .screen{padding:0;background:none;border:0;overflow:hidden;border-radius:var(--r,3px)}
.tool .screen img{display:block;width:100%;height:auto;border-radius:var(--r,3px);border:1px solid #29292F}
/* Hero primary CTA — Deep Purple per brand reference (28 Aug 2026) */
.hero .btn-primary{background:#4B1EFF;color:#FFFFFF;border:1px solid #4B1EFF}
.hero .btn-primary:hover{background:#3A14D6;border-color:#3A14D6}

/* Official MAGNET lockup — brand deck, 29 Aug 2026 */
.logo img{display:block;width:auto;height:26px}
.logo .lgm{display:none}
footer .fgrid .logo .lgw{height:34px}
@media(max-width:640px){header .logo .lgw{display:none}header .logo .lgm{display:block;height:26px}}


/* Hero headline — exact Figma parity (29 Aug 2026): no drop shadow, 98% leading, -1% tracking, true horizontal gradient */
.hero h1{text-shadow:none;line-height:.98;letter-spacing:-.01em}
.hero.h-contact h1{line-height:1.2}
.hero h1 .grad{background-image:linear-gradient(90deg,#FF4F94,#BA8CFA)}


/* Flat type — drop-shadow removed everywhere for Figma parity (29 Aug 2026) */
h1,h2,h3,h4,.hero p.lead,.proof,.eyebrow,.hero .btn{text-shadow:none}



/* ===== MAGNET motion layer — attaches to the existing markup, changes no design ===== */
:root{--mo-d1:160ms;--mo-d2:240ms;--mo-d3:420ms;--mo-d4:720ms;--mo-d5:1100ms;
--mo-out:cubic-bezier(.22,.61,.24,1);--mo-inout:cubic-bezier(.4,0,.2,1);--mo-step:70ms}
.mo .reveal{opacity:0;transform:translate3d(0,12px,0);transition:opacity var(--mo-d4) var(--mo-out),transform var(--mo-d4) var(--mo-out)}
.mo .reveal.in{opacity:1;transform:none}
@keyframes moHeroSettle{from{transform:scale(1.045)}to{transform:scale(1)}}
.mo .hero::before{transform-origin:60% 50%;animation:moHeroSettle 1900ms var(--mo-out) both}
.mo .disc-media{overflow:hidden}
.mo .disc-media img{transform:scale(1.05);transition:transform 1500ms var(--mo-out)}
.mo .disc-media.mo-in img{transform:scale(1)}
.mo .tool .screen{overflow:hidden}
.mo .tool .screen img{transform:scale(1.04);transition:transform 1400ms var(--mo-out)}
.mo .tool .screen.mo-in img{transform:scale(1)}
.mo svg.wheel > *,.mo svg.funnel > *,.mo .mo-fan > *{opacity:0}
.mo .mo-played svg.wheel > *,.mo .mo-played svg.funnel > *,.mo .mo-played .mo-fan > *{opacity:1}
.mo header{transition:background var(--mo-d3) var(--mo-inout),border-color var(--mo-d3) var(--mo-inout),backdrop-filter var(--mo-d3) var(--mo-inout)}
.mo header.mo-stuck{background:rgba(10,11,26,.86);backdrop-filter:blur(14px)}
.mo .btn{transition:transform var(--mo-d2) var(--mo-out),background var(--mo-d2) var(--mo-inout),border-color var(--mo-d2) var(--mo-inout);position:relative;overflow:hidden}
.mo .btn:hover{transform:translateY(-1px)}
.mo .btn:active{transform:translateY(0) scale(.985)}
.mo .btn .mo-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.26);transform:scale(0);pointer-events:none}
.mo .card,.mo .metric,.mo .stage{transition:transform var(--mo-d2) var(--mo-out),border-color var(--mo-d2) var(--mo-inout)}
.mo .card:hover,.mo .metric:hover,.mo .stage:hover{transform:translateY(-3px)}
.mo .mo-count{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
.mo *,.mo *::before,.mo *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
.mo .reveal{opacity:1!important;transform:none!important}
.mo .hero::before{animation:none!important;transform:none!important}
.mo .hero h1 .grad{clip-path:none!important}
.mo .disc-media img,.mo .tool .screen img{transform:none!important}
.mo svg.wheel > *,.mo svg.funnel > *,.mo .mo-fan > *{opacity:1!important}}


.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:0;pointer-events:none;display:block}
@media (prefers-reduced-motion:reduce){.hero-media{display:none}}

/* 8.8.6 — Market Intelligence + Human Handover */
.mi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 0}
.mi-grid .mi{background:rgba(11,12,26,.03);border:1px solid rgba(11,12,26,.10);border-radius:3px;padding:18px}
.mi-grid .mi h4{margin:0 0 10px;font:800 12.5px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#4B1EFF}
.mi-grid .mi ul{margin:0;padding-left:16px;font-size:13.5px;line-height:1.85;opacity:.88}
.mi-line{margin:30px 0 0}
.ladder{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0 0;font:700 12.5px Inter,system-ui,sans-serif;letter-spacing:.03em}
.ladder span{border:1px solid rgba(11,12,26,.16);border-radius:20px;padding:6px 14px}
.ladder i{font-style:normal;color:#4B1EFF;font-weight:800}
.mi-cta{margin:28px 0 0}
.hoff{margin:10px 0 0;font-size:12.5px;opacity:.85}
.ho-sec{background:#0F0F16}
.ho-grid{display:grid;grid-template-columns:1fr 190px 1fr;gap:26px;align-items:center;margin:34px 0 0}
.ho-col{border:1px solid rgba(255,255,255,.10);border-radius:3px;padding:20px 22px;background:rgba(255,255,255,.02)}
.ho-k{font:800 11.5px Inter,system-ui,sans-serif;letter-spacing:.10em;color:#BA8CFA;margin-bottom:10px}
.ho-k.pk{color:#FF4F93}
.ho-col ul{margin:0;padding-left:17px;font-size:13.5px;line-height:1.95;opacity:.9}
.ho-mid{text-align:center}
.ho-line{height:26px;width:1px;margin:0 auto;background:linear-gradient(#4B1EFF,#FF4F93)}
.ho-badge{border:1px solid #FF4F93;color:#FF4F93;border-radius:3px;padding:14px 10px;font:800 13px/1.35 Inter,system-ui,sans-serif;letter-spacing:.10em;background:rgba(255,79,147,.09)}
.ho-note{margin:12px 0 0;font-size:12px;opacity:.6;line-height:1.5}
.ho-foot{margin:28px 0 0;text-align:center;font-weight:600}
@media(max-width:900px){.mi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.ho-grid{grid-template-columns:1fr}.ho-line{display:none}}
@media(max-width:640px){.mi-grid{grid-template-columns:1fr}}

/* 8.8.6 — Platform: Market Insight node before the fan */
.fanwrap2{display:grid;grid-template-columns:250px 54px 1fr;align-items:center;gap:0;margin:26px 0 0}
.mi-node{border:1px solid #4B1EFF;border-radius:3px;padding:18px 18px 16px;background:rgba(75,30,255,.06)}
.mi-node .n{font:800 11.5px Inter,system-ui,sans-serif;letter-spacing:.10em;color:#4B1EFF}
.mi-node h4{margin:8px 0 8px;font:800 17px Inter,system-ui,sans-serif;letter-spacing:-.01em}
.mi-node p{margin:0;font-size:12.8px;line-height:1.6;opacity:.85}
.mi-arrow{text-align:center;font:800 26px Inter,system-ui,sans-serif;color:#4B1EFF}
@media(max-width:820px){.fanwrap2{grid-template-columns:1fr}.mi-arrow{transform:rotate(90deg);padding:10px 0}}


/* === 8.8.6 R2 : MI cards, ladder, tools grid, human handover === */
.mi-grid{counter-reset:mi}
.mi-grid .mi{position:relative;background:#fff;border:1px solid rgba(11,12,26,.08);border-radius:14px;padding:22px 20px 18px;box-shadow:0 1px 2px rgba(11,12,26,.04),0 10px 28px -20px rgba(11,12,26,.4);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.mi-grid .mi::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#4B1EFF,#BA8CFA 55%,#FF4F93)}
.mi-grid .mi:hover{transform:translateY(-3px);border-color:rgba(75,30,255,.25);box-shadow:0 2px 4px rgba(11,12,26,.05),0 20px 44px -24px rgba(75,30,255,.5)}
.mi-grid .mi h4{counter-increment:mi;display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#4B1EFF}
.mi-grid .mi h4::before{content:"0" counter(mi);font-size:10.5px;letter-spacing:.04em;color:#fff;background:#4B1EFF;border-radius:6px;padding:3px 6px;line-height:1}
.mi-grid .mi ul{list-style:none;margin:0;padding:0}
.mi-grid .mi ul li{position:relative;padding:8px 0 8px 17px;font-size:13px;line-height:1.45;color:rgba(11,12,26,.76);border-top:1px solid rgba(11,12,26,.06)}
.mi-grid .mi ul li:first-child{border-top:0}
.mi-grid .mi ul li::before{content:"";position:absolute;left:2px;top:14px;width:5px;height:5px;border-radius:1px;transform:rotate(45deg);background:#BA8CFA}
.mi-line{position:relative;margin:26px 0 18px;padding:14px 16px 14px 20px;border-radius:10px;background:rgba(75,30,255,.045);border:1px solid rgba(75,30,255,.12)}
.mi-line::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#4B1EFF,#FF4F93)}
.mi-line b{color:#4B1EFF}
.ladder{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ladder span{border:1px solid rgba(75,30,255,.22);background:rgba(75,30,255,.05);color:#0A0B1A;border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:600}
.ladder span:nth-of-type(2){background:rgba(75,30,255,.09)}
.ladder span:nth-of-type(3){background:rgba(75,30,255,.13)}
.ladder span:nth-of-type(4){background:rgba(75,30,255,.17)}
.ladder span:nth-of-type(5){background:rgba(75,30,255,.22)}
.ladder span:nth-of-type(6){background:linear-gradient(90deg,#4B1EFF,#FF4F93);border-color:transparent;color:#fff;box-shadow:0 10px 22px -14px rgba(75,30,255,.95)}
.ladder i{color:#BA8CFA;font-style:normal;font-weight:700}
.cards{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.cards{grid-template-columns:1fr!important}}
.hoff{margin-top:16px;padding:11px 13px;border-radius:9px;background:linear-gradient(90deg,rgba(255,79,147,.16),rgba(255,79,147,.03));border:1px solid rgba(255,79,147,.34);border-left:3px solid #FF4F93;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.55}
.hoband{margin:28px auto 0;max-width:720px;text-align:center;padding:18px 22px;border-radius:16px;border:1px dashed rgba(255,79,147,.45);background:rgba(255,79,147,.07)}
.hoband .hb-a{display:block;font-size:22px;line-height:1;color:#FF4F93;margin-bottom:8px}
.hoband .hb-t{display:block;font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#FF4F93}
.hoband .hb-s{display:block;margin-top:7px;font-size:12.5px;color:rgba(255,255,255,.7)}
.fanlead{text-align:center;max-width:620px;margin:0 auto 8px;font-size:13px;color:rgba(255,255,255,.72)}
.tool .screen,.tool .screen img{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}

/* === logo motion === */
@keyframes mgPull{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(75,30,255,0))}50%{transform:translateY(-1.5px) scale(1.035);filter:drop-shadow(0 4px 14px rgba(186,140,250,.55))}}
header .logo img{animation:mgPull 5.5s ease-in-out infinite;will-change:transform}
header .logo:hover img{animation-duration:2.2s}
@media(prefers-reduced-motion:reduce){header .logo img{animation:none}}

#system .tagline{color:#A375FF}

/* === HUMAN HANDOVER emphasis v2 === */
.hoband{margin:34px auto 0;max-width:760px;text-align:center;padding:24px 26px 22px;border-radius:18px;border:1px solid rgba(255,79,147,.55);border-top:4px solid #FF4F93;background:linear-gradient(180deg,rgba(255,79,147,.16),rgba(255,79,147,.05));box-shadow:0 24px 60px -34px rgba(255,79,147,.75)}
.hoband .hb-a{display:block;font-size:26px;line-height:1;color:#FF4F93;margin-bottom:10px}
.hoband .hb-t{display:block;font-size:22px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.hoband .hb-x{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;background:#FF4F93;color:#0A0B1A;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hoband .hb-s{display:block;margin-top:12px;font-size:13.5px;color:rgba(255,255,255,.8)}
.hoff{margin-top:18px;padding:13px 15px;border-radius:10px;background:linear-gradient(90deg,rgba(255,79,147,.22),rgba(255,79,147,.05));border:1px solid rgba(255,79,147,.5);border-left:4px solid #FF4F93;color:#fff;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}
.ho-badge{background:#FF4F93!important;color:#0A0B1A!important;font-weight:800;letter-spacing:.12em}
@media(max-width:620px){.hoband .hb-t{font-size:17px;letter-spacing:.14em}}

/* === MI section: eyebrow highlight + tail clean-up === */
#mi .tagline{color:rgba(11,12,26,.42)}
#mi .tagline .hl{color:#4B1EFF;font-weight:800;background:rgba(75,30,255,.10);border-radius:5px;padding:2px 7px;margin-left:3px}
#mi .mi-line{max-width:920px;margin-left:auto;margin-right:auto}
#mi .ladder{justify-content:center;margin:22px 0 0;gap:7px}
#mi .mi-cta{margin:22px 0 0;text-align:center}
#mi{padding-bottom:76px}
@media(max-width:620px){#mi .ladder{gap:6px}#mi{padding-bottom:56px}}

/* === wheel: 9th handover slice + centred CTAs === */
svg.wheel g.ho9 text{fill:rgba(11,12,26,.62)}
svg.wheel g.ho9 text[font-weight="800"]{fill:#FF4F93}
#agents .actions.ctr{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
#agents .actions.ctr .btn{margin:0}

/* === v69: funnel reveal timing + handover slice emphasis === */
#stages .stage-copy,#stages .stage-panel{transition:opacity .45s cubic-bezier(.22,.8,.28,1),transform .45s cubic-bezier(.22,.8,.28,1)}
#stages .stage-panel{transition-delay:.12s}
.mo #stages svg.funnel > *{opacity:1!important}
.mo svg.funnel > *{opacity:1}
svg.wheel g.ho9 text{fill:#0A0B1A}
svg.wheel g.ho9 text[font-weight="800"]{fill:#fff}

svg.wheel g.ho9 text:nth-child(n+3){font-size:9.5px;font-weight:500;fill:#0A0B1A}
svg.wheel g.ho9 text:nth-child(2){letter-spacing:.02em}

/* ===== 12. Mobile page list — revamped & numbered (17 Sep 2026) ===== */
@keyframes mmRowIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1080px){
/* nav switch extended to tablet landscape (1080px) */
.nav-links,.nav-cta .btn-outline{display:none}
.burger{display:inline-flex}
.mobile-menu{display:none;flex-direction:column}
.mobile-menu.open{display:flex}
.mobile-menu a{display:flex;align-items:center;min-height:48px;padding:0 24px;color:rgba(255,255,255,.62);font-weight:600;font-size:15px;text-decoration:none}
.mobile-menu a[aria-current="page"]{color:#FFFFFF}
.mobile-menu .mm-cta{justify-content:center}
.mobile-menu{background:linear-gradient(180deg,#15151C 0%,#0D0D13 100%);border-bottom:1px solid rgba(255,255,255,.10);padding:15px 0 18px;box-shadow:0 34px 64px -34px rgba(0,0,0,.92);counter-reset:mmpage}
.mobile-menu::before{content:"Pages";display:block;margin:2px 24px 11px;font-size:10.5px;letter-spacing:.20em;text-transform:uppercase;color:rgba(255,255,255,.32);font-weight:800}
.mobile-menu a:nth-child(-n+4){counter-increment:mmpage;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;min-height:58px;margin:0 12px;padding:0 10px;border-radius:13px;border-bottom:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.74);font-size:17px;font-weight:700;letter-spacing:-.01em}
.mobile-menu a:nth-child(4){border-bottom:0}
.mobile-menu a:nth-child(-n+4)::before{content:counter(mmpage,decimal-leading-zero);font-size:12px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#A375FF;opacity:.85}
.mobile-menu a:nth-child(-n+4)::after{content:"\2192";justify-self:end;font-size:15px;color:rgba(255,255,255,.20);transition:transform 200ms,color 200ms}
.mobile-menu a:nth-child(-n+4):hover{background:rgba(255,255,255,.055);color:#fff}
.mobile-menu a:nth-child(-n+4):active{background:rgba(255,255,255,.09)}
.mobile-menu a:nth-child(-n+4)[aria-current="page"]{color:#fff;background:linear-gradient(90deg,rgba(75,30,255,.22),rgba(75,30,255,0) 70%);box-shadow:inset 3px 0 0 #FF4F93}
.mobile-menu a:nth-child(-n+4)[aria-current="page"]::before{color:#FF4F93;opacity:1}
.mobile-menu a:nth-child(-n+4)[aria-current="page"]::after{color:#FF4F93;transform:translateX(2px)}
.mobile-menu a:nth-child(5){margin:16px 12px 0;padding:0 12px;min-height:48px;border-top:1px solid rgba(255,255,255,.10);border-radius:0;color:rgba(255,255,255,.58);font-size:13.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.mobile-menu .mm-cta{margin:12px 12px 2px;min-height:52px;border-radius:13px;font-size:15px;font-weight:800;color:#0A0B1A;background:linear-gradient(90deg,#FF4F93 0%,#B45CFF 100%);box-shadow:0 14px 30px -14px rgba(255,79,147,.60)}
}
@media(max-width:1080px) and (prefers-reduced-motion:no-preference){
.mobile-menu.open a{animation:mmRowIn 300ms cubic-bezier(.22,.8,.28,1) both}
.mobile-menu.open a:nth-child(1){animation-delay:20ms}
.mobile-menu.open a:nth-child(2){animation-delay:50ms}
.mobile-menu.open a:nth-child(3){animation-delay:80ms}
.mobile-menu.open a:nth-child(4){animation-delay:110ms}
.mobile-menu.open a:nth-child(5){animation-delay:140ms}
.mobile-menu.open a:nth-child(6){animation-delay:170ms}
}

/* ===== 13. Hero video — phones show the poster only (17 Sep 2026) ===== */
@media(max-width:767px){.hero-media{display:none!important}}

/* ===== 14. Wheel core — HUMAN HANDOVER in the display face (17 Sep 2026) ===== */
svg.wheel g.ho-core text:nth-of-type(2),svg.wheel g.ho-core text:nth-of-type(3){font-family:var(--fd);letter-spacing:.02em}
@media(max-width:520px){svg.wheel g.ho-core text:nth-of-type(2),svg.wheel g.ho-core text:nth-of-type(3){font-size:27px}}