/* Homepage layout and decorative assets only. Phone screens belong to smartphone-simulator.css. */
@font-face{font-family:Fredoka;src:url('fredoka-variable.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
body:has(.sim-hero){background:radial-gradient(ellipse at 60% 8%,#cceeff66,transparent 58%),#fffefb}
body:has(.sim-hero)>header{max-width:1380px;padding:20px 32px;background:transparent}
body:has(.sim-hero)>header .brand{width:145px;height:auto}
.sim-hero{max-width:1340px;min-height:720px;grid-template-columns:1.1fr 1fr;gap:42px;padding:24px 44px 36px;margin:0 auto;border:0;border-radius:0;background:transparent;overflow:visible;isolation:isolate}
.sim-hero:before{content:"";position:absolute;inset:-50px -80px -20px;z-index:-3;background:radial-gradient(ellipse at 70% 20%,#d8f3ffb3,transparent 65%);pointer-events:none}
.sim-hero:after{display:none}
.sim-copy{font-family:"Trebuchet MS",Arial,sans-serif;padding:15px 0}
.sim-copy .sim-eyebrow{font-size:12px;letter-spacing:.2em;color:#8470ba;margin:0 0 18px}
.sim-copy h1{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:clamp(43px,5.1vw,68px);font-weight:900;line-height:1.03;letter-spacing:-.045em;color:#25103f;margin:0 0 25px;text-wrap:balance}
.sim-copy h1 em{color:#0599de;position:relative;font-style:normal;text-decoration:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 20' preserveAspectRatio='none'%3E%3Cpath d='M6 14Q246 -3 492 13' fill='none' stroke='%23ffd14c' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left bottom;background-size:100% 14px;padding-bottom:8px}
.sim-subtitle{font-size:19px;line-height:1.6;color:#514368;max-width:530px;margin:0 0 22px}
.hero-signup{margin:0;max-width:520px;padding:22px 24px;background:#fffffff5;border:1px solid #e4e1ef;border-radius:24px;box-shadow:0 12px 30px #42335c0b}
.sim-availability{font-size:14px;margin:0 0 13px;line-height:1.5}
.sim-availability strong{font-size:16px;color:#291251}
.hero-signup>label:first-of-type{font-size:13px;margin-bottom:7px}
.hero-signup .beta-form-row{gap:10px}
.hero-signup input[type=email]{font-size:15px;padding:14px 12px;border-radius:12px}
.hero-signup button{font-size:16px;min-width:118px;padding:13px 17px;background:linear-gradient(#0bc875,#00a453);box-shadow:0 3px 0 #008d46}
.hero-signup .beta-consent{font-size:11px;margin-top:13px;line-height:1.45}
.hero-signup .beta-parent{font-size:11px;line-height:1.5;margin:12px 0 0}
.hero-signup [role=status]:empty{display:none}
.sim-badges{gap:8px;margin:14px 0 8px;font-size:11px}
.sim-badges li{background:#ffffffde;border-color:#bddfce;padding:7px 10px}
.sim-footnote{font-size:10px;line-height:1.5;max-width:530px;color:#7a6c8c;margin:0}
.sim-device-wrap{margin:0;padding:20px 30px 0;min-width:0;align-self:center;position:relative}
.sim-device-wrap:before{display:none}
.sim-device-wrap:after{display:none}
.sim-preview-label{display:none}
.sim-try-callout{right:-10px;top:-30px;transform:rotate(-8deg);color:#552c86}
.sim-try-callout span{font-size:37px}
.sim-try-callout svg{width:125px;height:65px}
.hero-adventure-trail{position:absolute;left:-130px;top:70px;width:230px;height:390px;z-index:-1;pointer-events:none}
.hero-spark{position:absolute;z-index:1;color:#ffce3b;text-shadow:0 3px 0 #e9a72a;pointer-events:none}
.hero-spark-one{left:-8px;top:130px;font-size:46px;transform:rotate(12deg)}
.hero-spark-two{right:-18px;top:260px;font-size:65px;transform:rotate(15deg)}
.sim-scroll{font-size:12px;margin-top:20px}
.family-quote-strip{position:relative;margin:15px auto 20px;padding:30px 35px 25px;max-width:1080px;background:#fffefaed;border-radius:50% 50% 24px 24px/22px 22px 24px 24px}
.family-quote-strip h2{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:30px;margin-bottom:7px;letter-spacing:-.025em}
.family-quote-strip h2 em{color:#079cda;font-style:normal}
.family-quote-intro{font-size:13px;margin:0 0 24px;color:#6c5483}
.family-quote-grid figure{background:#ffffffed!important;border:1px solid #eee4d3!important;box-shadow:0 5px 15px #6843200a!important;transform:none!important;border-radius:22px!important;padding:20px 22px 18px 55px}
.family-quote-grid figure:before{content:'★';font-size:35px;line-height:1.2;color:#ffd044;background:none!important;box-shadow:none!important;left:10px;top:20px;text-shadow:0 2px 0 #e5ad20}
.family-quote-grid figure:after{display:none}
.family-quote-grid blockquote p{font-size:15px;font-weight:600;font-style:italic;margin-bottom:10px}
.family-quote-grid figcaption{background:none;padding:0;color:#66429a;font-size:12px}
.family-story-link{font-size:12px;margin-top:17px}
@media(max-width:1250px){
.sim-hero{padding:25px 30px 35px;gap:28px}
.sim-device-wrap{padding:25px 10px 0}
.sim-try-callout{right:-2px;top:-36px;width:120px}
.sim-try-callout span{font-size:31px}
.sim-copy h1{font-size:clamp(43px,5.2vw,62px)}
}
@media(max-width:850px){
.sim-hero{grid-template-columns:1fr;gap:45px;padding:28px 24px 35px;min-height:auto;margin:0}
.sim-copy{max-width:600px;margin:auto}
.sim-copy h1{font-size:clamp(40px,8vw,58px)}
.sim-device-wrap{margin:5px auto 0;width:100%;max-width:450px;padding:35px 10px 0}
.sim-hero:before{inset:25% -15px -20px;opacity:.7}
.sim-hero:after{display:none}
.hero-adventure-trail{left:5px;top:35px;width:150px;opacity:.7}
.hero-spark-one{left:10px;top:100px}
.hero-spark-two{right:0;top:300px;font-size:43px}
.sim-try-callout{right:12px;top:-15px}
.family-quote-strip{padding:25px 20px;border-radius:25px;margin-top:0}
.family-quote-strip h2{font-size:25px}
.family-quote-grid{gap:18px}
}
@media(max-width:400px){
.sim-hero{padding:22px 16px 30px}
.sim-device-wrap{padding-left:0;padding-right:0}
.hero-signup{padding:18px}
.hero-signup .beta-form-row{flex-direction:column}
.hero-signup button{width:100%}
.hero-spark-two{display:none}
.family-quote-grid figure{padding-left:50px}
}
body:has(.sim-hero){overflow-x:clip}
.hero-scene{position:absolute;width:780px;aspect-ratio:1448/1086;left:50%;bottom:15px;transform:translateX(-50%);z-index:-1;pointer-events:none;user-select:none}
.hero-scene>img{display:block;width:100%;height:auto}
.hero-scene-sign{position:absolute;display:flex;align-items:center;justify-content:center;color:#593216;text-align:center;font:900 14px/1.05 "Trebuchet MS",sans-serif;letter-spacing:-.03em;width:16%;height:6.4%;left:81%;transform:rotate(3deg)}
.hero-scene-sign-top{top:58.9%}
.hero-scene-sign-bottom{top:67.5%}
.hero-adventure-trail{left:-105px;top:75px;width:200px;height:330px;opacity:.85}
.sim-copy{max-width:560px}
.sim-copy h1{max-width:560px}
.sim-copy .hero-signup{width:100%;box-sizing:border-box}
.sim-device-wrap #smartphone-simulator{position:relative;z-index:2}
.sim-try-callout{z-index:3}
.hero-spark{z-index:3}
.family-quote-strip{z-index:2}
.sim-scroll{position:relative;z-index:3;background:#fffefbc9;border-radius:12px;padding:3px 8px}
.sim-badges{flex-wrap:wrap;max-width:550px}
.sim-subtitle strong{font-weight:700}
@media(max-width:1250px){
.hero-scene{width:680px;bottom:12px}
.hero-scene-sign{font-size:12px}
.sim-copy{max-width:510px}
.sim-copy h1{max-width:510px}
.sim-copy .sim-subtitle{font-size:17px}
.sim-device-wrap{padding-top:20px}
.hero-spark-two{right:-5px;top:230px;font-size:48px}
}
@media(max-width:1050px) and (min-width:851px){
.sim-hero{grid-template-columns:1.12fr 1fr;gap:22px;padding-left:24px;padding-right:24px}
.hero-scene{width:590px}
.hero-scene-sign{display:none}
.hero-adventure-trail{left:-55px;width:135px}
.sim-try-callout{right:-2px;top:-25px}
.sim-try-callout span{font-size:28px}
.sim-copy h1{font-size:49px}
.hero-signup{padding:18px}
.hero-signup button{min-width:100px;padding-left:13px;padding-right:13px}
}
@media(max-width:850px){
.sim-hero{gap:28px;padding-top:15px}
.sim-copy{max-width:600px}
.sim-copy h1{max-width:600px}
.sim-device-wrap{padding-top:38px;padding-bottom:18px;margin-top:5px}
.hero-scene{width:650px;bottom:8px;max-width:none}
.hero-scene-sign{font-size:11px}
.hero-adventure-trail{left:5px;top:20px;width:125px;height:270px}
.sim-try-callout{right:15px;top:-10px}
.family-quote-strip{margin-top:16px}
.hero-signup{max-width:100%}
.sim-subtitle{font-size:17px}
.sim-hero:before{background:radial-gradient(ellipse at 50% 60%,#d8f3ffcc,transparent 70%)}
}
@media(max-width:400px){
.hero-scene{width:550px;bottom:12px}
.hero-scene-sign{display:none}
.sim-hero{padding-left:16px;padding-right:16px}
.sim-copy h1{font-size:40px}
.sim-device-wrap{padding-left:0;padding-right:0}
}
.hero-wave-divider{display:block;position:absolute;left:-5%;bottom:-2px;width:110%;height:82px;z-index:0;pointer-events:none}
.sim-hero{padding-bottom:65px}
.sim-copy,.sim-device-wrap{z-index:1}
.family-quote-strip{background:#fffefa;border:0;border-radius:0;margin-top:-1px;padding-top:10px;position:relative;z-index:2}
.home-category-strip{border-color:transparent;background:#fffefa;border-radius:40px 55px 38px 48px}
.family-quote-grid figure{border-radius:25px 32px 24px 35px!important}
.family-quote-grid figure:nth-child(2){border-radius:33px 23px 35px 25px!important}
@media(max-width:850px){
.hero-wave-divider{height:52px}
.sim-hero{padding-bottom:48px}
.family-quote-strip{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
.hero-wave-divider{animation:none}
}
body:has(.sim-hero)>header{padding-top:14px;padding-bottom:14px;border-bottom:0;max-width:1320px}
.sim-hero{min-height:690px;padding-top:8px;padding-bottom:60px;align-items:center;grid-template-columns:1.12fr 1fr;gap:20px}
.sim-hero>.hero-scene{position:absolute;inset:0 -6% -10px;left:-6%;bottom:-10px;width:112%;height:calc(100% + 10px);aspect-ratio:auto;transform:none;z-index:-2;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 82%,transparent 100%);pointer-events:none}
.sim-hero>.hero-scene>img{width:100%;height:100%;object-fit:fill}
.sim-hero:before{inset:-80px -8% 0;opacity:1;background:radial-gradient(ellipse at 70% 18%,#def4ffb3,transparent 65%)}
.hero-scene-sign{font-size:clamp(11px,1.3vw,17px);left:81%;width:16%;height:6.4%}
.sim-copy{padding-top:0;align-self:center;max-width:580px}
.sim-copy h1{font-family:Fredoka,"Arial Rounded MT Bold",sans-serif;font-weight:650;font-size:clamp(43px,4.9vw,70px);line-height:1.02;letter-spacing:-.035em;max-width:none;text-wrap:initial;margin-bottom:24px}
.hero-headline-line{display:block;white-space:nowrap}
.sim-copy h1 em{background:none;padding:0;text-decoration:none}
.hero-headline-last{position:relative;width:max-content;max-width:100%;padding-bottom:10px!important}
.hero-headline-last:after{content:'';display:block;position:absolute;left:0;bottom:-5px;width:100%;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 20' preserveAspectRatio='none'%3E%3Cpath d='M6 14Q246 -3 492 13' fill='none' stroke='%23ffd14c' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.sim-copy .sim-subtitle{font-size:17px;line-height:1.5;max-width:465px;margin-bottom:20px}
.hero-signup{max-width:490px}
.sim-copy .sim-eyebrow{margin-bottom:15px}
.sim-device-wrap{padding-top:0;padding-bottom:0;margin-top:0;transform:translateY(-6px);isolation:auto}
.sim-device-wrap #smartphone-simulator{position:relative;z-index:2}
.sim-device-wrap>.hero-spark{color:#ffd63a;text-shadow:0 3px 0 #dfa727;filter:drop-shadow(0 5px 3px #bd912a2b)}
.hero-spark-two{right:-10px;top:135px;font-size:64px}
.hero-spark-one{left:-25px;top:220px;font-size:52px}
.sim-try-callout{top:0;right:-5px}
.hero-adventure-trail{left:-130px;top:35px;width:230px;height:360px}
.sim-scroll{margin-top:20px;font-size:11px}
.hero-wave-divider{height:95px;bottom:-1px}
.family-quote-strip{border-top:0!important;box-shadow:none!important;padding-top:0;margin-top:-8px;background:#fffefa}
.family-quote-strip h2{font-family:Fredoka,"Arial Rounded MT Bold",sans-serif;font-weight:600;font-size:31px}
.family-quote-grid{gap:20px}
.family-quote-grid figure{padding-top:17px;padding-bottom:15px}
.family-quote-grid blockquote p{font-size:14px}
@media(max-width:1250px){
.sim-copy h1{font-size:clamp(42px,4.8vw,60px)}
.sim-hero{padding-top:10px;gap:18px}
.sim-copy{max-width:520px}
.sim-copy .sim-subtitle{font-size:16px}
.hero-scene-sign{font-size:12px}
}
@media(max-width:1050px) and (min-width:851px){
.sim-copy h1{font-size:46px}
.sim-hero{grid-template-columns:1.15fr 1fr;padding-left:26px;padding-right:26px;min-height:660px}
.hero-scene-sign{display:none}
.sim-try-callout{right:-5px;top:0}
.sim-try-callout span{font-size:27px}
.sim-copy .sim-subtitle{font-size:15px}
}
@media(max-width:850px){
.sim-hero{grid-template-columns:1fr;gap:35px;padding-top:25px;padding-bottom:65px}
.sim-copy{max-width:600px;width:100%}
.sim-copy h1{font-size:clamp(38px,7.7vw,60px)}
.sim-copy .sim-subtitle{font-size:17px}
.sim-hero>.hero-scene{inset:40% -20% 0;width:140%;height:60%;mask-image:linear-gradient(transparent,#000 20%,#000 86%,transparent)}
.hero-scene-sign{display:none}
.sim-device-wrap{padding-top:28px;transform:none;isolation:auto}
.sim-try-callout{right:10px;top:-10px}
.hero-adventure-trail{left:-10px;top:30px;width:150px}
.family-quote-strip{padding-top:5px;margin-top:0}
.family-quote-strip h2{font-size:26px}
}
@media(max-width:400px){
.sim-copy h1{font-size:36px}
.sim-copy .sim-subtitle{font-size:16px}
.hero-headline-line{white-space:normal}
.sim-device-wrap{max-width:100%}
.hero-spark-one{left:0;font-size:38px}
}
.sim-hero>.hero-scene{left:-13%;right:-6%;width:119%}
.hero-adventure-trail{opacity:1}
.hero-yellow-flourish{position:absolute;left:calc(100% + 7px);top:18%;width:43px;height:43px;overflow:visible;pointer-events:none}
.hero-headline-last:after{bottom:-6px}
.hero-scene-sign{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;color:#633918;letter-spacing:-.055em;text-shadow:0 1px 0 #ffda9fa6,0 -1px 1px #3d1e16c9;mix-blend-mode:multiply;opacity:.94;transform:rotate(3deg) skewX(-2deg)}
.hero-scene-sign-bottom{top:66.8%}
body:has(.sim-hero)>header{position:relative;z-index:10}
body:has(.sim-hero)>header .site-navigation a.button{background:#ffd23f!important;color:#291251!important;opacity:1;filter:none;box-shadow:0 3px 0 #e6ac1b;border:1px solid #ffdd70;font-weight:800;padding:12px 22px;transition:background .15s,transform .15s}
body:has(.sim-hero)>header .site-navigation a.button:hover{background:#ffc623!important;transform:translateY(-1px)}
.family-quote-strip:before,.family-quote-strip:after{content:'';position:absolute;width:220px;height:205px;bottom:-38px;pointer-events:none;background:url('homepage-adventure-scene.webp') left bottom/760px 570px no-repeat;mask-image:linear-gradient(transparent,#000 35%);z-index:-1}
.family-quote-strip:before{left:-140px}
.family-quote-strip:after{right:-140px;transform:scaleX(-1)}
.family-quote-strip .family-quote-grid figure{padding-left:105px;min-height:130px;justify-content:center}
.family-quote-grid figure:before{display:none}
.family-quote-avatar{position:absolute;left:15px;top:50%;transform:translateY(-50%) rotate(-4deg);width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 3px 2px #765c4320)}
.family-quote-grid figure:nth-child(2) .family-quote-avatar{transform:translateY(-50%) rotate(4deg)}
.family-avatar-note{font-size:10px;color:#897894;margin:5px 0 14px}
.family-quote-intro{margin-bottom:5px}
.family-quote-grid blockquote p{font-size:15px;line-height:1.5}
.family-quote-grid figcaption{font-size:12px}
@media(max-width:850px){
.sim-hero>.hero-scene{left:-25%;width:150%;right:-25%}
.hero-yellow-flourish{width:34px;height:34px;left:calc(100% + 3px)}
.family-quote-strip:before{left:-145px}
.family-quote-strip:after{right:-145px}
.family-quote-strip:before,.family-quote-strip:after{opacity:.75}
.family-quote-grid blockquote p{font-size:14px}
}
@media(max-width:450px){
.family-quote-strip .family-quote-grid figure{padding-left:85px;min-height:130px}
.family-quote-avatar{left:12px;width:62px;height:62px}
.hero-yellow-flourish{width:27px;height:27px;top:20%}
.family-quote-strip:before,.family-quote-strip:after{width:170px;height:150px;opacity:.6}
}
.hero-wave-divider{height:205px;bottom:-2px;z-index:0;left:-5%;width:110%}
.sim-copy{position:relative;z-index:2}
.sim-device-wrap{z-index:2}
.sim-copy .hero-signup{position:relative;z-index:1}
.family-quote-strip{margin-top:-2px;padding-top:0;background:#fffefa}
.family-quote-strip:before,.family-quote-strip:after{z-index:0}
.family-quote-strip>h2,.family-quote-strip>p,.family-quote-grid,.family-story-link{position:relative;z-index:1}
.family-quote-avatar{border-radius:50%}
@media(max-width:850px){
.hero-wave-divider{height:120px}
.family-quote-strip{padding-top:4px}
}
@media(max-width:450px){
.hero-wave-divider{height:90px}
}
.sim-device-wrap:before{content:'';display:block;position:absolute;inset:auto;left:-128px;top:115px;width:300px;height:460px;z-index:-1;background:url('home_background_adventure_world.webp') 25% 68%/cover no-repeat;opacity:.95;mask-image:radial-gradient(ellipse at 68% 54%,#000 28%,#000c 45%,transparent 73%);pointer-events:none}
.sim-hero>.hero-scene{mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 74%,transparent 96%);z-index:-2}
.hero-wave-divider{left:calc(50% - 50vw);width:100vw;max-width:none;height:190px;bottom:-2px;filter:none}
.family-quote-strip{isolation:isolate;background:transparent;max-width:1120px;margin-top:-2px;padding-top:0;padding-bottom:26px;border:0!important;box-shadow:none}
.family-quote-strip:before,.family-quote-strip:after{width:330px;height:250px;bottom:-30px;background-size:950px 712px;background-position:left bottom;mask-image:radial-gradient(ellipse at 0% 100%,#000 18%,#000d 42%,transparent 73%);z-index:-1;opacity:1}
.family-quote-strip:before{left:calc(50% - 50vw - 40px)}
.family-quote-strip:after{right:calc(50% - 50vw - 40px);transform:scaleX(-1)}
.family-quote-grid{max-width:970px;margin:0 auto;padding-top:0}
.family-quote-strip h2{margin-bottom:5px}
.family-quote-intro{margin:0 0 5px}
.family-avatar-note{margin:0 0 15px;font-size:10px}
.sim-badges{position:relative;z-index:2;margin-top:15px;margin-bottom:8px}
.sim-footnote{position:relative;z-index:2}
.family-story-link{margin-top:20px}
@media(max-width:1250px){
.sim-device-wrap:before{left:-105px;top:105px;width:265px;height:425px}
.family-quote-strip:before,.family-quote-strip:after{width:270px;height:220px;background-size:850px 637px}
}
@media(max-width:850px){
.sim-device-wrap:before{left:-70px;top:145px;width:250px;height:400px}
.hero-wave-divider{height:115px}
.family-quote-strip:before,.family-quote-strip:after{width:205px;height:190px;opacity:.8;background-size:740px 555px}
.family-quote-grid{max-width:600px}
.family-quote-strip:before{left:calc(50% - 50vw - 55px)}
.family-quote-strip:after{right:calc(50% - 50vw - 55px)}
}
@media(max-width:450px){
.sim-device-wrap:before{left:-60px;width:210px;opacity:.8}
.hero-wave-divider{height:90px}
.family-quote-strip:before,.family-quote-strip:after{width:170px;height:160px;opacity:.6}
.family-avatar-note{margin-bottom:13px}
}
main>.sim-hero,main>.family-quote-strip{border:0!important;outline:0!important;box-shadow:none!important;filter:none!important}
.hero-wave-divider{filter:none!important;box-shadow:none!important;border:0!important;outline:0!important;bottom:-5px}
main>.family-quote-strip{margin-top:-5px!important;background:#fffefa!important;border-radius:0!important;isolation:isolate}
.family-quote-backdrop{position:absolute;left:calc(50% - 50vw);top:-2px;bottom:-30px;width:100vw;background:#fffefa;z-index:-2;pointer-events:none;box-shadow:none;border:0}
.family-quote-strip:before,.family-quote-strip:after{width:265px;height:225px;bottom:-12px;background-position:center bottom;background-size:contain;background-repeat:no-repeat;mask-image:none;opacity:1;filter:none;z-index:0;pointer-events:none}
.family-quote-strip:before{left:-130px}
.family-quote-strip:after{right:-130px;transform:scaleX(-1)}
@media(max-width:1250px){
.family-quote-strip:before,.family-quote-strip:after{width:205px;height:185px;bottom:-10px}
.family-quote-strip:before{left:-85px}
.family-quote-strip:after{right:-85px}
}
@media(max-width:700px){
.family-quote-strip:before,.family-quote-strip:after{width:155px;height:145px;bottom:-15px;opacity:.8}
.family-quote-strip:before{left:-65px}
.family-quote-strip:after{right:-65px}
}
.family-quote-strip:before,.family-quote-strip:after{background-image:url("homepage-foreground-plants.webp")}
.family-quote-strip:before,.family-quote-strip:after{content:none!important;display:none!important;background:none!important}
.hero-adventure-trail{top:-3px;left:-145px;width:240px;height:465px;overflow:visible;opacity:1;pointer-events:none;z-index:0}
@media(max-width:1250px){
.hero-adventure-trail{left:-120px;width:220px;height:440px;top:-2px}
}
@media(max-width:1050px) and (min-width:851px){
.hero-adventure-trail{left:-100px;width:185px;height:420px;top:0}
}
@media(max-width:850px){
.hero-adventure-trail{left:-15px;top:0;width:165px;height:390px}
}
@media(max-width:400px){
.hero-adventure-trail{left:-5px;width:140px;height:355px}
}
.sim-hero>.hero-scene{mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 72%,transparent 98%),linear-gradient(to right,transparent 0%,#000 10%,#000 92%,transparent 100%);mask-composite:intersect}
.sim-hero{padding-bottom:44px}
.family-quote-strip{margin-top:-10px!important;padding-top:0;padding-bottom:10px}
.family-quote-strip h2{margin-bottom:4px}
.family-quote-intro{margin-bottom:4px}
.family-avatar-note{margin-bottom:13px}
.family-story-link{margin-top:13px}
.home-category-strip{margin-top:14px!important;margin-bottom:22px;padding-top:20px;padding-bottom:20px}
.hero-signup .sim-availability{font-size:15px;line-height:1.5}
.hero-signup .sim-availability strong{font-size:16px}
.hero-signup>label:first-of-type{font-size:14px}
.hero-signup .beta-consent{font-size:12px;line-height:1.55;gap:9px}
.hero-signup .beta-consent input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0}
.hero-signup .beta-parent{font-size:12px;line-height:1.55}
.hero-signup input[type=email]{font-size:16px;min-height:46px}
.hero-signup .beta-button{font-size:16px;min-height:46px}
.sim-badges{font-size:12px}
.sim-footnote{font-size:11px;line-height:1.5}
.sim-scroll{font-size:12px;padding:5px 9px}
@media(max-width:850px){
.sim-hero{padding-bottom:44px}
.family-quote-strip{margin-top:-6px!important;padding-bottom:8px}
.hero-signup .beta-consent,.hero-signup .beta-parent{font-size:13px}
.sim-copy .sim-subtitle{font-size:17px}
.home-category-strip{margin-top:12px!important}
}
@media(max-width:400px){
.sim-hero>.hero-scene{mask-image:linear-gradient(transparent,#000 24%,#000 72%,transparent 98%)}
.hero-signup .beta-form-row{gap:10px}
.family-quote-strip{padding-left:16px;padding-right:16px}
}

/* Google Play branding above the Android beta invitation. */
.hero-signup .beta-play-logo{display:block;width:132px;max-width:100%;height:auto;object-fit:contain;margin:0 0 12px;}

/* Compact printable games showcase, following the family quotes. */
.home-printables{box-sizing:border-box;max-width:1060px;margin:24px auto 32px!important;padding:clamp(22px,3vw,34px)!important;background:linear-gradient(135deg,#eee5ff,#fff4d4);border:1px solid #e5daf0;border-radius:28px;text-align:center;position:relative;z-index:1}.home-printables-heading{max-width:660px;margin:0 auto 22px}.home-printables-eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7033b9;margin:0 0 8px}.home-printables h2{font-family:Fredoka,ui-rounded,"Trebuchet MS",sans-serif;font-weight:650;font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:0 0 12px;color:#291251}.home-printables-heading>p:last-child{font-size:16px;line-height:1.55;margin:0;color:#514165}.home-printables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left}.home-printable-card{display:block;overflow:hidden;background:#fffefa;border:1px solid #e3d9ec;border-radius:20px;color:#291251;text-decoration:none;transition:box-shadow .15s ease}.home-printable-card:hover{box-shadow:0 5px 16px #43205b18}.home-printable-card>img{display:block;width:100%;height:190px;object-fit:cover;object-position:center}.home-printable-card>div{padding:17px 20px 20px}.home-printable-card h3{margin:0 0 7px;font-size:22px;line-height:1.2}.home-printable-card p{margin:0 0 8px;font-size:14px;font-weight:bold;color:#6b3f99}.home-printable-card span{display:block;font-size:15px;line-height:1.5;color:#514165}.home-printables-button{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:#ffd23f;color:#291251;border-radius:28px;padding:14px 24px;margin-top:24px;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #dfaa1b}.home-printables-button:hover{background:#ffdc62}.home-printable-card:focus-visible,.home-printables-button:focus-visible{outline:3px solid #7334c6;outline-offset:4px}@media(max-width:700px){.home-printables{margin:20px 16px 28px!important;padding:22px!important}.home-printables-grid{grid-template-columns:1fr;gap:16px}.home-printable-card>img{height:auto;aspect-ratio:1.8;object-fit:cover}.home-printables-button{box-sizing:border-box;width:100%;padding:14px 16px;line-height:1.4}.home-printable-card>div{padding:16px 18px}.home-printable-card h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.home-printable-card{transition:none}}

/* Clear support routes for beta families. */
.beta-feedback-home{box-sizing:border-box;max-width:1060px;margin:24px auto!important;padding:26px 30px!important;border:1px solid #ded2ed;border-radius:24px;background:#f3edfc}.beta-feedback-home h2{font-size:clamp(24px,3vw,30px);line-height:1.2;margin:6px 0 12px}.beta-feedback-home p{line-height:1.6;max-width:760px}.beta-feedback-eyebrow{font-size:12px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;color:#6430bd;margin:0}.beta-feedback-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0}.beta-feedback-primary{display:inline-block;padding:13px 20px;background:#ffd44e;color:#291251;font-weight:bold;border-radius:24px;text-decoration:none}.beta-feedback-secondary{font-weight:bold;color:#6430bd}.beta-feedback-note{font-size:13px;color:#5b4a70}.beta-feedback-actions a:focus-visible{outline:3px solid #6430bd;outline-offset:4px}@media(max-width:700px){.beta-feedback-home{margin:20px 16px!important;padding:22px!important}.beta-feedback-actions{align-items:stretch;flex-direction:column}.beta-feedback-primary{text-align:center}.beta-feedback-note{font-size:14px}}
