:root{--linen:#101918;--ink:#f4f0e6;--muted:#b3bbb3;--line:#e7e2cc24;--dark:#0c1414;color-scheme:dark}body{background:#101918;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}p{color:var(--muted)}.section-kicker{color:#c4b499;letter-spacing:.2em}.glass-header{background:rgba(15,24,23,.67);border-color:#ffffff16;box-shadow:0 4px 24px #0000000a}.glass-header .brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}.glass-header .button{background:#e6bd78;color:#18201a}.glass-header nav{color:#dddcd2}.button{background:#e6bd78;color:#18201a}.button:hover{background:#f4ce8e}.button.light{background:#f4f0e6;color:#18201a}.text-link{border-color:#b3bbb380}.hero{position:relative;isolation:isolate;min-height:880px;overflow:hidden;padding-top:0;background:#1d2729}.hero-landscape{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(8,18,19,.9),rgba(13,25,27,.58) 45%,rgba(13,22,23,.23)),linear-gradient(0deg,#101918,transparent 45%,rgba(12,21,24,.25)),url('/assets/lake.webp');background-size:cover;background-position:center,center,center 48%}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:790px;padding-top:125px;padding-bottom:0}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.intro-label{display:flex;align-items:center;gap:10px;color:#e4d2af;font-size:14px;margin-bottom:28px}.little-cross{font-size:19px}.hero h1{font-size:clamp(65px,6.8vw,94px);line-height:.99;letter-spacing:-.045em}.hero-description{font-size:17px;color:#d1d5cf;max-width:370px;margin:29px 0 0;line-height:1.75}.hero-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px;margin:34px 0 0}.app-store-badge img{width:180px;height:60px}.listen-link{font-size:13px;gap:9px}.listen-link>span{font-size:9px}.tiny-play{width:26px;height:26px;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center}.hero-note{font-size:11px;margin-top:24px;color:#b3bbb3}.phone-scene{height:700px;width:auto;padding:0;min-width:0;position:relative;overflow:hidden;align-self:end;margin:0}.phone-poster{position:absolute;inset:auto auto 0 50%;width:150%;height:auto;max-width:none;transform:translateX(-50%);mask-image:none}.phone-halo,.phone-scene:after{display:none}.hero-bottom{border-top:1px solid #d7dbc326;padding:20px 0 30px;color:#b9c2b6;font-size:12px}.hero-bottom a{font-size:20px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.how-preview{background:#1b2523}.how-preview-note{background:#1b2523;color:#b3bbb3}.how-step{color:#f4f0e6}.how-step span span{color:#b3bbb3}.how-step.active .step-number{color:#e6bd78}.step-number,.step-indicator{color:#8c9890}.experience{background:#0c1414}.inside{background:#18211f}.screen-cascade img{border-color:#494b47;box-shadow:0 18px 30px #0003}.screen-cascade figcaption{color:#adb5ad}.category-pills span{color:#c5ccc4;border-color:#a2aca333}.mood{color:#f4f0e6}.mood small{color:#b3bbb3}.mood.active{background:#253029}.sample-content p{color:#d9dee3}.benefit-row article>span{color:#e6bd78}.faq summary>span{color:#b3bbb3}.closing{background:transparent;border-radius:0}.footer{background:#070e0e}.footer-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em;color:#dfdbce}.footer-top .brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}.footer a:hover{color:#e6bd78}
@media(max-width:1000px) and (min-width:701px){.hero-layout{min-height:840px}.hero-actions{flex-wrap:wrap}}
@media(max-width:700px){.hero{min-height:0;padding-top:0}.hero-layout{grid-template-columns:1fr;padding-top:130px;min-height:0;padding-bottom:0}.hero h1{font-size:65px}.hero-description{font-size:15px;max-width:330px;margin-top:26px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:27px;margin-top:30px}.hero-copy{padding-bottom:0}.hero-note{font-size:10px}.phone-scene{height:490px;width:100%;max-width:440px;justify-self:center}.phone-poster{width:170%}.hero-bottom{font-size:10px;padding-bottom:24px}.screen-cascade{min-width:0;width:100%;left:auto;transform:none;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x proximity;padding:15px 25px 30px;scrollbar-color:#6b766d transparent}.screen-cascade figure{flex:0 0 170px;scroll-snap-align:center}.screen-cascade figure:nth-child(3){flex-basis:190px}.how-step strong{font-size:20px}.section-heading.split>p{max-width:100%}}

/* Compact app-screen cascade */
.inside{padding-top:76px;padding-bottom:55px}
.inside .section-heading{margin-bottom:14px}
.inside .section-heading>p:last-of-type{margin-top:16px}
.inside .section-heading.centered .button{margin-top:20px}
.screen-cascade{gap:0;align-items:start;padding:0 0 12px;min-width:0;width:100%;overflow:visible}
.screen-cascade figure{flex:0 0 clamp(250px,26vw,350px);margin-left:-28px;position:relative;z-index:1}
.screen-cascade figure:first-child{margin-left:0}
.screen-cascade figure:nth-child(1),.screen-cascade figure:nth-child(5){margin-top:35px}
.screen-cascade figure:nth-child(2),.screen-cascade figure:nth-child(4){margin-top:10px;z-index:2}
.screen-cascade figure:nth-child(3){flex-basis:clamp(265px,27vw,365px);margin-top:0;z-index:3}
.screen-cascade img{border:0;border-radius:24px;box-shadow:none;background:#000}
@media(max-width:700px){.inside{padding-top:65px;padding-bottom:42px}.inside .section-heading{margin-bottom:14px}.screen-cascade{width:100%;overflow-x:auto;overflow-y:hidden;gap:0;padding:0 18px 8px;scroll-padding:0 18px}.screen-cascade figure{flex:0 0 185px;margin-left:-18px}.screen-cascade figure:first-child{margin-left:0}.screen-cascade figure:nth-child(3){flex-basis:195px}.screen-cascade figure:nth-child(1),.screen-cascade figure:nth-child(5){margin-top:25px}.screen-cascade figure:nth-child(2),.screen-cascade figure:nth-child(4){margin-top:8px}.screen-cascade img{border:0;border-radius:20px}}
/* Three distinct heights, following the reference composition */
@media(min-width:701px){
.screen-cascade figure{flex-basis:clamp(210px,17.5vw,260px);margin-left:-28px}
.screen-cascade figure:nth-child(2),.screen-cascade figure:nth-child(4){flex-basis:clamp(248px,20vw,300px);margin-top:52px}
.screen-cascade figure:nth-child(3){flex-basis:clamp(290px,23.5vw,350px);margin-top:0}
.screen-cascade figure:nth-child(1),.screen-cascade figure:nth-child(5){margin-top:96px}
}
@media(max-width:700px){
.screen-cascade figure{flex-basis:150px}
.screen-cascade figure:nth-child(2),.screen-cascade figure:nth-child(4){flex-basis:170px;margin-top:26px}
.screen-cascade figure:nth-child(3){flex-basis:195px;margin-top:0}
.screen-cascade figure:nth-child(1),.screen-cascade figure:nth-child(5){margin-top:50px}
}
/* Keep the top corners of the phone visible at every viewport width. */
.phone-poster{width:140%}
@media(max-width:700px){.phone-poster{width:140%}}