:root{--sand:#fff6e8;--cream:#fffdf8;--sky:#7ec8e3;--sky-deep:#4aa8c9;--teal:#1fb8a8;--teal-deep:#158f83;--coral:#ff6b6b;--coral-deep:#e84a5f;--sun:#ffd166;--sun-deep:#ffb020;--ink:#1a4d5c;--ink-soft:#3d6a78;--line:#1a4d5c1f;--shadow:0 14px 36px #1a4d5c1f;--radius:22px;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--max:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%, #ffe8a8 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #9be7e0 0%, transparent 50%), linear-gradient(180deg, #e8f7fc 0%, var(--sand) 38%, #ffe9c8 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:var(--teal-deep);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--coral-deep)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .5em;line-height:1.15}p{margin:0 0 1em}button,input,textarea{font:inherit}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;width:100%}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.4rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary{color:var(--ink);background:linear-gradient(180deg, var(--sun), var(--sun-deep));box-shadow:0 5px #d48806}.btn-primary:hover{color:var(--ink);transform:translateY(-2px)}.btn-secondary{color:#fff;background:linear-gradient(180deg, var(--teal), var(--teal-deep));box-shadow:0 5px #0f6e65}.btn-secondary:hover{color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:2px solid var(--line);background:#fffdf8f2;box-shadow:0 4px #1a4d5c1f}.btn-ghost:hover{color:var(--ink);transform:translateY(-2px)}.section{padding:clamp(2.5rem,6vw,4.5rem) 0}.section-title{color:var(--ink);font-size:clamp(1.7rem,4vw,2.4rem)}.section-lead{max-width:38rem;color:var(--ink-soft);font-size:1.05rem}.page-hero{padding:clamp(2rem,5vw,3.5rem) 0 1rem}.page-hero h1{font-size:clamp(2rem,5vw,3rem)}.page-hero p{max-width:36rem;color:var(--ink-soft);font-size:1.1rem}.media-frame{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.media-frame img{aspect-ratio:16/10;object-fit:cover;width:100%}.split{align-items:center;gap:1.75rem;display:grid}@media (width>=860px){.split{grid-template-columns:1.05fr .95fr;gap:2.5rem}.split.reverse{grid-template-columns:.95fr 1.05fr}.split.reverse>:first-child{order:2}}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--line);background:#fffdf8e0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.brand{color:var(--ink);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand img{border-radius:12px;width:44px;height:44px;box-shadow:0 3px #ffb02073}.brand-text{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.1}.brand-text span{font-family:var(--font-body);color:var(--teal-deep);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.nav{align-items:center;gap:.35rem;display:none}.nav a{color:var(--ink);border-radius:999px;padding:.45rem .8rem;font-weight:700;text-decoration:none}.nav a:hover,.nav a.active{color:var(--teal-deep);background:#1fb8a826}.menu-toggle{border:2px solid var(--line);background:var(--cream);cursor:pointer;width:44px;height:44px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.menu-toggle span{background:currentColor;width:18px;height:2px;display:block;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";background:currentColor;width:18px;height:2px;position:absolute;left:0}.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}.mobile-nav{flex-direction:column;gap:.35rem;padding:0 0 1rem;display:none}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--ink);background:#ffffffb3;border-radius:12px;padding:.7rem .9rem;font-weight:700;text-decoration:none}.mobile-nav a.active{color:var(--teal-deep);background:#1fb8a82e}@media (width>=860px){.nav{display:flex}.menu-toggle{display:none}.mobile-nav{display:none!important}}.site-footer{color:#e8f7fc;background:linear-gradient(#1a4d5c 0%,#123845 100%);margin-top:auto;padding:3rem 0 1.5rem}.site-footer a{color:#ffd166}.site-footer a:hover{color:#fff}.footer-grid{gap:2rem;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}.footer-brand{font-family:var(--font-display);margin-bottom:.6rem;font-size:1.4rem}.footer-muted{color:#e8f7fcc7;font-size:.95rem}.footer-heading{font-family:var(--font-display);color:#fff;margin-bottom:.75rem;font-size:1.05rem}.footer-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer-list a{font-weight:700;text-decoration:none}.footer-org{color:#e8f7fcd9;margin-top:.75rem;font-size:.92rem;line-height:1.5}.footer-bottom{color:#e8f7fcb3;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:2rem;padding-top:1.25rem;font-size:.85rem;display:flex}.home-hero{align-items:end;min-height:min(92vh,820px);display:grid;position:relative;overflow:hidden}.home-hero-bg{object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.home-hero-shade{background:linear-gradient(#1a4d5c26 0%,#1a4d5c8c 55%,#1a4d5cc7 100%);position:absolute;inset:0}.home-hero-content{z-index:1;color:#fff;padding:clamp(5rem,14vw,8rem) 0 clamp(2.5rem,6vw,3.5rem);position:relative}.home-hero-content .brand-mark{font-family:var(--font-display);text-shadow:0 4px #0000002e;margin:0 0 .35rem;font-size:clamp(2.4rem,7vw,4.2rem)}.home-hero-content h1{max-width:22ch;margin-bottom:.75rem;font-size:clamp(1.35rem,3.5vw,1.9rem);font-weight:600}.home-hero-content p{color:#ffffffeb;max-width:34rem;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.play-block{box-shadow:var(--shadow);background:#fffdf8eb;border:2px solid #ffd166a6;border-radius:28px;padding:clamp(1rem,3vw,1.5rem)}.play-frame-wrap{background:#1a4d5c;border-radius:18px;width:100%;height:min(70vh,640px);min-height:380px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffd166}.play-frame-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}@media (width<=640px){.play-frame-wrap{height:min(68vh,560px);min-height:400px}}@media (width>=900px){.play-frame-wrap{height:min(65vh,620px);min-height:480px}}.support-strip{gap:1rem;margin-top:1.25rem;display:grid}@media (width>=640px){.support-strip{grid-template-columns:1fr 1fr}}.support-link{color:var(--ink);background:linear-gradient(135deg,#7ec8e340,#1fb8a82e);border:2px solid #1fb8a847;border-radius:16px;flex-direction:column;gap:.25rem;padding:1rem 1.15rem;text-decoration:none;transition:transform .15s;display:flex}.support-link:hover{color:var(--ink);transform:translateY(-2px)}.support-link strong{font-family:var(--font-display);color:var(--teal-deep);font-size:1.15rem}.support-link span{color:var(--ink-soft);font-size:.92rem}.feature-row{gap:1.5rem;display:grid}@media (width>=760px){.feature-row{grid-template-columns:1.1fr .9fr;align-items:center}}.feature-copy h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}.feature-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.feature-list li{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.feature-dot{background:var(--coral);border-radius:50%;width:12px;height:12px;margin-top:.45rem;box-shadow:0 0 0 4px #ff6b6b33}.faq-list{gap:.85rem;max-width:720px;display:grid}.faq-item{border:2px solid var(--line);background:#fffdf8d9;border-radius:16px;padding:.25rem 1rem}.faq-item summary{cursor:pointer;font-family:var(--font-display);padding:.9rem 0;font-size:1.1rem;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--ink-soft);padding-bottom:.9rem}.contact-form{gap:1rem;max-width:520px;display:grid}.field label{margin-bottom:.35rem;font-size:.92rem;font-weight:800;display:block}.field input,.field textarea{border:2px solid var(--line);background:var(--cream);width:100%;color:var(--ink);border-radius:14px;padding:.8rem 1rem}.field input:focus,.field textarea:focus{border-color:var(--teal);outline:3px solid #1fb8a859}.form-note{color:var(--ink-soft);font-size:.9rem}.notice{border-left:4px solid var(--sun-deep);color:var(--ink);background:#ffd16647;border-radius:0 12px 12px 0;padding:.85rem 1rem;font-size:.95rem}@keyframes float-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.7s both float-in}.animate-in.delay-1{animation-delay:.12s}.animate-in.delay-2{animation-delay:.24s}.policy{max-width:740px}.policy h2{margin-top:1.75rem;font-size:1.25rem}.policy h3{font-size:1.05rem;font-family:var(--font-display);margin-top:1.1rem}.policy code{background:#1fb8a81f;border-radius:6px;padding:.1em .35em;font-size:.88em}.policy-nav{flex-wrap:wrap;gap:.45rem;margin:0 0 1.5rem;display:flex}.policy-nav a{color:var(--ink);border:2px solid var(--line);background:#fffdf8e6;border-radius:999px;padding:.45rem .8rem;font-size:.88rem;font-weight:700;text-decoration:none}.policy-nav a:hover,.policy-nav a.active{color:var(--teal-deep);background:#1fb8a81f;border-color:#1fb8a873}.policy ul{color:var(--ink-soft);padding-left:1.2rem}.policy li{margin-bottom:.45rem}.policy-updated{color:var(--ink-soft);margin-top:2rem;font-size:.9rem}.age-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a4d5cb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.age-modal{text-align:center;background:#fffdf8;border:3px solid #ffd166;border-radius:22px;width:min(100%,440px);padding:1.6rem 1.4rem;box-shadow:0 18px 40px #00000038}.age-badge{color:#fff;width:64px;height:64px;font-family:var(--font-display);background:linear-gradient(#ff6b6b,#e84a5f);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.35rem;font-weight:700;display:inline-flex;box-shadow:0 4px #c63b4d}.age-modal h2{margin-bottom:.5rem}.age-modal p{color:var(--ink-soft)}.age-actions{gap:.65rem;margin-top:1.25rem;display:grid}.cookie-banner{z-index:900;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));color:#e8f7fc;background:#1a4d5cf5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0000002e}.cookie-banner a{color:#ffd166}.cookie-banner-inner{width:min(100%, var(--max));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.25rem;margin:0 auto;display:flex}.cookie-banner-inner p{flex:260px;margin:0;font-size:.95rem;line-height:1.45}.cookie-actions{flex-wrap:wrap;gap:.55rem;display:flex}.cookie-actions .btn{padding:.7rem 1.1rem;font-size:.95rem}@media (prefers-reduced-motion:reduce){.animate-in{animation:none}html{scroll-behavior:auto}}