@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-deep:#08090c;--bg-surface:#101217;--bg-subtle:#171922;--border-subtle:#ffffff14;--border-hover:#ffffff2e;--accent-warm:#f97316;--accent-gold:#eab308;--accent-crimson:#e11d48;--accent-warm-gradient:linear-gradient(135deg, #f97316 0%, #fb923c 50%, #facc15 100%);--text-pure:#fff;--text-bright:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-deep);color:var(--text-bright);letter-spacing:-.01em;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 30%,#f973161f 0%,#eab3080a 40%,#0000 75%);width:900px;height:500px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}.container{z-index:1;width:100%;max-width:1160px;margin:0 auto;padding:0 24px;position:relative}.navbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{color:var(--text-pure);letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-badge{background:var(--accent-warm-gradient);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 12px #f9731659}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-muted);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-pure)}.btn-cta{background:var(--text-pure);color:var(--bg-deep);cursor:pointer;border:none;border-radius:9999px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 4px 14px #ffffff26}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.hero{text-align:center;padding:80px 0 60px}.pill-badge{color:#fdba74;background:#f9731614;border:1px solid #f9731640;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-2px;color:var(--text-pure);margin-bottom:22px;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.08}.warm-gradient-text{background:var(--accent-warm-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-muted);max-width:660px;margin:0 auto 36px;font-size:clamp(16px,2vw,20px);line-height:1.6}.mascot-stage{border:1px solid var(--border-subtle);background:linear-gradient(#161922cc 0%,#101217e6 100%);border-radius:28px;grid-template-columns:240px 1fr;align-items:center;gap:36px;max-width:840px;margin:44px auto;padding:44px 36px;display:grid;box-shadow:0 30px 60px -12px #000000b3}@media (max-width:768px){.mascot-stage{text-align:center;grid-template-columns:1fr;padding:32px 20px}}.briefing-card{text-align:left;background:#08090cb3;border:1px solid #ffffff0f;border-radius:18px;padding:24px}.briefing-tag{text-transform:uppercase;color:#fdba74;letter-spacing:.5px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:80px 0;display:grid}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:22px;padding:32px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s}.card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.card-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.card h3{color:var(--text-pure);margin-bottom:10px;font-size:20px;font-weight:700}.card p{color:var(--text-muted);font-size:15px;line-height:1.6}.audio-strip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;margin-top:18px;padding:12px 18px;display:flex}.play-toggle{background:var(--accent-warm);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.soundwave{flex:1;align-items:center;gap:3px;height:24px;display:flex}.sound-bar{background:var(--text-muted);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite alternate pulseBar}@keyframes pulseBar{0%{opacity:.3;height:6px}to{opacity:.9;height:22px}}@keyframes particleFloat{0%{opacity:1;transform:scale(.6)translateY(0)}to{opacity:0;transform:scale(1.3)translateY(-70px)}}@keyframes tongueWiggle{0%{transform:scaleY(.9)}to{transform:scaleY(1.3)}}@keyframes floatSlow{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes subtleBreath{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes mascotBounce{0%{transform:scale(1)}35%{transform:scale(1.15)translateY(-8px)}65%{transform:scale(.95)}to{transform:scale(1)}}.legal-wrapper{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;max-width:820px;margin:60px auto 100px;padding:44px}.legal-wrapper h1{color:var(--text-pure);margin-bottom:12px;font-size:34px;font-weight:800}.legal-wrapper h2{color:var(--text-pure);margin-top:32px;margin-bottom:12px;font-size:21px;font-weight:700}.legal-wrapper p,.legal-wrapper li{color:var(--text-muted);margin-bottom:14px;font-size:15px}.legal-wrapper ul{margin-bottom:20px;padding-left:24px}.footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-dim);margin-top:80px;padding:44px 0;font-size:14px}.footer-links{justify-content:center;gap:28px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--text-pure)}