:root{--bg: #09090f;--surface: #111118;--border: rgba(255, 255, 255, .08);--green: #00e676;--blue: #40c4ff;--gold: #ffd54f;--red: #ff4d6a;--text: #e8e8f0;--muted: #666680}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.home{background-color:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:20px;overflow-x:hidden}body.home:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}body.home:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:999}.hero{position:relative;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;align-content:center;gap:3rem;padding:2rem 5rem;max-width:1380px;margin:0 auto}.pixels{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2}.pixel{position:absolute;opacity:0;animation:pixel-float linear infinite}@keyframes pixel-float{0%{transform:translateY(100vh) rotate(0);opacity:0}8%{opacity:.35}92%{opacity:.08}to{transform:translateY(-10vh) rotate(540deg);opacity:0}}.hero-left{position:relative;z-index:3}.hero-eyebrow{font-family:VT323,Handjet,monospace;font-size:1.35rem;letter-spacing:3px;color:var(--green);margin-bottom:1.25rem}.hero-title{font-family:"Press Start 2P",monospace;font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.4;color:var(--text);margin-bottom:1.75rem;position:relative;text-shadow:2px 2px 0 rgba(255,213,79,.35);animation:title-breathe 5s ease-in-out infinite alternate}@keyframes title-breathe{0%{text-shadow:2px 2px 0 rgba(255,213,79,.35),0 0 30px rgba(255,213,79,.05)}to{text-shadow:2px 2px 0 rgba(255,213,79,.35),0 0 50px rgba(255,213,79,.1)}}.hero-title:before,.hero-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:"Press Start 2P",monospace}.hero-title:before{color:var(--blue);text-shadow:none;animation:glitch-a 9s linear infinite}.hero-title:after{color:var(--red);text-shadow:none;animation:glitch-b 9s linear infinite}@keyframes glitch-a{0%,87%,90%,to{clip-path:none;transform:none;opacity:0}88%{clip-path:polygon(0 12%,100% 12%,100% 32%,0 32%);transform:translate(-4px);opacity:1}}@keyframes glitch-b{0%,87%,91%,to{clip-path:none;transform:none;opacity:0}89%{clip-path:polygon(0 58%,100% 58%,100% 78%,0 78%);transform:translate(4px);opacity:1}}.hero-sub{font-family:VT323,monospace;font-size:1.55rem;line-height:1.65;color:var(--muted);margin-bottom:2.75rem;max-width:420px}.hero-sub strong{color:var(--text);font-weight:400}.store-buttons{display:flex;gap:1rem;flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.6rem;border:2px solid;text-decoration:none;transition:box-shadow .25s,transform .2s;position:relative;background:transparent}.store-btn:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .2s}.store-btn:hover:after{opacity:.07}.store-btn:hover{transform:translateY(-2px)}.store-btn--ios{border-color:var(--green);color:var(--green);box-shadow:0 0 20px #00e67633,inset 0 0 30px #00e6760a;animation:pulse-green 3s ease-in-out infinite}.store-btn--ios:hover{box-shadow:0 0 40px #00e67673,inset 0 0 20px #00e6761a;animation:none}.store-btn--android{border-color:var(--blue);color:var(--blue);box-shadow:0 0 20px #40c4ff33,inset 0 0 30px #40c4ff0a;animation:pulse-blue 3s ease-in-out infinite .5s}.store-btn--android:hover{box-shadow:0 0 40px #40c4ff73,inset 0 0 20px #40c4ff1a;animation:none}@keyframes pulse-blue{0%,to{box-shadow:0 0 20px #40c4ff33,inset 0 0 30px #40c4ff0a}50%{box-shadow:0 0 35px #40c4ff61,inset 0 0 30px #40c4ff12}}@keyframes pulse-green{0%,to{box-shadow:0 0 20px #00e67633,inset 0 0 30px #00e6760a}50%{box-shadow:0 0 35px #00e67661,inset 0 0 30px #00e67612}}.store-btn-icon{width:26px;height:26px;flex-shrink:0}.store-btn-label{display:flex;flex-direction:column;text-align:left}.store-btn-eyebrow{font-family:VT323,monospace;font-size:.9rem;letter-spacing:2px;opacity:.65}.store-btn-name{font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:1px}.hero-right{position:relative;z-index:3;display:flex;justify-content:center;align-items:center}.phone-scene{position:relative;animation:phone-float 6s ease-in-out infinite;perspective:1200px}@keyframes phone-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-24px) rotate(-2deg)}}.phone-scene:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:280px;height:40px;background:radial-gradient(ellipse,rgba(0,230,118,.25) 0%,transparent 70%);filter:blur(14px);z-index:-1;animation:glow-pulse 6s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:.4;transform:translate(-50%) scale(.85)}}.phone-screenshot{--scale: 1;width:320px;height:auto;border-radius:50px;display:block;filter:drop-shadow(-20px 30px 40px rgba(0,0,0,.8)) drop-shadow(0 15px 20px rgba(0,0,0,.5));transform:scale(var(--scale)) rotateY(-18deg) rotateX(8deg);transition:transform .5s ease,filter .5s ease}.phone-screenshot:hover{transform:scale(var(--scale)) rotateY(-8deg) rotateX(4deg);filter:drop-shadow(-10px 20px 30px rgba(0,0,0,.7)) drop-shadow(0 10px 15px rgba(0,0,0,.4))}@media(max-width:960px){.hero{grid-template-columns:1fr;height:auto;min-height:100vh;padding:3rem 2rem 2rem;gap:2rem;text-align:center}.hero-sub{max-width:100%;margin-left:auto;margin-right:auto}.store-buttons{justify-content:center}.phone-screenshot{--scale: .88;transform-origin:top center}}@media(max-width:600px){.hero-title{font-size:1.8rem}.phone-screenshot{--scale: .78;transform-origin:top center}}[dir=rtl] body.home{font-family:VT323,Handjet,monospace}[dir=rtl] .hero-title{direction:ltr;text-align:right}[dir=rtl] .hero-title:before,[dir=rtl] .hero-title:after{left:auto;right:0;text-align:right}[dir=rtl] .hero-title:before{animation-name:glitch-a-rtl}[dir=rtl] .hero-title:after{animation-name:glitch-b-rtl}@keyframes glitch-a-rtl{0%,87%,90%,to{clip-path:none;transform:none;opacity:0}88%{clip-path:polygon(0 12%,100% 12%,100% 32%,0 32%);transform:translate(4px);opacity:1}}@keyframes glitch-b-rtl{0%,87%,91%,to{clip-path:none;transform:none;opacity:0}89%{clip-path:polygon(0 58%,100% 58%,100% 78%,0 78%);transform:translate(-4px);opacity:1}}[dir=rtl] .hero-sub{font-family:VT323,Handjet,monospace;max-width:460px}[dir=rtl] .store-btn-label{text-align:right}[dir=rtl] .store-btn-eyebrow{font-family:VT323,Handjet,monospace;font-size:1rem;letter-spacing:1px}[dir=rtl] .store-btn-name{direction:ltr}[dir=rtl] .phone-scene{animation-name:phone-float-rtl}@keyframes phone-float-rtl{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-24px) rotate(2deg)}}[dir=rtl] .phone-screenshot{filter:drop-shadow(20px 30px 40px rgba(0,0,0,.8)) drop-shadow(0 15px 20px rgba(0,0,0,.5));transform:scale(var(--scale)) rotateY(18deg) rotateX(8deg)}[dir=rtl] .phone-screenshot:hover{transform:scale(var(--scale)) rotateY(8deg) rotateX(4deg);filter:drop-shadow(10px 20px 30px rgba(0,0,0,.7)) drop-shadow(0 10px 15px rgba(0,0,0,.4))}@media(max-width:960px){[dir=rtl] .hero-title{text-align:center}[dir=rtl] .hero-title:before,[dir=rtl] .hero-title:after{text-align:center;right:auto;left:0}}