:root{--bg: #07070a;--bg-surface: #0c0c10;--bg-card: #101016;--border: #19191f;--border-mid: #27272e;--text: #ededf0;--text-mid: #8b8b98;--text-dim: #4e4e5a;--accent: #e8b931;--accent-soft: rgba(232, 185, 49, .1);--accent-glow: rgba(232, 185, 49, .25);--cool: rgba(100, 140, 255, .06);--radius: 12px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px)}.orb--warm{width:600px;height:600px;top:-12%;right:-5%;background:var(--accent-glow);opacity:.4;animation:drift 14s ease-in-out infinite alternate}.orb--cool{width:500px;height:500px;bottom:-10%;left:-8%;background:var(--cool);opacity:.6;animation:drift 18s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}.reveal{animation:slideReveal .7s cubic-bezier(.16,1,.3,1) both}.feature-card{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.feature-card.in-view{opacity:1;transform:translateY(0)}@keyframes slideReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}header{position:relative;z-index:10}nav{display:flex;align-items:center;max-width:960px;margin:0 auto;padding:1.75rem 2.5rem}.nav-left{display:flex;align-items:center;gap:.625rem}.nav-logo{display:block}.nav-wordmark{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em}.hero{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:4rem 2.5rem 5rem}.hero-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem}.hero-text{max-width:540px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.mascot-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);filter:blur(50px);animation:breathe 5s ease-in-out infinite alternate}@keyframes breathe{0%{opacity:.5;transform:scale(.92)}to{opacity:.85;transform:scale(1.06)}}.mascot{position:relative;display:block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.mascot:hover{transform:rotate(-6deg) scale(1.06)}.badge{display:inline-block;padding:.25rem .875rem;font-family:var(--font-body);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);border-radius:9999px;margin-bottom:1.5rem;background:var(--accent-soft)}h1{font-family:var(--font-display);font-size:clamp(2.75rem,5.8vw,4.25rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin-bottom:1.5rem;color:var(--text)}.h1-accent{color:var(--accent)}.tagline{font-size:1.0625rem;line-height:1.7;color:var(--text-mid);margin-bottom:2.5rem;max-width:440px}.tagline em{font-style:normal;color:var(--text);font-weight:600}.download-section{margin-bottom:1.25rem}.download-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-download{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.75rem;border-radius:10px;text-decoration:none;min-width:175px;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-download{background:var(--text);color:var(--bg);box-shadow:0 1px #ffffff1f inset,0 4px 20px #00000080}.btn-download:hover{background:#d4d4da;transform:translateY(-2px);box-shadow:0 1px #ffffff1f inset,0 8px 32px #0009}.btn-label{font-family:var(--font-body);font-size:.9375rem;font-weight:600}.download-version{margin-top:.625rem;font-size:.6875rem;color:var(--text-dim)}.platform-note{font-size:.8125rem;color:var(--text-dim)}.features{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 2.5rem 8rem}.feature-bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.feature-card{padding:2.25rem 1.75rem;background:var(--bg-card);position:relative;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),background .3s ease}.feature-card:hover{background:var(--bg-surface)}.feature-marker{width:28px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:1.25rem;opacity:.7;transition:opacity .3s,width .3s}.feature-card:hover .feature-marker{opacity:1;width:40px}.feature-card h3{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.625rem;color:var(--text)}.feature-card p{font-size:.8125rem;line-height:1.7;color:var(--text-mid)}.feature-card--wide{grid-row:span 1}footer{position:relative;z-index:1;text-align:center;padding:2.5rem 2rem}.footer-rule{max-width:960px;height:1px;background:linear-gradient(90deg,transparent,var(--border-mid) 30%,var(--border-mid) 70%,transparent);margin:0 auto 2.5rem}footer p{font-size:.8125rem;color:var(--text-dim)}footer a{color:var(--text-mid);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}@media (max-width: 768px){nav{padding:1.25rem 1.5rem}.hero{padding:2rem 1.5rem 3.5rem}.hero-layout{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-visual{order:-1}.mascot{width:120px;height:120px}.mascot-glow{width:220px;height:220px}.tagline{margin-left:auto;margin-right:auto}.download-buttons{flex-direction:column;align-items:center}.download-buttons .btn-download{min-width:260px}.platform-note{text-align:center}h1{font-size:2.5rem}.features{padding:0 1.5rem 5rem}.feature-bento{grid-template-columns:1fr}}