:root{--bg:#071018;--panel:#0d1822;--panel2:#111f2b;--line:#203240;--text:#eef7fb;--muted:#8fa3b1;--cyan:#31d7ff;--green:#6df0b0;--blue:#5f8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:#071018e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0c}.nav{height:74px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;margin-right:auto}.logo-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061019;box-shadow:0 0 25px #31d7ff35}.logo em{font-style:normal;color:var(--cyan)}nav{display:flex;gap:21px;color:#91a3b0;font-size:12px}nav a:hover,nav .active{color:#fff}.nav-cta{border:1px solid #2b4555;border-radius:9px;padding:9px 14px;font-size:11px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{padding:100px 0 85px;background:radial-gradient(circle at 75% 35%,#16748d24,transparent 34%),radial-gradient(circle at 25% 0,#2563eb18,transparent 28%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(50px,6.4vw,82px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.hero h1 em,h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#8ab2ff);background-clip:text;color:transparent}.lead{font-size:17px;color:#a9bac6;max-width:650px}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.btn{padding:12px 19px;border-radius:10px;font-size:12px;font-weight:800}.primary{background:linear-gradient(100deg,var(--cyan),#638dff);color:#061019;box-shadow:0 14px 35px #31d7ff22}.secondary{border:1px solid #2b4250;color:#d6e2e8}.metrics{display:flex;gap:28px;margin-top:32px}.metrics b,.metrics span{display:block}.metrics b{font-size:14px}.metrics span{font-size:9px;color:#708491}.visual{position:relative;min-height:430px;display:grid;place-items:center}.car{width:100%;max-width:510px;aspect-ratio:1.2/1;border:1px solid #2e4655;border-radius:25px;background:linear-gradient(145deg,#142532,#09131b);box-shadow:0 40px 100px #000a,0 0 80px #31d7ff13;position:relative;overflow:hidden}.car:before{content:"";position:absolute;inset:25% 12% 20%;border-radius:45% 55% 18% 18%;background:linear-gradient(145deg,#213d4c,#0a131b);border:1px solid #385665;transform:skew(-8deg)}.car:after{content:"";position:absolute;left:28%;right:18%;top:34%;height:25%;border-radius:45% 45% 8% 8%;background:linear-gradient(130deg,#31596a,#0c202b);border:1px solid #3b7184}.wheel{position:absolute;width:58px;height:58px;border-radius:50%;background:#04080c;border:8px solid #1f3440;bottom:21%;box-shadow:inset 0 0 0 5px #081017}.w1{left:22%}.w2{right:20%}.sensor{position:absolute;top:16%;left:48%;width:36px;height:12px;border-radius:20px;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}.hud{position:absolute;left:20px;bottom:18px;padding:12px 15px;border:1px solid #2d4958;background:#08131be8;border-radius:10px;font-size:10px;color:#91a9b6}.hud b{color:var(--green)}.float{position:absolute;right:-5px;top:30px;border:1px solid #2d4655;background:#0c1822;padding:12px 15px;border-radius:12px;box-shadow:0 20px 50px #0009;font-size:10px}.float span{display:block;color:#6e8794;font-size:8px}.section{padding:95px 0}.dark{background:#09131b;border-top:1px solid #142530;border-bottom:1px solid #142530}.head{max-width:740px;margin-bottom:40px}.head.center{text-align:center;margin-left:auto;margin-right:auto}.head h2{font-size:39px;line-height:1.2;margin:9px 0 12px}.head p{color:#8296a3;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:28px;border:1px solid #203442;border-radius:17px;background:linear-gradient(145deg,#101d27,#0a141c);min-height:240px}.card .num{color:var(--cyan);font-size:10px}.card h3{font-size:18px;margin:22px 0 7px}.card p{font-size:11px;color:#8195a2}.card a{font-size:10px;color:var(--cyan)}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.list{display:grid;gap:12px}.item{padding:18px;border:1px solid #1f3340;border-radius:13px;background:#0d1922}.item b{font-size:13px}.item p{font-size:10px;color:#8194a1;margin:4px 0 0}.steps{border:1px solid #203542;border-radius:18px;overflow:hidden}.step{display:grid;grid-template-columns:55px 1fr;padding:23px;background:#0d1821;border-bottom:1px solid #203542}.step:last-child{border-bottom:0}.step span{color:var(--cyan);font-size:10px}.step h3{margin:0;font-size:15px}.step p{margin:3px 0 0;color:#7e919e;font-size:10px}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article{padding:27px;border:1px solid #203442;border-radius:16px;background:#0c1720}.article .tag{font-size:9px;color:var(--green)}.article h3{font-size:18px;line-height:1.4}.article p{font-size:11px;color:#8194a1}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #223442;padding:19px 0}.faq summary{cursor:pointer;font-weight:700;font-size:13px}.faq p{font-size:11px;color:#8194a1}.content{max-width:830px;padding:90px 0}.content h1{font-size:49px;line-height:1.12}.content h2{font-size:29px;margin-top:50px}.content h3{font-size:19px;margin-top:32px}.content p,.content li{font-size:14px;color:#91a3b0}.note{padding:20px;border:1px solid #31505f;background:#0c1a23;border-radius:13px}.crumb{font-size:10px;color:#647986;margin-bottom:25px}.crumb a{color:#8da4b0}.footer{padding:42px 0 24px;background:#050b10;border-top:1px solid #172732}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:20px;color:#6e828e;font-size:10px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #14232d;display:flex;justify-content:space-between;color:#50636f;font-size:9px}.page{min-height:70vh}.badge{display:inline-block;padding:5px 9px;border:1px solid #2c4856;border-radius:99px;color:#79a3b2;font-size:9px}
@media(max-width:850px){nav,.nav-cta{display:none}.menu{display:block}.hero{padding:70px 0}.hero-grid,.split{grid-template-columns:1fr}.visual{min-height:390px}.cards{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column}.head h2{font-size:33px}.content h1{font-size:40px}}