:root{--green-50:#e9f8ef;--green-100:#cff0dd;--green-200:#a9e4c2;--green-300:#77d3a0;--green-400:#3fbf7a;--green-500:#1fae63;--green-600:#178f50;--green-700:#0f6e3d;--green-800:#0a5430;--orange-50:#fef0e0;--orange-100:#fdddbd;--orange-400:#fb9d3e;--orange-500:#f5871f;--orange-600:#db6f0c;--blue-50:#e2f3fc;--blue-100:#bfe4f7;--blue-400:#57b6ea;--blue-500:#2ba3e3;--blue-600:#1b86c4;--play-red:#ee4b3b;--play-yellow:#fbc02d;--play-blue:#3e9de8;--play-green:#7ec53f;--primary:var(--green-500);--primary-strong:var(--green-600);--on-primary:#fff;--primary-container:var(--green-100);--on-primary-container:var(--green-800);--accent:var(--orange-500);--secondary:var(--blue-500);--bg:#f5f7f4;--surface:#fff;--surface-2:#f4f7f4;--surface-sunken:#eef3ee;--ink:#14201a;--ink-muted:#5c6b62;--ink-faint:#8a988f;--line:#e1e7e1;--line-strong:#cdd6cd;--disabled:#bfc6c0;--mint-band:#bfe6cd;--xs:4px;--sm:8px;--md:16px;--lg:24px;--xl:32px;--xxl:48px;--xxxl:64px;--huge:96px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--fast:.15s;--normal:.26s;--slow:.42s;--ease-standard:cubic-bezier(.33, 1, .68, 1);--ease-emphasized:cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 2px 6px #14201a0f;--shadow-md:0 8px 24px #14201a14;--shadow-lg:0 24px 60px #14201a24;--shadow-green:0 16px 40px #1fae6347;--maxw:1180px;--nav-h:72px;font-synthesis-weight:none}[data-theme=dark]{--primary:#34c078;--primary-strong:#3fbf7a;--on-primary:#062110;--primary-container:#0d5232;--on-primary-container:#bcefcf;--accent:#ffa94d;--secondary:#5bb8ee;--bg:#0e140f;--surface:#18201a;--surface-2:#1f291f;--surface-sunken:#131a14;--ink:#ecf2ec;--ink-muted:#9db0a2;--ink-faint:#76877b;--line:#2c382e;--line-strong:#3a4a3c;--disabled:#3a4a3c;--mint-band:#1f3a2a;--shadow-sm:0 2px 6px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 60px #0000008c;--shadow-green:0 16px 40px #1fae632e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background var(--normal) var(--ease-standard), color var(--normal) var(--ease-standard);margin:0;font-family:Nunito,system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.5px;color:var(--ink);margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;line-height:1.08}h2{letter-spacing:-.25px;font-size:clamp(30px,4vw,46px)}h3{letter-spacing:-.25px;font-size:24px;font-weight:700;line-height:1.16}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);padding:0 var(--lg);margin:0 auto}.section{padding:var(--huge) 0}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;font-family:Nunito;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);border-radius:2px;width:18px;height:3px}.lead{color:var(--ink-muted);max-width:56ch;font-size:clamp(18px,2vw,21px);line-height:1.6}.btn{border-radius:var(--r-pill);cursor:pointer;min-height:52px;transition:transform var(--fast) var(--ease-emphasized), box-shadow var(--normal) var(--ease-standard), background var(--fast) linear;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-family:Nunito;font-size:17px;font-weight:800;line-height:1;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-green)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-play{background:var(--ink);color:#fff;border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--fast) var(--ease-emphasized);border:none;align-items:center;gap:13px;padding:12px 26px 12px 22px;display:inline-flex}[data-theme=dark] .btn-play{color:var(--ink);background:#fff}.btn-play:hover{transform:translateY(-2px)scale(1.01)}.btn-play:active{transform:scale(.96)}@media (width<=560px){.section{padding:var(--xxl) 0}.btn,.btn-play{width:100%}}