:root{--cn-plate-yellow:#ffc20e;--cn-signal-red:#e10600;--cn-asphalt:#121212;--cn-graphite:#1c1c1c;--cn-carbon:#2a2a2a;--cn-steel:#a3a3a3;--cn-text:#ededed;--cn-font-display:"Michroma", system-ui, sans-serif;--cn-font-body:"Inter", system-ui, sans-serif;--cn-font-urdu:"Noto Nastaliq Urdu", serif;--cn-radius-sm:8px;--cn-ease-standard:cubic-bezier(.2, 0, 0, 1);--cn-ease-sweep:cubic-bezier(.45, 0, .25, 1);--cn-dur-sweep:2.6s;--horizon:62dvh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--cn-asphalt)}body{background:var(--cn-asphalt);min-height:100dvh;color:var(--cn-text);font-family:var(--cn-font-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}body:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#road{width:100%;height:100%;display:block;position:fixed;inset:0}.stage{min-height:var(--horizon);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px 28px;display:flex;position:relative}.brand{animation:arrive 1.1s var(--cn-ease-standard) .5s both;margin:0;line-height:0}.logo{width:min(94vw,900px);min-width:320px;height:auto;display:block}.logo-sheen{animation:sweep var(--cn-dur-sweep) var(--cn-ease-sweep) 1s backwards;transform:translate(1969.12px)skew(-22deg)}.urdu{font-family:var(--cn-font-urdu);color:var(--cn-steel);animation:arrive .9s var(--cn-ease-standard) 2.3s both;margin:4px 0 0;font-size:clamp(22px,2.6vw,30px);line-height:2.2}.plate{border-radius:var(--cn-radius-sm);background:linear-gradient(#ffd23f, var(--cn-plate-yellow) 45%, #f0b400);color:var(--cn-asphalt);font-family:var(--cn-font-display);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 0 3px var(--cn-plate-yellow), inset 0 0 0 5px var(--cn-asphalt), 0 18px 40px -18px #000000e6;animation:fit-plate .6s var(--cn-ease-standard) 2.9s both;margin:20px 0 0;padding:15px 44px 14px;font-size:clamp(15px,2.1vw,22px);line-height:1.3;position:relative}.plate:before,.plate:after{content:"";background:var(--cn-asphalt);opacity:.8;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%}.plate:before{left:18px}.plate:after{right:18px}.pitch{color:#cfcfcf;text-wrap:balance;max-width:44ch;animation:arrive .9s var(--cn-ease-standard) 3.4s both;margin:26px 0 0;font-size:clamp(16px,1.5vw,18px)}.foot{text-align:center;color:var(--cn-steel);animation:fade .9s var(--cn-ease-standard) 3.8s both;margin-top:auto;padding:16px;font-size:12px;line-height:16px;position:relative}.lost{min-height:100dvh}.lost .logo-flat{width:min(80vw,420px);height:auto}.lost a{color:var(--cn-plate-yellow);border-radius:4px}.lost a:hover{color:#ffd65a}.lost a:focus-visible{outline:3px solid var(--cn-plate-yellow);outline-offset:3px}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}}@keyframes fade{0%{opacity:0}}@keyframes sweep{0%{transform:translate(-180px)skew(-22deg)}}@keyframes fit-plate{0%{opacity:0;transform:translateY(-16px)rotate(-2.5deg)}}@media (prefers-reduced-motion:reduce){.brand,.logo-sheen,.urdu,.plate,.pitch,.foot{animation:none}}