:root{--black: #080808;--off-black: #111010;--tape-white: #e8e0d0;--vhs-blue: #4fc3f7;--rec-red: #ff2222;--amber: #ffb300;--green-phosphor: #39ff14;--worn: rgba(255,240,200,.04)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--tape-white);font-family:Space Mono,monospace;overflow-x:hidden;cursor:none}.cursor{position:fixed;width:12px;height:12px;background:var(--rec-red);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease;mix-blend-mode:difference}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:1000}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4;animation:grain .5s steps(1) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,1%)}80%{transform:translate(1%,-2%)}90%{transform:translate(3%,3%)}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,transparent 45%,rgba(79,195,247,.03) 45%,rgba(79,195,247,.03) 46%,transparent 46%,transparent 100%);animation:tracking 8s infinite;pointer-events:none}@keyframes tracking{0%,89%{transform:translateY(0);opacity:0}90%{opacity:1;transform:translateY(-20px)}95%{opacity:1;transform:translateY(100vh)}96%,to{opacity:0}}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%);pointer-events:none}.viewfinder{position:relative;width:min(680px,95vw);aspect-ratio:4/3;border:2px solid rgba(79,195,247,.3);display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.2rem;z-index:2;animation:flicker 6s infinite}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.9}}.viewfinder:before,.viewfinder:after,.corner-br:before,.corner-br:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--vhs-blue);border-style:solid}.viewfinder:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.viewfinder:after{top:-2px;right:-2px;border-width:2px 2px 0 0}.corner-br:before{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.corner-br:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.hud-top{display:flex;justify-content:space-between;align-items:center;font-family:VT323,monospace;font-size:1.1rem;color:#e8e0d080;letter-spacing:.08em}.rec-indicator{display:flex;align-items:center;gap:.4rem;color:var(--rec-red);font-size:1.2rem;letter-spacing:.15em}.rec-dot{width:8px;height:8px;background:var(--rec-red);border-radius:50%;animation:blink 1s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-center{text-align:center;padding:1rem 0}.app-name{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,14vw,9rem);letter-spacing:.06em;line-height:.9;color:var(--tape-white);text-shadow:0 0 40px rgba(79,195,247,.2),2px 2px 0 rgba(255,34,34,.3),-1px -1px 0 rgba(79,195,247,.3);animation:glitch-text 10s infinite}@keyframes glitch-text{0%,90%,to{text-shadow:0 0 40px rgba(79,195,247,.2),2px 2px 0 rgba(255,34,34,.3),-1px -1px 0 rgba(79,195,247,.3);transform:none}91%{text-shadow:-3px 0 var(--rec-red),3px 0 var(--vhs-blue);transform:skew(-1deg)}92%{text-shadow:3px 0 var(--rec-red),-3px 0 var(--vhs-blue);transform:skew(1deg)}93%{text-shadow:0 0 40px rgba(79,195,247,.2),2px 2px 0 rgba(255,34,34,.3);transform:none}}.tagline{font-family:VT323,monospace;font-size:clamp(1.2rem,3.5vw,1.8rem);color:var(--amber);letter-spacing:.12em;margin-top:.5rem;text-transform:uppercase}.sub-tagline{font-family:Space Mono,monospace;font-size:clamp(.65rem,1.8vw,.8rem);color:#e8e0d080;margin-top:1rem;letter-spacing:.05em;line-height:1.7}.waitlist-form{margin-top:1.5rem;display:flex;gap:0;max-width:400px;margin-left:auto;margin-right:auto}.waitlist-form input{flex:1;background:#e8e0d00f;border:1px solid rgba(79,195,247,.4);border-right:none;color:var(--tape-white);font-family:VT323,monospace;font-size:1.1rem;padding:.6rem 1rem;outline:none;letter-spacing:.05em}.waitlist-form input::placeholder{color:#e8e0d040}.waitlist-form input:focus{border-color:var(--vhs-blue);background:#4fc3f70d}.waitlist-form button{background:var(--rec-red);border:1px solid var(--rec-red);color:#fff;font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.12em;padding:.6rem 1.2rem;cursor:none;transition:background .2s,transform .1s;white-space:nowrap}.waitlist-form button:hover{background:#c00}.waitlist-form button:active{transform:scale(.97)}.form-success{display:none;font-family:VT323,monospace;font-size:1.2rem;color:var(--green-phosphor);letter-spacing:.1em;margin-top:1.5rem;animation:fadeIn .4s ease}.form-error{display:none;font-family:VT323,monospace;font-size:1rem;color:var(--rec-red);letter-spacing:.06em;margin-top:.75rem}.waitlist-form button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-family:VT323,monospace;font-size:1rem;color:#e8e0d066;letter-spacing:.08em}.tape-counter{color:var(--amber);font-size:1.1rem}.section{max-width:900px;margin:0 auto;padding:6rem 2rem;position:relative;z-index:2}.section-label{font-family:VT323,monospace;font-size:.95rem;letter-spacing:.25em;color:var(--vhs-blue);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.section-label:after{content:"";flex:1;height:1px;background:#4fc3f733}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.05em;line-height:1;margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.step{border:1px solid rgba(232,224,208,.1);padding:2rem 1.5rem;position:relative;transition:border-color .3s;background:#ffffff03}.step:hover{border-color:#4fc3f766}.step-num{font-family:VT323,monospace;font-size:3.5rem;color:#e8e0d014;position:absolute;top:.5rem;right:1rem;line-height:1}.step-icon{font-size:1.8rem;margin-bottom:1rem;display:block}.step-title{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.08em;color:var(--tape-white);margin-bottom:.6rem}.step-desc{font-size:.72rem;color:#e8e0d080;line-height:1.8;letter-spacing:.02em}.screenshots-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.screenshot-frame{display:flex;flex-direction:column;align-items:center;gap:.75rem}.screenshot-phone{position:relative;width:100%;max-width:200px;border:1px solid rgba(79,195,247,.25);overflow:hidden;background:var(--off-black)}.screenshot-phone:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:2}.screenshot-phone img{display:block;width:100%;height:auto;filter:saturate(.85) contrast(1.05);opacity:.92}.screenshot-label{font-family:VT323,monospace;font-size:.8rem;letter-spacing:.2em;color:#e8e0d059;text-transform:uppercase;text-align:center}.tape-section{background:#4fc3f705;border-top:1px solid rgba(79,195,247,.1);border-bottom:1px solid rgba(79,195,247,.1)}.tape-mockup{background:var(--off-black);border:1px solid rgba(232,224,208,.08);aspect-ratio:16/9;position:relative;overflow:hidden;max-width:640px;margin:2rem auto 0}.tape-mockup:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a0f0f,#0d1a1f,#1a1208)}.tape-mockup:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.2) 3px,rgba(0,0,0,.2) 4px);pointer-events:none}.tape-play-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:.8rem 1rem;z-index:2;font-family:VT323,monospace}.tape-hud-top{display:flex;justify-content:space-between;font-size:clamp(.8rem,2.5vw,1.1rem);color:#ffb300cc;letter-spacing:.1em}.tape-hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:clamp(.7rem,2vw,.95rem);color:#ffb30099;letter-spacing:.08em}.play-btn-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3}.play-btn{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);border:2px solid rgba(232,224,208,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);animation:pulse-play 3s infinite}.play-btn:after{content:"";border-left:clamp(16px,4vw,22px) solid rgba(232,224,208,.9);border-top:clamp(10px,2.5vw,14px) solid transparent;border-bottom:clamp(10px,2.5vw,14px) solid transparent;margin-left:4px}@keyframes pulse-play{0%,to{box-shadow:0 0 #4fc3f733}50%{box-shadow:0 0 0 12px #4fc3f700}}.tape-scene{position:absolute;inset:0;z-index:1;overflow:hidden}.scene-blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.25}.blob1{width:200px;height:200px;background:#ff6b35;bottom:10%;left:15%}.blob2{width:150px;height:150px;background:#4fc3f7;top:20%;right:20%}.blob3{width:100px;height:100px;background:#ffb300;top:40%;left:40%}.tape-progress{position:absolute;bottom:2.5rem;left:1rem;right:1rem;height:2px;background:#ffffff1a;z-index:4}.tape-progress-fill{height:100%;width:34%;background:var(--amber)}.timestamp-burn{position:absolute;bottom:1.2rem;left:1rem;font-family:VT323,monospace;font-size:clamp(.7rem,2vw,.95rem);color:#ffb300b3;letter-spacing:.05em;z-index:5}.tracking-strip{position:absolute;left:0;right:0;height:3px;background:#ffffff26;z-index:6;animation:tracking-move 5s ease-in-out infinite;top:30%}@keyframes tracking-move{0%,to{top:-5%;opacity:0}5%{opacity:.8}45%{top:105%;opacity:.6}50%,99%{opacity:0;top:105%}}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e8e0d014;border:1px solid rgba(232,224,208,.08);margin-top:2rem}.diff-cell{background:var(--black);padding:2rem 1.5rem;transition:background .3s}.diff-cell:hover{background:#4fc3f708}.diff-cell .label{font-family:VT323,monospace;font-size:.85rem;letter-spacing:.2em;color:var(--vhs-blue);margin-bottom:.5rem;text-transform:uppercase}.diff-cell .value{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.05em;color:var(--tape-white);margin-bottom:.4rem}.diff-cell p{font-size:.7rem;color:#e8e0d066;line-height:1.7}.final-cta{text-align:center;padding:8rem 2rem;position:relative;z-index:2}.final-cta .app-name-sm{font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,18vw,12rem);letter-spacing:.06em;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(232,224,208,.15);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}.final-cta .cta-label{font-family:VT323,monospace;font-size:1rem;letter-spacing:.25em;color:var(--amber);margin-bottom:1rem;text-transform:uppercase}.final-cta h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.05em;margin-bottom:.5rem;position:relative}.final-cta p{font-size:.75rem;color:#e8e0d066;margin-bottom:2.5rem;letter-spacing:.05em;position:relative}.final-cta .waitlist-form{position:relative}footer{border-top:1px solid rgba(232,224,208,.06);padding:2rem;display:flex;justify-content:space-between;align-items:center;font-family:VT323,monospace;font-size:.9rem;color:#e8e0d033;letter-spacing:.08em;position:relative;z-index:2}@media(max-width:600px){.diff-grid,.screenshots-strip{grid-template-columns:1fr}.screenshot-phone{max-width:160px}.waitlist-form{flex-direction:column}.waitlist-form input{border-right:1px solid rgba(79,195,247,.4);border-bottom:none}.waitlist-form button{border-left:1px solid var(--rec-red)}footer{flex-direction:column;gap:.5rem;text-align:center}}.lang-switcher{position:fixed;top:1.1rem;right:1.4rem;z-index:2001;display:flex;align-items:center;gap:.25rem;font-family:VT323,monospace;font-size:1rem;letter-spacing:.15em}.lang-btn{background:none;border:none;color:#e8e0d047;font-family:VT323,monospace;font-size:1rem;letter-spacing:.15em;cursor:none;padding:.15rem .3rem;transition:color .2s;line-height:1}.lang-btn:hover{color:#e8e0d0a6}.lang-btn.active{color:var(--vhs-blue)}.lang-sep{color:#e8e0d01f;font-size:.85rem}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}