:root{--navy:#0e222d;--navy2:#142f3b;--teal:#10b8b2;--teal-dark:#087f81;--pink:#ff3f9d;--ice:#edf9fb;--white:#fff;--ink:#11262e;--muted:#587079}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:12px 18px;z-index:99}.skip-link:focus{left:10px}
.top-ribbon{background:var(--pink);color:#fff;text-align:center;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.14em;padding:9px}
.site-header{height:80px;display:flex;align-items:center;gap:28px;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid #d9e8eb;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 5px 25px rgba(14,34,45,.06)}
.brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:18px;letter-spacing:-.04em;white-space:nowrap}.brand img{width:48px;height:52px;object-fit:contain}.brand b{color:var(--pink)}
nav{display:flex;gap:clamp(14px,2.2vw,32px);margin-left:auto}nav a{font-size:14px;font-weight:800}nav a:hover,.text-link:hover{color:var(--pink)}
.header-cta{background:var(--navy);color:#fff;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:900;white-space:nowrap}.header-cta:hover{background:var(--pink)}
.hero{min-height:620px;background:linear-gradient(125deg,var(--navy) 0 50%,#173844 50%);color:#fff;display:grid;grid-template-columns:1fr 1.08fr;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 54px,rgba(255,255,255,.018) 55px 56px)}
.hero-copy{padding:clamp(60px,8vw,115px) 30px clamp(64px,8vw,105px) clamp(26px,7vw,105px);position:relative;z-index:2;max-width:720px}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:var(--teal);font-size:12px;margin:0 0 17px}.eyebrow.dark{color:var(--teal-dark)}
h1,h2,h3,p{margin-top:0}h1,h2{font-weight:1000;letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(48px,6vw,82px);margin-bottom:24px;max-width:670px}h1 em{font-style:normal;color:var(--pink)}
.hero-lede{color:#d4e7ea;font-size:18px;line-height:1.65;max-width:600px;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:15px 20px;font-weight:900;font-size:14px;transition:.2s}.button.primary{background:var(--pink);color:#fff}.button.secondary{border:2px solid rgba(255,255,255,.35);color:#fff}.button.light{background:#fff;color:var(--navy)}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.18)}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:28px;color:#9dbbc2;font-size:13px;font-weight:700}.hero-note span{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--teal);color:#fff;border-radius:50%;font-weight:1000}
.hero-art{min-width:0;display:flex;align-items:center;justify-content:center;position:relative;padding:54px 5vw 50px 10px}.hero-image-wrap{width:min(780px,100%);border:7px solid #fff;border-radius:28px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 28px 70px rgba(0,0,0,.35)}.hero-image-wrap img{width:100%;aspect-ratio:1.95/1;object-fit:cover}.pink-sticker{position:absolute;left:3%;bottom:9%;width:102px;height:102px;background:var(--pink);border:5px solid #fff;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:1000;line-height:.95;transform:rotate(-10deg);box-shadow:0 10px 20px rgba(0,0,0,.25)}
.section{padding:clamp(70px,8vw,115px) clamp(24px,7vw,110px)}
.meet{display:grid;grid-template-columns:minmax(280px,.78fr) 1.1fr .72fr;gap:clamp(28px,5vw,74px);align-items:center;background:var(--ice)}
.meet-art{max-width:470px;justify-self:center}.meet-art img{filter:drop-shadow(0 22px 28px rgba(0,70,74,.16))}
h2{font-size:clamp(39px,4.5vw,66px);margin-bottom:23px}.meet-copy>p:not(.eyebrow),.book-copy>p,.gear-intro>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:650px}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:1000;border-bottom:2px solid var(--pink);padding-bottom:5px;margin-top:8px}
blockquote{background:var(--navy);color:#fff;padding:36px;border-radius:18px;margin:0;position:relative;box-shadow:12px 12px 0 var(--teal)}blockquote span{font-size:72px;line-height:.7;color:var(--pink);font-family:Georgia,serif}blockquote p{font-size:25px;line-height:1.25;font-weight:900;margin:12px 0 0}
.watch{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);max-width:390px;line-height:1.6}
.video-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.featured-video{min-height:430px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#14323e,#0b1d25);position:relative;color:#fff;display:flex;align-items:center;justify-content:center}.rink-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(255,63,157,.85) 49.5% 50.5%,transparent 50.5%),linear-gradient(#eaf8fa12,#eaf8fa12)}.rink-lines:before{content:"";position:absolute;width:260px;height:260px;border:5px solid rgba(16,184,178,.7);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.rink-lines span{position:absolute;bottom:0;left:50%;width:300px;height:140px;border:6px solid rgba(255,255,255,.18);border-bottom:0;border-radius:150px 150px 0 0;transform:translateX(-50%)}
.play{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;background:var(--pink);display:grid;place-items:center;transition:.2s}.featured-video:hover .play{transform:scale(1.1)}.video-label{position:absolute;bottom:28px;left:30px;z-index:2;display:flex;flex-direction:column;gap:6px}.video-label small,.story-card small,.download-card small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.video-label strong{font-size:23px}
.video-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}.story-card{padding:30px;border-radius:20px;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:20px}.teal-card{background:var(--teal);color:#062e31}.pink-card{background:#ffe6f2;color:var(--navy)}.card-number{font-size:62px;font-weight:1000;letter-spacing:-.08em}.mask-icon{font-size:58px;color:var(--pink)}.story-card small{opacity:.7}.story-card h3{font-size:23px;margin:7px 0 10px;line-height:1.05}.story-card p{font-size:14px;line-height:1.5;margin:0;opacity:.75}
.gear{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr minmax(320px,.75fr);gap:clamp(40px,8vw,120px);align-items:center}.gear-intro h2{max-width:650px}.gear-intro>p:not(.eyebrow){color:#bcd2d7}.rating-card{background:#fff;color:var(--navy);border-radius:24px;padding:38px;box-shadow:13px 13px 0 var(--pink);transform:rotate(1deg)}.rating-top{display:flex;align-items:end;border-bottom:2px solid #d8e6e8;padding-bottom:19px;margin-bottom:26px}.rating-top span{font-weight:1000;font-size:18px;margin-right:auto}.rating-top strong{font-size:72px;line-height:.8;color:var(--pink);letter-spacing:-.08em}.rating-top small{font-weight:900;color:var(--muted)}.mini-ratings{display:grid;gap:16px}.mini-ratings div{display:grid;grid-template-columns:100px 1fr;background:#dcebed;border-radius:30px;overflow:hidden;position:relative}.mini-ratings span{z-index:2;padding:9px 12px;font-size:12px;font-weight:900}.mini-ratings b{position:absolute;inset:0 auto 0 0;background:var(--teal)}.rating-card>p{font-size:17px;font-weight:800;line-height:1.5;margin:28px 0 0}
.fun{background:#fff}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.download-card{min-height:410px;border:2px solid #dcebed;border-radius:20px;padding:28px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:.2s}.download-card:hover{transform:translateY(-5px);border-color:var(--pink);box-shadow:0 18px 34px rgba(16,52,60,.11)}.download-icon{position:absolute;right:22px;top:22px;width:46px;height:46px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:50%}.activity-art{height:220px;display:grid;place-items:center;font-weight:1000;margin:-10px -10px 18px}.mask-activity{font-size:80px;color:#fff;background:radial-gradient(circle at 50% 45%,var(--teal) 0 30%,var(--navy) 31% 45%,transparent 46%),repeating-linear-gradient(60deg,#dff7f7 0 9px,#fff 10px 19px)}.word-activity{font-size:58px;color:#fff;text-shadow:5px 5px 0 var(--navy);transform:rotate(-4deg);background:linear-gradient(135deg,#ffdeef,#fff 60%)}.puck-activity{font-size:150px;color:var(--navy);background:repeating-radial-gradient(circle,#e6f7f8 0 12px,#fff 13px 28px)}.download-card small{color:var(--teal-dark)}.download-card h3{font-size:22px;line-height:1.16;margin:10px 0 22px}.card-link{font-weight:1000;color:var(--pink);margin-top:auto}.card-link.muted{color:var(--muted)}
.books{background:linear-gradient(120deg,var(--teal-dark),var(--teal));color:#fff;display:grid;grid-template-columns:1.1fr .8fr;gap:clamp(40px,9vw,130px);align-items:center;overflow:hidden}.book-art{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.book{width:245px;height:335px;border:8px solid #fff;border-radius:5px;box-shadow:0 22px 45px rgba(0,0,0,.25);padding:40px 22px;display:flex;flex-direction:column;text-align:center;position:absolute}.book span,.book small{font-weight:900}.book b{font-size:38px;line-height:.92;margin:18px 0}.book-one{background:var(--pink);transform:rotate(-9deg) translateX(-95px)}.book-two{background:var(--navy);transform:rotate(7deg) translateX(95px)}.puck{position:absolute;bottom:12px;width:82px;height:40px;border-radius:50%;background:#07151b;color:#fff;display:grid;place-items:center;font-weight:1000;box-shadow:0 9px 15px rgba(0,0,0,.3)}.book-copy>p{color:#e4ffff}.book-copy .eyebrow{color:#ffe5f2}.book-actions{display:flex;gap:12px;flex-wrap:wrap}.book-outline{border:2px solid rgba(255,255,255,.7);color:#fff}
.info-page{min-height:100vh;background:var(--ice);padding:70px 24px}.info-card{max-width:860px;margin:0 auto;background:#fff;border-radius:22px;padding:clamp(30px,6vw,70px);box-shadow:0 18px 50px rgba(14,34,45,.1)}.info-card h1{color:var(--navy);font-size:clamp(42px,6vw,68px)}.info-card h2{font-size:26px;margin-top:34px}.info-card p,.info-card li{color:var(--muted);font-size:16px;line-height:1.7}.info-card .button{margin-bottom:34px}
.social{background:#f0f9fa;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.social-copy h2{margin-bottom:12px}.social-copy>p:last-child{color:var(--muted);line-height:1.6}.social-links{display:grid;gap:13px}.social-links a{background:#fff;border:1px solid #dce8ea;border-radius:14px;padding:22px 26px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;transition:.2s}.social-links a:hover{border-color:var(--pink);transform:translateX(5px)}.social-links span{color:var(--muted)}
footer{background:#091a22;color:#fff;padding:70px clamp(24px,7vw,110px) 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.footer-brand img{width:130px;height:130px;object-fit:contain;margin-bottom:22px}.footer-brand p{color:#aac1c7;max-width:330px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:12px}.footer-links b{color:var(--teal);margin-bottom:5px}.footer-links a{color:#bad0d5;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{grid-column:1/-1;border-top:1px solid #29404a;padding-top:22px;margin-top:15px;display:flex;justify-content:space-between;color:#78939a;font-size:12px}
@media(max-width:1050px){nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:35px;max-width:800px}.hero-art{padding-top:15px}.hero-image-wrap{max-width:780px}.meet{grid-template-columns:.75fr 1.25fr}.meet blockquote{grid-column:1/-1}.download-grid{grid-template-columns:repeat(2,1fr)}.download-card.coming{grid-column:1/-1;min-height:300px}.download-card.coming .activity-art{height:130px}.books{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.top-ribbon{font-size:10px}.site-header{height:66px;padding:0 16px}.brand img{width:38px;height:42px}.brand span{font-size:15px}.header-cta{padding:10px 12px;font-size:11px}.hero-copy{padding:60px 24px 32px}.hero-lede{font-size:16px}.hero-art{padding:10px 20px 55px}.pink-sticker{width:78px;height:78px;font-size:12px;left:6%}.section{padding:70px 24px}.meet,.video-grid,.gear,.books,.social{grid-template-columns:1fr}.meet-art{max-width:330px}.meet-copy{order:-1}.section-heading{align-items:flex-start;flex-direction:column}.video-side{grid-template-rows:auto}.featured-video{min-height:340px}.story-card{grid-template-columns:60px 1fr;padding:24px}.card-number{font-size:48px}.rating-card{padding:28px}.download-grid{grid-template-columns:1fr}.download-card.coming{grid-column:auto}.book-art{height:360px}.book{width:190px;height:280px;padding:30px 15px}.book b{font-size:29px}.book-one{transform:rotate(-9deg) translateX(-65px)}.book-two{transform:rotate(7deg) translateX(65px)}.social-links a{grid-template-columns:90px 1fr auto;padding:18px}.footer-links{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:430px){.header-cta{display:none}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-image-wrap{border-width:4px}.download-card{min-height:380px}.footer-links{grid-template-columns:1fr}.social-links a{grid-template-columns:1fr auto}.social-links a span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.menu-button{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:10px 13px;font:800 12px Arial,sans-serif;cursor:pointer}
@media(max-width:1050px){.menu-button{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid #d9e8eb;border-radius:12px;padding:10px;box-shadow:0 14px 35px rgba(14,34,45,.18);flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:13px 12px;border-bottom:1px solid #edf4f5}.site-header nav a:last-child{border-bottom:0}.header-cta{margin-left:0}}
@media(max-width:430px){.menu-button{margin-left:auto}.site-header nav{top:59px}.header-cta{display:none}}