@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--yellow:#ffe000;--yellow-dim:#c8b200;--red:#ff2d2d;--bg:#080808;--bg-card:#0f0f0f;--border:#ffe00026;--border-bright:#ffe00080;--text-muted:#fff6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:#fff;-webkit-overflow-scrolling:touch;font-family:Rajdhani,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;will-change:transform;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0;transform:translateZ(0)}.grid-bg{background-image:linear-gradient(#ffe00008 1px,#0000 1px),linear-gradient(90deg,#ffe00008 1px,#0000 1px);background-size:60px 60px}.font-orbitron{font-family:Orbitron,sans-serif}.font-rajdhani{font-family:Rajdhani,sans-serif}.font-mono-custom{font-family:Space Mono,monospace}@keyframes glitch{0%,to{clip-path:none;transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.4}}@keyframes sweep{0%{left:-100%}to{left:200%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{top:0%}to{top:100%}}@keyframes road-rush{0%{opacity:0;transform:perspective(400px)rotateX(25deg)translateY(-100%)}20%{opacity:1}to{opacity:0;transform:perspective(400px)rotateX(25deg)translateY(200%)}}.animate-blink{animation:1s step-end infinite blink}.animate-pulse-yellow{animation:2s ease-in-out infinite pulse-yellow}.animate-float-up{animation:.6s forwards float-up}.hero-section{grid-template-columns:1fr;gap:36px;max-width:1200px;min-height:auto;margin:0 auto;padding:88px 20px 48px;display:grid}.hero-phone-col{justify-content:center;align-items:center;width:100%;max-width:240px;margin:0 auto;display:flex}.annotation-grid{grid-template-columns:1fr;gap:12px;max-width:100%;margin-top:36px;display:grid}@media (min-width:900px){.hero-section{grid-template-columns:1fr auto;align-items:center;gap:48px;min-height:100vh;padding:96px 32px 64px}.hero-phone-col{flex-shrink:0;width:260px;max-width:260px;margin:0}.annotation-grid{grid-template-columns:1fr 1fr;max-width:520px}}.site-nav{-webkit-backdrop-filter:blur(12px);background:#080808e0}@media (max-width:899px){.site-nav{-webkit-backdrop-filter:none;background:#080808f7}}.hud-mockup-wrapper{will-change:transform;transform:translateZ(0)}.hud-input{color:#fff;letter-spacing:.05em;background:#ffe0000a;border:1px solid #ffe00033;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:500;transition:all .2s}.hud-input:focus{border-color:var(--yellow);background:#ffe00014;outline:none;box-shadow:0 0 20px #ffe0001a}.hud-input::placeholder{color:#ffffff40;letter-spacing:.05em;font-family:Rajdhani,sans-serif}.btn-primary{background:var(--yellow);color:#000;letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 0 40px #ffe00080}.btn-primary:active{transform:translateY(0)}.text-neon{color:var(--yellow);text-shadow:0 0 20px #ffe00080}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--yellow-dim);border-radius:2px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
