:root{--bg: #0a192f;--surface: #112240;--text: #E6F1FF;--text-muted: #E6F1FF99;--border: #233554;--magenta: #FF0080;--sky-blue: #57C7FF;--ice-blue: #64FFDA}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;padding-bottom:3rem;opacity:1}a{color:var(--ice-blue);text-decoration:none}a:hover{text-decoration:underline}html[data-lang=no] [lang=en],html[data-lang=en] [lang=no]{display:none!important}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0a192fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav--hero{position:absolute;top:0;left:0;right:0;justify-content:flex-end;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none}.nav-brand img{width:28px;height:28px}.nav-links{display:none;align-items:center;gap:1.25rem}.nav-links a{color:var(--text-muted);font-size:.85rem;text-decoration:none;white-space:nowrap}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-right{display:flex;align-items:center;gap:.75rem}.lang-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.lang-opt{background:none;border:none;color:var(--text-muted);padding:.3rem .55rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.lang-opt.active{background:var(--ice-blue);color:var(--bg)}.lang-opt:not(.active):hover{color:var(--text)}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0}.hamburger span{display:block;width:100%;height:2px;background:var(--text);border-radius:1px;transition:transform .3s,opacity .3s}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a192ff7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.menu-overlay.open{display:flex}.menu-close{position:absolute;top:.75rem;right:1.5rem;background:none;border:none;color:var(--text);font-size:2rem;cursor:pointer;line-height:1;padding:.25rem}.menu-overlay a{font-size:1.5rem;font-weight:700;color:var(--ice-blue);text-decoration:none;letter-spacing:.03em;transition:color .2s}.menu-overlay a:hover{color:var(--magenta);text-decoration:none}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;overflow:hidden}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a192f99}.hero-anim{position:relative;z-index:1;width:354px;max-width:90vw;background:#0a192fb3;border-radius:22.37%;overflow:hidden;padding:2rem}.hero-canvas{width:100%;aspect-ratio:1}.hero-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;letter-spacing:.04em;margin:0;opacity:0;transform:scale(.3);will-change:transform,opacity}.magenta{color:var(--magenta)}.brand{color:var(--text)}.hero-subtitle{position:absolute;bottom:15%;left:0;right:0;text-align:center;font-size:1.5rem;color:var(--text);font-weight:400;letter-spacing:.05em;opacity:0;transition:opacity .6s ease-in}.hero .tagline{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;max-width:480px}.store-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.store-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}.store-btn:hover{border-color:var(--ice-blue);background:#112240cc;text-decoration:none}.store-btn svg{width:22px;height:22px;flex-shrink:0}.video-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 3rem}.video-placeholder{width:100%;max-width:640px;aspect-ratio:16 / 9;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.video-placeholder:hover{border-color:var(--magenta)}.play-icon{width:64px;height:64px;opacity:.4}.video-caption{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:900px;margin:0 auto;padding:0 1.5rem 4rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.feature-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5}.footer{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:.75rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--text-muted);background:#0a192fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--text)}.content-page{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem;line-height:1.7}.content-page h1{font-size:2rem;font-weight:800;margin-bottom:1.5rem}.content-page h2{font-size:1.3rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem}.content-page p{color:var(--text-muted);margin-bottom:1rem}.content-page ul,.content-page ol{color:var(--text-muted);margin-bottom:1rem;padding-left:1.5rem;line-height:1.7}.content-page li{margin-bottom:.35rem}.content-page strong{color:var(--text)}.content-page a{text-decoration:underline}.game-demo{width:220px;margin:1.5rem auto;background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.game-demo svg{width:100%;height:100%;display:block}.road-alert-demo{position:relative;width:200px;height:260px;margin:1.5rem auto;background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.road-alert-road{position:absolute;top:28%;left:0;right:0;height:18px;background:#2a2a2a;border-top:2px solid #444;border-bottom:2px solid #444}.road-alert-road:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#666 0 8px,transparent 8px 16px);transform:translateY(-50%)}.road-alert-zone{position:absolute;top:calc(28% + 38px);left:8%;right:8%;border-top:1px dashed rgba(255,140,0,.35)}.road-alert-zone-label{position:absolute;top:calc(28% + 32px);right:10%;font-size:.55rem;color:#ff8c0080}.road-alert-player{position:absolute;left:50%;width:14px;height:14px;border-radius:50%;background:var(--ice-blue);transform:translate(-50%,-50%);animation:road-alert-move 5s ease-in-out infinite;box-shadow:0 0 8px #64ffda66}.road-alert-sign{position:absolute;bottom:12px;left:12px;width:48px;height:42px;opacity:0;animation:road-alert-warn 5s ease-in-out infinite}@keyframes road-alert-move{0%,8%{top:85%}38%,58%{top:46%}88%,to{top:85%}}@keyframes road-alert-warn{0%,32%{opacity:0}38%,58%{opacity:1}64%,to{opacity:0}}.navigate-demo{position:relative;width:200px;height:260px;margin:1.5rem auto;background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.navigate-demo svg{width:100%;height:100%}@media(min-width:768px){.nav{position:fixed;top:0;left:0;bottom:0;width:240px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1.75rem 1.5rem;border-bottom:none;border-right:none}.nav--hero{background:#0a192fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-links{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.5rem}.nav-links a{font-size:.95rem}.nav-right{margin-top:auto}.hamburger{display:none}body{margin-left:240px}body.landing{margin-left:0}.landing .nav{position:absolute;width:auto;bottom:auto;flex-direction:row;padding:.75rem 1.5rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.landing .nav .nav-links{display:none}.landing .nav .hamburger{display:flex}.footer{left:240px}.content-page{margin-left:max(1.5rem,calc(50% - 480px));margin-right:auto}}@media(max-width:600px){.hero-title{font-size:3rem}.hero .tagline{font-size:1.05rem}.content-page{padding-left:2rem;padding-right:2rem}.footer{flex-direction:column;text-align:center}.menu-overlay a{font-size:1.25rem}}@media(max-height:500px){.hero-anim{width:220px;padding:1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}}