:root{--bg:#071015;--bg2:#0b171d;--panel:#0d1c23;--line:#1b343d;--text:#eef7f8;--muted:#8da5ad;--accent:#43e0b1;--accent2:#4da7ff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(7,16,21,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:76px;display:flex;align-items:center;gap:34px}.brand{font-size:21px;font-weight:800;letter-spacing:-.5px}.brand span{color:var(--accent)}.links{display:flex;gap:25px;margin-left:auto}.links a{font-size:14px;color:#a8bbc1}.links a:hover,.links .active{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;background:var(--accent);color:#06110e;font-weight:750;border:1px solid var(--accent);transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(67,224,177,.14)}.btn.ghost{background:transparent;color:#dce8eb;border-color:#29434c}.btn.ghost:hover{border-color:#5b7881}.nav .btn{padding:9px 14px;font-size:13px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative}.eyebrow{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(52px,6vw,84px);line-height:.98;letter-spacing:-4px;margin:0 0 25px}.lead{font-size:19px;color:#9fb2b9;max-width:660px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.visual{height:520px;position:relative}.radar{position:absolute;inset:50% auto auto 50%;width:390px;height:390px;transform:translate(-50%,-50%);border:1px solid #1c3c44;border-radius:50%;background:radial-gradient(circle,rgba(67,224,177,.08),transparent 58%);box-shadow:0 0 80px rgba(67,224,177,.05)}.radar:before,.radar:after{content:"";position:absolute;border:1px solid #18323a;border-radius:50%;inset:17%}.radar:after{inset:34%}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 315deg,rgba(67,224,177,.35) 355deg,transparent 360deg);animation:spin 5s linear infinite}.cam{position:absolute;width:145px;padding:14px;background:rgba(12,29,36,.92);border:1px solid #24434c;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.cam b{font-size:12px}.cam small{display:block;color:#78929b;margin-top:3px}.cam i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;box-shadow:0 0 0 5px rgba(67,224,177,.09);animation:pulse 1.8s infinite}.c1{top:70px;left:5px}.c2{right:0;top:140px}.c3{left:35px;bottom:60px}.center-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:28px;background:#10252d;border:1px solid #32606b;display:grid;place-items:center;text-align:center;font-weight:800;box-shadow:0 0 55px rgba(67,224,177,.13);z-index:3}.center-node span{display:block;color:var(--accent);font-size:11px;letter-spacing:1px}.section{padding:105px 0}.section.alt{background:#09151b;border-block:1px solid rgba(255,255,255,.04)}.section-title{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-2px;margin:0 0 18px;max-width:850px}.sub{color:var(--muted);font-size:17px;max-width:720px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.card{background:linear-gradient(145deg,#0d1d24,#0a171c);border:1px solid #18323a;border-radius:16px;padding:28px;min-height:240px;transition:.3s}.card:hover{transform:translateY(-5px);border-color:#2a5963}.num{font:700 12px monospace;color:var(--accent);margin-bottom:42px}.card h3{font-size:21px;margin:0 0 10px}.card p{color:#829aa2;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.screen{background:#091218;border:1px solid #203b44;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}.screenbar{height:42px;border-bottom:1px solid #1b333b;display:flex;align-items:center;padding:0 15px;gap:7px}.screenbar i{width:7px;height:7px;border-radius:50%;background:#39525a}.feeds{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.feed{aspect-ratio:16/10;border-radius:7px;background:linear-gradient(135deg,#17272d,#0d171b);position:relative;overflow:hidden}.feed:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(77,167,255,.08),transparent 70%);animation:scan 4s infinite}.feed label{position:absolute;left:9px;bottom:7px;font:10px monospace;color:#b8c9ce}.feed label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.checks{display:grid;gap:15px;margin-top:30px}.check{display:flex;gap:13px;color:#9bb0b6}.check:before{content:"✓";color:var(--accent);font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1b353e;border-radius:16px;overflow:hidden;margin-top:50px}.stat{padding:25px;border-right:1px solid #1b353e}.stat:last-child{border:0}.stat b{font-size:28px;display:block}.stat span{font-size:12px;color:#789099}.usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.case{padding:30px;border:1px solid #1b343d;border-radius:15px;background:#0b181e;position:relative;overflow:hidden}.case:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--accent2);filter:blur(70px);opacity:.09;right:-20px;bottom:-20px}.case h3{margin:0 0 8px;font-size:22px}.case p{color:#829aa2;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px}.step{padding:0 25px 0 0;position:relative}.step:before{content:"";position:absolute;top:14px;left:35px;right:0;height:1px;background:#21414a}.step:last-child:before{display:none}.step i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#0c2425;border:1px solid var(--accent);color:var(--accent);font:11px monospace;position:relative;z-index:2}.step h3{margin-top:22px;font-size:17px}.step p{font-size:14px;color:#81969d}.cta{padding:80px 0}.ctabox{border:1px solid #25505a;background:radial-gradient(circle at 85% 30%,rgba(67,224,177,.12),transparent 30%),#0c1b21;border-radius:22px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ctabox h2{font-size:36px;margin:0 0 10px}.ctabox p{margin:0;color:#8ca3aa}.footer{padding:45px 0;border-top:1px solid #183039;color:#70868e;font-size:13px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h4{color:#b9c8cc;margin-top:0}.footer a{display:block;margin:8px 0}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.on{opacity:1;transform:none}.mobile{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(67,224,177,0)}}@keyframes scan{0%,100%{transform:translateX(-80%)}50%{transform:translateX(80%)}}@media(max-width:850px){.links{display:none}.navin{height:65px}.nav .ghost{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding:85px 0}.hero h1{letter-spacing:-2px}.visual{height:400px}.cards,.stats,.steps{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.ctabox{display:block}.ctabox .actions{margin-bottom:0}}@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.section{padding:75px 0}.cards,.stats,.steps,.usecases{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #1b353e}.step:before{display:none}.visual{height:340px}.radar{width:290px;height:290px}.cam{width:120px}.c1{top:20px}.c2{top:110px}.c3{bottom:25px}.ctabox{padding:30px}.section-title{letter-spacing:-1px}}