@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#071018;--soft:#0b1620;--panel:#0d1a25;--line:rgba(255,255,255,.1);--text:#f4f8fb;--muted:#9bb0bf;--accent:#00a8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:10;background:rgba(5,12,18,.8);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;gap:28px}.brand img{width:190px}.desktop-nav{margin-left:auto;display:flex;gap:26px}.desktop-nav a{font-size:14px;color:#c7d4dd}.header-call{margin-left:6px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.mobile-nav{display:none;padding:0 20px 20px}.mobile-nav.open{display:grid;gap:14px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;border:1px solid transparent;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#0876dc);box-shadow:0 12px 30px rgba(0,168,255,.22)}.btn-outline{border-color:rgba(0,168,255,.7)}.hero{position:relative;min-height:100vh;padding:150px 0 90px;overflow:hidden;background:radial-gradient(circle at 78% 40%,rgba(0,168,255,.13),transparent 30%),#071018}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#2bc0ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.eyebrow:before{content:"";width:36px;height:2px;background:var(--accent)}h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(48px,6vw,86px);margin:24px 0 10px;letter-spacing:-.04em}.hero-accent{color:var(--accent);font-weight:700;font-size:clamp(24px,3vw,38px);margin:0 0 24px}.hero-text{color:#c3d0d9;max-width:720px;font-size:18px}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0;border-block:1px solid var(--line)}.hero-features div{padding:18px 14px;border-right:1px solid var(--line)}.hero-features div:last-child{border:0}.hero-features strong,.hero-features span{display:block}.hero-features span{color:var(--muted);font-size:12px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{min-height:560px;position:relative;display:grid;place-items:center}.radar{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(0,168,255,.3);background:repeating-radial-gradient(circle,transparent 0 45px,rgba(0,168,255,.11) 46px 47px)}.camera{position:relative;z-index:2;transform:rotate(-8deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.45))}.camera-body{width:330px;height:230px;border-radius:42px 70px 50px 42px;background:linear-gradient(145deg,#243442,#0a1118 68%);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center}.camera-lens{width:168px;height:168px;border-radius:50%;border:18px solid #0b1117;outline:2px solid var(--accent);background:radial-gradient(circle at 42% 38%,#2d5368 0 7%,#0a2535 8% 24%,#02070b 25% 55%,#111a21 56%);display:grid;place-items:center}.lens-core{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#41c5ff,#001520 50%,#000);box-shadow:0 0 22px rgba(0,168,255,.7)}.camera-arm{width:130px;height:46px;background:#111b23;border-radius:8px;position:absolute;right:-65px;bottom:38px}.location-chip{position:absolute;bottom:40px;right:10px;padding:12px 16px;border:1px solid rgba(0,168,255,.35);border-radius:8px;color:#2bc0ff;background:rgba(7,16,24,.75)}.section{padding:110px 0}.section-dark{background:var(--soft);border-block:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:46px}.section-heading h2{font-size:clamp(34px,4vw,58px);margin:16px 0}.section-heading p,.card p,.timeline-item p,.faq-list p,.cta p{color:var(--muted)}.cards{display:grid;gap:18px}.objects-grid{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:16px;padding:26px;min-height:190px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(0,168,255,.4)}.card>span{color:var(--accent);font-size:12px;font-weight:800}.card h3{font-size:22px;margin:28px 0 12px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.service-list li{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:22px}.service-list span{color:var(--accent);font-size:12px;font-weight:800}.benefits-grid{grid-template-columns:repeat(3,1fr)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(0,168,255,.45)}.timeline-item{padding:28px 20px 0 0;position:relative}.timeline-item:before{content:"";position:absolute;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(0,168,255,.8)}.timeline-item b{color:var(--accent);font-size:12px}.timeline-item h3{margin:18px 0 10px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.placeholder{aspect-ratio:16/10;display:grid;place-items:center;color:rgba(255,255,255,.18);font-size:48px;font-weight:800;background:linear-gradient(135deg,rgba(0,168,255,.08),transparent 60%)}.portfolio-card span{display:block;padding:18px 20px;font-weight:700}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-weight:700;font-size:18px}.cta{padding:100px 0;background:radial-gradient(circle at 85% 50%,rgba(0,168,255,.14),transparent 28%),#08121a}.cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.cta h2{font-size:clamp(34px,4vw,54px);margin:16px 0}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-actions .btn:first-child{grid-column:1/-1}footer{padding:38px 0;border-top:1px solid var(--line)}.footer-inner{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center}.footer-inner img{width:180px}.footer-inner p{margin:3px 0;color:var(--muted);font-size:13px}.footer-right{display:grid;gap:5px;text-align:right}.footer-right span{color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.desktop-nav,.header-call{display:none}.menu-toggle{display:block}.hero-inner,.split,.faq-wrap,.cta-inner{grid-template-columns:1fr}.objects-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr);row-gap:38px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:72px}.brand img{width:150px}h1{font-size:44px}.hero{padding-top:130px}.hero-features{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.hero-visual{min-height:330px}.radar{width:290px;height:290px}.camera-body{width:230px;height:160px}.camera-lens{width:118px;height:118px;border-width:12px}.camera-arm{width:85px;right:-45px}.section{padding:78px 0}.objects-grid,.benefits-grid,.portfolio-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;border-top:0;border-left:1px solid rgba(0,168,255,.45);padding-left:22px}.timeline-item{padding:0 0 28px 18px}.timeline-item:before{top:3px;left:-28px}.contact-actions{grid-template-columns:1fr}.contact-actions .btn:first-child{grid-column:auto}.footer-inner{grid-template-columns:1fr}.footer-right{text-align:left}}