.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}:root{--bg:#000;--foreground:oklch(94% .01 157);--text:oklch(94% .01 157);--text-muted:oklch(72% .03 157);--accent:oklch(73% .16 136);--accent-strong:oklch(64% .16 136);--panel:#ffffff0b;--panel-border:#ffffff1a;--glass:#ffffff0a;--font-main:"Satoshi", "Inter", -apple-system, sans-serif}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2)format("woff2");font-weight:400}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2)format("woff2");font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.page-shell{isolation:isolate;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.pixel-blast{z-index:0;position:fixed;inset:0}.pixel-blast-layer{position:absolute;inset:0}.page-shell>:not(.pixel-blast){z-index:1;position:relative}.pixel-blast canvas,.pixel-blast-noise,.pixel-blast-vignette{position:absolute;inset:0}.pixel-blast-noise,.pixel-blast-vignette{pointer-events:none}.pixel-blast-noise{opacity:.08;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.pixel-blast-vignette{background:radial-gradient(circle at top,#669c351f,#0000 35%),radial-gradient(circle at bottom,#ffffff0f,#0000 45%),linear-gradient(#0000 55%,#000000d1 100%)}.nav{justify-content:space-between;align-items:center;padding:32px 0;display:flex;position:relative}.logo{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:1rem;font-weight:700;display:flex}.logo img{border:1px solid #ffffff24;border-radius:14px;box-shadow:0 14px 32px #0000006b,inset 0 0 0 1px #ffffff08}.hero{text-align:center;flex-direction:column;align-items:center;padding:72px 0 120px;display:flex}.hero-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffc7;letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 16px;font-size:.8rem;font-weight:500;display:inline-flex}.hero h1{background:linear-gradient(#fff 0%,#ffffff9e 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;text-shadow:0 24px 60px #ffffff14;-webkit-background-clip:text;max-width:15ch;margin-bottom:20px;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1}.lede{color:#ffffffe0;max-width:44ch;margin-bottom:24px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:500;line-height:1.7}.hero-meta{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin-bottom:40px;display:flex}.hero-meta span{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.82rem}.actions{gap:16px;margin-bottom:14px;display:flex}.download-meta{color:#ffffffa8;margin-bottom:80px;font-size:.9rem}.download-meta a{color:#ffffffe6;text-underline-offset:4px;text-decoration-color:#ffffff52}.btn{cursor:pointer;color:inherit;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:flex}.btn-primary{color:#030303;background:linear-gradient(#fff 0%,#dfead2 100%);box-shadow:0 18px 40px #b1e2781f,inset 0 0 0 1px #ffffff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px #b1e2782e,inset 0 0 0 1px #ffffff73}.btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff14;transform:translateY(-2px)}.app-preview-container{perspective:1000px;width:100%;max-width:900px;position:relative}.app-preview{background:#0b0d0a;border:1px solid #ffffff1f;border-radius:28px;transition:transform .5s;overflow:hidden;transform:rotateX(5deg)translateZ(0);box-shadow:0 55px 130px #000000b8,0 18px 48px #669c351f,inset 0 0 0 1px #ffffff0d}.app-preview:hover{transform:rotateX(0)translateY(-10px)}.app-preview-image{width:100%;height:auto;display:block}.footer{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff14;padding:64px 0 120px;font-size:.9rem}@media (width<=768px){.nav{padding-top:24px}.hero{padding:60px 0 80px}.hero-meta{gap:10px}.actions{flex-direction:column;align-items:center;max-width:100%}.actions .btn{justify-content:center;width:fit-content;max-width:100%}}