/* AutoSentinel Cinematic Intelligence System v4.0 */
:root{--as-bg:#03070b;--as-panel:rgba(9,18,27,.72);--as-panel-strong:rgba(10,22,32,.92);--as-line:rgba(128,214,241,.16);--as-text:#f4fbff;--as-muted:#8ca7bb;--as-cyan:#6cecff;--as-blue:#80a9ff;--as-green:#67efad;--as-amber:#ffd777;--as-red:#ff6877;--as-violet:#b495ff;--as-radius:24px;--as-shadow:0 24px 80px rgba(0,0,0,.35)}
html{background:var(--as-bg);scroll-behavior:smooth;color-scheme:dark}body{position:relative;min-height:100vh;isolation:isolate;background:#03070b!important;color:var(--as-text);overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-25%;pointer-events:none;z-index:-4}body:before{background:radial-gradient(circle at 18% 12%,rgba(84,231,255,.16),transparent 25%),radial-gradient(circle at 84% 14%,rgba(126,113,255,.12),transparent 24%),radial-gradient(circle at 52% 82%,rgba(62,225,158,.08),transparent 25%);filter:blur(12px);animation:asAurora 18s ease-in-out infinite alternate}body:after{z-index:-3;background-image:linear-gradient(rgba(128,214,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(128,214,241,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%);transform:perspective(900px) rotateX(64deg) translateY(-20%);transform-origin:top;opacity:.65}.as-stars{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.as-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#c8f7ff;box-shadow:0 0 12px rgba(108,236,255,.7);opacity:.18;animation:asTwinkle var(--d,6s) ease-in-out infinite}.as-glow{position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(108,236,255,.08),rgba(108,236,255,0) 68%);transform:translate(-50%,-50%);transition:opacity .25s;opacity:.85}.panel,.card,.p,.quick,.metric,.tele,.coachbox,.provider{backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.18)}.panel,.p,.quick{border-color:var(--as-line)!important;background:linear-gradient(180deg,rgba(17,32,44,.82),rgba(7,14,21,.78))!important}.card,.metric,.tele,.provider{border-color:rgba(128,214,241,.13)!important}.brand{letter-spacing:-.025em}.brand:after{content:" · sentient vehicle intelligence";font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(108,236,255,.7);margin-left:8px}.badge,.chip{background:rgba(7,16,24,.52);backdrop-filter:blur(12px);border-color:rgba(128,214,241,.18)!important}.eyebrow,.feature,.label{background:linear-gradient(90deg,var(--as-cyan),#bff9ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.as-topnav{position:sticky;top:10px;z-index:70;max-width:1320px;margin:10px auto 0;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(128,214,241,.15);border-radius:18px;background:rgba(4,10,16,.72);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.22)}.as-topnav .as-logo{font-weight:950;letter-spacing:-.03em;white-space:nowrap}.as-topnav nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.as-topnav a{color:var(--as-muted);text-decoration:none;font-size:11px;font-weight:750;padding:9px 10px;border-radius:10px;transition:.2s}.as-topnav a:hover,.as-topnav a[aria-current="page"]{color:var(--as-text);background:rgba(108,236,255,.09);box-shadow:inset 0 0 0 1px rgba(108,236,255,.14)}.as-livebar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--as-muted)}.as-livebar i{width:7px;height:7px;border-radius:50%;background:var(--as-green);box-shadow:0 0 18px var(--as-green);animation:asPulse 2s ease-in-out infinite}.as-intelligence-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.as-intel{position:relative;overflow:hidden;border:1px solid rgba(128,214,241,.13);border-radius:16px;background:linear-gradient(180deg,rgba(13,28,39,.75),rgba(6,13,19,.8));padding:13px 14px;min-height:76px}.as-intel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,236,255,.55),transparent);transform:translateX(-100%);animation:asScan 6s linear infinite}.as-intel small{display:block;color:var(--as-muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.as-intel b{display:block;margin-top:7px;font-size:17px}.as-orbit{position:absolute;border:1px solid rgba(108,236,255,.1);border-radius:50%;pointer-events:none;animation:asRotate 22s linear infinite}.as-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--as-cyan);box-shadow:0 0 18px var(--as-cyan);left:50%;top:-3px}.as-reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.as-reveal.as-in{opacity:1;transform:none}.as-shimmer{background:linear-gradient(90deg,var(--as-text),#b8f7ff 42%,#b7a8ff 70%,var(--as-text));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:asShimmer 7s linear infinite}.as-command{position:relative;border:1px solid rgba(108,236,255,.2);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(45,150,170,.14),rgba(7,15,22,.82) 60%);overflow:hidden}.as-command:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.035) 50%,transparent 62%);transform:translateX(-120%);animation:asSweep 8s ease-in-out infinite}.as-system-state{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(103,239,173,.18);background:rgba(35,116,80,.08);border-radius:999px;padding:7px 10px;color:#a8ffd3;font-size:11px}.as-system-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--as-green);box-shadow:0 0 16px var(--as-green)}button,.action{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}button:hover,.action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 32px rgba(0,0,0,.22)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--as-cyan)!important;outline-offset:3px}.as-toast{position:fixed;right:16px;bottom:16px;z-index:99;max-width:min(380px,calc(100vw - 32px));border:1px solid rgba(128,214,241,.18);border-radius:16px;background:rgba(5,13,20,.92);backdrop-filter:blur(18px);padding:12px 14px;box-shadow:var(--as-shadow);color:var(--as-muted);font-size:12px;transform:translateY(18px);opacity:0;pointer-events:none;transition:.25s}.as-toast.show{transform:none;opacity:1}.as-kicker{display:inline-flex;gap:8px;align-items:center;color:#b9f7ff;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.as-kicker:before{content:"";width:20px;height:1px;background:var(--as-cyan);box-shadow:0 0 12px var(--as-cyan)}.as-footer-note{text-align:center;color:rgba(140,167,187,.68);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:26px 10px 8px}.as-motion-safe{display:none}.as-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes asAurora{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes asTwinkle{0%,100%{opacity:.08;transform:scale(.7)}50%{opacity:.52;transform:scale(1.2)}}@keyframes asPulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes asScan{0%{transform:translateX(-100%)}45%,100%{transform:translateX(120%)}}@keyframes asRotate{to{transform:rotate(360deg)}}@keyframes asShimmer{to{background-position:220% center}}@keyframes asSweep{0%,35%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@media(max-width:900px){.as-topnav{top:6px;margin:6px 6px 0;border-radius:14px}.as-topnav nav{display:none}.as-intelligence-rail{grid-template-columns:1fr 1fr}.brand:after{display:none}}@media(max-width:520px){.as-intelligence-rail{grid-template-columns:1fr}.as-glow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.as-reveal{opacity:1;transform:none}.as-glow{display:none}.as-motion-safe{display:block}}
