:root{--bg-main:#0a0a0a;--card-bg:#141414;--card-border:#ffffff14;--text-primary:#fff;--text-muted:#a1a1aa;--pill-bg:#181818;--radius-pill:14px}*{box-sizing:border-box;margin:0;padding:0}a,a:visited{color:inherit;text-decoration:none}body{color:#fff;background:radial-gradient(circle at 50% 28%,#181818 0%,#0c0c0c 55%,#000 100%);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);background:#0a0a0ad9;width:100%;padding:22px 8vw;position:fixed;top:0;left:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand-container,.brand-container:visited,.brand-container:hover,.brand-container:active{color:#fff;cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #ffffff26);border-radius:8px;width:34px;height:34px}.brand-title{color:#fff;letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.menu-icon{cursor:pointer;flex-direction:column;gap:5px;display:flex}.menu-icon span{background:#fff;border-radius:2px;width:22px;height:2px}#webgl-canvas{z-index:1;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-wrapper{z-index:2;padding-top:60px;position:relative}.section{flex-direction:column;justify-content:center;max-width:620px;min-height:100vh;padding:0 8vw;display:flex}.section-intro{text-align:center;will-change:transform, opacity;align-items:center;max-width:920px;margin:0 auto;padding:0 4vw}.hero-headline{letter-spacing:-.03em;margin-bottom:24px;font-size:4.2rem;font-weight:800;line-height:1.12}.gradient-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 40%,#888 100%);-webkit-background-clip:text;background-clip:text}.hero-subtext{color:#a1a1aa;max-width:680px;margin:0 auto 40px;font-size:1.35rem;line-height:1.65}.hero-scroll-prompt{color:#71717a;flex-direction:column;align-items:center;gap:12px;font-size:.95rem;display:flex}.mouse-icon{border:2px solid #fff3;border-radius:12px;justify-content:center;width:22px;height:36px;padding-top:6px;display:flex}.mouse-icon .wheel{background:#fff;border-radius:2px;width:3px;height:6px;animation:1.6s ease-in-out infinite mouseScroll}@keyframes mouseScroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.app-badge{background:var(--pill-bg);border:1px solid var(--card-border);color:#e4e4e7;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.pulse-dot{color:#fff;font-size:.75rem}h2{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:2.6rem;font-weight:800;line-height:1.2}p{color:var(--text-muted);font-size:1.15rem;line-height:1.6}.cta-actions{flex-direction:column;gap:12px;margin-top:30px;display:flex}.primary-download-btn{border-radius:var(--radius-pill);color:#000;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:fit-content;padding:16px 36px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #ffffff1f}.primary-download-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffffff40}.cta-sub{color:#71717a;font-size:.9rem}.app-footer{z-index:2;max-width:1200px;margin:0 auto;padding:40px 8vw 60px;position:relative}.footer-line{background:var(--card-border);height:1px;margin-bottom:24px}.footer-content p{color:#71717a;font-size:.9rem}@media (width<=768px){.app-header{padding:16px 6vw}.hero-headline{margin-bottom:18px;font-size:2.7rem;line-height:1.14}.hero-subtext{margin-bottom:32px;font-size:1.05rem;line-height:1.55}.section{text-align:left;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;max-width:100%;min-height:100vh;padding:0 6vw;display:flex}.section:not(.section-intro) h2{max-width:88vw;margin-bottom:12px;font-size:1.95rem;line-height:1.22}.section:not(.section-intro) p{max-width:86vw;color:var(--text-muted);font-size:.96rem;line-height:1.55}.cta-actions{align-items:flex-start}}.nav-drawer{z-index:100;background:#0d0d10;border-left:1px solid #ffffff14;flex-direction:column;justify-content:space-between;width:320px;height:100vh;padding:32px 24px;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-340px;box-shadow:-10px 0 40px #0009}.nav-drawer.open{right:0}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.drawer-brand{color:#fff;font-size:1.1rem;font-weight:700}.close-drawer-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.drawer-links{flex-direction:column;gap:16px;margin:40px 0;display:flex}.drawer-link{color:#a1a1aa;border-radius:10px;padding:10px 14px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s}.drawer-link:hover,.drawer-link.active{color:#fff;background:#18181c}.drawer-link.primary-link{color:#000;text-align:center;background:#fff;margin-top:12px}.drawer-footer{border-top:1px solid #ffffff14;padding-top:20px}.drawer-footer p{color:#fff;margin-bottom:4px;font-size:.85rem}.drawer-footer span{color:#71717a;font-size:.8rem}
