/* Product art direction and responsive refinements. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header,.is-home .site-header{height:0;background:transparent}
.site-header .nav-shell,.site-header.is-floating .nav-shell,.site-header.is-floating.is-visible .nav-shell,.site-header.is-floating:focus-within .nav-shell{position:fixed;left:50%;top:max(18px,env(safe-area-inset-top));width:min(1160px,calc(100% - 40px));height:84px;padding:10px 25px;border-radius:999px;background:var(--paper);color:var(--ink);transform:translateX(-50%);translate:0 0;opacity:1;visibility:visible;box-shadow:0 6px 25px #431e201a;transition:translate .24s ease,opacity .2s ease,visibility .24s}
.site-header.is-floating:not(.is-visible):not(:focus-within) .nav-shell{translate:0 -150%;opacity:0;visibility:hidden;pointer-events:none}
.site-header .brand,.site-header.is-floating .brand{width:110px;margin-right:auto}
.site-header .brand img,.site-header.is-floating .brand img{height:62px}
.desktop-nav{margin:0;justify-content:flex-end;gap:14px}
.desktop-nav>a{padding:10px 17px;border-radius:999px;transition:background .18s;color:var(--ink)}
.desktop-nav>a[aria-current=page]{background:#f8cf71;text-decoration:none;box-shadow:inset 0 -2px 0 #e9b546}
.home-hero{padding-top:140px}
.subhero{padding-top:160px}
.hero-copy h1{font-size:clamp(54px,6vw,82px)}
.age-label{display:inline-flex;gap:10px;align-items:center;background:#fff0b4;border:1px solid #b9762430;padding:7px 17px;border-radius:999px;font:800 20px/1.2 Baloo!important;margin-top:15px!important}
.age-label span{font:400 13px/1 Arial}
.text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;box-shadow:inset 0 -1px currentColor;transition:box-shadow .2s,opacity .2s}
.text-link:after{content:'↗';font-size:19px;line-height:1}
@media(hover:hover){.text-link:hover{color:inherit!important;box-shadow:inset 0 -3px currentColor;opacity:.9}.desktop-nav>a:hover{background:#f5dfad;color:var(--ink)}}
.screenshot-logo{top:-54px;right:-25px;transform:rotate(8deg);width:225px}
.subhero-composition>.screenshot-logo{top:-45px;right:-70px}
.voice-player{position:relative;color:var(--ink)}
.voice-frame{position:relative;background:white;border-radius:26px;padding:26px 30px;display:flex;align-items:center;gap:25px;min-width:0}
.voice-copy{min-width:230px}.voice-copy h2{font-size:29px;margin:0 0 5px}.voice-copy p{font-size:14px;margin:0}
.voice-frame audio{width:100%;min-width:0}
.voice-toggle{display:grid;place-items:center;flex:none;background:#2d8888;color:white;border:0;border-radius:50%;width:58px;height:58px;padding:16px}
.voice-toggle svg{width:100%;height:100%}.voice-toggle .pause-symbol{display:none}
.voice-player.is-playing .play-symbol{display:none}.voice-player.is-playing .pause-symbol{display:block}
.hero-voice{position:absolute;z-index:5;left:0;bottom:38px}
.hero-voice .voice-frame{border-radius:999px;padding:8px 21px 8px 8px;gap:12px;box-shadow:0 6px 20px #6b3c1b15}
.hero-voice.is-enhanced audio{display:none}.voice-label{font:700 19px/1.2 Baloo}
.hero-voice:not(.is-enhanced) .voice-label{display:none}
.voice-section{padding:100px 0 60px}
.voice-peeker{position:absolute;z-index:1;width:190px;right:35px;bottom:calc(100% - 10px);pointer-events:none}
.full-voice.is-enhanced .voice-toggle{display:none!important}
.benefits-band{padding:45px 0 35px}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 75px}
.benefit-grid>div{display:grid;grid-template-columns:78px 1fr;gap:24px;align-items:center}
.benefit-grid img{width:78px;height:78px;object-fit:contain}
.benefit-grid h2{font-size:26px;line-height:1.15;margin:0 0 12px;max-width:290px}
.benefit-grid p{font-size:14px;line-height:1.6;max-width:390px}
.ad-free{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-top:30px;border-top:1px solid #d5c4ae;padding-top:23px;font-size:13px}
.ad-free .icon{width:24px;height:24px}.ad-free strong{white-space:nowrap}
.bubble-story{position:relative;padding-top:55px;background:var(--wine)}
.bubble-sticky{padding-block:25px 30px}
.bubble-story.is-scroll-bound .bubble-sticky{position:sticky;top:18px}
.bubble-story .section-heading{margin-bottom:18px;align-items:center}
.bubble-story .section-heading h2{font-size:43px}.bubble-story .section-heading p{font-size:16px}
.bubble-viewport{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;padding:28px max(var(--gutter),calc((100vw - 1160px)/2)) 5px;touch-action:pan-y pinch-zoom}
.bubble-viewport::-webkit-scrollbar{display:none}.is-scroll-bound .bubble-viewport{overflow-x:clip}
.bubble-track{display:flex;gap:34px;width:max-content;will-change:transform}
.story-bubble{position:relative;width:min(950px,calc(100vw - 90px));height:445px;flex:none;scroll-snap-align:center;isolation:isolate;color:var(--ink)}
.bubble-shape{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible}
.bubble-shape path{fill:#f6e9d4;stroke:#ffda83;stroke-width:7;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.bubble-1 .bubble-shape path{fill:#c9e7df;stroke:#83c6bd}.bubble-2 .bubble-shape path{fill:#f1c8b7;stroke:#ffdebe}
.bubble-copy{padding:52px 60px 90px;width:74%}.bubble-copy h3{font-size:39px;line-height:1.12;margin-bottom:20px}.bubble-copy p{font-size:16px;line-height:1.7;margin-bottom:15px}
.bubble-character{position:absolute;width:210px;height:315px;object-fit:contain;right:-4px;bottom:74px;filter:drop-shadow(0 8px 6px #4a3a3316)}
.bubble-controls{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;margin-top:6px}
.bubble-controls button{width:42px;height:42px;display:grid;place-items:center;background:#ffda83;border:0;border-radius:50%;color:var(--ink)}.bubble-controls svg{width:20px;height:20px}.bubble-controls button:disabled{opacity:.4;cursor:default}
.wide-scene{position:relative;margin:0;width:100%;overflow:hidden;background:var(--wine)}
.wide-scene>img{width:100%;height:clamp(300px,36vw,550px);object-fit:cover;object-position:center}
.scene-edge{position:absolute;left:0;width:100%;height:65px;max-width:none;fill:var(--wine);pointer-events:none}
.edge-top{top:-1px}.edge-bottom{bottom:-1px;transform:rotate(180deg)}
.worlds-image{padding:0}.worlds-image:before{content:none}.worlds-image>img:first-child{border-radius:24px;transform:none;aspect-ratio:1.3}
.dino-frame img{transform:none;border-radius:24px}
.light-feature{position:relative;background:#f7e7d2;color:var(--ink)}
.light-feature .feature-copy,.light-feature .subject-icons{color:var(--ink)}
.light-feature .feature-screen figcaption{color:#76665d}
.light-feature:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:22px;background:var(--wine);clip-path:polygon(0 0,100% 0,100% 10%,95% 100%,90% 10%,85% 100%,80% 10%,75% 100%,70% 10%,65% 100%,60% 10%,55% 100%,50% 10%,45% 100%,40% 10%,35% 100%,30% 10%,25% 100%,20% 10%,15% 100%,10% 10%,5% 100%,0 10%)}
.program-band{background:#f4c4b4}.program-band .feature-screen:before{background:#ecac99}
.feature-copy h3{font-size:29px;margin-top:30px;margin-bottom:16px}
.feature-screen:before,.reverse-feature .feature-screen:before{background:#c15e53}
.light-feature .feature-screen:before{background:#efd2b6}
.character-screen .screen-companion{position:absolute;z-index:5;bottom:20px;left:-90px;width:125px;height:190px;object-fit:contain}
.collection-composition{position:relative;height:650px;width:440px;max-width:100%;justify-self:center;isolation:isolate}
.collection-composition>.device{position:absolute;top:20px;left:0;transform:rotate(-6deg)}
.collection-composition>.collection-second{left:155px;top:78px;z-index:-1;transform:rotate(7deg)}
.collection-composition:before{content:'';position:absolute;z-index:-2;inset:90px -20px;border-radius:50%;background:#bf5b4c}
.parent-benefits>div{position:relative;isolation:isolate}
.parent-benefits>div:before{content:'';position:absolute;z-index:-1;left:-10px;top:-10px;width:76px;height:76px;background:#c15e53;border-radius:44% 56% 49% 51%/58% 40% 60% 42%;transform:rotate(-12deg)}
.feature-ticks li{padding-left:0;display:flex;align-items:flex-start;gap:12px}
.feature-ticks li:before{content:'';position:relative;top:7px;display:block;flex:none;width:17px;height:10px;border-left:2.5px solid #ffda83;border-bottom:2.5px solid #ffda83;transform:rotate(-45deg)}
.setting-example li{align-items:center;transition:background .3s;border-radius:10px;padding:16px 8px}
.drawn-check{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1.5px solid #c2b5a2;border-radius:8px;background:#fff;transition:background .3s,border-color .3s}
.drawn-check svg{width:21px;height:21px}.drawn-check path{fill:none;stroke:white;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:25;stroke-dashoffset:25;transition:stroke-dashoffset .4s ease}
.setting-example li.is-selected{background:#e0f0e9}.is-selected .drawn-check{background:#2d8581;border-color:#2d8581}.is-selected .drawn-check path{stroke-dashoffset:0}
.settings-controls{display:flex;justify-content:flex-end;margin-top:15px}
.round-example{display:block;position:relative;min-height:180px;padding:24px 130px 26px 23px;margin-bottom:40px;background:#ffdb83;border-radius:23px;overflow:visible}
.round-example>div>span{font-size:13px;display:block;margin-bottom:8px}.round-example strong{font-size:30px}.round-example small{font-size:11px;margin-top:10px}
.round-parents{position:absolute;width:125px;height:200px;object-fit:contain;object-position:bottom;bottom:-35px;right:2px}
.final-cta{padding:85px 0 120px}
.cta-banner{position:relative;isolation:isolate;min-height:430px;padding:55px 60px;border-radius:44px;background:var(--wine);border:1px solid #ffffff12;box-shadow:0 20px 36px #64232120;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.cta-copy{position:relative;z-index:2;max-width:490px}.cta-copy h2{font-size:49px;line-height:1.08}.cta-copy p{font-size:16px;max-width:420px}
.cta-family{position:absolute;bottom:0;right:-8px;width:520px;max-width:49%;max-height:490px;object-fit:contain;object-position:bottom;pointer-events:none}
.cta-banner .button{background:#ffca52;color:var(--ink)}
.about-hero{padding:160px 0 70px}.about-hero>.wrap{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}
.about-hero h1{font-size:65px}.about-hero p{max-width:580px;font-size:18px}.about-explorer{width:100%;height:420px;object-fit:contain}
.about-copy{max-width:950px;padding-block:60px 85px}.about-copy>p{max-width:790px}.about-copy h2{font-size:43px}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.about-principles h3{font-size:28px}.about-principles p{font-size:15px;line-height:1.7}
.app-banner{inset:auto auto max(12px,env(safe-area-inset-bottom)) 50%;width:min(810px,calc(100% - 24px));transform:translateX(-50%);border-radius:25px;padding:13px 18px;background:#f3e7ca;box-shadow:0 8px 30px #3a202526;border:1px solid #fff4db66}
.app-banner-inner{max-width:none}.app-banner-icon{border-radius:23%}
.game-set figcaption{display:none}.game-showcase .motion-toggle{display:inline-flex;gap:8px;align-items:center;justify-content:center}
.motion-mark{width:15px;height:15px;display:flex;gap:3px;justify-content:center;align-items:center}.motion-mark:before,.motion-mark:after{content:'';height:12px;width:3px;border-radius:1px;background:currentColor}.motion-toggle[aria-pressed=true] .motion-mark:before{width:0;height:0;background:none;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.motion-toggle[aria-pressed=true] .motion-mark:after{display:none}
.footer-centered .footer-logo{position:relative;isolation:isolate;width:240px;height:220px;display:grid;place-items:center;margin-bottom:20px}.footer-centered .footer-logo:before{content:'';position:absolute;z-index:-1;inset:0 10px;background:#ffdc70;border-radius:50%}.footer-centered .footer-logo img{width:220px;transform:rotate(-5deg)}
@media(max-width:1050px) and (min-width:760px){.collection-composition{width:360px}.collection-composition>.collection-second{left:110px}.cta-family{max-width:46%}.cta-copy h2{font-size:42px}.site-header .nav-shell{padding-inline:22px}.desktop-nav{gap:5px}.desktop-nav>a{padding-inline:13px}.story-bubble{width:calc(100vw - 90px)}.bubble-copy{width:75%;padding-inline:45px}.bubble-copy h3{font-size:35px}.bubble-character{width:185px}}
@media(max-width:759px){
 .site-header .nav-shell,.site-header.is-floating .nav-shell{height:72px;top:max(12px,env(safe-area-inset-top));width:calc(100% - 24px);padding:8px 15px;gap:10px}
 .site-header .brand,.site-header.is-floating .brand{width:86px}.site-header .brand img,.site-header.is-floating .brand img{height:52px}
 .nav-login{padding:10px 16px;font-size:12px}
 .home-hero{padding-top:120px}.hero-copy h1{font-size:43px;line-height:1.02;margin-bottom:21px}.hero-copy>p{font-size:15px;line-height:1.65}
 .age-label{font-size:18px!important;margin-top:12px!important;padding:6px 14px;gap:8px}.hero-actions{margin-top:22px}
 .hero-scene{margin-top:40px;height:370px}.hero-elmo{height:350px;max-height:350px}.hero-voice{left:0;bottom:25px}.hero-voice .voice-frame{padding:6px 14px 6px 6px;gap:8px}.voice-toggle{width:48px;height:48px;padding:13px}.voice-label{font-size:16px}
 .subhero{padding-top:125px}.subhero h1{font-size:41px}.subhero p{font-size:16px}.subhero:has(.subhero-composition)>.wrap{gap:55px}.subhero-composition>.screenshot-logo{top:-43px;right:-36px;width:165px}.screenshot-logo{top:-45px;right:-3px;width:160px}
 .voice-section{padding:75px 0 45px}.voice-peeker{width:150px;right:20px;bottom:calc(100% - 8px)}.voice-frame{display:block;padding:22px 20px;border-radius:23px}.voice-copy{min-width:0;margin-bottom:14px}.voice-copy h2{font-size:27px}.voice-copy p{font-size:13px}
 .benefits-band{padding:35px 0 28px}.benefit-grid{grid-template-columns:1fr;gap:27px}.benefit-grid>div{grid-template-columns:58px 1fr;gap:20px}.benefit-grid img{width:58px;height:58px}.benefit-grid h2{font-size:23px;margin-bottom:9px}.benefit-grid p{font-size:13px;line-height:1.6}.ad-free{justify-content:flex-start;flex-wrap:wrap;gap:9px;margin-top:25px;padding-top:20px;font-size:12px}.ad-free span{width:100%;padding-left:33px}
 .bubble-story{padding-top:35px}.bubble-sticky{padding-block:12px 20px}.bubble-story.is-scroll-bound .bubble-sticky{top:8px}.bubble-story .section-heading{gap:12px;margin-bottom:0}.bubble-story .section-heading h2{font-size:30px;line-height:1.08}.bubble-story .section-heading p{font-size:13px;line-height:1.5;max-width:280px}.bubble-viewport{padding:20px 18px 0}.bubble-track{gap:22px}.story-bubble{width:calc(100vw - 38px);height:465px}.bubble-copy{padding:36px 33px 150px;width:100%}.bubble-copy h3{font-size:29px;line-height:1.1;max-width:260px;margin-bottom:17px}.bubble-copy p{font-size:14px;line-height:1.65;margin-bottom:10px;max-width:270px}.bubble-copy .text-link{font-size:12px;max-width:calc(100% - 35px);line-height:1.5}.bubble-character{width:113px;height:160px;right:8px;bottom:63px}.bubble-controls{margin-top:2px;gap:14px}.bubble-controls button{width:36px;height:36px}.bubble-shape path{stroke-width:5}
 .wide-scene>img{height:300px;object-position:68% center}.scene-edge{height:35px;width:100%}.light-feature .feature-section{padding-block:65px}.feature-copy h3{font-size:27px;margin-top:26px}.character-screen .screen-companion{left:-55px;width:95px;height:150px}.collection-composition{height:545px;width:310px}.collection-composition>.device{left:0}.collection-composition>.collection-second{left:90px;top:72px}.collection-composition:before{inset:90px -10px}
 .parent-benefits>div:before{left:-9px;top:-9px;width:66px;height:66px}
 .round-example{padding:22px 100px 24px 20px;min-height:175px;margin-bottom:35px}.round-parents{width:105px;height:170px;bottom:-25px;right:-7px}.round-example strong{font-size:26px}.round-example>div>span{font-size:12px}.round-example small{font-size:10px}
 .final-cta{padding:60px 0 100px}.cta-banner{display:block;min-height:0;padding:32px 27px 0;border-radius:30px}.cta-copy{max-width:100%}.cta-copy h2{font-size:33px;line-height:1.08}.cta-copy p{font-size:15px;line-height:1.65}.cta-copy .button{font-size:14px;padding-inline:20px}.cta-family{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;max-height:none;margin:25px auto 0;display:block}
 .about-hero{padding:130px 0 45px}.about-hero>.wrap{grid-template-columns:1fr;gap:30px}.about-hero h1{font-size:42px}.about-hero p{font-size:16px}.about-explorer{height:320px;width:100%;object-position:center}.about-copy{padding-block:35px 60px}.about-copy h2{font-size:35px}.about-principles{grid-template-columns:1fr;gap:26px;margin-top:35px}.about-principles h3{font-size:28px;margin-bottom:15px}
 .app-banner{width:calc(100% - 20px);border-radius:22px;bottom:max(10px,env(safe-area-inset-bottom));padding:10px 11px}.app-banner-inner{gap:8px;grid-template-columns:26px 41px minmax(0,1fr) auto}.app-banner-close{width:26px}.app-banner-icon{width:41px;height:41px}.app-banner strong{font-size:14px;line-height:1.2}.app-banner .button{font-size:11px;padding-inline:13px}.footer-centered .footer-logo{width:195px;height:180px}.footer-centered .footer-logo img{width:180px}.footer-centered .footer-logo:before{inset:0 8px}
}
@media(max-width:359px){.hero-copy h1{font-size:39px}.hero-scene{height:335px}.hero-elmo{height:315px}.hero-voice{bottom:15px}.story-bubble{height:485px}.bubble-copy{padding:35px 30px 160px}.bubble-copy h3{font-size:27px}.bubble-copy p{font-size:13px}.bubble-copy .text-link{font-size:11px}.bubble-character{width:95px;height:140px;bottom:67px}.collection-composition{height:480px;width:270px}.collection-composition>.device{width:190px}.collection-composition>.collection-second{left:80px}.cta-banner{padding:28px 23px 0}.cta-copy h2{font-size:30px}.app-banner-inner{grid-template-columns:24px 36px minmax(0,1fr) auto;gap:6px}.app-banner-icon{width:36px;height:36px}.app-banner strong{font-size:13px}.app-banner .button{padding-inline:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.bubble-story{height:auto!important}.bubble-story .bubble-sticky{position:relative!important;top:auto!important}.bubble-viewport{overflow-x:auto!important;touch-action:pan-x pan-y}.bubble-track{transform:none!important;will-change:auto}.drawn-check path{transition:none}}
@media print{.bubble-story{height:auto!important}.bubble-sticky{position:static!important}.bubble-viewport{overflow:visible!important}.bubble-track{display:block;transform:none!important}.story-bubble{width:100%;break-inside:avoid}.wide-scene,.voice-player{display:none}}
.progress-band{background:#f3c4b5;color:var(--ink);position:relative}
.progress-band .feature-screen:before{background:#e9a99a}
.progress-band .feature-screen figcaption{color:#715046}
.progress-band:before{content:'';display:block;height:28px;background:var(--wine);clip-path:ellipse(62% 100% at 50% 0)}
@media(max-width:759px){.progress-band:before{height:18px}}
@media(max-width:759px){.hero-voice{bottom:130px;left:-5px}.hero-voice .voice-frame{display:flex}.hero-voice .voice-label{white-space:nowrap}}
@media(max-width:359px){.story-bubble{height:445px}.bubble-copy h3{font-size:26px;margin-bottom:15px}.bubble-copy p{line-height:1.6}.bubble-character{width:82px;height:125px;bottom:64px}.bubble-copy .text-link{max-width:calc(100% - 68px)}.about-hero h1{font-size:36px}}
main :focus-visible{outline-color:#ffda83}
main .home-hero :focus-visible,main .light-feature :focus-visible,main .faq-band :focus-visible,main .intro-band :focus-visible,main .game-showcase :focus-visible,main .setting-example :focus-visible,main .story-bubble :focus-visible,main .voice-player :focus-visible{outline-color:#205f7c}
.text-link,.text-link:hover{display:inline;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;box-shadow:none;transition:opacity .18s}
.text-link:after{content:none}.text-link:hover{opacity:.75}
.age-label{margin:8px 0 22px!important}.hero-copy>.age-label+p{margin-top:0}
.bubble-story .section-heading{display:block}.bubble-story .section-heading p{margin-top:18px;max-width:600px}
.benefits-band{position:relative;padding:75px 0 65px;isolation:isolate}
.benefits-band:before,.benefits-band:after,.game-showcase:before,.game-showcase:after{content:'';position:absolute;left:0;width:100%;height:23px;background:var(--wine);clip-path:polygon(0 0,100% 0,100% 10%,95% 100%,90% 10%,85% 100%,80% 10%,75% 100%,70% 10%,65% 100%,60% 10%,55% 100%,50% 10%,45% 100%,40% 10%,35% 100%,30% 10%,25% 100%,20% 10%,15% 100%,10% 10%,5% 100%,0 10%);pointer-events:none}
.benefits-band:before,.game-showcase:before{top:-1px}.benefits-band:after,.game-showcase:after{bottom:-1px;transform:rotate(180deg)}
.benefit-grid .icon{width:74px;height:74px}
.ad-free{border:0;margin-top:45px;padding:0;gap:22px;text-align:left}
.ad-free .icon{width:55px;height:55px;flex:none}.ad-free h2{font-size:25px;line-height:1.2;margin:0 0 7px}.ad-free p{font-size:14px;line-height:1.6;margin:0}
.full-voice .voice-frame{display:grid;grid-template-columns:112px minmax(0,1fr) 88px;grid-template-rows:auto auto;column-gap:28px;row-gap:17px;padding:30px;border:12px solid #fbe7de;border-radius:48px;box-shadow:inset 0 0 0 1px #eee6df}
.full-voice .voice-cover{grid-column:1;grid-row:1/3;width:112px;height:112px;object-fit:cover;border-radius:24%}
.full-voice .voice-copy{grid-column:2;grid-row:1;min-width:0;margin:0}.full-voice .voice-copy h2{font-size:34px;margin:0 0 4px;line-height:1.15}.full-voice .voice-copy p{font-size:18px;color:#796a61;margin:0;line-height:1.4}
.full-voice .voice-progress{grid-column:2;grid-row:2;display:flex;gap:18px;align-items:center;min-width:0}
.full-voice .voice-progress[hidden]{display:none}.voice-time{font:800 15px/1.3 Baloo;white-space:nowrap;color:#796a61;font-variant-numeric:tabular-nums}
.full-voice.is-enhanced audio{display:none}.full-voice:not(.is-enhanced) audio{grid-column:2/4}
.full-voice.is-enhanced .voice-toggle{display:grid!important;grid-column:3;grid-row:1/3;width:88px;height:88px;padding:26px;background:#2d9297;color:#fff}
.full-voice .voice-peeker{width:210px;left:50%;right:auto;bottom:calc(100% - 17px);transform:translateX(-50%);z-index:1}
.voice-seek{--played:0%;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:32px;min-width:30px;margin:0;cursor:pointer;accent-color:#2d9297}
.voice-seek::-webkit-slider-runnable-track{height:8px;border-radius:20px;background:linear-gradient(to right,#2d9297 var(--played),#dff2ef var(--played))}
.voice-seek::-moz-range-track{height:8px;border-radius:20px;background:#dff2ef}.voice-seek::-moz-range-progress{height:8px;border-radius:20px;background:#2d9297}
.voice-seek::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-5px;border:3px solid #2d9297;background:#fff;border-radius:50%}
.voice-seek::-moz-range-thumb{width:12px;height:12px;border:3px solid #2d9297;background:#fff;border-radius:50%}
.voice-section{padding-top:140px;padding-bottom:90px}
.program-band:before{background:#b34c42}.game-showcase{position:relative;padding-block:85px}.game-showcase:after{background:#963a35}
.setting-example li{border:0;border-radius:14px;padding:17px 13px;margin:5px 0;gap:14px}
.setting-example li+li{border:0}.setting-example ul{border:0;padding:0;margin-inline:-6px}.setting-example li small{line-height:1.5}
.motion-toggle,.game-showcase .motion-toggle,.settings-controls .motion-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;white-space:nowrap;width:auto;max-width:none;background:#287c7f;color:#fff;border:0;border-radius:999px;padding:11px 18px;line-height:1.2;min-height:44px;font-size:13px}
.motion-toggle .motion-mark{flex:none}.motion-toggle[hidden]{display:none!important}
.final-cta{background:var(--wine)}.final-cta:not(.cta-in-faq)>.cta-banner{background:#812e2e}.faq-band>.final-cta{background:transparent;padding-top:15px}.cta-in-faq .cta-banner{color:#fff5e8}.faq-band{padding-bottom:0}
.parent-hero-art{position:relative;width:310px;height:330px;display:grid;place-items:center;isolation:isolate}
.parent-hero-art:before{content:'';position:absolute;z-index:-1;width:265px;height:265px;border-radius:50%;background:#cb6f5b}
.subhero-art .parent-hero-art>img{width:245px;height:320px;max-height:320px;object-fit:contain}
.parent-hero-heart{position:absolute;top:15px;right:0;background:#f9d78a;padding:17px;border-radius:50%;transform:rotate(10deg)}.parent-hero-heart .icon{width:46px;height:46px}
.helper-gallery{width:100%;max-width:460px;min-width:0;justify-self:center}
.helper-track{display:flex;position:relative;gap:26px;overflow:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y pinch-zoom;padding:20px 0 15px;overscroll-behavior-x:contain}
.helper-track::-webkit-scrollbar{display:none}.helper-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.helper-slide{margin:0;flex:0 0 calc(100% - 100px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:calc(100% - 100px)}
.helper-slide:last-child{margin-right:100px}.helper-slide .device{flex:none}.helper-slide figcaption{font-size:13px;color:#ffe5d5;margin-top:20px;text-align:center}
.helper-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.helper-controls button{border:1px solid #e5b6a2;border-radius:999px;background:transparent;color:inherit;padding:9px 14px;font-size:12px;min-height:44px}
.helper-controls button[aria-pressed=true]{background:#ffda83;border-color:#ffda83;color:var(--ink)}
.legal-content{padding-top:155px!important;padding-bottom:85px}
.footer-centered .footer-logo{width:270px;height:220px}.footer-centered .footer-logo:before{inset:0 25px}.footer-centered .footer-logo img{width:300px;max-width:none}
.about-hero{position:relative;background:#812e2e;padding-bottom:105px}.about-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:38px;background:var(--wine);clip-path:polygon(0 70%,6% 20%,12% 70%,18% 20%,24% 70%,30% 20%,36% 70%,42% 20%,48% 70%,54% 20%,60% 70%,66% 20%,72% 70%,78% 20%,84% 70%,90% 20%,96% 70%,100% 40%,100% 100%,0 100%)}
.about-copy{max-width:1160px;padding-bottom:10px}.about-copy>p{max-width:850px}
.about-principles{gap:22px;margin-top:30px;padding-bottom:90px}
.about-principles article{position:relative;isolation:isolate;color:var(--ink);padding:32px 30px 75px}
.about-principles article:before{content:'';position:absolute;z-index:-1;inset:0;background:#f8e6ce;border-radius:30px 40px 30px 12px;clip-path:polygon(0 0,100% 0,100% 85%,24% 85%,5% 100%,5% 83%,0 83%)}
.about-principles article:nth-child(2):before{background:#c9e7df}.about-principles article:nth-child(3):before{background:#f3c4b5}
.about-principles h3{font-size:27px;line-height:1.15}.about-principles p{font-size:15px;line-height:1.65;margin:0}
@media(max-width:759px){
 .site-header .nav-shell,.site-header.is-floating .nav-shell,.site-header.is-floating.is-visible .nav-shell,.site-header.is-floating:focus-within .nav-shell{width:calc(100% - 24px);height:72px;padding:8px 15px;gap:10px;top:max(12px,env(safe-area-inset-top));border-radius:999px;flex-wrap:nowrap;min-height:72px}
 .site-header .brand,.site-header.is-floating .brand{width:86px}.site-header .brand img,.site-header.is-floating .brand img{height:52px}
 .site-header .nav-login{margin-left:auto}.site-header{min-height:0!important}
 .benefits-band{padding-block:55px}.benefit-grid .icon{width:58px;height:58px}.ad-free{flex-wrap:nowrap;margin-top:30px;gap:20px}.ad-free .icon{width:48px;height:48px}.ad-free h2{font-size:22px}.ad-free p{font-size:13px}.ad-free span{padding:0}
 .full-voice .voice-frame{grid-template-columns:56px minmax(0,1fr) 52px;column-gap:12px;row-gap:16px;padding:21px 16px;border-width:8px;border-radius:32px}
 .full-voice .voice-cover{width:56px;height:56px;grid-row:1}.full-voice .voice-copy{grid-column:2/4}.full-voice .voice-copy h2{font-size:25px;line-height:1.05;margin-bottom:6px}.full-voice .voice-copy p{font-size:13px;line-height:1.4}
 .full-voice .voice-progress{grid-column:1/3;grid-row:2;display:flex;flex-direction:column;gap:0;align-items:flex-start}.voice-time{font-size:12px}.full-voice.is-enhanced .voice-toggle{width:52px;height:52px;padding:15px;grid-row:2;grid-column:3}
 .full-voice .voice-peeker{width:150px;bottom:calc(100% - 11px)}.voice-section{padding-top:100px;padding-bottom:70px}
 .game-showcase{padding-block:62px}.motion-toggle,.game-showcase .motion-toggle,.settings-controls .motion-toggle{font-size:12px;padding:10px 15px}
 .parent-hero-art{width:235px;height:225px}.parent-hero-art:before{width:200px;height:200px}.subhero-art .parent-hero-art>img{width:180px;height:225px;max-height:225px}.parent-hero-heart{padding:11px;right:10px;top:8px}.parent-hero-heart .icon{width:35px;height:35px}
 .helper-gallery{max-width:380px}.helper-track{gap:15px;padding-top:5px}.helper-slide{flex-basis:calc(100% - 85px);min-width:calc(100% - 85px)}.helper-slide:last-child{margin-right:85px}.helper-controls button{font-size:11px;padding-inline:12px}
 .footer-centered .footer-logo{width:220px;height:180px}.footer-centered .footer-logo:before{inset:0 20px}.footer-centered .footer-logo img{width:245px}
 .legal-content{padding-top:120px!important}.about-hero{padding-bottom:70px}.about-copy{padding-bottom:10px}.about-principles{grid-template-columns:1fr;gap:22px;padding-bottom:65px}.about-principles article{padding:30px 28px 62px}.about-principles h3{font-size:28px}
}
.discover-band .section-heading{display:block}
body{background:var(--yellow)}
.about-principles article:before{content:none}
.principle-shape{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;fill:#f8e6ce}
.about-principles article:nth-child(2) .principle-shape{fill:#c9e7df}.about-principles article:nth-child(3) .principle-shape{fill:#f3c4b5}
.about-principles article{padding:34px 34px 82px}
@media(max-width:759px){.about-principles article{padding:34px 34px 80px}}
@media(min-width:760px) and (max-height:800px){
 .story-bubble{height:380px}.bubble-copy{padding-top:38px}.bubble-copy h3{font-size:35px;margin-bottom:15px}.bubble-copy p{font-size:15px;line-height:1.6;margin-bottom:10px}.bubble-character{height:265px;width:185px;bottom:65px}
}
@media(min-width:760px) and (max-height:650px){.story-bubble{height:360px}.bubble-copy{padding-top:32px}.bubble-copy h3{font-size:33px}.bubble-character{height:245px;width:175px;bottom:58px}}
.everyday-layout{padding-block:85px 65px}.everyday-heading{text-align:center;max-width:760px;margin:0 auto}.everyday-heading h2{font-size:52px;line-height:1.08;margin-bottom:24px}.everyday-heading>p{max-width:660px;margin:0 auto;font-size:17px;line-height:1.75}
.helper-showcase{display:grid;grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:25px 45px;max-width:none;text-align:left;margin:42px auto 0;align-items:center;isolation:isolate}
.helper-visual{position:relative;grid-column:2;grid-row:1/3;width:320px;max-width:100%;isolation:isolate}
.helper-visual:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:430px;height:430px;border-radius:50%;transform:translate(-50%,-50%);background:#b65748}
.helper-showcase .helper-track{width:100%;padding:24px 0;gap:0;scroll-padding:0;overflow-x:auto;overflow-y:hidden;border-radius:0;scroll-snap-type:x mandatory}
.helper-showcase .helper-track.is-dragging{scroll-snap-type:none}
.helper-showcase .helper-slide{flex:0 0 100%;min-width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.helper-showcase .helper-slide .device{width:260px;max-width:calc(100% - 30px)}
.helper-showcase .helper-controls{display:contents}
.helper-showcase .helper-controls button{position:relative;border:0;border-radius:25px;background:transparent;color:#fff1e3;padding:26px 25px;text-align:left;min-height:140px;width:100%;font-size:15px;line-height:1.65;transition:background .2s,color .2s;align-self:center}
.helper-showcase .helper-controls button:nth-child(1){grid-column:1;grid-row:1;align-self:end}.helper-showcase .helper-controls button:nth-child(2){grid-column:1;grid-row:2;align-self:start}.helper-showcase .helper-controls button:nth-child(3){grid-column:3;grid-row:1;align-self:end}.helper-showcase .helper-controls button:nth-child(4){grid-column:3;grid-row:2;align-self:start}
.helper-showcase .helper-title{display:block;font:800 29px/1.15 Baloo;margin-bottom:13px;letter-spacing:-.02em}.helper-showcase .helper-description{display:block;font-size:15px;line-height:1.7}
.helper-showcase .helper-controls button[aria-pressed=true]{background:#f7e7d2;color:var(--ink)}
.helper-showcase .helper-controls button:after{content:'';position:absolute;right:-14px;top:38px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:17px solid #f7e7d2;opacity:0;transition:opacity .2s}
.helper-showcase .helper-controls button[aria-pressed=true]:after{opacity:1}.helper-showcase .helper-controls button:nth-child(n+3):after{left:-14px;right:auto;transform:rotate(180deg)}
.helper-showcase .helper-controls button:focus-visible{outline-color:#ffda83}
.helper-detail{display:none}.everyday-outro{text-align:center;font-size:14px;line-height:1.65;max-width:630px;margin:25px auto 0;color:#f3d2c5}
.wide-scene{height:clamp(300px,36vw,550px)}.wide-scene>img{height:100%}
.wide-scene.is-parallax>img{position:absolute;left:0;top:-40px;width:100%;height:calc(100% + 80px);max-width:none;object-fit:cover;backface-visibility:hidden}
.wide-scene.is-parallax.parallax-visible>img{will-change:transform}.scene-edge{z-index:1}
@media(min-width:760px) and (max-width:1050px){.helper-showcase{grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);column-gap:20px}.helper-visual{width:280px}.helper-visual:before{width:360px;height:360px}.helper-showcase .helper-controls button{padding:22px 18px}.helper-showcase .helper-title{font-size:25px}.helper-showcase .helper-description{font-size:14px}}
@media(max-width:759px){
 .everyday-layout{padding-block:60px 50px}.everyday-heading{text-align:left}.everyday-heading h2{font-size:35px;line-height:1.1;margin-bottom:23px}.everyday-heading>p{font-size:16px;line-height:1.75}
 .helper-showcase{display:block;max-width:440px;margin-top:22px}.helper-visual{width:280px;margin:0 auto}.helper-visual:before{width:min(310px,85vw);height:min(310px,85vw)}.helper-showcase .helper-track{padding-block:20px}.helper-showcase .helper-slide .device{width:220px}
 .helper-showcase .helper-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
 .helper-showcase .helper-controls button{grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;min-height:52px;padding:13px 10px;border-radius:999px;text-align:center;border:1px solid #efc8b563}
 .helper-showcase .helper-title{font-size:18px;margin:0;line-height:1.25}.helper-showcase .helper-description,.helper-showcase .helper-controls button:after{display:none}
 .helper-showcase .helper-controls button[aria-pressed=true]{border-color:#f7e7d2}.helper-detail{display:block;text-align:center;min-height:76px;margin:20px auto 0;font-size:14px;line-height:1.7;max-width:340px}.everyday-outro{text-align:left;font-size:14px;margin-top:17px}
 .wide-scene{height:300px}.wide-scene>img{height:100%}
}
@media(max-width:359px){.helper-visual{width:250px}.helper-showcase .helper-slide .device{width:190px}.helper-showcase .helper-title{font-size:16px}.helper-detail{font-size:13px}}
@media(prefers-reduced-motion:reduce){.wide-scene.is-parallax>img{transform:none!important;will-change:auto}.helper-showcase .helper-controls button,.helper-showcase .helper-controls button:after{transition:none}}
@media(max-width:759px){.helper-showcase .helper-title{font-size:clamp(14px,4vw,17px);white-space:nowrap}}
.vocabulary-band{position:relative;background:var(--wine);color:#fff5e8;padding:105px 0 75px;scroll-margin-top:110px}
.vocabulary-edge{position:absolute;left:0;top:-1px;width:100%;height:48px;max-width:none;fill:#f7e7d2;pointer-events:none}
.vocabulary-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.vocabulary-layout .feature-copy h2{font-size:50px;line-height:1.12}.vocabulary-layout .feature-copy p{max-width:540px}
.vocabulary-scene{position:relative;isolation:isolate;width:470px;max-width:100%;height:590px;justify-self:center;margin:0}
.vocabulary-scene:before{content:'';position:absolute;z-index:-1;inset:95px -5px 55px -15px;background:#bd5c4c;border-radius:50%}
.vocabulary-scene .device{position:absolute;top:10px;left:0;width:260px}
.vocabulary-elmo{position:absolute;z-index:1;width:260px;height:auto;right:-42px;bottom:20px;filter:drop-shadow(0 10px 8px #5f24221f)}
.scene-vocabulary .edge-top{fill:var(--wine)}.scene-vocabulary .edge-bottom{fill:#b34c42}
@media(min-width:760px) and (max-width:1050px){.vocabulary-layout{grid-template-columns:1fr 1fr;gap:40px}.vocabulary-layout .feature-copy h2{font-size:42px}.vocabulary-scene{height:590px}.vocabulary-elmo{width:215px;right:-20px;bottom:0}}
@media(max-width:759px){
 .vocabulary-band{padding:70px 0 50px}.vocabulary-edge{height:35px}.vocabulary-layout{grid-template-columns:1fr;gap:35px}.vocabulary-layout .feature-copy h2{font-size:35px;line-height:1.1}
 .vocabulary-scene{width:330px;height:515px}.vocabulary-scene .device{width:220px;left:0;top:0}.vocabulary-elmo{width:150px;right:-15px;bottom:5px}.vocabulary-scene:before{inset:110px -5px 45px -5px}
}
@media(max-width:359px){.vocabulary-scene{height:450px}.vocabulary-scene .device{width:190px}.vocabulary-elmo{width:130px;right:-10px;bottom:5px}.vocabulary-scene:before{inset:105px -5px 40px -5px}}
.vocabulary-layout>*{min-width:0}
@media(max-width:759px){.vocabulary-layout{grid-template-columns:minmax(0,1fr)}.vocabulary-scene{width:min(330px,100%)}}
@media(max-width:359px){.vocabulary-layout .feature-copy h2{font-size:32px}}
.cta-art{position:absolute;bottom:0;right:-8px;width:520px;max-width:49%;margin:0}
.cta-art>.cta-family{position:static;display:block;width:100%;max-width:100%;max-height:490px;margin:0;object-fit:contain;object-position:bottom}
.cta-art>figcaption{position:absolute;right:17px;bottom:13px;padding:5px 9px;border-radius:999px;background:#fff5e8;color:#573d33;font:400 12px/1.3 Arial,sans-serif;white-space:nowrap}
.hero-copy h1:has(+.age-label),.feature-copy h2:has(+.age-label){margin-bottom:9px}
.age-label{margin:0 0 24px!important}
.mockup-autoplay{display:inline-flex;align-items:center;gap:2px;padding:4px 5px;border-radius:999px;background:#286d70;color:white;box-shadow:0 5px 16px #421e2526;flex:none}
.mockup-autoplay[hidden]{display:none!important}.autoplay-pie{width:32px;height:32px;flex:none}.autoplay-pie circle{fill:#ffffff35}.autoplay-pie path{fill:#ffda83}
.autoplay-toggle{display:flex;gap:7px;align-items:center;justify-content:center;min-height:38px;background:transparent;color:white;border:0;border-radius:999px;padding:7px 10px;font-size:12px;line-height:1.2;white-space:nowrap}
.autoplay-toggle .motion-mark{width:12px;flex:none}.autoplay-toggle[aria-pressed=true] .motion-mark:before{width:0;height:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.autoplay-toggle[aria-pressed=true] .motion-mark:after{display:none}
.helper-visual>.mockup-autoplay{position:absolute;z-index:5;right:-22px;bottom:1px}.tour-controls>.mockup-autoplay{margin-left:auto}
.tour-track,.helper-track,.bubble-viewport{touch-action:auto;overscroll-behavior:auto;overflow-y:hidden}
@media(min-width:760px){.story-bubble{width:min(800px,calc(100vw - 70px))}}
.feedback-hero{background:var(--wine);color:#fff5e8;padding:160px 0 100px}
.feedback-hero>.wrap{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px}.feedback-hero h1{font-size:65px}.feedback-hero p{max-width:630px;font-size:18px;line-height:1.75}
.feedback-art{position:relative;width:100%;height:270px;isolation:isolate;display:grid;place-items:start center;padding:47px 25px 0;color:var(--ink)}.feedback-art>svg{position:absolute;z-index:-1;inset:0;width:100%;height:100%;fill:#ffda83}.feedback-art>span{font:800 42px/1.15 Baloo;text-align:center;transform:rotate(2deg)}
.feedback-content{position:relative;background:#812e2e;color:#fff5e8;padding-top:35px}.feedback-content:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:23px;background:var(--wine);clip-path:polygon(0 0,100% 0,100% 10%,95% 100%,90% 10%,85% 100%,80% 10%,75% 100%,70% 10%,65% 100%,60% 10%,55% 100%,50% 10%,45% 100%,40% 10%,35% 100%,30% 10%,25% 100%,20% 10%,15% 100%,10% 10%,5% 100%,0 10%)}
.feedback-content .short-page{padding-bottom:15px}.feedback-content .short-page p{max-width:660px}
.feedback-content .final-cta{background:transparent;padding-top:30px}.final-cta.cta-on-dark>.cta-banner{background:var(--wine)}
@media(min-width:760px) and (max-width:1050px){.cta-art{max-width:46%}.feedback-art>span{font-size:35px}}
@media(max-width:759px){
 .cta-art{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;margin:25px auto 0}.cta-art>.cta-family{max-height:none}.cta-art>figcaption{right:8px;bottom:10px;font-size:11px}
 .subhero:has(.parent-hero-art)>.wrap{gap:48px}.subhero-art:has(.parent-hero-art){height:245px;max-height:none;align-items:flex-end}.parent-hero-art{height:235px}
 .tour-track,.helper-showcase .helper-track,.bubble-viewport{scroll-snap-type:x mandatory;touch-action:auto;overscroll-behavior:auto;overflow-y:hidden}
 .tour-card,.helper-showcase .helper-slide{scroll-snap-stop:normal}
 .helper-visual>.mockup-autoplay{right:-12px;bottom:0}.tour-controls>.mockup-autoplay{margin-left:12px}.tour-controls{gap:12px}.mockup-autoplay{padding:3px 4px}.autoplay-pie{width:28px;height:28px}.autoplay-toggle{font-size:11px;padding-inline:8px}
 .feedback-hero{padding:130px 0 65px}.feedback-hero>.wrap{grid-template-columns:minmax(0,1fr);gap:30px}.feedback-hero h1{font-size:42px}.feedback-hero p{font-size:16px}.feedback-art{width:260px;height:200px;justify-self:center;padding-top:32px}.feedback-art>span{font-size:33px}.feedback-content .short-page{padding-top:35px}
}
.tour-controls .autoplay-toggle{width:auto;height:38px;min-height:38px;display:flex;gap:7px;padding:7px 9px;background:transparent;color:white;border-radius:999px}
.tour-controls .autoplay-pie{width:32px;height:32px}
@media(max-width:759px){.tour-controls{gap:8px}.tour-controls>.mockup-autoplay{margin-left:auto}.tour-controls .autoplay-pie{width:28px;height:28px}}
/* Align the explorer with the lower edge used by the other story characters. */
.bubble-0 .bubble-character{transform:translateY(20px)}
@media(max-width:759px){.bubble-0 .bubble-character{transform:translateY(12px)}}
/* Match the yoga character to the scale and baseline of the other story figures. */
.bubble-2 .bubble-character{transform:translateY(15px) scale(.92);transform-origin:center bottom}
@media(max-width:759px){.bubble-2 .bubble-character{transform:translateY(10px) scale(.92)}}
/* A clear entrance: one copy group, one character scene, two related actions. */
.home-hero{padding:155px 0 90px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;min-height:555px}
.hero-copy h1{font-size:clamp(54px,5.1vw,73px);line-height:1.08;max-width:570px;text-wrap:initial}
.hero-copy>p:not(.age-label){max-width:415px;font-size:17px;line-height:1.7}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.hero-actions .button{min-height:52px;padding:14px 25px}
.hero-actions .hero-voice{position:relative;inset:auto;flex:none}
.hero-actions .hero-voice .voice-frame{background:transparent;box-shadow:none;padding:0;gap:10px;border-radius:0}
.hero-actions .hero-voice .voice-toggle{width:44px;height:44px;padding:13px}
.hero-actions .voice-label{font:700 16px/1.25 Baloo}
.hero-scene{height:555px;margin:0;min-width:0}
.hero-elmo{height:535px;max-height:535px;max-width:100%;object-position:center bottom}
.hero-sun{width:440px;height:440px;max-width:100%;right:0;bottom:12px;box-shadow:none;background:#ffe292}
.hero-plane{width:95px;left:-5px;top:36px}
.hero-balloon{width:52px;right:-8px;top:20px}
@media(min-width:760px) and (max-width:1050px){
 .home-hero{padding-top:145px}.hero-grid{gap:32px;min-height:470px}.hero-scene{height:470px}.hero-elmo{height:450px;max-height:450px}.hero-sun{width:345px;height:345px}.hero-plane{width:75px;top:15px}.hero-balloon{width:42px}
 .hero-copy h1{font-size:55px}.hero-actions{gap:14px}.hero-copy>p:not(.age-label){font-size:16px}
}
@media(max-width:759px){
 .home-hero{padding:120px 0 65px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:26px;min-height:0}.hero-copy h1{font-size:42px;line-height:1.08;max-width:380px}
 .hero-copy>p:not(.age-label){font-size:15px;line-height:1.65;max-width:350px;margin-bottom:0}.hero-copy>.age-label{margin-bottom:20px!important}
 .hero-actions{gap:12px;flex-wrap:nowrap;margin-top:24px}.hero-actions .button{font-size:14px;padding:12px 16px;min-height:48px;white-space:nowrap}.hero-actions .hero-voice .voice-frame{gap:7px}.hero-actions .hero-voice .voice-toggle{width:36px;height:36px;padding:10px}.hero-actions .voice-label{font-size:14px;white-space:nowrap}
 .hero-scene{height:325px;width:100%;max-width:380px;margin:0}.hero-elmo{height:325px;max-height:325px}.hero-sun{width:280px;height:280px;right:calc(50% - 140px);bottom:0}.hero-plane{width:72px;top:60px;left:0;opacity:.85}.hero-balloon{display:none}
}
@media(max-width:359px){
 .hero-copy h1{font-size:37px}.hero-actions{gap:9px}.hero-actions .button{font-size:13px;padding-inline:12px}.hero-actions .voice-label{font-size:12px}.hero-actions .hero-voice .voice-frame{gap:5px}.hero-actions .hero-voice .voice-toggle{width:32px;height:32px;padding:9px}
 .hero-scene{height:290px}.hero-elmo{height:290px;max-height:290px}.hero-sun{width:250px;height:250px;right:calc(50% - 125px)}.hero-plane{width:60px;top:50px}
}
/* Four large costumes on an open stage. The colors support the characters, not extra UI. */
.costume-feature{background:var(--wine);color:#fff5e8;padding:85px 0 65px;overflow:hidden}
.reward-heading{max-width:740px;text-align:center;margin:0 auto 50px}.reward-heading h2{font-size:52px;margin-bottom:22px}.reward-heading p{font-size:17px;line-height:1.75;max-width:640px;margin:0 auto}
.costume-parade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:end;padding:40px 0 15px}
.costume-look{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;height:340px}
.costume-look:before{content:'';position:absolute;z-index:-1;inset:90px -4px 0;border-radius:100px 100px 80px 80px;background:#e5b8a5}
.costume-look:nth-child(2):before{background:#9ccac4}.costume-look:nth-child(3):before{background:#e2c16c}.costume-look:nth-child(4):before{background:#c2b4d9}
.costume-look img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 8px #57292528)}
/* The companions sit together, with room for their silhouettes and no decorative controls. */
.monster-feature{padding:70px 0 100px;background:#873a34;color:#fff5e8;position:relative}
.monster-feature:before{content:'';position:absolute;left:0;right:0;top:0;height:30px;background:var(--wine);clip-path:polygon(0 0,100% 0,100% 15%,95% 100%,90% 15%,85% 100%,80% 15%,75% 100%,70% 15%,65% 100%,60% 15%,55% 100%,50% 15%,45% 100%,40% 15%,35% 100%,30% 15%,25% 100%,20% 15%,15% 100%,10% 15%,5% 100%,0 15%)}
.monster-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.monster-copy h2{font-size:49px}.monster-copy p{max-width:465px;font-size:17px;line-height:1.75}




@media(min-width:760px) and (max-width:1050px){
 .hero-age-sticker{width:110px;height:110px;left:-8px;top:130px;font-size:18px}.hero-age-sticker strong{font-size:23px}
.worlds-grid{gap:45px}
 .costume-parade{gap:18px}.costume-look{height:280px}.costume-look:before{inset:70px 0 0}.monster-layout{gap:40px}.monster-copy h2{font-size:42px}
}
@media(max-width:759px){
 .hero-copy h1{margin-bottom:21px}.hero-age-sticker{top:auto;bottom:20px;left:-2px;width:108px;height:108px;font-size:17px}.hero-age-sticker strong{font-size:23px}.hero-age-sticker small{font-size:11px}.hero-elmo{transform:translateX(15px)}.hero-plane{top:20px;width:60px}
.worlds-grid{gap:44px}
 .costume-feature{padding:55px 0 45px}.reward-heading{margin-bottom:20px;text-align:left}.reward-heading h2{font-size:35px;line-height:1.1}.reward-heading p{font-size:15px;line-height:1.75}
 .costume-parade{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px;padding-top:25px}.costume-look{height:245px}.costume-look:before{inset:55px -2px 0;border-radius:90px}
 .monster-feature{padding:45px 0 60px}.monster-layout{grid-template-columns:minmax(0,1fr);gap:32px}.monster-copy h2{font-size:35px;line-height:1.1}.monster-copy p{font-size:15px;line-height:1.75}
}
@media(max-width:359px){
 .hero-age-sticker{width:94px;height:94px;font-size:15px;bottom:14px}.hero-age-sticker strong{font-size:21px}.hero-plane{width:52px}

 .costume-parade{gap:28px 20px}.costume-look{height:205px}
}




/* An app-colored seal with a precise double rim and a single typographic focal point. */
.hero-age-sticker{position:absolute;z-index:4;left:-12px;top:135px;width:136px;height:136px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border:3px solid #fff3cb;border-radius:50%;background:#286d70;color:#fff8e8;transform:rotate(-7deg);box-shadow:0 6px 14px #a46c2326;font:700 19px/1.2 Baloo;text-align:center}
.hero-age-sticker:before{content:'';position:absolute;inset:6px;border:1px solid #fff3cb80;border-radius:50%;pointer-events:none}
.hero-age-sticker small{font:400 12px/1.4 Arial;margin-top:3px}.hero-age-sticker strong{font:800 46px/.95 Baloo;color:#ffda83;margin-top:3px}
/* Small original illustrations, paired with readable titles instead of an enlarged collage. */
.topic-art,.discover-layout .topic-art{position:relative;display:grid;gap:20px;height:auto;width:100%;max-width:490px;margin:0;min-width:0}
.topic-art:before{content:none}
.topic-art figure{position:static;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:25px;width:100%;height:165px;margin:0}
.topic-art figure img{width:145px;height:155px;object-fit:contain;filter:drop-shadow(0 6px 5px #45281b1a)}
.topic-art figcaption{position:static;transform:none;white-space:normal;color:#fff4e4;text-align:left;font:400 15px/1.55 Arial;margin:0}
.topic-art figcaption strong{display:block;font:800 29px/1.2 Baloo;margin-bottom:9px}.topic-art figcaption span{display:block;max-width:210px}
.worlds-grid .topic-art{margin:0}.worlds-grid{gap:70px}
/* Three distinct companions: equal space, full silhouettes, no overlapping pile. */
.monster-layout{grid-template-columns:1fr 1.15fr;gap:65px}





@media(min-width:760px) and (max-width:1050px){
 .hero-age-sticker{width:116px;height:116px;left:-8px;top:130px;font-size:17px}.hero-age-sticker strong{font-size:38px}
 .topic-art figure{grid-template-columns:120px minmax(0,1fr);gap:18px;height:145px}.topic-art figure img{width:120px;height:135px}.topic-art figcaption strong{font-size:25px}.topic-art figcaption{font-size:14px}
 .monster-layout{grid-template-columns:1fr;gap:35px}
}
@media(max-width:759px){
 .hero-copy h1{margin-bottom:21px}.hero-age-sticker{top:auto;bottom:20px;left:-2px;width:108px;height:108px;font-size:16px}.hero-age-sticker strong{font-size:35px}.hero-age-sticker small{font-size:10px}.hero-elmo{transform:translateX(15px)}.hero-plane{top:20px;width:60px}
 .topic-art,.discover-layout .topic-art{gap:20px;max-width:420px;margin:0 auto}.topic-art figure{grid-template-columns:115px minmax(0,1fr);gap:22px;height:135px}.topic-art figure img{width:115px;height:130px}.topic-art figcaption strong{font-size:25px;margin-bottom:7px}.topic-art figcaption{font-size:14px}.worlds-grid{gap:35px}
 .monster-layout{grid-template-columns:minmax(0,1fr);gap:30px}
}
@media(max-width:359px){
 .hero-age-sticker{width:96px;height:96px;font-size:14px;bottom:14px}.hero-age-sticker strong{font-size:31px}.hero-age-sticker small{font-size:9px}.hero-plane{width:52px}
 .topic-art figure{grid-template-columns:100px minmax(0,1fr);gap:18px;height:125px}.topic-art figure img{width:100px;height:120px}.topic-art figcaption strong{font-size:23px}.topic-art figcaption{font-size:13px}
 
}
.home-hero .hero-age-sticker{color:#fff8e8}

@media(max-width:759px){.hero-age-sticker{bottom:95px}}
@media(max-width:359px){.hero-age-sticker{bottom:80px}}
/* Theme artwork: a real scene, with a small character looking over its lower edge. */
.topic-scene{position:relative;isolation:isolate;width:100%;max-width:540px;margin:0;padding:0 35px 40px 0}
.topic-scene-image{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:26px}
.topic-scene-character{position:absolute;z-index:2;right:0;bottom:0;width:145px;height:160px;object-fit:contain;filter:drop-shadow(0 9px 7px #4b281b35)}
/* Each boundary borrows the exact surface color of the neighboring section. */
.program-band:after,.costume-feature:before,.costume-feature:after{content:'';position:absolute;left:0;width:100%;height:25px;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 10%,95% 100%,90% 10%,85% 100%,80% 10%,75% 100%,70% 10%,65% 100%,60% 10%,55% 100%,50% 10%,45% 100%,40% 10%,35% 100%,30% 10%,25% 100%,20% 10%,15% 100%,10% 10%,5% 100%,0 10%)}
.program-band:after{bottom:-1px;background:var(--wine);transform:rotate(180deg)}
.costume-feature{position:relative;background:#b34c42;padding-block:100px 95px}
.costume-feature:before{top:-1px;background:var(--wine)}
.costume-feature:after{bottom:-1px;background:#873a34;transform:rotate(180deg)}
.monster-feature:before{content:none}
.monster-feature + .game-showcase:before{background:#873a34}
@media(max-width:759px){
 .topic-scene{max-width:440px;margin-inline:auto;padding:0 25px 35px 0}.topic-scene-character{width:115px;height:130px}.topic-scene-image{border-radius:22px}
 .costume-feature{padding-block:70px 65px}
}
@media(max-width:359px){.topic-scene-character{width:100px;height:115px}.topic-scene{padding-right:20px;padding-bottom:30px}}
/* A soft-cut red sticker, inspired by the supplied references rather than a formal seal. */
.home-hero .hero-age-sticker{isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;transform:rotate(-8deg);color:#fff8e8}
.hero-age-sticker:before{content:none}
.hero-age-sticker:after{content:'';position:absolute;z-index:-1;inset:-9px;background:url('/assets/images/age-seal.svg') center/100% 100% no-repeat;pointer-events:none}
.hero-age-sticker strong{color:#ffda83}
/* Shared typography and a common navigation-to-heading rhythm across page entrances. */
:root{--page-h1-size:clamp(52px,5.1vw,68px);--page-hero-top:160px}
#inhalt h1{font-size:var(--page-h1-size);line-height:1.08}
#inhalt>.subhero,#inhalt>.about-hero,#inhalt>.feedback-hero{padding-top:var(--page-hero-top)}
#inhalt>.subhero>.wrap,#inhalt>.about-hero>.wrap,#inhalt>.feedback-hero>.wrap{align-items:start}
@media(max-width:759px){:root{--page-h1-size:42px;--page-hero-top:125px}}
@media(max-width:359px){:root{--page-h1-size:37px}}
/* Bound screenshots to an independent screen opening, including Safari's intrinsic sizing. */
.device{--screen-top:25px;--screen-inset:8px;--screen-radius:33px;--screen-border:3px}
.device>.device-screen{position:absolute;inset:var(--screen-top) var(--screen-inset) var(--screen-inset);min-width:0;min-height:0;overflow:hidden;border:var(--screen-border) solid #282724;border-radius:var(--screen-radius);background:#fcf5eb;isolation:isolate}
.device>.device-screen>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:top;border:0;border-radius:0}
.device.device-uncropped>.device-screen>img{object-fit:contain;object-position:center}
@media(max-width:759px){.device{--screen-top:21px;--screen-inset:6px;--screen-radius:26px;--screen-border:2px}}

/* Keep both ends of the age range together and equally prominent. */
.home-hero .hero-age-sticker>span,.home-hero .hero-age-sticker>strong{font:800 22px/1.15 Baloo;white-space:nowrap}
.home-hero .hero-age-sticker>strong{margin-top:4px;color:#ffda83}
.home-hero .hero-age-sticker>small{font:400 12px/1.3 Arial;margin-top:4px}
@media(min-width:760px){
 .home-hero .hero-age-sticker{width:clamp(132px,12vw,156px);height:clamp(132px,12vw,156px)}
 .home-hero .hero-age-sticker>span,.home-hero .hero-age-sticker>strong{font-size:clamp(22px,1.92vw,25px)}
 .home-hero .hero-age-sticker>small{font-size:13px}
}
@media(min-width:760px) and (max-width:1050px){.home-hero .hero-age-sticker>span,.home-hero .hero-age-sticker>strong{font-size:22px}}
@media(max-width:759px){.home-hero .hero-age-sticker>span,.home-hero .hero-age-sticker>strong{font-size:18px}.home-hero .hero-age-sticker>small{font-size:10px}}
@media(max-width:359px){.home-hero .hero-age-sticker>span,.home-hero .hero-age-sticker>strong{font-size:16px}}

/* The product mark belongs to the front device, like a small attached corner label. */
.device-pair .device-brand{border:0;border-radius:0;background:transparent;aspect-ratio:auto;object-fit:contain;position:absolute;z-index:6;top:-20px;right:-32px;width:165px;height:auto;max-width:none;max-height:none;transform:rotate(5deg);filter:drop-shadow(0 2px 2px #56251c28);pointer-events:none}
@media(min-width:760px) and (max-width:1050px){.device-pair .device-brand{width:145px;right:-25px;top:-18px}}
@media(max-width:759px){.device-pair .device-brand{width:130px;right:-23px;top:-15px;transform:rotate(3deg)}}
@media(max-width:359px){.device-pair .device-brand{width:115px;right:-20px;top:-14px}}

/* More breathing room below the desktop navigation; a tighter parent-page introduction. */
@media(min-width:760px){
 :root{--page-hero-top:184px}
 .home-hero{padding-top:179px}
 #inhalt>.subhero:has(.parent-hero-art){padding-bottom:55px}
 .subhero:has(.parent-hero-art)+.parent-benefits{padding-top:60px}
}
@media(max-width:759px){
 #inhalt>.subhero:has(.parent-hero-art){padding-bottom:55px}
 .subhero:has(.parent-hero-art)+.parent-benefits{padding-top:45px}
}

/* The age seal overlaps the learning-world preview at its upper right edge. */
.subhero-composition>.learning-age-sticker{isolation:isolate;left:auto;right:-52px;top:-26px;bottom:auto;width:136px;height:136px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:rotate(8deg);margin:0;color:#fff8e8}
.subhero .learning-age-sticker>span,.subhero .learning-age-sticker>strong{font:800 22px/1.15 Baloo;white-space:nowrap}
.subhero .learning-age-sticker>strong{margin-top:4px;color:#ffda83}
.subhero .learning-age-sticker>small{font:400 12px/1.3 Arial;margin-top:4px}
@media(max-width:759px){.subhero-composition>.learning-age-sticker{width:112px;height:112px;right:-34px;top:-22px}.subhero .learning-age-sticker>span,.subhero .learning-age-sticker>strong{font-size:18px}.subhero .learning-age-sticker>small{font-size:10px}}
@media(max-width:359px){.subhero-composition>.learning-age-sticker{width:100px;height:100px;right:-26px;top:-18px}.subhero .learning-age-sticker>span,.subhero .learning-age-sticker>strong{font-size:16px}}

/* Warm oval grounds tie the benefit illustrations into the sand-coloured section. */
.benefit-grid>div,.benefits-band .ad-free{position:relative;isolation:isolate}
.benefit-grid>div:before,.benefits-band .ad-free:before{content:'';position:absolute;z-index:-1;left:-10px;top:50%;width:94px;height:86px;background:#efdfc2;border-radius:44% 56% 49% 51%/58% 40% 60% 42%;transform:translateY(-50%) rotate(-12deg);pointer-events:none}
.benefits-band .ad-free:before{width:75px;height:72px}
@media(max-width:759px){.benefit-grid>div:before{left:-8px;width:74px;height:70px}.benefits-band .ad-free:before{left:-8px;width:64px;height:62px}}

/* Vertical touch scrolling drives the stories on phones too; no touch interception. */
.bubble-story.is-scroll-bound .bubble-viewport{overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}
.bubble-story.is-scroll-bound .bubble-track{will-change:transform}

/* Give the legal copy a clear resting space before the footer curve. */
#inhalt>.legal-content{padding-bottom:140px}
@media(max-width:759px){#inhalt>.legal-content{padding-bottom:110px}}

/* Reserve paint space below the mobile mockups inside the clipped slider rail. */
@media(max-width:759px){.product-stage .tour-card{padding-bottom:44px}}

/* Browser-driven movement avoids a JavaScript transform on every scroll frame. */
@supports (animation-timeline: --bubble-flow) and (animation-range: contain 0% contain 100%){
 .bubble-story.has-native-flow{view-timeline-name:--bubble-flow;view-timeline-axis:block;view-timeline-inset:var(--bubble-inset-top) var(--bubble-inset-bottom)}
 .has-native-flow .bubble-track{animation:bubble-native-flow linear both;animation-timeline:--bubble-flow;animation-range:contain 0% contain 100%}
 @keyframes bubble-native-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--bubble-distance),0,0)}}
}
@media(max-width:759px),(pointer:coarse){.bubble-character{filter:none}.bubble-story.is-scroll-bound .bubble-sticky{backface-visibility:hidden}}

/* Rosti: two small stories, one companion. */
.rosti-showcase .monster-layout{grid-template-columns:.9fr 1.2fr;gap:65px;align-items:center}
.rosti-showcase .monster-copy h2{font-size:47px}.rosti-showcase .monster-copy p{max-width:430px}
.rosti-features{display:grid;gap:24px;min-width:0}
.rosti-card{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;background:#fff3df;color:#503b31;border-radius:30px;padding:22px 26px 22px 14px;min-width:0;position:relative}
.rosti-evolution{background:#f6d5bf}.rosti-card h3{font-size:28px;line-height:1.13;margin-bottom:13px}.rosti-card p{font-size:14px;line-height:1.7;margin:0}
.rosti-art{position:relative;isolation:isolate;width:180px;height:200px;display:grid;place-items:center}
.rosti-art:before{content:'';position:absolute;inset:27px 0 9px;border-radius:48% 52% 44% 56%;background:#f3dfb3;z-index:-1}.rosti-evolution .rosti-art:before{background:#ebba9b}
.rosti-egg{width:160px;aspect-ratio:296/384;overflow:hidden;position:relative;flex:none}
.rosti-egg-strip{display:block;width:1200%;max-width:none;height:100%;animation:rosti-hatch 6s steps(11,end) infinite;animation-play-state:paused;will-change:transform}
@keyframes rosti-hatch{0%{transform:translate3d(0,0,0)}62%,100%{transform:translate3d(-91.6666667%,0,0)}}
.rosti-art>.rosti-stage{position:absolute;width:180px;height:180px;object-fit:contain;inset:auto 0 4px;opacity:0;animation:rosti-grow 16s linear infinite;animation-play-state:paused;transform-origin:center bottom}
.rosti-stage-2{animation-delay:-12s!important}.rosti-stage-3{animation-delay:-8s!important}.rosti-stage-4{animation-delay:-4s!important}
@keyframes rosti-grow{0%{opacity:0;transform:scale(.88)}4%,22%{opacity:1;transform:scale(1)}26%,100%{opacity:0;transform:scale(1.04)}}
.rosti-aura{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse,#fff9d9 0%,#ffe595b3 15%,#ffd36345 36%,#ffd36300 65%);opacity:0;animation:rosti-glow 4s ease-in-out infinite;animation-play-state:paused}
@keyframes rosti-glow{0%{opacity:.75;transform:scale(1.1)}16%,76%{opacity:0;transform:scale(.55)}94%{opacity:1;transform:scale(1.2)}100%{opacity:.75;transform:scale(1.1)}}
.rosti-sparks{position:absolute;inset:0;z-index:3;pointer-events:none}.rosti-sparks i{position:absolute;left:50%;top:55%;width:5px;height:5px;border-radius:50%;background:#fff7d3;box-shadow:0 0 7px #ffcc66;opacity:0;--angle:0deg;--radius:75px;animation:rosti-spark 4s ease-out infinite;animation-play-state:paused}
.rosti-sparks i:nth-child(2){--angle:45deg;width:3px;height:3px}.rosti-sparks i:nth-child(3){--angle:90deg;--radius:65px}.rosti-sparks i:nth-child(4){--angle:135deg;width:4px;height:4px}.rosti-sparks i:nth-child(5){--angle:180deg;--radius:65px}.rosti-sparks i:nth-child(6){--angle:225deg;width:3px;height:3px}.rosti-sparks i:nth-child(7){--angle:270deg;--radius:65px}.rosti-sparks i:nth-child(8){--angle:315deg;width:4px;height:4px}
@keyframes rosti-spark{0%,70%{opacity:0;transform:rotate(var(--angle)) translateY(-15px) scale(.4)}86%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--radius))) scale(1)}}
.rosti-showcase.is-running:not(.is-paused) .rosti-egg-strip,.rosti-showcase.is-running:not(.is-paused) .rosti-stage,.rosti-showcase.is-running:not(.is-paused) .rosti-aura,.rosti-showcase.is-running:not(.is-paused) .rosti-sparks i{animation-play-state:running}
.rosti-pause{display:inline-flex;align-items:center;gap:8px;border:0;background:#277c80;color:#fff;padding:10px 20px;max-width:none;margin-top:10px;line-height:1;min-height:44px;white-space:nowrap}
.no-js .rosti-stage-1{opacity:1;animation:none}
@media(min-width:760px) and (max-width:1050px){.rosti-showcase .monster-layout{gap:32px;grid-template-columns:.85fr 1.2fr}.rosti-card{grid-template-columns:140px 1fr;gap:15px;padding:18px}.rosti-art{width:140px;height:180px}.rosti-egg{width:135px}.rosti-art>.rosti-stage{width:140px;height:160px}.rosti-card h3{font-size:25px}}
@media(max-width:759px){.rosti-showcase .monster-layout{grid-template-columns:minmax(0,1fr);gap:25px}.rosti-showcase .monster-copy h2{font-size:35px}.rosti-features{gap:18px}.rosti-card{grid-template-columns:120px minmax(0,1fr);gap:17px;border-radius:26px;padding:20px 20px 20px 10px}.rosti-art{width:120px;height:170px}.rosti-egg{width:120px}.rosti-art>.rosti-stage{width:130px;height:150px;left:-5px}.rosti-card h3{font-size:25px}.rosti-card p{font-size:13px;line-height:1.6}.rosti-art:before{inset:26px 0 16px}.rosti-sparks i{--radius:55px}.rosti-pause{margin-top:2px}}
@media(max-width:359px){.rosti-card{grid-template-columns:95px minmax(0,1fr);gap:12px;padding:20px 16px 20px 8px}.rosti-art{width:95px;height:155px}.rosti-egg{width:96px}.rosti-art>.rosti-stage{width:110px;height:130px;left:-7px}.rosti-card h3{font-size:23px}.rosti-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rosti-egg-strip,.rosti-stage,.rosti-aura,.rosti-sparks i{animation:none!important}.rosti-art>.rosti-stage-1{opacity:1;transform:none}.rosti-pause{display:none!important}}

/* All hatch frames share the lower shell's centre and baseline. */
.rosti-egg{width:190px;aspect-ratio:352/400}
@media(min-width:760px) and (max-width:1050px){.rosti-egg{width:160px}}
@media(max-width:759px){.rosti-egg{width:143px}}
@media(max-width:359px){.rosti-egg{width:114px}}

/* Separate the two discovery stories beside the dinosaur illustration. */
#entdecken .discover-notes{gap:22px}
#entdecken .discover-notes>div{padding:28px 30px;background:#812e2e;color:#fff5e8;border-radius:28px}
#entdecken .discover-notes h3{margin-bottom:13px}
#entdecken .discover-notes p{margin-bottom:0}
@media(max-width:759px){#entdecken .discover-notes{gap:18px}#entdecken .discover-notes>div{padding:25px 24px;border-radius:24px}}

/* Supplied AI mark, tinted warm brown and attached directly to the labelled media. */
.cta-art>figcaption.ai-image-label{padding:0;background:transparent;border-radius:50%;right:19px;bottom:16px;line-height:0}
.ai-image-label .ai-label-icon{width:32px;height:32px;display:block}
.full-voice .voice-copy p{padding-right:0}
.ai-audio-label{display:inline-block;vertical-align:middle;margin-left:7px;line-height:0}
.ai-audio-label .ai-label-icon{display:inline-block;width:22px;height:22px;vertical-align:middle}
@media(max-width:759px){.cta-art>figcaption.ai-image-label{right:12px;bottom:12px}.ai-image-label .ai-label-icon{width:28px;height:28px}.ai-audio-label{margin-left:4px}.ai-audio-label .ai-label-icon{width:20px;height:20px}}

/* Shared entry to the grouped help centre. */
.faq .button[href="/hilfe/"]{margin-top:22px;background:var(--wine);color:white;font-size:14px;min-height:48px}