/* NanaTato storybook redesign — shared with the native Android palette. */
:root{--warm-cream:#fffaf0;--cream-surface:#fffdf8;--cream-variant:#f0ebdf;--ink-brown:#303128;--soft-ink:#68685c;--cta-bg:#b64b20;--cta-text:#fffdf8;--link:#9c4222;--focus-ring:#98642c;--font-head:"Nunito",system-ui,sans-serif;--container:80rem;--fs-h2:clamp(2rem,3.6vw,3.1rem);--sh-card:0 8px 30px #61523309;--r-xl:2rem}
body{background:#fffaf0;color:var(--ink-brown)}
h1,h2,h3{font-weight:800;letter-spacing:-.035em}h2{line-height:1.13}p{line-height:1.65}
.section{padding-block:88px}.section-head{margin-bottom:36px}.section-head.center{max-width:700px}.lead{max-width:640px;margin-inline:auto;font-size:1.1rem;color:var(--soft-ink)}.eyebrow{font-size:11px;letter-spacing:.17em;color:#80563f;font-weight:800}.seam-top::before{display:none}
.btn{font-weight:800;box-shadow:none;min-height:48px}.btn-primary{background:#b64b20;color:#fffdf8;box-shadow:none}.btn-primary:hover{background:#9a3f1b;box-shadow:none;transform:translateY(-2px)}.btn-ghost{color:var(--ink-brown);border-color:#d8cdbb}.on-night .btn-ghost{color:var(--night-text);border-color:#626984}.btn-lg{padding:18px 26px}.btn-soon{opacity:1}
.nav,.nav.scrolled{position:sticky;top:0;background:#fffaf0f5;color:var(--ink-brown);border-bottom:1px solid #eee7d8;box-shadow:none;backdrop-filter:blur(16px)}.nav-inner{height:84px;gap:24px}.brand{color:var(--ink-brown);font-size:1.65rem;font-weight:800;letter-spacing:-.04em;gap:10px}.brand-mark{width:44px;height:44px;object-fit:cover;border-radius:15px}.nav-links{gap:24px}.nav-links a{color:#616155;font-size:14px;font-weight:700}.nav-links a:hover{color:#b64b20}.nav-toggle{color:var(--ink-brown);border-color:#d8cdbb;background:transparent}.nav-sheet{background:#fffaf0;color:var(--ink-brown)}.nav-sheet a{color:var(--ink-brown)}
.storybook-hero{padding:0;background:#fffaf0;overflow:hidden;color:var(--ink-brown);min-height:0}.storybook-hero::before,.storybook-hero::after{display:none}.storybook-hero-grid{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:36px;padding-top:65px;padding-bottom:76px}.hero-copy{max-width:580px;padding:0;position:relative;z-index:1}.hero-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#766f59;display:flex;align-items:center;gap:9px;margin-bottom:22px}.hero-kicker>span{font-size:23px;color:#b64b20}.hero-copy h1{font-size:clamp(3.1rem,5.25vw,4.6rem);line-height:1.06;letter-spacing:-.055em;margin:0;color:#303128;max-width:none}.hero-copy h1 span{color:#b64b20}.hero-description{font-size:17px;max-width:445px;color:#68685c;margin-top:26px}.hero-ctas{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:27px}.hero-ctas .btn{font-size:15px;padding:15px 22px}.play-outline{font-size:24px;line-height:1}.hero-secondary{font-size:14px;color:#44453b;font-weight:800;display:inline-flex;align-items:center;gap:7px;min-height:44px}.launch-note{font-size:12px;color:#777263;margin-top:14px}.hero-promises{display:flex;gap:22px;border-top:1px solid #e7dfcd;padding-top:22px;margin-top:28px;font-size:12px;font-weight:700;color:#626651;flex-wrap:wrap}
.hero-world{position:relative;height:530px;width:100%;isolation:isolate}.world-art{position:absolute;top:22px;left:0;width:100%;height:430px;object-fit:cover;object-position:38% center;border-radius:48% 48% 38% 42%;box-shadow:none}.world-note{position:absolute;top:0;right:22px;transform:rotate(7deg);background:#eee8f5;color:#5f5575;border:5px solid #fffaf0;border-radius:22px;padding:13px 18px;font-size:12px;font-weight:700;line-height:1.45;box-shadow:0 4px 18px #55456708}.world-note>span{color:#a36d35;font-size:21px;float:left;margin-right:8px}
.device-preview{position:absolute;right:12px;bottom:-16px;width:236px;padding:10px;background:#fffaf0;border:6px solid #33372f;border-radius:34px;box-shadow:10px 20px 40px #463d3330;transform:rotate(7deg);font-size:10px;text-align:left}.device-status{display:flex;justify-content:space-between;padding:0 13px 10px;font-weight:800;font-size:9px}.device-greeting{display:flex;gap:7px;align-items:center;padding:4px 0 12px}.device-greeting img{width:32px;height:32px;border-radius:50%;object-fit:cover}.device-greeting small{font-size:5px;letter-spacing:.1em;display:block}.device-greeting strong{font-size:14px;font-weight:800}.device-greeting>span{margin-left:auto;font-size:21px;color:#b64b20}.device-feature{border-radius:18px;background:#fffdf8;overflow:hidden}.device-feature>img{width:100%;height:120px;object-fit:cover}.device-feature>div{padding:12px}.device-feature small{font-size:6px;color:#ac532d;font-weight:800;letter-spacing:.1em}.device-feature .df-title{font-family:var(--font-head);font-weight:800;letter-spacing:-.035em;font-size:18px;line-height:1.18;margin:5px 0 11px}.device-start{display:block;background:#b64b20;color:white;border-radius:30px;padding:9px 6px;text-align:center;font-size:8px;font-weight:800}.device-journey{display:flex;align-items:center;gap:7px;background:#eae5f6;border-radius:15px;padding:8px;margin-top:10px}.device-journey img{width:34px;height:34px;border-radius:9px;object-fit:cover}.device-journey strong{font-size:9px}.device-journey small{display:block;font-size:6px}.device-tabs{display:flex;justify-content:space-around;margin-top:12px;padding:8px 0 2px;border-top:1px solid #e7dfcd;color:#747366}.device-tabs span{text-align:center;font-size:18px;line-height:1.1}.device-tabs small{display:block;font-size:6px;margin-top:3px}.device-tabs .selected{color:#b64b20}
.bedtime-strip{background:#f0eddf;border-top:1px solid #e8e4d7;border-bottom:1px solid #e8e4d7}.bedtime-strip .container{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:19px;font-size:12px;font-weight:700;color:#666952}.bedtime-strip span+span:before{content:'✦';margin-right:20px;color:#bb8150}
#stories{background:#fffaf0}.story-filters{justify-content:center;gap:9px;margin-bottom:32px}.filter-chip{background:transparent;border:1px solid #ded8ca;border-radius:99px;color:#68685c;padding:10px 19px;min-height:44px;font-weight:700}.filter-chip[aria-pressed=true]{background:#303d35;color:#fffaf0;border-color:#303d35}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.story-card{padding:0 0 20px;border:0;border-radius:24px;background:#fffdf8;box-shadow:none;overflow:hidden;display:block;position:relative}.story-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #544b3910}.story-illustration{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:24px}.story-card h3{font-size:18px;padding:17px 20px 6px;line-height:1.3}.story-meta{padding-inline:20px;font-size:12px}.fav-heart{top:12px;right:12px;width:44px;height:44px;background:#fffaf0e8;color:#68685c;border-radius:50%;z-index:1}.fav-heart[aria-pressed=true]{color:#b64b20;background:#fffaf0}.story-more{margin-top:30px;background:#efe9dc;border:0;box-shadow:none;color:var(--ink-brown);border-radius:24px}.story-more .sm-copy strong{color:var(--ink-brown);font-weight:800}.story-more .sm-copy span{color:var(--soft-ink)}.story-more .sm-art img{height:100%;width:100%;object-fit:cover}.story-more .sm-cta{color:#b64b20;background:#fffaf0;border:0}.story-more.is-soon:hover{box-shadow:none}
#meet{background:#f2eedf}.hosts-grid{gap:28px}.host-card{padding:0;background:#fffaf0;border:0;box-shadow:none;display:grid;grid-template-columns:44% 1fr;align-items:center;gap:0;border-radius:30px;overflow:hidden;text-align:left}.host-card:hover{transform:none;box-shadow:none}.host-illustration{width:100%;height:100%;min-height:255px;object-fit:cover;object-position:center}.host-copy{padding:27px}.host-copy h3{font-size:30px;margin-bottom:8px}.host-copy p{font-size:14px;line-height:1.7}.host-card:nth-child(2){background:#eee9f8}
#journey{background:#fffaf0;color:var(--ink-brown)}.journey-illustration{width:100%;height:260px;object-fit:cover;object-position:center 44%;border-radius:36px;margin-bottom:28px}.journey-rail{gap:12px}.journey-path,.travel-dot{display:none}.station{border:0;box-shadow:none;border-radius:22px;padding:22px 17px;text-align:left;background:#f1eedf;color:var(--ink-brown)}.station h3{font-size:17px;margin-top:18px;letter-spacing:-.02em}.station p{font-size:13px}.station .step-no{width:32px;height:32px;background:#fffaf0;color:#805f41;border:0;font-size:13px;box-shadow:none}.station[data-step="2"]{background:#fce5d5}.station[data-step="3"]{background:#eae5f6}.station[data-step="4"]{background:#dce6df;color:#303d35}.station[data-step="4"] h3{color:#303d35}.station[data-step="5"]{background:#333f42}.breathe-ring{display:none}.journey-caption{color:var(--soft-ink);margin-top:24px}
#features{background:#f3eee5}.feature-grid{gap:24px}.feature-card{padding:0 0 24px;border:0;border-radius:26px;overflow:hidden;background:#fffaf0;box-shadow:none}.feature-card:hover{box-shadow:none;transform:none}.feature-illustration{width:100%;height:165px;object-fit:cover}.feature-card h3{margin:20px 24px 8px;font-size:20px}.feature-card p{margin:0 24px;font-size:14px;line-height:1.65}.player-demo{max-width:780px;margin:52px auto 0;background:#26333c;border-radius:32px;box-shadow:none;border:0;padding:30px}.pd-head{align-items:center}.pd-art{width:94px;height:75px;border-radius:16px;overflow:hidden}.pd-art img{width:100%;height:100%;object-fit:cover}.pd-title{font-family:var(--font-head);font-weight:800}.pd-playbtn{background:#f59e66;color:#26333c;box-shadow:none}.pd-fill{background:#f59e66}.pd-timer-chip{min-height:44px}.player-demo .eyebrow{letter-spacing:.08em}
#calm{background:#e9e6f2}.calm-illustration{margin-top:32px;width:100%;max-height:310px;object-fit:cover;border-radius:30px}.calm-panel{background:#fffaf0;border:0;box-shadow:none;color:var(--ink-brown);border-radius:28px;padding:26px}.calm-panel h3{color:var(--ink-brown);font-weight:800}.calm-preview{background:#303b44;border-radius:20px}.toggle-row{color:var(--ink-brown);border-color:#ded8d0}.toggle-row label{color:var(--ink-brown)}.toggle-row .track{background:#d6d1c6}.switch input:checked~.track{background:#6e856e}
#trust{background:#303e36;color:#fffaf0}.trust-badge{background:#ffffff08;border:1px solid #ffffff1c;border-radius:20px}.trust-badge.showpiece{background:#ffffff10;box-shadow:none}.trust-badge .chk{background:#cddcc3;color:#303e36}#trust .eyebrow{color:#d6d7c1}#pricing{background:#fffaf0;color:var(--ink-brown)}#pricing .eyebrow{color:#80563f}.pricing-card{background:#f0ecdf;border:0;box-shadow:none;border-radius:32px;color:var(--ink-brown)}.free-line,.trial-head,.price,.price-sub,.trial-block p,.price-store-note,.gate-caption,.hold-label,.gate-fallback{color:var(--ink-brown)}.trial-block{background:#fffaf08c;border-color:#e0d9c9}.parent-gate{border-color:#d8d0be}.gate-detail{background:#fffaf0;color:var(--ink-brown)}.gate-answer.btn-ghost{color:var(--ink-brown);border-color:#c8c1b3}.signup-card{background:#fffdf8;border:1px solid #e4ddcf;border-radius:28px;box-shadow:none;color:var(--ink-brown)}.signup-h3,.signup-label{color:var(--ink-brown)}.signup-lead,.signup-note{color:var(--soft-ink)}.signup-input{background:#fffaf0;color:var(--ink-brown);border-color:#cec6b6}.signup-note a{color:#9c4222}.signup-status.ok{color:#356345}.signup-status.err{color:#a03428}
#faq{background:#f1eddf;color:var(--ink-brown)}#faq .eyebrow{color:#80563f}.faq-item{border-color:#d8d0c0;background:transparent}.faq-item summary{color:var(--ink-brown);font-weight:800}.faq-answer{color:var(--soft-ink)}.final-cta{background:#25343a;color:#fffaf0;padding-top:65px}.final-illustration{width:240px;height:155px;border-radius:90px;margin:0 auto 26px;object-fit:cover}.final-cta h2{max-width:700px;margin-inline:auto}.final-cta .lead{color:#c8d0d0}.site-footer{border-color:#ffffff20}.footer-links a{color:#e4dfcc}
/* Avoid scroll effects competing with the still, illustrated surfaces. */
.hero-world,.device-preview{animation:none}.reveal{transition-duration:450ms}html{scroll-padding-top:105px}
@media(min-width:900px){.hosts-grid{grid-template-columns:1fr 1fr}.journey-rail{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1090px){.nav-links{gap:15px}.nav-links a{font-size:12px}.hero-ctas{gap:8px}.hero-world{height:500px}.device-preview{width:210px;right:0}.world-art{height:390px;top:45px}.storybook-hero-grid{gap:24px}.bedtime-strip .container{font-size:11px;gap:10px}.bedtime-strip span+span:before{margin-right:10px}.host-copy{padding:20px}.host-illustration{min-height:280px}}
@media(max-width:800px){.section{padding-block:60px}.nav-inner{height:72px;gap:14px}.brand{font-size:24px}.nav-cta{margin-left:auto}.nav-cta .btn{font-size:12px;padding:10px 16px}.storybook-hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px;gap:18px}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(3.4rem,10vw,5rem)}.hero-description{max-width:540px}.hero-world{height:480px;max-width:570px;margin:auto}.world-art{top:20px;height:380px}.device-preview{right:15px;bottom:0;width:210px}.world-note{right:8px}.hero-promises{margin-top:20px;padding-top:18px}.bedtime-strip .container{justify-content:center;flex-wrap:wrap;gap:10px 20px}.bedtime-strip span:first-child{width:100%;text-align:center}.bedtime-strip span+span:before{display:none}.bedtime-strip span{font-size:11px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card h3{font-size:17px;padding:15px 16px 6px}.story-meta{padding-inline:16px}.hosts-grid{grid-template-columns:1fr}.host-illustration{height:250px;min-height:0}.host-copy{padding:24px}.journey-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.station:last-child{grid-column:1/-1}.station h3{margin-top:10px}.journey-illustration{height:220px}.calm-grid{gap:32px}.calm-illustration{max-height:260px}.feature-illustration{height:190px}.player-demo{padding:24px}.nav-sheet{top:72px}}
@media(max-width:480px){.container{padding-inline:22px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand{font-size:22px}.nav-cta .btn{font-size:11px;padding:10px 12px}.nav-inner{gap:9px}.hero-kicker{font-size:8px;letter-spacing:.1em}.hero-copy h1{font-size:3.35rem}.hero-description{font-size:16px}.hero-ctas{gap:9px;align-items:flex-start;flex-direction:column}.hero-secondary{min-height:44px}.hero-promises{font-size:11px;gap:18px}.hero-world{height:435px;margin-top:10px}.world-art{height:290px;top:30px}.world-note{font-size:10px;padding:10px 12px;right:0}.device-preview{width:190px;right:3px;bottom:0;border-width:5px;transform:rotate(5deg)}.device-feature>img{height:100px}.device-feature .df-title{font-size:16px}.device-greeting strong{font-size:12px}.device-tabs{margin-top:8px}.hero-world .device-greeting small{font-size:4px}.story-grid{grid-template-columns:1fr;gap:22px}.story-card h3{font-size:20px}.story-illustration{aspect-ratio:1.7}.story-filters{gap:7px}.filter-chip{padding:9px 13px;font-size:12px}.story-more{padding:16px;gap:14px}.story-more .sm-art{display:none}.story-more .sm-copy strong{font-size:17px}.story-more .sm-cta{font-size:11px}.host-card{grid-template-columns:42% 1fr}.host-illustration{height:265px}.host-copy{padding:18px}.host-copy h3{font-size:27px}.host-copy p{font-size:13px}.station{padding:18px 14px}.journey-illustration{height:185px}.player-demo{padding:20px}.pd-art{width:75px;height:65px}.pd-title{font-size:17px}.pd-meta{font-size:12px}.pd-timers{gap:8px}.calm-panel{padding:20px}.signup-card{padding:24px 20px}.signup-row{flex-direction:column}.signup-input{width:100%;min-width:0}.signup-btn{width:100%}.pricing-card{padding:26px 20px}.gate-q-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.device-preview,.world-note,.story-card,.btn{transition:none;animation:none}.reveal{opacity:1;transform:none}}
/* Explicit light-surface text roles supersede the original night section styles. */
.brand .wordmark{color:#303128;font-family:var(--font-head);font-size:26px;font-weight:800;letter-spacing:-.045em}
#pricing h2,#pricing h3,#faq h2{color:#303128}.pricing-card .free-line,.trial-block .trial-head{color:#515448}.faq-item .faq-answer{color:#68685c}.gate-detail strong{color:#303128}.signup-input::placeholder{color:#777267}.signup-input:focus-visible{outline-color:#9c4222}
#stories .section-head{text-align:center;margin-inline:auto;max-width:760px}
#stories .section-head .lead{max-width:610px}.story-filters{margin-inline:auto}
@media(max-width:480px){.brand .wordmark{font-size:22px}.hero-description{margin-top:20px}.hero-promises{margin-top:14px}.hero-world{margin-top:0}}
/* The visible switch decoration must not block the real checkbox hit target. */
.switch .track,.switch .knob{pointer-events:none}
@media(max-width:480px){.signup-input{flex:0 0 auto;height:52px;min-height:52px}}
/* "At a glance": plain, quotable facts near the top of the page. */
#glance{background:#f7f2e6}
.glance-list{display:grid;gap:12px;margin-top:8px}
.glance-row{display:grid;grid-template-columns:minmax(9rem,13rem) 1fr;gap:6px 24px;align-items:baseline;padding:16px 20px;background:var(--cream-surface,#fffdf8);border:1px solid #e8e1d2;border-radius:18px}
.glance-row dt{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em;color:#8f4a26}
.glance-row dd{margin:0;line-height:1.6;color:var(--soft-ink,#686a5c)}
.glance-row dd a{color:#8f4a26;text-decoration:underline;text-underline-offset:.16em}
@media(max-width:640px){.glance-row{grid-template-columns:1fr;gap:2px;padding:14px 16px}}