@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;900&family=Syne:wght@600;700;800&display=swap');
:root{--ink:#eef0e8;--muted:#8b918d;--void:#080a09;--panel:#101310;--line:#2a2f2b;--acid:#c9ff3d;--cyan:#70e7df;--warn:#ffb85c;--danger:#ff6c61;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:"Noto Sans SC",sans-serif;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:12px}.brand i{font-style:normal;color:var(--acid)}.brand-mark{width:34px;height:34px;border:1px solid var(--acid);display:grid;place-items:center;color:var(--acid);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}nav a:hover{color:var(--acid)}.live{font:12px "IBM Plex Mono",monospace;color:var(--muted)}.live b{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid);margin-right:8px}
.hero{min-height:690px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center;position:relative}.hero::before{content:"";position:absolute;inset:7% -8% auto 38%;height:70%;background:radial-gradient(circle,rgba(112,231,223,.1),transparent 68%);pointer-events:none}.eyebrow{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.18em;color:var(--acid);margin:0 0 22px}.hero h1,.section h2{font-family:Syne,"Noto Sans SC",sans-serif;line-height:1.04;letter-spacing:-.045em}.hero h1{font-size:clamp(48px,6.6vw,92px);margin:0 0 30px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--acid)}.lead{max-width:720px;color:#b5bbb6;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:40px}.button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:13px 21px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--acid);border-color:var(--acid);color:#0a0d09;font-weight:700}.button:hover{transform:translateY(-2px);border-color:var(--acid)}.button.primary:hover{box-shadow:0 8px 30px rgba(201,255,61,.2)}.button.compact{padding:9px 14px;font-size:13px}.button.wide{width:100%;margin-top:8px}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.radar-card{border:1px solid var(--line);padding:28px;background:rgba(16,19,16,.82);position:relative}.radar-card::before{content:"LIVE SYSTEM MAP";position:absolute;top:-10px;left:20px;background:var(--void);padding:0 10px;font:11px "IBM Plex Mono",monospace;color:var(--muted)}.radar{aspect-ratio:1;position:relative;border:1px solid #262e2a;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 19%,rgba(201,255,61,.07) 20%)}.radar::before,.radar::after{content:"";position:absolute;background:#253028}.radar::before{left:50%;top:0;width:1px;height:100%}.radar::after{top:50%;left:0;height:1px;width:100%}.ring{position:absolute;border:1px solid #344037;border-radius:50%;inset:15%}.r2{inset:31%}.r3{inset:44%}.sweep{position:absolute;inset:50% 50% 0 0;transform-origin:100% 0;background:linear-gradient(25deg,transparent 55%,rgba(201,255,61,.35));animation:sweep 5s linear infinite}.core{position:absolute;inset:42%;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:#090c08;font:700 12px "IBM Plex Mono"}.dot{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.d1{left:22%;top:36%}.d2{right:18%;top:44%}.d3{left:43%;bottom:18%}.d4{right:34%;top:20%}@keyframes sweep{to{transform:rotate(360deg)}}.radar-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.radar-card dl div{border-left:1px solid var(--line);padding-left:10px}.radar-card dt{font:10px "IBM Plex Mono";color:var(--muted)}.radar-card dd{margin:4px 0 0;font-weight:700}.radar-card>p{font-size:11px;color:var(--warn);border-top:1px solid var(--line);padding-top:14px}
.strip{border-block:1px solid var(--line);background:#0c0f0d}.strip-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:12px "IBM Plex Mono";color:#9fa6a1}.section{padding-block:120px}.section-title{max-width:760px;margin-bottom:54px}.section h2{font-size:clamp(38px,5vw,66px);margin:0 0 22px}.section-title>p:last-child{color:var(--muted);max-width:650px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.product{min-height:410px;padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden}.product:last-child{border-right:0}.product::after{content:attr(data-index);position:absolute;right:-4px;top:-38px;font:800 110px Syne;color:rgba(255,255,255,.025)}.product small{font:11px "IBM Plex Mono";color:var(--acid)}.product h3{font-size:25px;margin:38px 0 12px}.product p{color:var(--muted);font-size:14px}.product dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.product dt{font-size:11px;color:var(--muted)}.product dd{margin:2px 0;font:500 14px "IBM Plex Mono"}.product .price{font:700 20px Syne;margin-top:auto;margin-bottom:18px}.product.featured{background:linear-gradient(145deg,rgba(201,255,61,.08),transparent 45%)}
.console-section{background:#dce0d7;color:#111510;position:relative}.console-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.console-section .eyebrow{color:#4d6b00}.console-intro h2{font:700 clamp(42px,5vw,68px) Syne,"Noto Sans SC";line-height:1.03;margin:0 0 24px}.console-intro>p{color:#4e554e}.status-card{display:flex;gap:14px;align-items:center;border-top:1px solid #aeb4ab;margin-top:40px;padding-top:20px}.status-card>span{width:11px;height:11px;border-radius:50%;background:#777}.status-card>span.on{background:#668b00;box-shadow:0 0 12px #8fbd1b}.status-card small,.account-head small{display:block;font:10px "IBM Plex Mono";color:#70776f}.status-card strong{font-size:14px}.text-button,.icon-button{border:0;background:none;cursor:pointer;text-decoration:underline;padding:12px 0}.console-panel{background:#f2f3ee;border:1px solid #b9beb6;padding:34px;min-height:430px;box-shadow:18px 18px 0 #c3c8bf}.tabs{display:flex;border-bottom:1px solid #c6cac2;margin-bottom:26px}.tab{border:0;background:none;padding:12px 22px;cursor:pointer;color:#6e756d}.tab.active{color:#111510;border-bottom:2px solid #111510;font-weight:700}label{display:block;font-size:12px;color:#5f665e;margin-bottom:18px}input{display:block;width:100%;margin-top:7px;border:1px solid #b8beb5;background:#fff;padding:13px;color:#111510;outline:0}input:focus{border-color:#658700;box-shadow:0 0 0 3px rgba(101,135,0,.12)}.account-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccd0c8;padding-bottom:18px}.account-head strong{font-size:18px}.icon-button{font-size:23px;text-decoration:none}.activation-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0}.activation-row input{margin:0}.console-panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:24px 0 10px}.entitlement,.order{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #d2d5cf;padding:12px 0;font-size:13px}.entitlement b,.order b{font-family:"IBM Plex Mono";font-size:11px}.badge{padding:2px 7px;border:1px solid #8b9388;font-size:10px}.badge.active{background:#d9ef9e;border-color:#8eaa41}.message{min-height:24px;color:#4d6b00;font-size:13px}.message.error{color:#a32f28}
.boundary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.boundary-grid article{padding:28px;border-right:1px solid var(--line);min-height:280px}.boundary-grid article:last-child{border:0}.boundary-grid span{font:11px "IBM Plex Mono";color:var(--acid)}.boundary-grid h3{font-size:18px;margin:72px 0 14px}.boundary-grid p{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font:11px "IBM Plex Mono"}footer .shell{display:flex;justify-content:space-between}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:90px 0}.radar-card{max-width:500px}.strip-inner{flex-wrap:wrap;padding-block:20px}.product-grid,.boundary-grid{grid-template-columns:1fr 1fr}.product:nth-child(2){border-right:0}.product:last-child{border-top:1px solid var(--line)}.console-grid{grid-template-columns:1fr}.console-panel{box-shadow:10px 10px 0 #c3c8bf}}
@media(max-width:600px){.shell{width:min(100% - 28px,var(--max))}.nav{height:68px}.live{display:none}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.product-grid,.boundary-grid{grid-template-columns:1fr}.product,.boundary-grid article{border-right:0;border-bottom:1px solid var(--line)}.section{padding-block:80px}.console-panel{padding:22px}.activation-row{grid-template-columns:1fr}.strip-inner{display:grid}.radar-card dl{grid-template-columns:1fr}footer .shell{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sweep{animation:none}.button{transition:none}}