@font-face{font-family:Kiddo;src:url('./fonts/Baloo2_800ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url('./fonts/Nunito_600SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{font-family:Nunito,system-ui,sans-serif;color:#302447;background:#f9f5ed;font-synthesis:none;--purple:#7154ac;--ink:#302447;--cream:#f9f5ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b88632;outline-offset:6px}img{max-width:100%;height:auto;display:block}p{line-height:1.7}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.logo{font-family:Kiddo,system-ui,sans-serif;font-weight:800}em{font-style:normal;color:var(--purple)}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;z-index:10;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.brand-bar{display:flex;justify-content:space-between;align-items:center;padding-block:18px;font-size:11px;color:#675d73;border-bottom:1px solid #30244718}.brand-bar>a{display:flex;align-items:center;gap:22px}.brand-bar img{filter:brightness(0);opacity:.7}.brand-bar>span{font-size:12px}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:22px;gap:24px}.logo{display:flex;align-items:center;gap:8px;font-size:28px;white-space:nowrap}.logo>img{border-radius:14px;margin-right:4px}.logo>span{color:var(--purple);margin-left:-3px}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav nav>a:hover,.footer nav>a:hover,.text-link:hover{color:var(--purple)}.nav-button{border:1px solid #7154ac55;padding:12px 18px;border-radius:30px}.nav-button span{margin-left:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-block:45px 80px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow span{font-size:22px;color:#ab6d2e}.hero h1{font-size:clamp(54px,5.7vw,82px);line-height:1.03;letter-spacing:-2px;margin-block:23px}.intro{max-width:400px;font-size:17px;color:#6a5d75}.button{display:inline-flex;align-items:center;gap:30px;background:var(--purple);color:#fff;padding:17px 25px;border-radius:50px;margin-top:28px;font-size:14px;box-shadow:0 7px 0 #4b357724;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.availability{font-size:11px;color:#75667f;margin-top:22px}.availability span{padding-inline:6px}.hero-art{position:relative;padding:10px 10px 30px}.art-arch{border-radius:48% 48% 38px 38px;overflow:hidden;background:#514a8a;transform:rotate(3deg);box-shadow:12px 15px 0 #e9dfef}.art-arch img{width:100%;aspect-ratio:1/1.1;object-fit:cover}.little-star{position:absolute;z-index:1;color:#b18139;font-size:56px}.star-one{top:-28px;left:-24px;transform:rotate(-15deg)}.star-two{right:-24px;bottom:110px;font-size:42px}.art-sticker{position:absolute;bottom:55px;left:-35px;display:block;font-size:13px;line-height:1.5;background:#ffdfa0;padding:16px 22px;border-radius:20px;transform:rotate(-8deg);box-shadow:0 7px 18px #30244712}.art-sticker>span{float:left;font-size:44px;padding-right:12px;line-height:1}.art-caption{font-size:9px;letter-spacing:2px;text-align:right;padding-top:30px;padding-right:10px}.ribbon{background:#eae3f3;display:flex;justify-content:center;align-items:center;gap:45px;padding:21px 24px;font-size:15px;color:#5e477f;flex-wrap:wrap}.ribbon b{font-size:20px;color:#9777b5}.section{padding-block:105px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:45px}.section-heading h2{font-size:54px;letter-spacing:-1px;line-height:1.08;margin-top:18px}.section-heading>p{max-width:400px;color:#6a5d75;font-size:16px;margin-bottom:6px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.world-card{background:#efe9f3;border-radius:24px;overflow:hidden}.world-card:nth-child(2){background:#f4e8d6}.world-card:nth-child(3){background:#e7ece0}.world-card>img{width:100%;aspect-ratio:1.2;object-fit:cover}.world-card>div{padding:27px}.world-card span,.screens figcaption>span{font-size:10px;letter-spacing:1.5px;color:#6f5a81}.world-card h3{font-size:27px;line-height:1.18;margin-block:13px}.world-card p{font-size:14px;color:#62566a}.discovery{background:#eee8f5;border-radius:70px 70px 0 0}.screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.screens figure{min-width:0}.screens h3{font-size:24px;line-height:1.2;margin-block:10px 5px}.screens figcaption>p{font-size:12px;color:#6a5d75;min-height:42px}.phone{background:#19172a;border:6px solid #312944;border-radius:30px;overflow:hidden;box-shadow:0 18px 35px #33214820;margin-top:22px}.phone img{width:100%;height:auto;aspect-ratio:1206/2622}.screen-note{font-size:11px;color:#70617e;text-align:center;margin-top:35px}.screen-note>span{display:none}.bedtime{background:#191630;color:#f8f0ff;position:relative;overflow:hidden}.bedtime-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding-block:85px}.bedtime-copy{position:relative;z-index:1}.bedtime .eyebrow{color:#d0b9e9}.bedtime h2{font-size:58px;letter-spacing:-1px;line-height:1.12;margin-block:23px}.bedtime em{color:#ffdb96}.bedtime-copy>p:not(.eyebrow){max-width:440px;color:#c6bcd9;font-size:16px}.bedtime-pills{display:flex;gap:12px;flex-wrap:wrap;margin-block:30px}.bedtime-pills span{font-size:12px;padding:12px 15px;border:1px solid #bca4d338;border-radius:30px;color:#f5d99e}.bedtime-copy .bedtime-note{font-size:12px!important;color:#ae9bc1!important}.sleep-art{position:relative;padding:0 55px}.sleep-art:before{content:'';position:absolute;inset:0 -90px;border-radius:50%;background:radial-gradient(ellipse,#7c59b44a,transparent 65%)}.sleep-phone{position:relative;max-width:245px;margin:0 auto;transform:rotate(7deg);border-color:#84719755}.sleep-star{position:absolute;left:0;top:35px;font-size:65px;color:#ffdc98}.sleep-label{position:absolute;right:-3px;bottom:55px;background:#ffdfa0;color:#493657;border-radius:18px;padding:16px 24px;transform:rotate(-9deg);font-family:Kiddo;font-size:20px}.parent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.feature-symbol{display:flex;align-items:center;justify-content:center;background:#eae0f2;border-radius:22px;width:58px;height:58px;color:#7154ac;font-size:32px}.parent-grid article:nth-child(2) .feature-symbol{background:#f5dfd5;color:#ab6156}.parent-grid article:nth-child(3) .feature-symbol{background:#e5ead9;color:#62784b}.parent-grid h3{font-size:24px;line-height:1.2;margin-block:22px 12px}.parent-grid p{font-size:14px;color:#6a5d75}.faq{margin-top:80px;border-top:1px solid #30244725;padding-top:40px;max-width:850px;margin-inline:auto}.faq>h3{font-size:30px;margin-bottom:20px}.faq details{border-bottom:1px solid #30244725;padding-block:20px}.faq summary{cursor:pointer;font-size:16px;line-height:1.5;padding-right:10px}.faq details p{padding-top:14px;font-size:14px;color:#6a5d75;max-width:700px}.faq a{text-decoration:underline}.finale{position:relative;text-align:center;background:#eae1f1;border-radius:45px;padding:65px 35px;overflow:hidden}.finale>img{margin:0 auto 20px;border-radius:22px;transform:rotate(-8deg)}.finale h2{font-size:64px;line-height:1.06;letter-spacing:-1px;margin:20px auto}.finale>p:not(.eyebrow){font-size:15px;color:#675771}.platforms{display:flex;justify-content:center;gap:12px;margin:25px 0}.platforms span{background:#f9f5ed9c;padding:12px 20px;border-radius:15px;font-size:13px}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}.finale-star{position:absolute;left:16%;top:110px;font-size:55px;color:#b7863d;transform:rotate(12deg)}.footer{padding-top:70px;padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:30px}.footer-top .logo{font-size:23px}.footer-top p,.footer-top>a:last-child{font-size:12px;color:#706179}.footer nav{border-top:1px solid #30244720;padding-top:25px;display:flex;flex-wrap:wrap;gap:24px;font-size:11px;color:#706179}.copyright{font-size:10px;color:#706179;margin-top:25px}
@media(min-width:1500px){.hero{padding-block:65px 100px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav nav{gap:18px;font-size:12px}.nav nav>a:nth-child(3){display:none}.hero{gap:25px}.hero h1{font-size:62px}.intro{font-size:15px}.world-grid{gap:18px}.world-card>div{padding:22px}.world-card h3{font-size:23px}.screens{gap:18px}.screens h3{font-size:21px}.bedtime-inner{gap:30px}.bedtime h2{font-size:49px}.sleep-art{padding-inline:30px}.ribbon{gap:25px}.parent-grid{gap:30px}.parent-grid h3{font-size:22px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.brand-bar{padding-block:14px}.brand-bar>span{display:none}.brand-bar>a{justify-content:space-between;width:100%}.nav{padding-block:17px;gap:10px}.logo{font-size:23px;gap:5px}.logo>img{width:38px;height:38px;border-radius:11px}.nav nav>a{display:none}.nav nav .nav-button{display:block;font-size:11px;padding:10px 13px}.nav-button span{margin-left:8px}.hero{grid-template-columns:1fr;padding-block:30px 45px;gap:48px}.hero h1{font-size:clamp(43px,11.8vw,77px);letter-spacing:-1.5px;margin-block:20px}.hero h1 em br{display:block}.hero .eyebrow{font-size:10px}.intro{font-size:16px;max-width:440px}.button{margin-top:23px}.availability{font-size:10px}.hero-art{width:84%;max-width:390px;margin:auto;padding:0 5px 20px}.art-arch img{width:100%;aspect-ratio:1.08}.art-sticker{left:-25px;bottom:40px;font-size:11px;padding:12px 15px;border-radius:15px}.art-sticker>span{font-size:36px}.star-one{top:-28px;left:-25px;font-size:42px}.star-two{right:-18px;bottom:95px;font-size:32px}.art-caption{font-size:8px;letter-spacing:1px;padding-top:22px}.ribbon{gap:16px 24px;padding:22px 15px;font-size:12px}.ribbon b{font-size:15px}.ribbon b:last-child{display:none}.section{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading h2{font-size:43px;margin-top:15px}.section-heading>p{font-size:15px;max-width:440px}.eyebrow{font-size:9px;letter-spacing:1.6px}.world-grid{grid-template-columns:1fr;gap:24px}.world-card>img{aspect-ratio:1.4}.world-card>div{padding:25px}.world-card h3{font-size:29px}.world-card h3 br{display:none}.world-card p{max-width:420px}.discovery{border-radius:35px 35px 0 0}.screens{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;padding:0 8px 30px;scrollbar-color:#a28bbf transparent;scrollbar-width:thin}.screens figure{flex:0 0 72%;scroll-snap-align:center;max-width:270px}.screens h3{font-size:25px}.screens figcaption>p{font-size:12px;min-height:0}.phone{margin-top:20px;border-radius:30px}.screen-note{font-size:10px;margin-top:12px}.screen-note>span{display:block;margin-top:7px}.bedtime-inner{grid-template-columns:1fr;padding-block:65px;gap:45px}.bedtime h2{font-size:43px}.bedtime-copy>p:not(.eyebrow){font-size:15px}.bedtime-pills{gap:8px;margin-block:24px}.bedtime-pills span{font-size:11px;padding:10px 12px}.sleep-art{max-width:340px;margin:auto;width:100%;padding-inline:50px}.sleep-phone{max-width:220px;margin-top:0}.sleep-label{right:0;font-size:18px;padding:12px 20px}.sleep-star{font-size:45px;left:5px}.parent-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.parent-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:18px}.feature-symbol{width:50px;height:50px;border-radius:18px;grid-row:span 2;font-size:28px}.parent-grid h3{font-size:23px;margin:3px 0 9px}.parent-grid p{grid-column:2;font-size:14px}.faq{margin-top:50px;padding-top:30px}.faq>h3{font-size:26px}.faq summary{font-size:14px}.faq details{padding-block:18px}.finale{padding:45px 20px;border-radius:30px}.finale h2{font-size:46px}.finale>p:not(.eyebrow){font-size:13px}.finale-star{left:9%;top:65px;font-size:32px}.platforms{gap:8px}.platforms span{font-size:12px;padding:11px 16px}.footer{padding-top:45px}.footer-top{flex-wrap:wrap;gap:16px}.footer-top p{width:100%;order:3}.footer-top>a:last-child{font-size:10px}.footer nav{gap:18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
