
:root{--ink:#101519;--paper:#f3f1e8;--lime:#d5ff3f;--blue:#536bff;--orange:#ff6947;--muted:#858a88;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f6f5ed;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:700 21px 'Space Grotesk';letter-spacing:-1px}.mark{width:34px;height:34px;border-radius:11px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:18px;transform:rotate(-7deg)}.navlinks{display:flex;align-items:center;gap:29px;color:#b8bcb6;font-size:13px}.navlinks a:hover{color:var(--lime)}.navcta{background:var(--lime);color:var(--ink)!important;padding:12px 18px;border-radius:8px;font-weight:800}
.hero{min-height:680px;position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:25px;padding:64px 0 76px}.hero:before{content:"";position:absolute;inset:0 30% 0 -30%;background:radial-gradient(ellipse at 50% 42%,rgba(83,107,255,.21),transparent 58%);pointer-events:none}.copy{position:relative;z-index:2;animation:rise .75s both}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d5ff3f25;animation:pulse 1.8s infinite}h1{font:700 clamp(52px,6vw,79px)/.99 'Space Grotesk';letter-spacing:-5px;margin:25px 0 22px;max-width:650px}h1 span{color:var(--lime)}.intro{font-size:17px;line-height:1.65;color:#b1b5b0;max-width:520px}.actions{display:flex;gap:12px;margin:31px 0 25px}.btn{padding:15px 21px;border-radius:8px;background:var(--lime);color:var(--ink);font-weight:800;font-size:14px;display:inline-flex;gap:16px;align-items:center;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d5ff3f30}.btn.secondary{background:transparent;color:white;border:1px solid #ffffff35}.btn.secondary:hover{border-color:var(--lime);color:var(--lime)}.proof{display:flex;gap:20px;flex-wrap:wrap;color:#929894;font-size:12px}.proof b{color:#fff}.proof span{display:flex;gap:7px;align-items:center}.check{color:var(--lime);font-weight:900}
.visual{height:500px;position:relative;display:grid;place-items:center;animation:fadein 1s .15s both}.orb{position:absolute;width:390px;height:390px;border:1px solid #d5ff3f38;border-radius:50%;box-shadow:0 0 90px #536bff22,inset 0 0 80px #536bff12;animation:orbit 30s linear infinite}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #fff1;border-radius:50%;inset:33px}.orb:after{inset:79px;border-color:#d5ff3f27}.mapgrid{position:absolute;width:350px;height:350px;border-radius:50%;overflow:hidden;opacity:.5;background:linear-gradient(35deg,transparent 47%,#d5ff3f48 48%,#d5ff3f48 48.5%,transparent 49%),linear-gradient(110deg,transparent 47%,#fff2 48%,#fff2 48.4%,transparent 49%),linear-gradient(155deg,transparent 47%,#fff2 48%,#fff2 48.4%,transparent 49%),linear-gradient(70deg,transparent 47%,#536bff66 48%,#536bff66 48.5%,transparent 49%);mask-image:radial-gradient(circle,#000 50%,transparent 75%)}.pin{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px #ff69472b,0 0 28px var(--orange);animation:pulse 2s infinite}.pin.p1{top:19%;left:57%}.pin.p2{top:44%;left:23%;background:var(--lime);box-shadow:0 0 0 7px #d5ff3f2b,0 0 28px var(--lime)}.pin.p3{top:70%;left:69%}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#c9cdc5;letter-spacing:2px;text-transform:uppercase}
.lead{position:absolute;width:240px;background:#20272a;border:1px solid #ffffff20;border-radius:13px;padding:14px;box-shadow:0 20px 50px #0007;animation:float 5s ease-in-out infinite}.lead.one{top:48px;right:0;transform:rotate(3deg)}.lead.two{bottom:61px;left:0;animation-delay:-2.5s;transform:rotate(-3deg)}.leadhead{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9da39d}.live{color:var(--lime);font-weight:800}.business{display:flex;gap:10px;align-items:center;margin:13px 0 11px}.avatar{width:35px;height:35px;border-radius:10px;background:#f4f0e5;color:#14191b;display:grid;place-items:center;font-size:17px}.business strong{display:block;font-size:12px}.business small{display:block;color:#929994;font-size:10px;margin-top:3px}.tinyrow{display:flex;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:9px;color:#b4bab4;font-size:10px}.badge{background:#d5ff3f1a;color:var(--lime);border-radius:30px;padding:4px 7px;font-size:9px;font-weight:700}.scan{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 75%,#d5ff3f20 88%,#d5ff3f55 100%);animation:orbit 5s linear infinite}.scan:after{content:"";position:absolute;inset:0;border:1px solid #d5ff3f25;border-radius:50%}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;color:#9ba19b;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.ticker-track{display:flex;gap:45px;white-space:nowrap;padding:17px 0;animation:marquee 24s linear infinite;width:max-content}.ticker i{color:var(--lime);font-style:normal;font-size:14px}
.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.kicker{font-size:11px;letter-spacing:1.7px;color:var(--lime);font-weight:800;text-transform:uppercase}.section h2{font:700 clamp(34px,4vw,52px)/1.03 'Space Grotesk';letter-spacing:-2.5px;margin:12px 0 0}.section-head p{color:#9ba19b;max-width:340px;line-height:1.6;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{min-height:214px;border:1px solid var(--line);border-radius:13px;padding:23px;background:linear-gradient(145deg,#ffffff08,transparent);transition:.25s}.step:hover{border-color:#d5ff3f79;transform:translateY(-5px)}.num{font:700 13px 'Space Grotesk';color:var(--lime)}.step h3{font:600 20px 'Space Grotesk';margin:27px 0 9px}.step p{color:#9ba19b;font-size:13px;line-height:1.6;margin:0}.offer{background:var(--paper);color:var(--ink);padding:62px;border-radius:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.offer .kicker{color:#5864df}.offer h2{max-width:550px}.offer p{color:#656b68;line-height:1.65;max-width:510px}.perks{display:grid;gap:9px}.perk{background:white;border-radius:9px;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.perk strong{font:700 22px 'Space Grotesk';color:#536bff}.example{margin-top:70px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#171d20}.exampletop{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.exampletop b{font:600 15px 'Space Grotesk'}.fake{font-size:10px;color:var(--lime);border:1px solid #d5ff3f55;padding:6px 8px;border-radius:4px}.table{width:100%;border-collapse:collapse;text-align:left}.table th{color:#848b85;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:14px 22px}.table td{padding:14px 22px;border-top:1px solid #ffffff12;font-size:12px;color:#c5c9c1}.table td:first-child{font-weight:700;color:#f2f2e9}.status{color:var(--lime);font-size:10px}.ctaend{text-align:center;padding:92px 0 100px}.ctaend h2{font:700 clamp(40px,6vw,65px)/1 'Space Grotesk';letter-spacing:-3.5px;max-width:700px;margin:15px auto}.ctaend p{color:#a3aaa3;margin:20px auto 27px}.foot{border-top:1px solid var(--line);padding:22px 0;color:#777f79;font-size:11px;display:flex;justify-content:space-between}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 10px #d5ff3f08,0 0 25px currentColor}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes orbit{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.wrap{width:min(100% - 32px,600px)}.navlinks a:not(.navcta){display:none}.hero{grid-template-columns:1fr;padding:70px 0 30px;gap:0}.visual{height:410px;transform:scale(.88);margin:-5px -25px}.copy h1{letter-spacing:-3.7px}.section{padding:66px 0}.section-head{display:block}.section-head p{margin-top:16px}.steps{grid-template-columns:1fr}.step{min-height:unset}.offer{padding:28px;grid-template-columns:1fr}.example{overflow-x:auto}.table{min-width:650px}.ctaend{padding:70px 0}.foot{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Integration: existing anchors, accessible navigation and bounded motion. */
h1{font-size:clamp(46px,5.1vw,68px);line-height:1.03;letter-spacing:-3.8px}
.visual-caption{position:absolute;bottom:13px;color:#bec3b9;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
.intro{color:#bcc0b9}.proof{color:#b0b7ae}.table th{color:#a9b1a8}
.leadhead,.business small,.step p,.section-head p,.foot{color:#afb7ae}
.ticker-track{animation:none;justify-content:center;width:auto;flex-wrap:wrap}.ticker-track>*:nth-child(n+7){display:none}
.orb,.pin,.pulse,.lead{animation-iteration-count:1;animation-duration:4s}
.scan{animation-iteration-count:infinite;animation-duration:5s}
.offer-note{font-size:13px}.offer .btn{border:1px solid #b4cf47}.offer p{color:#51584f}
@media(max-width:800px){.nav{height:auto;min-height:78px;gap:14px;padding-block:18px;flex-wrap:wrap}.navlinks{gap:12px}.navlinks a[href="./login.html"]{display:inline;font-size:12px}.hero{padding-top:44px}.copy h1{letter-spacing:-2.8px}.visual{margin:0;transform:none;height:390px}.orb{width:300px;height:300px}.mapgrid{width:290px;height:290px}.lead{width:205px}.lead.one{top:20px}.lead.two{bottom:44px}.actions{flex-wrap:wrap}.ticker-track{gap:15px}.exampletop{gap:14px;min-width:550px}.foot{line-height:1.7}}
@media(max-width:380px){.navlinks{width:100%;justify-content:space-between}.brand{font-size:21px}.copy h1{font-size:43px}.lead{width:190px}}
/* Rotate the radar around its center without moving its bounding box. */
.scan{left:calc(50% - 90px);top:calc(50% - 90px);transform:none}
.visual{isolation:isolate}.visual-caption{z-index:2}
.visual{overflow:clip;overflow-clip-margin:0}
body{font-family:'DM Sans','Noto Emoji',sans-serif}
@media(max-width:800px){.exampletop{min-width:0;flex-direction:column;align-items:flex-start}.fake{white-space:nowrap}.example{scrollbar-color:#d5ff3f #20272a}}
