@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#050b13;--bg2:#081426;--panel:rgba(12,25,43,.88);--panel2:#0e2037;
  --line:rgba(255,255,255,.11);--text:#f7f9fc;--muted:#a6b4c7;
  --blue:#2088ff;--cyan:#54c8ff;--green:#26d980;--yellow:#f7b928;
  --shadow:0 28px 90px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}a{color:inherit}
.site-background{position:fixed;inset:0;z-index:-2;overflow:hidden;background:
linear-gradient(180deg,rgba(4,12,23,.36),rgba(4,9,16,.96)),
radial-gradient(circle at 20% 15%,rgba(20,91,210,.35),transparent 33%),
radial-gradient(circle at 85% 18%,rgba(0,174,255,.18),transparent 28%),
linear-gradient(135deg,#071528 0%,#040a13 62%,#07111e 100%)}
.site-background:after{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.34}.ambient-one{width:520px;height:520px;background:#0758e7;left:-170px;top:80px}.ambient-two{width:420px;height:420px;background:#05a6e8;right:-180px;top:150px}
.road-lines{position:absolute;left:-10%;right:-10%;bottom:4%;height:260px;transform:perspective(520px) rotateX(66deg);background:
linear-gradient(90deg,transparent 49.7%,rgba(85,190,255,.22) 50%,transparent 50.3%),
repeating-linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.035) 10.15% 10.3%),
repeating-linear-gradient(0deg,transparent 0 26px,rgba(255,255,255,.035) 27px 28px);
mask-image:linear-gradient(to top,#000,transparent)}
.car-silhouette{position:absolute;width:760px;height:220px;right:3%;top:190px;opacity:.18;filter:drop-shadow(0 0 35px rgba(46,153,255,.8))}
.car-silhouette:before{content:"";position:absolute;left:8%;right:4%;bottom:42px;height:64px;border:3px solid #69cfff;border-top:none;border-radius:20px 80px 30px 25px;transform:skewX(-6deg)}
.car-silhouette:after{content:"";position:absolute;left:25%;top:45px;width:360px;height:105px;border:3px solid #69cfff;border-bottom:none;border-radius:150px 190px 0 0;transform:skewX(-12deg)}
.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(5,12,23,.82);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1777ef,#3ecbff);font-weight:800;box-shadow:0 12px 34px rgba(32,136,255,.35)}
.brand strong,.brand small{display:block}.brand strong{font-size:.92rem;letter-spacing:.12em}.brand small{margin-top:3px;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:24px}.top-actions a{text-decoration:none;font-size:.88rem;color:var(--muted)}.top-actions a:hover{color:#fff}.top-login{padding:10px 14px;border:1px solid var(--line);border-radius:10px}
main{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:34px;align-items:center;position:relative}
.hero-content{position:relative;z-index:2;padding:70px 0}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:#62caff}
h1,h2,h3,p{margin-top:0}h1{max-width:800px;margin-bottom:22px;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98;letter-spacing:-.06em}h1 span{display:block;color:#66cfff}
.lead{max-width:680px;color:var(--muted);font-size:1.06rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:11px;text-decoration:none;font-weight:800;transition:.2s ease}
.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,#1777ef,#09a9e8);box-shadow:0 16px 35px rgba(23,119,239,.28)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.045)}
.hero-features{display:flex;flex-wrap:wrap;gap:18px;margin-top:31px;color:#c6d0df;font-size:.82rem}.hero-features span:before{content:"✓";margin-right:8px;color:#55db91;font-weight:800}
.status-panel{align-self:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(15,33,56,.92),rgba(8,20,35,.9));box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.status-panel-head{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}
.status-panel dl{margin:12px 0 0}.status-panel dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.status-panel dl div:last-child{border-bottom:0}.status-panel dt{color:var(--muted)}.status-panel dd{margin:0;font-weight:800;text-align:right}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-25px 0 64px;position:relative;z-index:4}.metrics article{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(10,23,40,.88);backdrop-filter:blur(12px)}.metrics strong{display:block;font-size:1.55rem}.metrics span{display:block;margin-top:5px;color:var(--muted);font-size:.82rem}
.modules-section{padding:8px 0 42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin-bottom:0;font-size:clamp(1.7rem,3vw,2.4rem)}.updated{color:var(--muted);font-size:.84rem}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card{min-height:260px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(16,35,59,.92),rgba(8,20,35,.92));box-shadow:0 18px 55px rgba(0,0,0,.22);transition:.22s ease}.module-card:hover{transform:translateY(-5px);border-color:rgba(84,200,255,.38)}.module-card.disabled{opacity:.58}.module-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.module-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.06);font-size:1.4rem}.status{padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:800}.status.success{color:#82efad;background:rgba(38,217,128,.12)}.status.warning{color:#ffd36c;background:rgba(247,185,40,.12)}.status.neutral{color:#c5cfdd;background:rgba(160,175,195,.11)}
.module-card h3{margin-bottom:10px;font-size:1.16rem}.module-card p{color:var(--muted);line-height:1.65;font-size:.91rem}.module-link{margin-top:auto;display:flex;justify-content:space-between;text-decoration:none;font-weight:800;color:#66cfff}.module-link.unavailable{color:#718095}
.brand-strip{margin:34px 0 62px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:22px;background:
linear-gradient(90deg,rgba(11,31,53,.94),rgba(9,21,37,.82)),
radial-gradient(circle at 88% 10%,rgba(43,145,255,.24),transparent 34%)}.brand-strip h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.4rem)}.brand-strip p:last-child{margin-bottom:0;color:var(--muted)}
footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#78899f;font-size:.81rem}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:30px}.status-panel{margin-bottom:55px}.metrics{grid-template-columns:repeat(2,1fr);margin-top:0}.module-grid{grid-template-columns:repeat(2,1fr)}.car-silhouette{right:-260px;opacity:.11}}
@media(max-width:640px){.topbar{height:70px;padding:0 16px}.top-actions a:first-child{display:none}.top-login{padding:9px 11px}main,footer{width:min(100% - 24px,1180px)}.hero{min-height:auto}.hero-content{padding:45px 0 20px}.hero-actions{flex-direction:column}.button{width:100%}.hero-features{display:grid;gap:10px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:48px}.module-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.brand-strip{padding:30px 24px;align-items:flex-start;flex-direction:column}.brand-strip .button{width:100%}footer{flex-direction:column}.car-silhouette{display:none}}