:root{--ink:#07131d;--navy:#0b202e;--cyan:#46ddff;--muted:#91a7b5;--line:rgba(164,205,221,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f3f9fc;font:16px/1.6 Inter,Arial,"Microsoft YaHei",sans-serif}.nav{height:82px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:2px;line-height:1}.brand small{display:block;margin-top:5px;color:#78b9cc;font-size:8px;letter-spacing:2.4px}.mark{display:grid;place-items:center;width:30px;height:30px;background:var(--cyan);color:#06202b;clip-path:polygon(50% 0,100% 22%,87% 88%,50% 100%,13% 88%,0 22%);font-size:17px}.nav nav{display:flex;gap:34px}.nav nav a{color:#c0d0d8;text-decoration:none;font-size:14px}.nav-button,.button{display:inline-flex;align-items:center;gap:18px;background:var(--cyan);color:#06202b;padding:11px 18px;text-decoration:none;font-weight:800;font-size:13px}.hero{min-height:750px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px max(8vw,44px) 70px;background:radial-gradient(circle at 68% 38%,#144456 0%,#0a1e2b 30%,#07131d 66%)}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(100,191,215,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(100,191,215,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:bold;letter-spacing:2px;margin:0 0 18px}.hero h1,.section h2,.contact h2{font-size:clamp(42px,5.2vw,76px);line-height:1.08;margin:0;letter-spacing:-2px}.hero h1 em{color:var(--cyan);font-style:normal}.lead{max-width:540px;color:#bdd0d8;margin:26px 0 32px;font-size:17px}.actions{display:flex;align-items:center;gap:28px}.button{padding:15px 22px}.button span,button span{font-size:22px;line-height:10px}.play{color:#c4e8f2;text-decoration:none;font-size:14px}.play i{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #78b9cc;border-radius:50%;font-size:9px;font-style:normal;margin-right:7px}.metrics{display:flex;gap:36px;margin-top:70px}.metrics div{border-left:1px solid #4c6a78;padding-left:15px}.metrics b{display:block;font-size:24px}.metrics span{display:block;color:#94aeb9;font-size:11px}.drone{position:absolute;width:370px;height:270px;right:11%;top:31%;z-index:1;filter:drop-shadow(0 30px 30px #020a0e)}.halo{position:absolute;width:430px;height:430px;border:1px solid rgba(92,229,255,.24);border-radius:50%;left:-30px;top:-88px;box-shadow:0 0 0 38px rgba(91,222,255,.025),0 0 60px rgba(55,216,255,.2)}.body{position:absolute;width:145px;height:72px;left:111px;top:100px;background:linear-gradient(145deg,#e4f5f8,#658694);border-radius:48% 48% 42% 42%;clip-path:polygon(13% 0,87% 0,100% 36%,78% 100%,22% 100%,0 36%)}.camera{position:absolute;width:35px;height:35px;left:166px;top:154px;background:#162c38;border:8px solid #92b7c2;border-radius:50%;z-index:2}.arm{position:absolute;width:145px;height:8px;background:#8fb9c5;top:120px;left:112px;transform-origin:left center}.a1{transform:rotate(-27deg)}.a2{transform:rotate(27deg)}.a3{transform:rotate(153deg)}.a4{transform:rotate(207deg)}.rotor{position:absolute;width:90px;height:12px;border:3px solid #b7f4ff;border-radius:50%;box-shadow:0 0 13px #4ce1ff}.r1{left:232px;top:52px;transform:rotate(-18deg)}.r2{left:232px;top:174px;transform:rotate(18deg)}.r3{left:45px;top:52px;transform:rotate(18deg)}.r4{left:45px;top:174px;transform:rotate(-18deg)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{right:7%;top:17%;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 22px 8px var(--cyan)}.orb-two{right:42%;bottom:20%;width:4px;height:4px;background:#fff}.scroll{position:absolute;bottom:30px;right:6%;z-index:2;font-size:9px;letter-spacing:2px;color:#8aa9b6;display:flex;align-items:center;gap:10px}.scroll span{display:block;width:44px;height:1px;background:#83a2af}.section{padding:120px max(8vw,44px)}.solutions{background:#f2f7f8;color:#09202c}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.section-head .eyebrow{grid-column:1/-1;color:#178fae;margin-bottom:-8px}.section h2{font-size:clamp(36px,4vw,56px)}.section-head>p:last-child{color:#5d7480;max-width:410px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid #bcd2d9}.solution-grid article{padding:32px 35px 28px 0;border-right:1px solid #bcd2d9;margin-right:32px}.solution-grid article:last-child{border:0}.solution-grid span{color:#168fae;font:700 13px monospace}.solution-grid h3{font-size:23px;margin:35px 0 10px}.solution-grid p{color:#607783;font-size:14px;min-height:70px}.solution-grid a{color:#0a627c;text-decoration:none;font-weight:bold;font-size:13px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#0d2532}.cap-visual{height:480px;display:grid;place-items:center;background:radial-gradient(circle,#173f4d,transparent 62%);position:relative}.cap-visual p{z-index:2;text-align:center;font-weight:bold;letter-spacing:2px}.cap-visual small{color:var(--cyan);font-size:10px}.radar{position:absolute;width:360px;height:360px;border:1px solid rgba(99,215,238,.32);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 58px,rgba(99,215,238,.13) 59px 60px),linear-gradient(90deg,transparent 49.8%,rgba(99,215,238,.18) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(99,215,238,.18) 50%,transparent 50.2%)}.radar:after{content:"";position:absolute;inset:0;background:conic-gradient(from 120deg,transparent,rgba(62,225,255,.27),transparent 28%);border-radius:50%}.radar i{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);z-index:2}.radar i:nth-child(1){left:26%;top:26%}.radar i:nth-child(2){left:72%;top:38%}.radar i:nth-child(3){left:52%;top:77%}.cap-copy>p:not(.eyebrow){color:#b4c9d1}.cap-copy ul{padding:0;margin:34px 0 0;list-style:none}.cap-copy li{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.cap-copy li b{color:#ecfbff}.cap-copy li span{font-size:13px;color:#98b2bd}.about{background:#f2f7f8;color:#09202c;display:grid;grid-template-columns:1fr 1.2fr;gap:11vw}.about .eyebrow{grid-column:1/-1;margin-bottom:-60px;color:#168fae}.about div{color:#59717e;font-size:18px}.contact{padding:105px max(8vw,44px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:linear-gradient(130deg,#0b202e,#092f3e)}.contact>div>p:last-child{max-width:440px;color:#a8c0c9}.contact form{display:grid;gap:17px}.contact label{display:grid;gap:7px;color:#a9cbd4;font-size:12px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #55707c;color:#fff;padding:10px 0;font:15px inherit;outline:none}textarea{height:75px;resize:vertical}.contact button{margin-top:15px;border:0;background:var(--cyan);padding:16px 20px;font-weight:800;color:#06202b;text-align:left;display:flex;justify-content:space-between;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;padding:32px max(5vw,32px);color:#86a2ae;font-size:12px;border-top:1px solid var(--line)}footer>a:last-child{color:#b7dce6}@media(max-width:760px){.nav nav{display:none}.nav{padding:0 22px}.hero{min-height:700px;padding:135px 26px 70px}.drone{opacity:.32;right:-22%;top:25%;transform:scale(.8)}.metrics{gap:15px;margin-top:48px}.metrics b{font-size:18px}.metrics span{font-size:9px}.section,.contact{padding:75px 26px}.section-head,.capabilities,.about,.contact{display:block}.section-head>p:last-child{margin-top:22px}.solution-grid{grid-template-columns:1fr;margin-top:35px}.solution-grid article{border-right:0;border-bottom:1px solid #bcd2d9;margin:0;padding:28px 0}.cap-visual{height:320px;margin-bottom:45px}.radar{transform:scale(.75)}.cap-copy li{grid-template-columns:1fr}.about .eyebrow{margin-bottom:18px}.about div{font-size:16px}.contact form{margin-top:40px}footer{gap:18px;flex-wrap:wrap}}
