:root{--or:#d4ff66;--pk:#b6ff00;--pu:#a6f000;--bl:#86d000;--grad:linear-gradient(100deg,var(--or),var(--pk) 40%,var(--pu) 72%,var(--bl));--mut:#b9a6c9;--line:rgba(255,255,255,.10);--plum:#12091a;--surface:#1e1327;--elev:#291735}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--plum);color:#f7f0ff;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:0;background:radial-gradient(900px 540px at 82% -8%,rgba(166,240,0,.30),transparent 60%),radial-gradient(760px 520px at 8% 70%,rgba(134,208,0,.16),transparent 60%),#150a1b}
.gridbg{position:fixed;inset:0;z-index:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(1200px 800px at 50% 10%,#000,transparent 75%);mask-image:radial-gradient(1200px 800px at 50% 10%,#000,transparent 75%)}
.wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 26px}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
header{position:sticky;top:0;z-index:40;transition:.25s}
header.scrolled{background:rgba(7,8,20,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-weight:800;font-size:21px;letter-spacing:.5px}.logo small{font-size:9px;letter-spacing:3px;color:var(--mut);margin-left:6px;font-weight:600}
.nlinks{display:flex;align-items:center;gap:24px;font-size:14px}
.nlinks a{color:#d8c9e0;text-decoration:none;font-weight:500;cursor:pointer}.nlinks a:hover{color:#fff}
.npill{border:1px solid var(--line);border-radius:10px;padding:9px 15px}
.nbtn{background:var(--grad);border:none;border-radius:10px;padding:10px 18px;color:#160a1d;font-weight:700;font-size:14px;cursor:pointer}
.ey{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2px;color:#d6ff8f;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.03)}
.ey .dot{width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 10px #3ddc97}
h1{font-size:58px;line-height:1.05;font-weight:800;letter-spacing:-1.5px;margin:22px 0 0}
h2{font-size:38px;font-weight:800;letter-spacing:-1px}
.sub{color:#c3b4cf;font-size:18px;line-height:1.6;margin:20px 0 26px;max-width:540px}
.muted{color:#b9a6c9}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:48px 0 56px;min-height:calc(100vh - 72px)}
.cmd{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:13px 13px 13px 18px}
.cmd input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:16px;font-family:inherit}.cmd input::placeholder{color:#9a8aa6}
.cmd .k{font-size:11px;color:#b9a6c9;border:1px solid var(--line);border-radius:7px;padding:3px 7px;font-weight:600}
.cmd .go{background:var(--grad);border:none;border-radius:11px;width:44px;height:44px;color:#160a1d;font-size:18px;cursor:pointer;flex:none}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip{font-size:13px;color:#d8c9e0;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:7px 13px;cursor:pointer}.chip:hover{border-color:var(--pu);color:#fff}
.cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.b1{background:var(--grad);border:none;border-radius:12px;padding:14px 24px;color:#160a1d;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
.b2{background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:14px 22px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
.trust{display:flex;align-items:center;gap:16px;margin-top:28px;color:#9a8aa6;font-size:13px;flex-wrap:wrap}.trust b{color:#d8c9e0}
.panel{position:relative;height:500px;border:1px solid rgba(132,91,151,.38);border-radius:22px;overflow:hidden;background:rgba(18,9,26,.92);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.panel canvas{position:absolute;inset:0;width:100%;height:100%}
.panel .iso-art{position:absolute;left:0;right:0;bottom:0;width:100%;height:calc(100% - 46px);object-fit:cover;object-position:center bottom;display:block;transform:scale(1);transform-origin:center 58%;filter:sepia(.16) hue-rotate(12deg) saturate(1.08) contrast(1.03) brightness(.94);transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .3s ease,filter .45s ease;will-change:transform,opacity,filter}.panel[data-network]:not([data-network="0"]) .iso-art{transform:scale(1.055)}.panel.is-zooming .iso-art{transform:scale(1.18);opacity:.18;filter:sepia(.18) hue-rotate(12deg) saturate(1.25) contrast(1.08) brightness(.7) blur(3px)}.panel:after{content:"";position:absolute;z-index:2;left:0;right:0;top:46px;bottom:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,transparent 8%,rgba(182,255,0,.08) 28%,rgba(18,9,26,.78) 100%);transform:scale(1.12);transition:opacity .28s ease,transform .55s ease}.panel.is-zooming:after{opacity:1;transform:scale(1)}
.panel .s2,.panel .s3{display:none}
.phead{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(132,91,151,.28);font-size:12.5px;color:#d8c9e0;background:rgba(18,9,26,.84);z-index:3}
.phead .live{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 10px #3ddc97;animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.35}}
.stat{position:absolute;z-index:3;background:rgba(30,19,39,.86);border:1px solid rgba(132,91,151,.32);border-radius:12px;padding:10px 13px}
.stat b{font-size:19px;font-weight:800;display:block}.stat span{font-size:11px;color:#b9a6c9}
.s1{top:62px;left:18px}.s2{bottom:18px;left:18px}.s3{bottom:60px;right:18px}
.toast{position:absolute;top:62px;right:18px;z-index:3;background:rgba(41,23,53,.9);border:1px solid rgba(132,91,151,.38);border-radius:12px;padding:10px 13px;font-size:12.5px;color:#f7f0ff;display:flex;align-items:center;gap:8px;animation:float 4s ease-in-out infinite}
.toast .ok{width:18px;height:18px;border-radius:50%;background:#3ddc97;color:#04140c;display:grid;place-items:center;font-size:11px;font-weight:800}
.network-filters{position:absolute;left:18px;bottom:14px;z-index:5;display:flex;gap:6px;padding:5px;border:1px solid rgba(132,91,151,.34);border-radius:11px;background:rgba(18,9,26,.88);backdrop-filter:blur(8px)}.network-filters button{border:1px solid rgba(132,91,151,.28);border-radius:8px;background:rgba(255,255,255,.035);color:#cbbbd5;padding:7px 10px;font:600 10px Inter,system-ui;cursor:pointer}.network-filters button:hover,.network-filters button.active{border-color:#b6ff00;color:#dfff86;background:rgba(182,255,0,.10)}
@keyframes float{50%{transform:translateY(-7px)}}
section{padding:84px 0}
.scenter{text-align:center;max-width:680px;margin:0 auto 46px}
.scenter h2{margin-top:14px}.scenter p{color:#c3b4cf;font-size:17px;margin-top:12px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mcard{border:1px solid var(--line);border-radius:16px;padding:22px;background:rgba(255,255,255,.03);transition:.2s}
.mcard:hover{transform:translateY(-4px);border-color:rgba(166,240,0,.5);background:rgba(166,240,0,.07)}
.mcard .t{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#d6ff8f}
.mcard b{font-size:19px;font-weight:700;display:block;margin-top:8px}
.mcard p{color:#b9a6c9;font-size:14px;margin-top:6px;line-height:1.5}
/* campaign intelligence */
.cintel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.cintel-copy h2{margin:16px 0 14px}.cintel-copy>p{color:#c3b4cf;font-size:16px;line-height:1.65}
.ci-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.ci-point{border:1px solid var(--line);border-radius:13px;padding:13px;background:rgba(255,255,255,.025)}.ci-point span{font-size:18px}.ci-point b{display:block;font-size:14px;margin:7px 0 3px}.ci-point small{color:#a995b7;font-size:12px;line-height:1.4;display:block}
.ci-visual{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(145deg,rgba(166,240,0,.08),rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.25)}.ci-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;color:#b9a6c9}.ci-top b{color:#f4ecfa;font-size:13px}.ci-live{color:#79e6ad;font-weight:700}
.ci-map{width:100%;height:auto;aspect-ratio:3/2;border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden;background:#100817}.ci-map:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(16,8,23,.08),transparent 55%,rgba(16,8,23,.48));pointer-events:none}.ci-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:opacity .22s ease}.ci-radius{position:absolute;left:50%;top:45%;width:150px;height:150px;border:1px solid rgba(166,240,0,.42);background:rgba(166,240,0,.06);border-radius:50%;transform:translate(-50%,-50%)}
.ci-pin{position:absolute;width:18px;height:18px;border-radius:50% 50% 50% 0;background:var(--pk);transform:rotate(-45deg);box-shadow:0 0 18px rgba(182,255,0,.75)}.ci-pin:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#160a1d;left:6px;top:6px}.cip1{left:48%;top:38%}.cip2{left:69%;top:58%;opacity:.75}.cip3{left:28%;top:67%;opacity:.55}.ci-tag{position:absolute;z-index:3;border:1px solid var(--line);border-radius:9px;padding:6px 8px;background:rgba(18,10,27,.9);font-size:10px;color:#ddd0e5;backdrop-filter:blur(8px)}.cit1{top:16px;left:16px}.cit2{right:14px;top:22px}.cit3{right:18px;bottom:62px}
.ci-score{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px;border:1px solid rgba(166,240,0,.28);border-radius:14px;padding:14px;background:rgba(166,240,0,.06)}.ci-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#160a1d;font-size:17px;font-weight:800}.ci-score b{font-size:13px}.ci-score p{font-size:11.5px;color:#b9a6c9;margin-top:3px}.ci-fit{font-size:11px;color:#79e6ad;font-weight:700}.ci-signals{position:absolute;z-index:5;left:12px;right:12px;bottom:10px;display:flex;gap:5px;padding:5px;border:1px solid rgba(132,91,151,.34);border-radius:11px;background:rgba(18,9,26,.9);backdrop-filter:blur(9px)}.ci-sig{flex:1;min-width:0;font:600 9px/1.2 Inter,system-ui;color:#cbbbd5;text-align:center;border:1px solid rgba(132,91,151,.28);border-radius:8px;padding:7px 3px;background:rgba(255,255,255,.035);cursor:pointer;transition:.2s}.ci-sig b{font-size:10px;color:inherit}.ci-sig:hover,.ci-sig.active{border-color:#b6ff00;color:#dfff86;background:rgba(182,255,0,.1);box-shadow:0 0 16px rgba(182,255,0,.08)}
/* how it works */
.hw{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.hw-steps{display:flex;flex-direction:column;gap:10px}
.hw-step{border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.2s;background:rgba(255,255,255,.02);position:relative;overflow:hidden}
.hw-step.on{border-color:rgba(166,240,0,.55);background:rgba(166,240,0,.08)}
.hw-step .n{font-size:12px;font-weight:700;color:#9a8aa6}
.hw-step.on .n{color:#d6ff8f}
.hw-step b{font-size:17px;display:block;margin-top:4px}
.hw-step p{font-size:13.5px;color:#b9a6c9;margin-top:4px;line-height:1.5}
.hw-step .pbar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--grad)}
.hw-step.on .pbar{animation:fillbar 3.4s linear}
@keyframes fillbar{from{width:0}to{width:100%}}
.hw-stage{position:relative;height:420px;border:1px solid var(--line);border-radius:20px;background:rgba(10,12,30,.6);overflow:hidden}
.hw-demo{position:absolute;inset:0;padding:26px;display:none;flex-direction:column;justify-content:center}
.hw-demo.on{display:flex}
.demobar{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;color:#fff;min-height:52px}
.demobar .cur{display:inline-block;width:2px;height:18px;background:var(--pk);margin-left:2px;animation:blink 1s steps(1) infinite;vertical-align:-3px}
@keyframes blink{50%{opacity:0}}
.bars{display:flex;flex-direction:column;gap:12px}
.barrow{display:flex;align-items:center;gap:12px}
.barrow span{width:88px;font-size:13px;color:#d8c9e0}
.bar{flex:1;height:14px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:8px;transition:width 1s cubic-bezier(.4,0,.2,1)}
.barrow em{font-style:normal;width:64px;text-align:right;font-size:13px;font-weight:700;color:#ece2f3}
.pins{position:relative;height:100%;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid var(--line);overflow:hidden}
.pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--pk);box-shadow:0 0 12px var(--pk);transform:scale(0);opacity:0}
.pins.play .pin{animation:drop .5s forwards}
@keyframes drop{0%{transform:scale(0) translateY(-12px);opacity:0}70%{transform:scale(1.25) translateY(0);opacity:1}100%{transform:scale(1);opacity:1}}
.demotoast{position:absolute;right:14px;top:14px;background:rgba(12,14,34,.92);border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:12px;color:#ece2f3;display:flex;gap:7px;align-items:center;opacity:0}
.pins.play .demotoast{animation:fadein .5s 1.6s forwards}
@keyframes fadein{to{opacity:1}}
.proofs{display:flex;gap:14px}
.proof{flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);opacity:0;transform:translateY(10px)}
.hw-demo.on .proof{animation:rise .6s forwards}.hw-demo.on .proof:nth-child(2){animation-delay:.2s}
@keyframes rise{to{opacity:1;transform:none}}
.proof .ph{height:120px;background:linear-gradient(135deg,rgba(166,240,0,.4),rgba(134,208,0,.35))}
.proof .cap{padding:9px 12px;font-size:12.5px;color:#d8c9e0}
.livebadge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:13px;color:#3ddc97;font-weight:700}
.livebadge .d{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 10px #3ddc97;animation:bl 1.4s infinite}
/* split */
.toggle{display:inline-flex;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:5px;margin:0 auto 30px;position:relative}
.toggle button{border:none;background:none;color:#d8c9e0;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;position:relative;z-index:2;white-space:nowrap;transition:.2s}
.toggle button.on{color:#160a1d;background:var(--grad)}
.toggle .slider{display:none}
.toggle.b .slider{transform:translateX(100%)}
.splitcard{border:1px solid var(--line);border-radius:18px;padding:30px;background:rgba(255,255,255,.03);max-width:760px;margin:0 auto}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.feat{display:flex;gap:11px;font-size:14.5px;color:#d8c9e0}.feat i{color:#3ddc97;font-weight:800}
/* ticker */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:inline-flex;gap:48px;white-space:nowrap;animation:scrollx 28s linear infinite}
.track span{font-size:14px;color:#b9a6c9}.track b{color:#fff}
@keyframes scrollx{to{transform:translateX(-50%)}}
/* CTA + footer */
.appsoon{margin-top:20px}
.appsoon-l{font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mut);margin-bottom:9px}
.appbadges{display:flex;gap:10px;flex-wrap:wrap}
.appbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:8px 14px;cursor:default}
.appbadge>svg{width:20px;height:20px;flex:none;fill:#fff}
.appbadge .tx small{display:block;font-size:9px;color:var(--mut);line-height:1.15;text-transform:uppercase;letter-spacing:.3px}
.appbadge .tx b{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1.2}

.bigcta{text-align:center;border:1px solid var(--line);border-radius:24px;padding:60px 24px;background:radial-gradient(700px 300px at 50% -20%,rgba(166,240,0,.35),transparent),rgba(10,12,30,.5)}
.bigcta h2{font-size:42px}
.owner-link{display:inline-block;margin-top:16px;color:#b9a6c9;font-size:13px;text-decoration:none}.owner-link:hover{color:#dfff86}
.proofbar{--rail-a:#b6ff00;--rail-b:#59e6b3;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border:1px solid rgba(132,91,151,.35);border-radius:22px;padding:27px 18px 25px;overflow:hidden;background:radial-gradient(600px 150px at 50% 0,rgba(182,255,0,.08),transparent 72%),linear-gradient(145deg,rgba(35,18,47,.96),rgba(18,9,26,.98));box-shadow:0 22px 60px rgba(0,0,0,.22);margin-top:-36px;position:relative;z-index:4}.proofbar:before{content:"";position:absolute;left:12.5%;right:12.5%;top:57px;height:2px;background:linear-gradient(90deg,var(--rail-a),var(--rail-b),var(--rail-a),var(--rail-b));box-shadow:0 0 14px rgba(182,255,0,.42);opacity:.75}.proofitem{position:relative;z-index:1;text-align:center;min-width:0}.prooficon{width:60px;height:60px;margin:0 auto 15px;border:2px solid var(--rail-a);border-radius:50%;display:grid;place-items:center;color:var(--rail-a);background:#100817;box-shadow:0 0 0 6px rgba(182,255,0,.055),0 0 22px rgba(182,255,0,.15)}.proofitem:nth-child(even) .prooficon{color:var(--rail-b);border-color:var(--rail-b);box-shadow:0 0 0 6px rgba(89,230,179,.055),0 0 22px rgba(89,230,179,.14)}.prooficon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.proofitem b{display:block;color:#f7f0ff;font-size:25px;line-height:1.15;margin-top:5px}.proofitem .proofcopy>span{display:block;color:#ad9bb9;font-size:12px;line-height:1.4;margin:7px auto 0;max-width:230px}.proofitem i{font-style:normal;color:#d6ff8f;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.proofitem:nth-child(even) i{color:#79e6ad}
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.jstep{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px;background:rgba(255,255,255,.025)}.jstep:not(:last-child):after{content:"→";position:absolute;right:-12px;top:30px;z-index:2;color:#b6ff00;background:#160b1e;border:1px solid var(--line);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.jnum{color:#b6ff00;font-size:12px;font-weight:800;letter-spacing:1px}.jstep b{display:block;font-size:17px;margin:12px 0 7px}.jstep p{color:#aa98b7;font-size:13px;line-height:1.5}
.servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.025)}.service b{font-size:16px;display:block;margin-bottom:7px}.service p{font-size:13px;line-height:1.5;color:#aa98b7}.service .svcico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(182,255,0,.1);color:#b6ff00;margin-bottom:14px;font-weight:800}
.formatgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formatcard{border:1px solid var(--line);border-radius:18px;padding:25px;background:rgba(255,255,255,.025)}.formatcard.live-now{border-color:rgba(61,220,151,.35);background:linear-gradient(145deg,rgba(61,220,151,.08),rgba(255,255,255,.02))}.formatcard h3{font-size:19px;margin:7px 0}.formatcard>p{color:#aa98b7;font-size:13px;line-height:1.55}.formatlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.formatlist span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:#d8c9e0;font-size:12px;background:rgba(255,255,255,.03)}.availability{font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#79e6ad}
.casecard{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(182,255,0,.08),rgba(255,255,255,.025))}.casebrief{padding:32px;border-right:1px solid var(--line)}.casebrief h3{font-size:24px;margin:12px 0}.casebrief p{color:#b9a6c9;line-height:1.6}.caseplan{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.casekpi{border:1px solid var(--line);border-radius:13px;padding:15px;background:rgba(10,6,16,.35)}.casekpi small{display:block;color:#9f8bae;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.casekpi b{display:block;margin-top:7px;font-size:16px}.casewhy{grid-column:1/-1;border:1px solid rgba(182,255,0,.3);border-radius:13px;padding:15px;color:#d8c9e0;font-size:13px;line-height:1.55}
.partnerband{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:34px;background:radial-gradient(500px 240px at 100% 0,rgba(182,255,0,.12),transparent),rgba(255,255,255,.025)}.partnerband h2{margin:14px 0 12px}.partnerband p{color:#b9a6c9;line-height:1.65}.partnerfeatures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.partnerfeatures span{border:1px solid var(--line);border-radius:12px;padding:13px;color:#d8c9e0;font-size:13px}.partnerfeatures span:before{content:"✓";color:#79e6ad;font-weight:800;margin-right:8px}
footer{border-top:1px solid var(--line);padding:50px 0 30px;position:relative;z-index:2}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:30px}
.fcol h5{font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:#9a8aa6;margin-bottom:12px}
.fcol a{display:block;color:#c3b4cf;font-size:13.5px;text-decoration:none;padding:4px 0;cursor:pointer}.fcol a:hover{color:#fff}
.fbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:#9a8aa6;font-size:12.5px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
/* living system motion — intentionally layered onto the existing design */
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:var(--spot-x,58%);top:var(--spot-y,34%);transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(182,255,0,.075),rgba(182,255,0,.025) 34%,transparent 68%);pointer-events:none;opacity:var(--spot-opacity,0);transition:opacity .45s ease;will-change:transform,opacity}
.gridbg{animation:gridAlive 22s ease-in-out infinite;will-change:background-position,opacity}
@keyframes gridAlive{0%,100%{background-position:0 0;opacity:.26}50%{background-position:9px 6px;opacity:.34}}
.panel.motion-visible{animation:dashboardBreath 12s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
@keyframes dashboardBreath{0%,100%{transform:translate3d(0,var(--scroll-y,0px),0) scale(var(--scroll-scale,1))}50%{transform:translate3d(0,calc(var(--scroll-y,0px) - 3px),0) scale(var(--scroll-scale,1))}}
.panel .iso-art{--depth-x:0px;--depth-y:0px;transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1)}
.panel[data-network]:not([data-network="0"]) .iso-art{transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1.055)}
.panel.is-zooming .iso-art{transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1.18)}
.panel.screen-refresh .iso-art{filter:sepia(.12) hue-rotate(12deg) saturate(1.16) contrast(1.06) brightness(1.03)}
.panel .glass-sheen{position:absolute;z-index:4;inset:46px 0 0;pointer-events:none;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.055) 43%,transparent 58%);background-size:240% 100%;background-position:var(--glass-x,120%) 0;opacity:.55;transition:background-position .25s ease-out}
.panel .road-flow{position:absolute;z-index:2;inset:46px 0 0;width:100%;height:calc(100% - 46px);pointer-events:none;opacity:.34;mix-blend-mode:screen}
.panel .road-flow path{fill:none;stroke:rgba(182,255,0,.52);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1 18;animation:roadTravel 7s linear infinite;filter:drop-shadow(0 0 3px rgba(182,255,0,.35))}
.panel .road-flow path+path{animation-duration:10s;animation-direction:reverse;opacity:.55}
@keyframes roadTravel{to{stroke-dashoffset:-190}}
.network-marker{position:absolute;z-index:6;width:17px;height:17px;border:1px solid rgba(247,240,255,.82);border-radius:50%;background:var(--pk);box-shadow:0 0 0 5px rgba(182,255,0,.09),0 0 13px rgba(182,255,0,.62);cursor:pointer;transform:translate3d(-50%,-50%,0);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.network-marker:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(182,255,0,.55);border-radius:50%;opacity:0;transform:scale(.55)}
.network-marker:hover,.network-marker:focus-visible,.network-marker.active{transform:translate3d(-50%,-50%,0) scale(1.25);box-shadow:0 0 0 7px rgba(182,255,0,.12),0 0 21px rgba(182,255,0,.72);outline:none}
.network-marker:hover:before,.network-marker:focus-visible:before,.network-marker.active:before{animation:markerRipple 1.4s ease-out infinite}
@keyframes markerRipple{0%{opacity:.7;transform:scale(.55)}100%{opacity:0;transform:scale(1.65)}}
.marker-link{position:absolute;z-index:5;height:1px;background:linear-gradient(90deg,rgba(182,255,0,.8),rgba(121,230,173,.32));transform-origin:0 50%;opacity:0;pointer-events:none;transition:opacity .25s}
.marker-link.on{opacity:1}
.marker-card{position:absolute;z-index:7;right:18px;bottom:62px;width:210px;padding:12px 13px;border:1px solid rgba(182,255,0,.28);border-radius:12px;background:rgba(18,9,26,.93);backdrop-filter:blur(12px);box-shadow:0 16px 36px rgba(0,0,0,.28);opacity:0;transform:translate3d(0,8px,0) scale(.98);pointer-events:none;transition:opacity .25s,transform .25s}
.marker-card.on{opacity:1;transform:translate3d(0,0,0) scale(1)}
.marker-card small{display:block;color:#79e6ad;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.marker-card b{display:block;margin-top:5px;font-size:12.5px}.marker-card span{display:block;margin-top:4px;color:#b9a6c9;font-size:10.5px;line-height:1.4}
.toast{transition:opacity .24s ease,transform .24s ease,border-color .24s}.toast.is-changing{opacity:0;transform:translate3d(0,-5px,0)}.toast.is-fresh{border-color:rgba(61,220,151,.46)}
.b1,.b2,.nbtn,.npill,.cmd .go{position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,filter .22s;will-change:transform}
.b1:hover,.nbtn:hover,.cmd .go:hover{transform:translate3d(0,-2px,0);filter:brightness(1.04);box-shadow:0 10px 26px rgba(182,255,0,.16)}
.b2:hover,.npill:hover{transform:translate3d(0,-2px,0);border-color:rgba(182,255,0,.46);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.b1:active,.b2:active,.nbtn:active,.npill:active,.cmd .go:active{transform:translate3d(0,1px,0) scale(.975);transition-duration:.08s}
.nlinks a:not(.nbtn):not(.npill),.fcol a,.owner-link{position:relative}.nlinks a:not(.nbtn):not(.npill):after,.fcol a:after,.owner-link:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.nlinks a:hover:after,.fcol a:hover:after,.owner-link:hover:after{transform:scaleX(1);transform-origin:left}
.motion-card{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transform-style:preserve-3d;will-change:transform;transition:transform .2s ease,border-color .2s,background .2s;position:relative;overflow:hidden}
.motion-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.07),transparent 58%);opacity:0;transition:opacity .3s}.motion-card.is-hovered:after{opacity:1}
.reveal{will-change:transform,opacity}.reveal.in{will-change:auto}
@media(max-width:920px){.hero,.hw,.cintel,.casecard,.partnerband{grid-template-columns:1fr;gap:26px}h1{font-size:40px}h2{font-size:30px}.mgrid{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.nlinks a:not(.npill):not(.nbtn){display:none}.feats{grid-template-columns:1fr}.panel{height:400px}.proofbar{margin-top:10px}.journey,.servicegrid{grid-template-columns:1fr 1fr}.jstep:nth-child(2):after{display:none}.casebrief{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:760px),(pointer:coarse){.hero:before,.panel .glass-sheen,.panel .road-flow,.network-marker,.marker-link,.marker-card{display:none}.motion-card{transform:none!important}.panel.motion-visible{animation-duration:15s}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.panel[data-network] .iso-art{transform:none!important}.panel.is-zooming .iso-art{opacity:1!important;filter:sepia(.16) hue-rotate(12deg) saturate(1.08) contrast(1.03) brightness(.94)!important}.panel:after,.hero:before,.panel .glass-sheen,.panel .road-flow,.network-marker,.marker-link{display:none}.motion-card{transform:none!important}}
.demobox{max-width:980px;margin:0 auto}
.demoframe{width:100%;height:560px;border:0;display:block;background:#150a1b}
.inventorybox{max-width:1200px}
.inventoryframe{height:585px}
#map{scroll-margin-top:76px}
@media(max-width:760px){.demoframe{height:600px}}
@media(max-width:920px){.inventoryframe{height:880px}}
@media(max-width:560px){.inventoryframe{height:840px}}
@media(max-width:760px){
 .wrap{padding:0 16px}
 nav{height:58px}
 .logo{font-size:17px}.logo small{display:none}.logo img{height:28px}.cmd .k{display:none}
 .nlinks{gap:8px}.npill,.nbtn{padding:8px 11px;font-size:12.5px;border-radius:9px}
 .hero{min-height:auto;padding:16px 0 26px}
 h1{font-size:32px;line-height:1.08}
 .sub{font-size:15px;margin:14px 0 18px}
 section{padding:48px 0}
 .scenter{margin-bottom:26px}.scenter p{font-size:15px}
 .bigcta{padding:40px 18px}.bigcta h2{font-size:30px}.fgrid{grid-template-columns:1fr}.proofbar,.journey,.servicegrid,.formatgrid,.caseplan,.partnerfeatures{grid-template-columns:1fr}.proofbar{gap:8px;padding:18px;margin-top:6px}.proofbar:before{left:45px;right:auto;top:46px;bottom:46px;width:2px;height:auto;background:linear-gradient(180deg,var(--rail-a),var(--rail-b),var(--rail-a),var(--rail-b))}.proofitem{display:flex;align-items:center;gap:15px;text-align:left;padding:8px 0}.prooficon{width:54px;height:54px;min-width:54px;margin:0}.proofitem .proofcopy>span{margin:5px 0 0;max-width:none}.proofitem b{font-size:22px}.jstep:after{display:none!important}.casebrief,.caseplan,.partnerband{padding:22px}.casewhy{grid-column:auto}
 .toggle button{padding:9px 14px;font-size:13px}.ci-points{grid-template-columns:1fr}.ci-map{height:auto}.ci-signals{left:8px;right:8px;bottom:8px;padding:4px;gap:4px}.ci-sig{font-size:7.5px;padding:6px 2px}.ci-sig b{font-size:8.5px}.cit1{left:10px;top:12px}.cit2{right:10px;top:12px}.cit3{right:10px;bottom:55px}.ci-fit{display:none}
}
@media(max-width:480px){.npill{display:none}.logo img{height:26px}}



.nbtn,.go,.cmd .go,.b1,.toggle button.on,.btn,.chip.sel,.opt .chk,.lc .chk,.top .avatar,.acct .avatar,.insight .av,.flowsteps .fs.active .n,.score,.tab.on,.steps .st.now,.auth .switch button.on,.dfnl-b,.av,.now{color:#160a1d!important}.btn{box-shadow:0 8px 22px rgba(166,240,0,.25)!important}

.ci-map{background:radial-gradient(circle at 50% 52%,rgba(166,240,0,.22),transparent 24%),linear-gradient(145deg,rgba(63,39,80,.45),transparent 44%),#170d20}.ci-map:before{background-image:linear-gradient(30deg,transparent 47%,rgba(193,167,207,.14) 48%,transparent 49%),linear-gradient(-30deg,transparent 47%,rgba(193,167,207,.10) 48%,transparent 49%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px,28px 28px;transform:perspective(420px) rotateX(8deg) scale(1.08);transform-origin:center bottom}.ci-radius{border-color:rgba(166,240,0,.55);background:rgba(166,240,0,.07);box-shadow:0 0 34px rgba(182,255,0,.16)}.ci-radius:after{content:"MG ROAD\\A LED BILLBOARD";white-space:pre;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:38px;border:2px solid var(--pk);border-radius:4px;background:#271632;color:var(--pk);font-size:7px;font-weight:800;line-height:1.15;text-align:center;box-shadow:0 0 18px rgba(182,255,0,.55)}

.ci-radius,.ci-pin{display:none!important}