:root{--bg:#070b10;--panel:#101820;--panel2:#151f29;--line:#263540;--text:#f4f7f6;--muted:#9baab0;--cyan:#7bd8ce;--lime:#c8f06d;--orange:#ff9c64;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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)'/%3E%3C/svg%3E")}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a2730}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:15px;font-weight:800;letter-spacing:.15em}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:30px;height:30px;border:1px solid var(--cyan);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(45deg)}.brand-mark span{height:11px;width:3px;background:var(--cyan);display:block;border-radius:3px}.brand-mark span:nth-child(2){height:17px;background:var(--lime)}.brand-mark span:nth-child(3){height:7px;background:var(--orange)}.nav{display:flex;gap:34px}.nav a,.text-link{color:var(--muted);font-size:13px;text-decoration:none}.nav a:hover,.text-link:hover{color:var(--text)}.button{border:1px solid transparent;color:var(--text);font:600 13px Manrope,sans-serif;border-radius:999px;padding:14px 20px;cursor:pointer;transition:.2s}.button span{margin-left:14px;font-size:17px}.button-primary{background:var(--lime);color:#10170e}.button-primary:hover{background:#dcff8c;transform:translateY(-2px)}.button-ghost{background:transparent;border-color:var(--line)}.button-ghost:hover{border-color:var(--cyan)}.button-light{background:#fff;color:#101820}.hero{min-height:670px;padding:105px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--cyan)}.eyebrow i,.section-kicker:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:8px;vertical-align:2px}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.03;letter-spacing:-.06em;margin:23px 0;color:var(--text)}em{font-style:normal;color:var(--cyan)}.lead{max-width:510px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{border-bottom:1px solid var(--line);padding-bottom:3px}.text-link span{color:var(--lime);font-size:18px;margin-left:8px}.trust-row{display:flex;gap:22px;color:#6f828a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-visual{height:490px;position:relative;background:radial-gradient(circle at 50% 40%,#18343b 0,#0c1a21 30%,transparent 66%)}.orb{position:absolute;border:1px solid rgba(123,216,206,.2);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orb-large{width:405px;height:405px}.orb-small{width:245px;height:245px;border-style:dashed}.device-card,.server-card,.float-label{position:absolute;background:rgba(15,25,32,.88);border:1px solid #334952;box-shadow:0 20px 50px #0008;backdrop-filter:blur(12px)}.device-card{width:205px;padding:17px;border-radius:14px;display:flex;align-items:center;gap:12px}.device-card strong,.device-card small{display:block}.device-card strong{font-size:13px}.device-card small{font-size:10px;color:var(--muted)}.device-icon,.drone-icon{width:34px;height:34px;display:grid;place-items:center;background:#21363a;border-radius:9px;color:var(--lime);font-size:23px}.signal-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;margin-left:auto;box-shadow:0 0 14px var(--lime)}.device-controller{left:5%;top:18%}.device-drone{right:3%;bottom:20%}.server-card{left:50%;top:49%;transform:translate(-50%,-50%);width:275px;padding:20px;border-radius:17px}.server-head{font-size:9px;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:8px}.server-icon{font-size:18px;color:var(--cyan)}.server-head b{margin-left:auto;color:var(--lime);font-size:8px}.server-progress{height:3px;background:#263b3f;margin:24px 0 13px;border-radius:3px}.server-progress span{display:block;width:66%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));border-radius:3px}.server-meta{display:flex;justify-content:space-between;font-size:8px;color:#718a90;letter-spacing:.12em}.route-line{position:absolute;left:20%;right:16%;top:50%;border-top:1px dashed #61817f55}.route-line span{position:absolute;top:-3px;width:5px;height:5px;background:var(--lime);border-radius:50%;animation:move 3s infinite}.route-line span:nth-child(2){animation-delay:1s}.route-line span:nth-child(3){animation-delay:2s}@keyframes move{0%{left:0;opacity:0}20%{opacity:1}100%{left:100%;opacity:0}}.float-label{padding:6px 9px;border-radius:7px;color:var(--lime);font-size:11px}.float-label span{color:#7d969b;font-size:9px;margin-left:5px}.label-a{left:15%;bottom:18%}.label-b{right:13%;top:17%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div{padding:26px 0;display:flex;flex-direction:column;gap:3px}.metrics div+div{border-left:1px solid var(--line);padding-left:32px}.metrics strong{font-size:28px;font-weight:600}.metrics span{font-size:11px;color:var(--muted)}.section{padding:120px 0}.section-title{display:flex;justify-content:space-between;gap:60px;margin:20px 0 50px}.section h2,.cta h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.06em;margin:0}.section-title p{max-width:330px;color:var(--muted);font-size:14px;align-self:flex-end}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:30px;border:1px solid var(--line);border-radius:16px;min-height:260px;background:#0d141b}.step.active{background:linear-gradient(145deg,#173637,#111d21);border-color:#537d77}.step>span{color:var(--orange);font-size:12px}.step h3{font-size:20px;margin:42px 0 12px}.step p,.product-card p,.large-copy{color:var(--muted);font-size:13px}.step a,.card-link{display:inline-block;color:var(--lime);text-decoration:none;font-size:11px;margin-top:15px}.step a b,.card-link b{margin-left:10px;font-size:16px}.section-dark{max-width:none;width:100%;padding-left:max(32px,calc((100% - var(--max))/2));padding-right:max(32px,calc((100% - var(--max))/2));background:#0d151b}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(145deg,#131e26,#0d151b)}.product-top{display:flex;justify-content:space-between;color:#86a0a2;font-size:10px;letter-spacing:.12em}.product-status{color:var(--lime);letter-spacing:0}.product-status i,.live i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px;box-shadow:0 0 9px var(--lime)}.product-art{height:210px;margin:20px -5px;position:relative;overflow:hidden;background:radial-gradient(circle,#29454a33,transparent 65%)}.controller-art:before{content:"";position:absolute;left:50%;top:50%;width:170px;height:96px;transform:translate(-50%,-50%);border-radius:28px 28px 35px 35px;background:linear-gradient(140deg,#495858,#202d30);box-shadow:inset 0 5px 10px #ffffff2a,0 20px 20px #0008}.screen{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:83px;height:46px;border-radius:6px;background:#80a49e;box-shadow:0 0 20px #a4e3c477}.stick{position:absolute;z-index:3;top:56%;width:22px;height:22px;border:3px solid #9aabaa;border-radius:50%;background:#29363a}.s1{left:calc(50% - 60px)}.s2{left:calc(50% + 38px)}.drone-art:before,.drone-art:after{content:"";position:absolute;left:50%;top:50%;width:190px;height:18px;transform:translate(-50%,-50%) rotate(24deg);border-radius:16px;background:#303e42}.drone-art:after{transform:translate(-50%,-50%) rotate(-24deg)}.drone-body{position:absolute;z-index:2;left:50%;top:50%;width:72px;height:45px;transform:translate(-50%,-50%);border-radius:50% 50% 40% 40%;background:linear-gradient(130deg,#b7c4b4,#42535a);box-shadow:0 12px 18px #0008}.arm{position:absolute;width:35px;height:35px;border:4px solid var(--lime);border-radius:50%;z-index:3}.arm1{left:calc(50% - 110px);top:calc(50% - 52px)}.arm2{right:calc(50% - 110px);top:calc(50% - 52px)}.arm3{left:calc(50% - 110px);bottom:calc(50% - 52px)}.arm4{right:calc(50% - 110px);bottom:calc(50% - 52px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.large-copy{max-width:500px;font-size:15px;margin:25px 0 32px}.status-panel{border:1px solid var(--line);border-radius:16px;background:#0e171e;padding:24px}.panel-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#8da2a5;padding-bottom:20px;border-bottom:1px solid var(--line)}.live{letter-spacing:0;color:var(--lime)}.status-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #213039;font-size:12px}.status-row span{color:var(--muted)}.status-row b{font-weight:500;color:#f4c46d}.status-row b.green{color:var(--lime)}.panel-note{margin-top:20px;font-size:11px;color:#7d9194}.cta{margin-top:20px;padding:64px 70px;border-radius:18px;background:linear-gradient(115deg,#264f50,#10282b 55%,#273c24);display:flex;justify-content:space-between;align-items:center}.cta h2{margin-top:13px}.footer{padding:70px 0 35px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start;border-top:1px solid var(--line);margin-top:100px}.footer p,.footer small{font-size:11px;color:var(--muted);margin:3px 0}.footer>div:nth-child(3){display:flex;gap:20px;justify-content:flex-end}.footer a{font-size:11px;color:var(--muted);text-decoration:none}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px}.modal{display:none;position:fixed;inset:0;z-index:10}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(7px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 36px));padding:38px;border:1px solid #4c6e6b;border-radius:18px;background:#111d24;box-shadow:0 35px 100px #000b}.modal-card h2{font-size:32px;letter-spacing:-.04em;margin:16px 0 10px}.modal-card p{color:var(--muted);font-size:13px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#9eafb2;font-size:25px;cursor:pointer}.connect-state{display:flex;gap:13px;align-items:center;padding:18px;background:#0b1319;border:1px solid var(--line);border-radius:10px;margin:25px 0}.connect-state strong,.connect-state small{display:block}.connect-state strong{font-size:13px}.connect-state small{color:var(--muted);font-size:11px;margin-top:3px}.pulse{width:10px;height:10px;border-radius:50%;background:#f4c46d;box-shadow:0 0 0 7px #f4c46d22}.full{width:100%}@media(max-width:800px){.shell{width:min(100% - 34px,var(--max))}.nav{display:none}.topbar{height:72px}.topbar .button{padding:10px 13px;font-size:11px}.hero{grid-template-columns:1fr;padding:70px 0 60px;gap:25px}.hero h1{font-size:52px}.hero-visual{height:390px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div+div{border-left:0;padding-left:0}.metrics div{border-bottom:1px solid var(--line)}.section{padding:80px 0}.section-title,.split{display:block}.section-title p{margin-top:24px}.steps,.device-grid{grid-template-columns:1fr}.cta{padding:40px 28px;display:block}.cta .button{margin-top:30px}.footer{display:block}.footer>div:nth-child(3){justify-content:flex-start;margin:25px 0}.footer small{display:block}.trust-row{flex-wrap:wrap}.server-card{width:240px}.device-controller{left:0}.device-drone{right:0}}