:root{--bg:#06111c;--bg2:#081827;--text:#f6f9fd;--muted:#9fb3c8;--blue:#168cff;--cyan:#4dc7ff;--line:rgba(255,255,255,.10);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 78% 8%,rgba(22,140,255,.14),transparent 34rem),linear-gradient(180deg,var(--bg),var(--bg2) 48%,var(--bg));line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(6,17,28,.90);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand-logo img{width:230px}.nav-links{display:flex;gap:24px;align-items:center;color:#dbe6f2;font-size:.95rem}.nav-links a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-weight:750;border:1px solid rgba(77,199,255,.50);background:linear-gradient(135deg,rgba(22,140,255,.36),rgba(77,199,255,.08));box-shadow:0 0 30px rgba(22,140,255,.10)}.button.secondary{background:rgba(255,255,255,.02);border-color:var(--line);box-shadow:none;color:#dce7f2}.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:white;border-radius:10px;padding:8px 12px;font-size:1.2rem}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.82rem}.hero{padding:76px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}.hero-copy-logo{width:min(610px,100%);margin:18px 0}.lead{color:var(--muted);font-size:1.12rem;max-width:710px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;color:#c1d0df;font-size:.9rem}.trust span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cyan);margin-right:9px;box-shadow:0 0 14px rgba(77,199,255,.65)}.hero-visual{position:relative;min-height:565px;border-radius:26px;overflow:hidden;border:1px solid rgba(77,199,255,.27);background:#0c2236 url("../images/vision-storyboard.png") center/cover no-repeat;box-shadow:0 28px 80px rgba(0,0,0,.36)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,24,.18),rgba(4,14,24,.76) 68%,rgba(4,14,24,.92))}.sensor-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;border:1px solid rgba(77,199,255,.30);border-radius:20px;padding:22px;background:rgba(5,19,31,.87);backdrop-filter:blur(9px)}.sensor-overlay h2{margin:5px 0 15px;font-size:2.15rem;line-height:1.03}.sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sensor{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}.sensor strong{display:block}.sensor small{color:var(--muted)}.section{padding:82px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;margin:8px 0 14px}.section-lead{color:var(--muted);max-width:800px}.vision-block{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;min-height:510px;border-radius:26px;overflow:hidden;border:1px solid rgba(77,199,255,.24);background:#0d2438}.vision-image{background:url("../images/light-motion.png") center/cover no-repeat;min-height:420px;position:relative}.vision-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,28,.10),rgba(6,17,28,.45))}.vision-copy{padding:42px}.vision-copy h3{font-size:clamp(2.1rem,3.7vw,3.3rem);line-height:1.04;margin:8px 0 15px}.vision-copy p{color:#b9cad9}.vision-list{display:grid;gap:13px;margin-top:22px}.vision-item{border-left:3px solid var(--cyan);padding:12px 14px;background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}.vision-item span{color:var(--muted);font-size:.9rem}.family{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.product{border:1px solid var(--line);border-radius:19px;padding:24px;background:linear-gradient(180deg,rgba(13,42,65,.74),rgba(8,28,44,.78));min-height:235px}.product.featured{border-color:rgba(77,199,255,.52);box-shadow:0 0 50px rgba(22,140,255,.07)}.product .tag{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800}.product h3{font-size:1.45rem;margin:12px 0 8px}.product p{color:var(--muted);font-size:.93rem}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chip{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.75rem;color:#c8d7e6}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.why-card{border:1px solid var(--line);border-radius:19px;padding:24px;background:rgba(8,31,49,.70)}.why-card p{color:var(--muted);margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.stat{padding:20px;border-top:3px solid var(--blue);background:rgba(255,255,255,.025)}.stat strong{display:block;font-size:1.45rem}.stat span{color:var(--muted);font-size:.88rem}.notice{margin-top:30px;padding:19px 22px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);color:#aebfd0}.page-hero{padding:68px 0 48px}.page-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.03}.prose{max-width:900px}.prose p,.prose li{color:var(--muted)}.prose h2{margin-top:38px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.contact-card{padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}footer{border-top:1px solid var(--line);padding:34px 0 48px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.footer-logo img{width:210px}.small{color:var(--muted);font-size:.86rem}
@media(max-width:940px){.nav-links{display:none}.menu-btn{display:block}.hero-grid,.vision-block{grid-template-columns:1fr}.family{grid-template-columns:1fr 1fr}.sensor-grid{grid-template-columns:1fr 1fr}.mobile-open .nav-links{display:flex;position:absolute;top:80px;left:20px;right:20px;flex-direction:column;align-items:flex-start;padding:18px;background:#081827;border:1px solid var(--line);border-radius:14px}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.brand-logo img{width:185px}.hero{padding-top:52px}.hero-visual{min-height:680px}.sensor-grid,.family,.stats,.contact-grid{grid-template-columns:1fr}.why{grid-template-columns:1fr}.vision-copy{padding:28px}.section{padding:62px 0}}