/* Homepage layout and interactions. */
.header .brand-logo img{width:125px}.header{padding-top:16px;padding-bottom:16px}.header nav{gap:26px}.section{padding-top:90px;padding-bottom:90px}.section-heading{max-width:660px;margin-bottom:42px}.section-heading>p:last-child{font-size:1.1rem}.moment-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:54px}.moment-choices{display:flex;flex-direction:column;gap:12px}.moment-choice{font:inherit;text-align:left;padding:20px 24px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:transparent;cursor:pointer;font-weight:650;font-size:1.1rem}.moment-choice span{display:inline-block;font-size:.7rem;margin-right:12px;font-weight:400}.moment-choice small{display:block;font-weight:400;font-size:.8rem;margin-left:30px;margin-top:3px}.moment-choice[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.moment-choice:hover{background:var(--soft);color:var(--ink)}.moment-detail{background:var(--soft);border-radius:20px;padding:38px}.moment-detail h3{font-size:2rem}.conversation{margin:26px 0;border-top:1px solid var(--line);padding-top:22px}.conversation span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.conversation p{font-size:1.15rem;margin-top:8px}.belief{padding:80px 0;background:var(--soft)}.belief-inner{max-width:880px;text-align:center}.belief h2{font-size:clamp(2.2rem,4vw,3.4rem)}.belief-inner>p:not(.eyebrow){max-width:650px;margin:25px auto 0;font-size:1.1rem}.belief-inner .belief-note{font-size:.85rem}.reassurance{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.reasons article{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:25px}.reasons article:last-child{margin:0}.reasons h3{font-size:1.25rem}.reasons p{margin:0}.button,form button{background:var(--accent);color:var(--on-accent)}.button:hover,form button:hover{background:var(--accent-hover);color:var(--on-accent)}.eyebrow,.number,.offer-note{color:var(--accent-text)}.offer{background:var(--soft)}.band{background:var(--soft)}.store-link{background:var(--ink);color:var(--cream)}.store-link:hover{background:var(--accent);color:var(--on-accent)}input[type=checkbox]{accent-color:var(--accent)}:focus-visible{outline-color:var(--accent-text)}.media-placeholder{background:var(--soft);border-color:var(--line)}.media-placeholder.demo{background:var(--secondary)}.form-panel{border-color:var(--line)}.app-section{gap:50px}.hero .intro,.play-hero .intro{font-size:1.2rem}.footer a{word-break:normal}.book-scene img,.night-book img,.adventure-card img{mix-blend-mode:multiply}
@media(max-width:900px){.header{flex-wrap:wrap;justify-content:center}.header nav{justify-content:center;flex-wrap:wrap;gap:18px}.moment-layout{gap:25px}.reassurance{gap:45px}}
@media(max-width:800px){.section{padding-top:58px;padding-bottom:58px}.moment-layout,.reassurance{grid-template-columns:1fr;gap:28px}.moment-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moment-choice{font-size:1rem;padding:16px}.moment-choice small{margin-left:0}.belief{padding:58px 0}.app-section{gap:25px}.reassurance h2 br{display:none}.reassurance h2{max-width:400px}}
@media(max-width:520px){.moment-choices{grid-template-columns:1fr}.moment-choice{padding:15px 20px}.moment-choice small{margin-left:30px}.moment-detail{padding:26px}.moment-detail h3{font-size:1.7rem}.section-heading{margin-bottom:28px}.header nav .small{width:100%}.belief h2 br{display:none}.section{padding-top:48px;padding-bottom:48px}}

/* A gentler way in: terracotta, paper and an illustrated-book composition. */
:root{--cream:#faf3ea;--ink:#3f302a;--muted:#756157;--line:#ddc8b8;--accent:#a5442b;--accent-hover:#843522;--accent-text:#99422b;--on-accent:#fff8ee;--soft:#f0e2d1;--secondary:#e3e7d6}
body{background:var(--cream);font-family:"Segoe UI",sans-serif}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}h3{font-family:Georgia,serif;font-weight:400}.header{border-bottom:1px solid var(--line)}nav a{font-size:.8rem}.brand-logo{mix-blend-mode:multiply}.button,form button{border-radius:4px;padding:15px 23px;font-size:.85rem}.eyebrow{font-size:.68rem;letter-spacing:.16em}.hero{grid-template-columns:1.05fr 1fr;gap:70px;padding-top:70px;padding-bottom:95px}.hero h1{font-size:clamp(4rem,6.6vw,6.2rem);line-height:1.01}.hero h1 em{font-style:italic;color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:480px}.hero .intro{font-weight:500;margin-top:28px}.hero .actions{gap:20px}.text-link{font-weight:500;font-size:.9rem}.book-scene{position:relative;padding:35px 15px 65px}.scene-note{display:block;font-size:.75rem;letter-spacing:.04em;margin-bottom:26px;text-align:center}.book{position:relative;background:#e9b9a1;border-radius:5px 15px 15px 5px;padding:35px 26px 24px 40px;text-align:center;box-shadow:8px 7px 0 #fef9f0,10px 9px 0 #ba8f76,20px 25px 40px #5d382f22;transform:rotate(5deg);border:1px solid #bd876b}.book-spine{position:absolute;left:12px;top:0;bottom:0;border-right:1px solid #b77d60}.book-kicker{font-size:.59rem;letter-spacing:.17em}.book h2{font-size:2.6rem;margin-top:24px;line-height:1.05}.book img{width:220px;margin:10px auto}.book>p:not(.book-kicker){font-family:Georgia,serif;font-size:1rem}.book-foot{font-size:.53rem;letter-spacing:.13em}.sample-note{display:block;font-size:.65rem;margin-top:25px;color:var(--muted)}.paper-note{position:absolute;bottom:0;right:-15px;background:#f5e6a5;box-shadow:3px 5px 15px #66503122;padding:22px;font-family:Georgia,serif;font-style:italic;font-size:1.1rem;transform:rotate(-8deg)}.moments{border-top:1px solid var(--line)}.moment-choice{border-radius:0}.moment-detail{border-radius:2px;background:#e9dfce}.conversation p{font-family:Georgia,serif;font-size:1.35rem}.belief{background:#a5442b;color:#fff5e9}.belief .eyebrow{color:#f4c7af}.belief-note{color:#f3d2bd}.reasons h3{font-size:1.45rem}.four{gap:30px}.number{font-family:Georgia,serif;font-size:2rem;font-weight:400}.media-placeholder{border:0;border-radius:50% 50% 4px 4px;aspect-ratio:16/11}.media-placeholder strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.price-card{border-radius:4px;border:1px solid var(--line)}.price-card h3{font-size:1.8rem}.price{font-family:Georgia,serif;font-size:4rem;font-weight:400}.offer{background:#efe1c9;border-radius:0}.form-panel{border-radius:4px;background:#fffaf3;padding:32px}.signup{gap:70px}.store-link{border-radius:4px}.support h2{font-size:2.7rem}.footer .brand{font-family:Georgia,serif;font-weight:400}
@media(max-width:1000px){.hero{gap:40px}.hero h1{font-size:4.6rem}.book{padding-left:30px;padding-right:20px}.book h2{font-size:2.2rem}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:65px}.hero h1{font-size:5.2rem}.hero-copy>p:not(.eyebrow){max-width:600px}.book-scene{width:85%;max-width:440px;margin:auto}.signup{gap:30px}.book img{width:190px}.book-scene{padding-top:0}.hero .actions{margin-top:24px}}
@media(max-width:520px){.hero h1{font-size:clamp(3.4rem,17vw,4.3rem)}.hero{gap:35px}.book-scene{width:90%;padding-left:0;padding-right:10px}.book h2{font-size:2.15rem}.paper-note{right:-5px;font-size:1rem;padding:16px}.scene-note{font-size:.7rem}.support h2{font-size:2.2rem}}
.support-intro{font-family:Georgia,serif;font-size:1.35rem}

/* Promotional video keeps the source aspect ratio on every screen. */
.promo-section{border-top:1px solid var(--line)}
.promo-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:30px}
.promo-heading h2{margin-bottom:0}.promo-heading>p{max-width:430px;margin-bottom:0;color:var(--muted)}
.promo-video{display:block;width:100%;height:auto;aspect-ratio:20/11;background:#241b17;border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 35px #5d382f14}
@media(max-width:800px){.promo-heading{grid-template-columns:1fr;gap:16px}.promo-heading>p{max-width:600px}}
@media(max-width:520px){.promo-heading{margin-bottom:22px}.promo-video{border-radius:6px}}

/* Keep the promo close to the introduction on smaller screens. */
@media(max-width:800px){.hero .book-scene{display:none}.hero{padding-bottom:40px}}

/* Widen the mobile player without cropping the video or its poster. */
.promo-video{object-fit:contain}
@media(max-width:800px){.promo-section{padding-left:8px;padding-right:8px}.promo-heading{padding-left:20px;padding-right:20px}}
@media(max-width:520px){.promo-heading{padding-left:12px;padding-right:12px}}

/* Beta invitation email alongside the existing mobile contact. */
.email-label{display:block;font-weight:650;margin-bottom:8px}#email{width:100%;min-width:0;font:inherit;font-size:16px;border:1px solid #718874;border-radius:8px;padding:12px;background:white}#email-help{margin:8px 0 20px}

#interest-form .email-label+input{margin-bottom:20px}.signup-notice{margin:20px 0 0}

#interest-form button:disabled{cursor:not-allowed}

/* Keep both contact labels consistent across screen sizes. */
#interest-form .contact-label{display:block;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5;margin:0 0 8px}#interest-form .contact-label span{color:var(--accent-text);margin-left:2px}