:root{--forest:#102b26;--deep:#0c211e;--sage:#bdcdb0;--cream:#f7f5ee;--ink:#213d33;--muted:#657469;--line:#dce1d6;--gold:#d8c699}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c99c52;outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.13}h1{font-size:clamp(45px,5.5vw,76px);letter-spacing:-2.5px;margin-bottom:24px}h1 em{color:var(--sage);font-weight:400}h2{font-size:clamp(34px,3.8vw,48px);letter-spacing:-1.3px;margin-bottom:22px}h3{font-size:26px}p{margin-bottom:20px}.container{width:min(1160px,calc(100% - 64px));margin:auto}.header{background:var(--forest);color:#f0f0e5;border-bottom:1px solid #ffffff13}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:25px;line-height:1.2}.brand small{display:block;font:9px/1.8 system-ui,sans-serif;letter-spacing:2.5px;margin-top:4px;color:#b4c9b9}.brand-moon{font-size:43px;color:var(--gold)}.nav-links{display:flex;gap:30px;font-size:13px}.nav-links a{text-decoration:none;color:#d3ded1}.nav-links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.account-link{border:1px solid #ffffff25;border-radius:30px;background:transparent;color:inherit;padding:10px 16px;font-size:12px}.soon{font-size:10px;color:var(--sage);margin-left:8px}.hero{color:#f5f2e7;background:radial-gradient(ellipse at 80% 45%,#244737 0,transparent 48%),var(--forest);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding:76px 0 66px}.eyebrow{font:600 10px/1.6 system-ui,sans-serif;letter-spacing:2.4px;margin-bottom:22px;color:#64785a}.hero .eyebrow,.app-section .eyebrow,.closing .eyebrow{color:var(--sage)}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-right:9px}.intro{font-size:18px;line-height:1.8;color:#e0e5d7}.hero-description{max-width:470px;color:#afc3b5;font-size:14px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:32px 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 24px;border-radius:6px;border:0;font:600 13px/1.5 system-ui,sans-serif;text-decoration:none}.primary{background:var(--sage);color:#18372a}.primary:hover{background:#d1dec5}.text-link{font-size:12px;color:#dee4d6;text-underline-offset:5px}.launch-note{max-width:390px;font-size:11px;color:#a7beaf}.hero-art{position:relative;text-align:center;isolation:isolate;padding:24px 0}.hero-art img{position:relative;width:85%;height:auto;display:block;margin:0 auto;z-index:1}.hero-art p{position:relative;font-size:12px;letter-spacing:1px;color:#b8cbb8;margin:4px 0 0}.hero-art p em{font-family:Georgia,serif;font-size:17px}.orbit{position:absolute;border:1px solid #cbd8af15;border-radius:50%;inset:0;aspect-ratio:1}.orbit-two{inset:30px;transform:translate(12px,15px)}.star{position:absolute;color:var(--gold);font-size:28px}.star-one{right:8%;top:10%}.star-two{left:0;bottom:25%;font-size:40px}.hero-bottom{border-top:1px solid #ffffff17;display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:#bdccbb;font-size:11px;letter-spacing:.2px}.hero-bottom span:before{content:'✧';color:var(--gold);margin-right:10px}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 4px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{padding:9px 15px;border:1px solid #d9dfd2;background:transparent;border-radius:25px;color:var(--muted);font-size:12px}.filter.selected{background:var(--ink);border-color:var(--ink);color:white}.filter:hover{border-color:var(--ink)}#result-count{font-size:11px;color:var(--muted);white-space:nowrap}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.journey-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffef9;display:flex;flex-direction:column}.journey-body{padding:23px;display:flex;flex:1;flex-direction:column}.journey-body .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 10px}.journey-body h3{font-size:25px;margin:0 0 12px}.journey-body>p{font-size:13px;color:var(--muted);line-height:1.7;flex:1}.card-bottom{border-top:1px solid #e9ebe3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:17px;font-size:11px;color:var(--muted)}.details-button{border:0;padding:4px 0;background:none;color:var(--ink);font-size:12px;font-weight:600}.scene{position:relative;height:195px;overflow:hidden;background:linear-gradient(150deg,#456a57,#9aa68a);isolation:isolate}.sun{position:absolute;left:57%;top:24px;width:48px;height:48px;border-radius:50%;background:#e4dfb8;opacity:.8}.hill{position:absolute;width:130%;height:180px;border-radius:50% 50% 0 0;left:-25%;bottom:-85px;background:#496a55;transform:rotate(-10deg)}.hill-front{left:15%;bottom:-100px;transform:rotate(12deg);background:#274e40}.tree{position:absolute;bottom:-33px;font-family:Georgia,serif;color:#153e33;line-height:1;font-size:220px;transform:scaleX(.58)}.tree-one{left:-25px}.tree-two{right:-5px;font-size:180px;bottom:-20px}.scene-tag{position:absolute;top:15px;left:15px;padding:4px 10px;border-radius:20px;background:#f8f7ebde;color:#304738;font-size:9px;z-index:1}.sea{background:linear-gradient(#95b8ba,#d4d7bd)}.sea .hill{background:#5e9694;height:100px;bottom:-30px;width:160%}.sea .hill-front{background:#2e6f75;bottom:-55px;left:-10%;transform:rotate(3deg)}.sea .tree{display:none}.stars{background:radial-gradient(circle at 20% 30%,#eee6b4 1px,transparent 2px),radial-gradient(circle at 40% 13%,#eee6b4 1px,transparent 2px),radial-gradient(circle at 80% 35%,#eee6b4 1px,transparent 2px),linear-gradient(#202e41,#536878)}.stars .sun{background:#ece3bf;box-shadow:14px -8px 0 0 #28384b}.stars .hill{background:#344851}.stars .hill-front{background:#1b3439}.stars .tree{display:none}.garden{background:linear-gradient(130deg,#638875,#bbbe93)}.garden .tree{color:#456245;transform:scaleX(.9);font-size:155px;bottom:-14px}.rain{background:repeating-linear-gradient(110deg,transparent 0,transparent 30px,#d0dfd51a 31px,#d0dfd51a 33px),linear-gradient(130deg,#536f6d,#8caaa6)}.rain .sun{opacity:.25}.rain .tree{display:none}.mountain .hill{border-radius:8px;transform:rotate(45deg);width:190px;height:190px;bottom:-100px;left:20%;background:#6f8376}.mountain .hill-front{left:60%;bottom:-110px;background:#355847}.mountain .tree{display:none}.clouds{background:linear-gradient(#9db9b4,#e2debf)}.clouds .hill{bottom:40px;left:-10%;height:55px;width:60%;background:#e9eadebd}.clouds .hill-front{left:60%;bottom:95px;width:65%}.clouds .tree{display:none}.winter{background:linear-gradient(#79969c,#d3ddda)}.winter .hill{background:#dee5dc}.winter .hill-front{background:#b6c8bc}.winter .tree{color:#3f6457}.lake{background:linear-gradient(#a6bdb4,#dce0cf)}.lake .hill{background:#8ca69b;bottom:-90px}.lake .hill-front{background:#aec7bf;bottom:-120px;left:-10%;width:150%}.lake .tree{opacity:.3}.books{background:repeating-linear-gradient(90deg,#435343 0,#435343 18px,#344b3e 19px,#344b3e 32px,#778066 33px,#778066 39px)}.books .hill{background:#223e32}.books .hill-front{background:#19372c}.books .sun{background:#e2c98f;box-shadow:0 0 50px #efca7970}.books .tree{display:none}.catalog-note{font-size:12px;color:var(--muted);text-align:center;margin:27px 0 0}.sample{background:#eaece2}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sample-art{height:350px;border-radius:140px 140px 12px 12px}.sample-art .sun{width:90px;height:90px;top:60px;left:52%}.sample-art .tree-one{font-size:360px;left:-42px}.sample-art .tree-two{font-size:290px}.scene-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#e0e5d1;font-size:10px;letter-spacing:3px;z-index:2}.sample blockquote{margin:0 0 20px;font:italic 21px/1.7 Georgia,serif;color:#4f6851}.sample p:not(.eyebrow){color:var(--muted);font-size:13px}.sample-status{display:flex;gap:15px;align-items:center;border-block:1px solid #d1d8ca;padding:19px 0;margin:25px 0 14px}.sample-status strong,.sample-status span{display:block}.sample-status strong{font-size:13px;font-weight:600}.sample-status div>span{font-size:11px;color:var(--muted)}.play-symbol{font-size:30px;color:#597454}.small{font-size:11px!important;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.step-number{display:block;font:italic 31px Georgia,serif;color:#94a186;margin-bottom:22px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps h3{font-size:25px}.steps p{color:var(--muted);font-size:13px}.app-section{background:var(--forest);color:#eff0e3;overflow:hidden}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.app-grid>div>p:not(.eyebrow){color:#b5c7b7;max-width:440px;font-size:14px}.app-features{list-style:none;padding:0;margin:35px 0}.app-features li{display:flex;gap:20px;margin:24px 0}.app-features li>span{font-size:25px;color:var(--sage);min-width:25px}.app-features strong{font-size:14px;font-weight:500}.app-features p{font-size:12px;color:#aec1b2;max-width:380px;margin:6px 0 0}.development-badge{display:inline-block;font-size:11px;border:1px solid #b9ceb738;padding:10px 17px;border-radius:30px;color:#c6d4be}.phone-wrap{display:grid;place-items:center;background:radial-gradient(ellipse,#466b4350,transparent 68%)}.phone{border:7px solid #263e36;border-radius:43px;padding:40px 23px 22px;width:290px;min-height:544px;background:#112923;box-shadow:25px 35px 60px #0003;transform:rotate(5deg);position:relative}.phone-camera{position:absolute;top:12px;left:calc(50% - 32px);width:64px;height:15px;border-radius:15px;background:#091b17}.phone-brand{font-size:9px;letter-spacing:2px;color:#c6d1bb;margin-bottom:28px}.phone h3{font-size:29px;margin-bottom:10px;letter-spacing:-.5px}.phone-subtitle{font-size:10px;color:#aabfb0}.phone-card{padding:17px;background:linear-gradient(140deg,#3b5947,#243f32);border-radius:16px;position:relative;overflow:hidden}.phone-tree{display:block;font:100px/.9 Georgia,serif;text-align:right;color:#9eb494}.phone-card small{font-size:7px;letter-spacing:1.4px;color:#c2cfb5}.phone-card h4{font-size:24px;margin:8px 0}.phone-card p{font-size:10px;color:#b7c8b2;margin-bottom:10px}.phone-play{display:grid;place-items:center;background:#c3d0b1;color:#29442f;border-radius:50%;width:32px;height:32px;margin-left:auto;font-size:10px}.phone-setting{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:20px 0}.toggle-decoration{background:#b2c79b;border-radius:15px;width:27px;height:15px;position:relative}.toggle-decoration:after{content:'';position:absolute;background:#edf0df;width:11px;height:11px;border-radius:50%;right:2px;top:2px}.phone-tabs{display:flex;font-size:8px;border:1px solid #677e653b;border-radius:6px;overflow:hidden}.phone-tabs span{padding:8px;flex:1;text-align:center}.phone-tabs span:first-child{background:#324a39}.phone-caption{text-align:center;font-size:8px;color:#9eaf9b;margin:13px 0 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-grid>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px 28px 20px 0;font-size:14px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;color:#84947a}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding-right:20px}.closing{background:#e7ebde;text-align:center;padding:70px 0}.closing .eyebrow{color:#65755d}.closing h2{font-size:43px}.closing .button{background:var(--ink);color:var(--cream)}.closing p:last-child{font-size:12px;color:var(--muted);margin:25px 0 0}footer{background:var(--deep);color:#b8c8b9;padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row>.brand{font-size:21px}.footer-row>span,.footer-row>div{font-size:10px}.footer-row>div{display:flex;gap:20px}footer a{text-decoration:none}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:15px}dialog{border:0;border-radius:18px;padding:0;max-width:560px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#051d16ba;backdrop-filter:blur(5px)}.dialog-content{padding:40px;position:relative}.close{position:absolute;top:10px;right:14px;background:transparent;border:0;font-size:30px;color:var(--muted)}.dialog-content h2{font-size:36px}.dialog-content>p:not(.eyebrow){font-size:14px}.dialog-content h3{font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;margin-top:25px}.dialog-meta{font-size:12px;color:var(--muted)}.ending-options{display:grid;gap:10px;font-size:13px}.ending-options label{padding:12px;background:#e9edde;border-radius:7px}.ending-options input{accent-color:var(--forest);margin-right:8px}.availability{padding:16px;background:#e9edde;border-radius:8px;margin-top:25px;color:#50654b}.unavailable{background:#dce1d5;color:#596852;width:100%}.dialog-content .small{text-align:center;margin:12px 0 0}body.modal-open{overflow:hidden}
@media(min-width:1000px){.journey-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.journey-card:first-child .scene{height:100%;min-height:285px}.journey-card:first-child .tree-one{font-size:330px}.journey-card:first-child .tree-two{font-size:260px}.journey-card:first-child .journey-body{padding:32px}.journey-card:first-child h3{font-size:34px}}
@media(max-width:1000px){.nav-links{gap:16px}.hero-grid{gap:20px}.journey-grid{grid-template-columns:repeat(2,1fr)}.sample-grid,.app-grid,.faq-grid{gap:40px}.hero-bottom{font-size:10px}.section-heading{align-items:start}.section-heading>p{max-width:210px}.steps{gap:25px}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.nav{min-height:78px;gap:12px;flex-wrap:wrap;padding:15px 0}.brand{font-size:21px}.brand-moon{font-size:34px}.nav-links{order:3;width:100%;justify-content:center;padding:8px 0 0;font-size:12px;gap:25px}.account-link{padding:8px 11px;font-size:11px}.account-link>span:first-child{display:none}.hero-grid{grid-template-columns:1fr;padding:45px 0 25px}.hero-copy{text-align:center}.hero-description,.launch-note{margin-inline:auto}.hero h1{font-size:48px;letter-spacing:-1.8px}.intro{font-size:16px}.actions{justify-content:center;gap:18px}.hero-art{max-width:330px;width:100%;margin:auto}.hero-bottom{flex-direction:column;align-items:center;gap:10px;padding:22px 0}.section{padding:55px 0}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:17px}.catalog-tools{align-items:start;flex-direction:column;gap:12px}.filters{gap:7px}.filter{font-size:11px;padding:8px 11px}.journey-grid{gap:16px}.journey-body{padding:18px}.journey-body h3{font-size:23px}.scene{height:160px}.card-bottom{align-items:start;flex-direction:column;gap:6px}.sample-grid,.app-grid,.faq-grid{grid-template-columns:1fr}.sample-art{max-width:420px;width:100%;margin:auto;height:300px}.steps{grid-template-columns:1fr;gap:15px}.steps article{position:relative;padding-left:60px}.step-number{position:absolute;left:0;top:25px;font-size:25px}.steps h3{font-size:25px;margin-bottom:13px}.phone-wrap{padding:12px 0 20px}.phone{transform:rotate(3deg)}.footer-row{flex-direction:column;gap:18px}.closing h2{font-size:35px}.closing{padding:55px 0}.dialog-content{padding:35px 24px}.dialog-content h2{font-size:30px}}
@media(max-width:420px){.journey-grid{grid-template-columns:1fr}.scene{height:190px}.card-bottom{flex-direction:row;align-items:center}.hero h1{font-size:41px}.brand small{font-size:8px}.soon{margin-left:3px}.nav-links{gap:18px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Recorded rain preview */
.preview-voices { border: 0; padding: 0; margin: 1.5rem 0; display: flex; flex-wrap: wrap; gap: 1rem; }
.preview-voices legend { margin-bottom: .65rem; font-weight: 600; }
.preview-voices label { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; }
.preview-voices input { accent-color: #b3cbb0; width: 1.2rem; height: 1.2rem; }
#rain-preview { width: 100%; display: block; }
#dialog-preview[hidden] { display: none; }

#preview-journey {display:block;width:100%;padding:12px;margin:8px 0 20px;border:1px solid #738779;border-radius:8px;background:#f4f2e9;color:#203b30;font:inherit;}
.preview-voices label[hidden] {display:none;}