/* Quiet atmosphere and a touch-first adaptation of Momi's invitation. */
.petal-sky{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:8}
.header-actions{display:flex;align-items:center;gap:12px;flex:none}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:transparent;color:var(--muted);font-size:13px;font-weight:750}
.menu-toggle:hover{background:#e9ddf5;color:var(--ink)}
.menu-toggle{display:none}.menu-lines{width:18px;height:12px;border-block:2px solid currentColor;position:relative}.menu-lines:after{content:'';position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
.hero-illustration{display:block;height:100%}
.browser-bar{padding-block:8px}
@media(min-width:801px) and (max-width:1150px){.site-header{padding-inline:4%;gap:12px}.site-header nav{gap:8px}.site-header nav a{gap:1px;font-size:14px}.header-actions{gap:8px}.header-cta{padding-inline:16px}}
@media(max-width:800px){
 html{scroll-padding-top:20px}.site-header{padding:12px max(18px,env(safe-area-inset-left));gap:10px;min-height:72px}
 .site-header .brand{font-size:32px}.site-header .brand-flower{width:25px;height:25px}.header-actions{gap:8px}.header-cta{display:none}.menu-toggle{display:inline-flex}
 .menu-ready .site-header nav{display:none}.menu-ready .site-header nav.is-open{display:grid;grid-template-columns:1fr;gap:4px}.site-header nav{padding:8px 0 0;order:3;width:100%}
 .site-header nav a{font-size:16px;gap:10px;padding:8px 12px;min-height:48px;border-radius:10px;text-decoration:none}.site-header nav a:hover{background:#eee3f8}.site-header .nav-icon{width:28px;height:28px}
 .hero{background:var(--paper)}.letter-scene{padding-bottom:4px}.hero-illustration{height:220px;background:var(--paper);padding:2px 20px 0}.hero-illustration .letter-art{height:100%;width:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
 .letter-copy{margin:0 auto;width:calc(100% - 36px);max-width:620px;padding:25px 24px 24px;background:#fff6ee;box-shadow:0 5px 20px #48204d0d;border-radius:16px}.letter-copy h1{font-size:clamp(30px,6.5vw,43px);line-height:1.08;margin-bottom:16px;text-wrap:balance}
 .invitation{font-size:14px;margin-bottom:10px}.letter-message{margin-bottom:20px}.hero-description{font-size:17px;line-height:1.5}.hero-description br{display:none}
 .hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-actions .button{min-height:50px;font-size:16px}.extension-note{font-size:12px;margin-top:16px;gap:7px}.extension-note img{width:19px;height:19px}
 .hero-wave{height:24px;background:var(--paper);margin-top:0}.section-wrap{width:calc(100% - 36px)}.walkthrough{padding-top:32px;padding-bottom:36px}.walkthrough h2{font-size:clamp(29px,5vw,38px);max-width:500px;text-wrap:balance}
 .step-tabs{gap:8px;margin-top:20px}.step-connector{display:none}.step-tabs button{min-height:48px;padding:10px 8px;font-size:15px;gap:6px}.demo-layout{gap:14px}
 .language-picker{display:block;text-align:left}.language-picker>p{font-size:14px;margin-bottom:6px}.language-picker>div{justify-content:flex-start;overflow-x:auto;gap:6px;padding:2px 0 6px}.language-picker button{min-height:44px;padding:8px 15px;font-size:14px;flex:none}
 .demo-content{display:block;padding:10px;min-height:0}.scene-preview{aspect-ratio:16/10;min-height:0}.world-placeholder img{object-position:center}.scene-preview .momi-overlay,.scene-preview .momi-overlay>img{width:94px}.speech-bubble{font-size:12px;width:132px;bottom:92px;padding:10px;right:2px}
 .scene-preview .sample-subtitle{right:108px;left:8px;bottom:56px;padding:8px 5px}.sample-subtitle span:first-child{font-size:16px}.sample-subtitle span{font-size:12px}
 .video-controls{min-height:48px;padding-bottom:2px;gap:2px}.video-controls button{width:44px;height:44px;padding:12px}.video-controls button:disabled{width:26px;padding:5px}.video-controls svg{width:18px;height:18px}.video-volume{display:none}.video-time{font-size:11px}.scene-preview .momi-overlay{bottom:43px}.video-timeline{top:2px}
 .dialogue-panel{padding:14px 5px 5px}.panel-heading{font-size:16px;padding:7px 4px 10px}.sample-label{font-size:12px}.dialogue-line{padding:12px 8px 12px 12px;align-items:center;gap:10px}.dialogue-line strong{font-size:18px}.dialogue-line small{font-size:14px;line-height:1.4}.inline-bookmark{min-width:44px;min-height:44px;padding:10px}.dialogue-line>.play-icon{margin-top:0}
 .demo-action{min-height:48px;font-size:16px}.practice-choices button{min-height:48px;font-size:16px}.demo-details p{font-size:16px}.demo-caption{font-size:14px;gap:8px}.demo-caption>span{font-size:12px}
 .companions-room{padding-top:26px;gap:30px}.companion-content h2{font-size:30px;text-wrap:balance}.section-intro{font-size:17px}.carousel-controls button{min-width:44px;min-height:44px}.companion-heading{margin-bottom:8px}.companion-list{scroll-snap-type:x mandatory;gap:14px;padding-block:4px 8px}.companion-list li{scroll-snap-align:start;flex-basis:104px}.companion-avatar{width:104px;height:110px}.companion-list strong{font-size:16px}.companion-status{font-size:13px}
 .room-preview{display:block}.room-preview figcaption{padding-top:16px}.room-preview h3{font-size:26px}.room-preview p{font-size:17px;line-height:1.5}.waitlist{padding:35px 22px 38px}.waitlist-content h2{font-size:32px;text-wrap:balance}.waitlist-content>p{font-size:17px;line-height:1.5}
 .signup-fields{flex-direction:column;gap:10px}.signup-fields input,.signup-fields .button{min-height:54px;font-size:16px}.signup-meta{display:block;margin-top:12px}.newsletter-choice{font-size:14px;min-height:44px;align-items:center;justify-content:center;gap:9px;max-width:none}.newsletter-choice input{width:20px;height:20px;margin:0}.signup-note{font-size:13px;margin:6px 0 0}
 .site-footer{width:calc(100% - 36px);padding:20px 0 max(22px,env(safe-area-inset-bottom));gap:16px;min-height:84px}.site-footer .brand{font-size:30px}.site-footer .brand-flower{width:23px;height:23px}.site-footer .community-link{font-size:13px;gap:8px;min-height:44px}
}
@media(min-width:561px) and (max-width:800px){.hero-illustration{height:250px}.hero-actions{flex-direction:row}.hero-actions .button{flex:1}.letter-copy h1{font-size:43px}.scene-preview{aspect-ratio:16/9}.scene-preview .momi-overlay,.scene-preview .momi-overlay>img{width:130px}.speech-bubble{bottom:128px;width:165px;font-size:14px}.scene-preview .sample-subtitle{right:150px;bottom:57px}.sample-subtitle span:first-child{font-size:21px}.sample-subtitle span{font-size:16px}}
@media(max-width:360px){.site-header .brand{font-size:29px}.hero-illustration{height:190px}.letter-copy{padding:22px 18px}.letter-copy h1{font-size:28px}.hero-description{font-size:16px}.step-tabs button{font-size:13px;gap:5px}.step-tabs{gap:5px}.language-picker button{font-size:13px;padding-inline:11px}.scene-preview{aspect-ratio:1.35/1}.video-controls{gap:0;padding-inline:4px}.site-footer .community-link{font-size:12px}.site-footer .brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.petal-sky{opacity:.65}}