@font-face{font-family:Noto;src:url('assets/sans.woff2') format('woff2');font-display:swap}@font-face{font-family:Editorial;src:url('assets/serif.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--paper:#f5f2ea;--ink:#102f39;--muted:#52695f;--mint:#bef4dc;--sage:#759b86;--line:#d5dbd0;--white:#fffdf7;--earth:#a4583e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 Noto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--earth);outline-offset:6px}img{display:block;max-width:100%}svg{display:block}figure{margin:0}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;background:var(--white);padding:12px;z-index:50}.skip:focus{top:16px}.header{display:flex;align-items:center;gap:36px;padding:28px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;letter-spacing:-1px;font-weight:600}.brand-mark{width:42px;height:42px;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:mark-draw .65s ease-out both}.brand-mark circle{fill:currentColor;animation:mark-dot .25s .4s both}.header nav{display:flex;gap:28px;margin-left:auto;font-size:0.8125rem}.header nav a{padding:12px 0}.header-cta{display:flex;gap:24px;align-items:center;padding:12px 20px;border:1px solid var(--line);border-radius:40px;font-size:0.75rem;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:780px;padding:35px 0 90px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:0.6875rem;letter-spacing:1.5px;font-weight:600;margin:0 0 24px;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:var(--sage)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Editorial,Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(3.625rem,6.7vw,6rem);margin-bottom:28px}em{font-weight:400;color:#527360}h1 em,h2 em{font-style:italic}.lede{max-width:380px;font-size:1.0625rem;line-height:1.8;color:var(--muted);margin-bottom:28px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-button{min-height:54px;display:inline-flex;align-items:center;gap:12px;padding:9px 18px;border-radius:13px;background:var(--ink);color:var(--white);border:1px solid var(--ink);text-align:left;line-height:1.1}.store-button small{display:block;font-size:0.5625rem;letter-spacing:.3px;margin-bottom:5px}.store-button strong{font-size:0.9375rem;font-weight:500;white-space:nowrap}.store-button svg{width:22px;height:24px;fill:currentColor}.store-button[aria-disabled=true]{opacity:.8}.store-note{font-size:0.6875rem;color:var(--muted);margin:12px 0 30px}.text-link{display:inline-flex;align-items:center;gap:26px;min-height:44px;font-size:0.8125rem;font-weight:600}.text-link span{font-size:1.25rem}.hero-scene{height:650px;position:relative;isolation:isolate}.hero-landscape{position:absolute;width:760px;max-width:none;left:-100px;top:30px;z-index:-2;opacity:.9;mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%)}.scene-orbit{position:absolute;left:-50px;top:20px;width:600px;height:620px;border:1px solid #759b8628;border-radius:50%;transform:rotate(-22deg)}.phone{padding:7px;border:1px solid #637470;background:#182a2c;border-radius:38px;box-shadow:0 24px 38px -19px #102f395c,0 5px 12px #102f391a;position:relative;width:244px;overflow:hidden;flex-shrink:0}.phone img{width:100%;height:auto;border-radius:31px}.phone::before{content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);width:58px;height:16px;border-radius:20px;background:#182a2c;z-index:2}.phone::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px #b5bcb640}.phone-home{position:absolute;left:8px;top:48px;transform:translateY(var(--float,0px)) rotate(-9deg);width:255px}.phone-player{position:absolute;right:-6px;top:134px;transform:translateY(calc(var(--float,0px)*-0.6)) rotate(8deg);width:240px}.scene-caption{position:absolute;left:22px;bottom:0;font-size:0.75rem;color:var(--muted);line-height:1.6}.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:110px}.intro-strip p{margin:0;font-family:Editorial,serif;font-size:1.4375rem;letter-spacing:-.6px}.intro-strip span{font-size:0.625rem;letter-spacing:2px;color:var(--muted)}.section-heading{max-width:720px;margin-bottom:64px}h2{font-size:clamp(2.375rem,4.6vw,4rem);margin-bottom:24px}.section-heading>p:last-child{max-width:490px;color:var(--muted);font-size:1rem}.meditation-panel{background:var(--ink);color:var(--paper);border-radius:32px;display:grid;grid-template-columns:1fr 1fr;min-height:610px;overflow:hidden}.feature-copy{padding:70px 65px;align-self:center}.feature-copy h3{font-size:2.75rem;margin-bottom:24px}.feature-copy>p:not(.eyebrow){max-width:410px;font-size:0.9375rem;line-height:1.85}.meditation-panel .eyebrow,.meditation-panel .text-link{color:var(--mint)}.meditation-panel .feature-copy>p:not(.eyebrow){color:#d2dfd4}.meditation-visual{position:relative;min-height:610px;overflow:hidden;isolation:isolate}.forest-art{position:absolute;width:700px;max-width:none;left:-40px;top:-40px;opacity:.3;z-index:-1;mask-image:radial-gradient(ellipse,black,transparent 72%)}.phone-catalog{position:absolute;top:68px;left:22%;width:248px;transform:rotate(8deg)}.sound-line{height:60px;display:flex;gap:5px;align-items:center;margin-top:40px;opacity:.65}.sound-line i{width:3px;border-radius:2px;background:var(--mint);height:12px}.sound-line i:nth-child(3n){height:36px}.sound-line i:nth-child(4n){height:50px}.sound-line i:nth-child(5n){height:24px}.journey-panel{display:grid;grid-template-columns:1fr 1fr;padding:90px 0}.journey-visual{min-height:610px;position:relative;background:#e4e9df;border-radius:48% 48% 28% 28%;margin:0 35px;display:flex;justify-content:center;align-items:center}.phone-map{transform:rotate(-6deg);width:250px}.journey-label{position:absolute;bottom:42px;right:-12px;background:var(--paper);border:1px solid var(--line);padding:18px 24px;border-radius:18px;font-family:Editorial,serif;font-size:1.1875rem;transform:rotate(4deg)}.journey-panel .feature-copy{padding-right:0}.journey-panel p:not(.eyebrow){color:var(--muted)}.topic-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.topic-list span{padding:8px 14px;font-size:0.75rem;border:1px solid var(--line);border-radius:40px}.daily-diary{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.daily-card,.diary-card{border-radius:28px;position:relative;overflow:hidden;padding:42px;min-height:540px}.daily-card{background:#e5eadf}.daily-diary h3{font-size:2.375rem;margin-bottom:20px}.daily-diary p:not(.eyebrow){color:var(--muted);max-width:300px;font-size:0.875rem}.daily-card>img{width:270px;position:absolute;bottom:-70px;right:-25px;mix-blend-mode:multiply}.diary-card{background:#e9e3d7;display:flex;gap:20px}.diary-card>div{z-index:1;max-width:230px}.phone-diary{position:absolute;width:230px;right:-52px;bottom:-55px;transform:rotate(10deg)}.access{padding:120px 0;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.access-copy>p:not(.eyebrow){max-width:440px;color:var(--muted)}.quiet{font-size:0.75rem;line-height:1.8}.promo-card{background:var(--white);border:1px solid #dedfd3;border-radius:28px;text-align:center;padding:32px 38px;box-shadow:0 16px 40px -30px #102f3930}.promo-label{font-size:0.5625rem;letter-spacing:1.4px;color:var(--muted)}.discount{font-family:Editorial,serif;font-size:6.875rem;line-height:1.2;letter-spacing:-7px;margin-top:20px}.discount>span{font-size:3.25rem;letter-spacing:-3px}.promo-caption{font-size:0.875rem;color:var(--muted);margin-bottom:28px}.copy-code{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border:1px dashed var(--sage);border-radius:12px;width:100%;padding:16px 20px;font-size:1.1875rem;letter-spacing:2px;font-weight:600}.copy-code svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.copy-status{min-height:20px;font-size:0.6875rem;margin:6px 0}.promo-terms{font-size:0.6875rem;line-height:1.7;color:var(--muted);margin:6px 0 0}.download-section{background:#e1e9de;padding:85px 0;overflow:hidden}.download-inner{display:grid;grid-template-columns:1fr 230px;gap:60px;align-items:center}.download-inner h2{max-width:690px}.qr-card{text-align:center}.qr-slot{width:142px;height:142px;background:var(--white);border-radius:20px;padding:16px;margin:0 auto 20px}.qr-slot svg{width:100%;height:100%;fill:none;stroke:var(--sage);stroke-width:3}.qr-slot img{width:100%;height:100%}.qr-card p{font-size:0.75rem;color:var(--muted);line-height:1.6}.qr-card .text-link{font-size:0.6875rem;gap:10px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0}.faq h2{font-size:2.875rem}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;font-weight:600;gap:20px;min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:1.5rem;font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{font-size:0.8125rem;color:var(--muted);margin:12px 25px 6px 0;line-height:1.8}.footer{border-top:1px solid var(--line);padding:40px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer .brand{font-size:1.375rem}.footer p{color:var(--muted);font-size:0.75rem;margin:12px 0}.footer nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;font-size:0.75rem;align-items:center}.footer nav a{padding:10px 0}.footer small{color:var(--muted);font-size:0.625rem;grid-column:1/-1}.reveal.in-view{animation:reveal .65s both}.download-page{min-height:70vh;max-width:760px;margin:60px auto;padding:0 24px}.download-page h1{font-size:3.625rem}.download-page p{max-width:550px;color:var(--muted)}.download-page .text-link{margin-top:20px}@keyframes mark-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes mark-dot{from{opacity:0}to{opacity:1}}@keyframes reveal{from{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero-scene{margin-left:30px}.phone-player{right:30px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-cta{display:none}.hero{min-height:680px}.hero-scene{height:570px}.phone-home{width:220px;left:0;top:30px}.phone-player{width:205px;right:-5px;top:126px}.scene-orbit{width:470px;height:490px}.hero-landscape{width:620px}.feature-copy{padding:48px 40px}.feature-copy h3{font-size:2.3125rem}.phone-catalog{left:15%;width:230px}.diary-card{padding:32px}.diary-card>div{max-width:185px}.phone-diary{right:-85px}.access{gap:50px}.footer nav{gap:14px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0;gap:10px}.brand{font-size:1.375rem}.brand-mark{width:35px;height:35px}.header nav{gap:16px;font-size:0.6875rem}.header nav a:last-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 35px;min-height:auto}.hero-copy{text-align:left}.hero h1{font-size:clamp(3.3125rem,12vw,4.75rem);letter-spacing:-2.5px}.hero .eyebrow{font-size:0.5625rem}.lede{font-size:0.9375rem;max-width:360px}.store-button{padding:10px 14px;gap:8px}.store-button strong{font-size:0.875rem}.store-note{margin-bottom:18px}.hero-scene{height:540px;width:min(420px,100%);align-self:center;margin-top:25px}.phone-home{width:52%;top:32px;left:7px}.phone-player{width:49%;top:95px;right:5px}.hero-landscape{width:140%;left:-20%;top:10px}.scene-orbit{width:100%;height:85%;left:0;top:15px}.scene-caption{font-size:0.625rem;bottom:12px;left:18px}.intro-strip{margin-bottom:70px;padding:22px 0;flex-wrap:wrap;gap:18px}.intro-strip p{width:100%;font-size:1.3125rem}.intro-strip span{font-size:0.5625rem}.section-heading{margin-bottom:35px}.section-heading h2{font-size:2.4375rem}.section-heading>p:last-child{font-size:0.875rem}.eyebrow{font-size:0.5625rem;letter-spacing:1px}h2{font-size:2.5rem}.meditation-panel{display:flex;flex-direction:column;border-radius:24px}.feature-copy{padding:35px 28px}.feature-copy h3{font-size:2.125rem;letter-spacing:-1.3px}.feature-copy>p:not(.eyebrow){font-size:0.875rem}.sound-line{margin-top:16px;height:45px}.meditation-visual{min-height:460px}.phone-catalog{width:218px;left:calc(50% - 109px);top:16px}.forest-art{left:-70px;top:-110px;width:640px}.journey-panel{display:flex;flex-direction:column-reverse;padding:65px 0;gap:30px}.journey-panel .feature-copy{padding:0}.journey-visual{margin:0 12px;min-height:510px}.phone-map{width:218px}.journey-label{font-size:1rem;padding:14px 18px;bottom:25px;right:-7px}.daily-diary{grid-template-columns:1fr;gap:20px}.daily-card,.diary-card{padding:30px;min-height:360px}.daily-card>img{width:230px;bottom:-82px;right:-33px;opacity:.75}.daily-diary h3{font-size:2.125rem}.daily-card p{position:relative;z-index:1;max-width:230px}.diary-card{min-height:460px}.diary-card>div{max-width:200px}.phone-diary{width:205px;right:-75px;bottom:-25px;opacity:.95}.access{grid-template-columns:1fr;padding:70px 0;gap:26px}.access h2{font-size:2.5625rem}.access-copy>p:not(.eyebrow){font-size:0.875rem}.promo-card{padding:28px}.discount{font-size:6rem}.download-section{padding:58px 0}.download-inner{grid-template-columns:1fr;gap:35px}.download-inner h2{font-size:2.4375rem}.qr-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.qr-slot{margin:0 0 14px;width:110px;height:110px}.qr-card>p{max-width:240px}.faq{grid-template-columns:1fr;padding:65px 0;gap:25px}.faq h2{font-size:2.375rem}.footer{grid-template-columns:1fr;padding-top:30px}.footer nav{justify-content:flex-start}.download-page h1{font-size:2.75rem}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.1875rem}.hero-scene{height:435px}.header nav{font-size:0.625rem}.store-buttons{gap:8px}.store-button{padding:9px 11px}.store-button strong{font-size:0.75rem}.store-button svg{width:18px}.diary-card>div{max-width:165px}.phone-diary{right:-105px}.copy-code{font-size:1rem;letter-spacing:1px}.feature-copy{padding:30px 24px}.intro-strip p{font-size:1.1875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.phone-home{transform:rotate(-9deg)}.phone-player{transform:rotate(8deg)}}
/* Artwork may extend past a section, but never create horizontal page scrolling. */
body{overflow-x:clip}
img{height:auto}.daily-card>img{width:220px;bottom:-90px;right:-40px;opacity:.7}.daily-card>p,.daily-card>h3{position:relative;z-index:1}.hero-scene{overflow:visible}html{overflow-x:clip}.diary-card p{max-width:200px}.diary-card>div{position:relative;z-index:2}
@media(max-width:760px){.daily-card>img{width:210px;bottom:-95px;right:-55px;opacity:.55}.diary-card{min-height:490px}.diary-card>div{max-width:200px}.diary-card p{max-width:175px}.phone-diary{bottom:-75px;right:-80px}.hero-landscape{max-height:500px}}
main{overflow:clip}
/* Larger device composition: screens, rather than miniature props, lead the hero. */
@media(min-width:1101px){.hero{grid-template-columns:45% 55%;min-height:900px;padding-bottom:65px}.hero-scene{height:760px}.phone-home{width:310px;left:25px;top:30px;transform:translateY(var(--float,0px)) rotate(-7deg)}.phone-player{width:290px;right:-8px;top:155px;transform:translateY(calc(var(--float,0px)*-.6)) rotate(7deg)}.hero-landscape{width:850px;left:-130px}.scene-orbit{width:670px;height:700px}.scene-caption{bottom:4px}.hero h1{font-size:clamp(4.125rem,6vw,5.4375rem)}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:43% 57%;min-height:820px}.hero-scene{height:680px}.phone-home{width:270px;left:0}.phone-player{width:245px;right:-16px;top:180px}.hero h1{font-size:3.875rem}}
@media(max-width:760px){.hero-scene{height:650px;width:100%;margin-top:35px}.phone-home{width:65%;left:-3px;top:32px;transform:rotate(-7deg)}.phone-player{width:62%;right:-3px;top:170px;transform:rotate(7deg)}.scene-caption{bottom:0}.hero-landscape{width:170%;left:-35%;top:30px;max-height:650px}}
@media(max-width:365px){.hero-scene{height:590px}.phone-player{top:150px}}
.store-button{padding:0;border:0;background:transparent;border-radius:9px;min-height:54px;gap:0}.store-button[aria-disabled=true]{opacity:1}.official-badge.ios{height:54px;width:auto;max-width:none}.official-badge.android{height:78px;width:auto;max-width:none;margin-block:-12px}.store-buttons{align-items:center;gap:14px}
@media(max-width:760px){.official-badge.ios{height:46px}.official-badge.android{height:66px;margin-block:-10px}.store-buttons{gap:10px}.store-button{min-height:46px}}
@media(max-width:365px){.official-badge.ios{height:40px}.official-badge.android{height:57px;margin-block:-8.5px}.store-buttons{gap:8px}.store-button{min-height:40px}}
.paths-showcase{margin:0 0 75px}.paths-heading h3{font-size:2.6875rem;margin-bottom:38px}.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.path-cards article{background:#eceee3;border-radius:24px;overflow:hidden;position:relative;min-height:390px}.path-cards article:nth-child(2){background:#e4e9de}.path-cards article:nth-child(3){background:#e8e6dc}.path-cards img{width:100%;height:235px;object-fit:cover;mask-image:linear-gradient(black 68%,transparent)}.path-cards article>div{position:relative;padding:0 28px 30px;margin-top:-25px}.path-cards span{font-size:0.5625rem;letter-spacing:1.4px;color:var(--muted)}.path-cards h4{font:400 1.75rem/1.2 Editorial,serif;letter-spacing:-.8px;margin:15px 0}.path-cards p{font-size:0.75rem;line-height:1.75;color:var(--muted);max-width:280px;margin:0}
@media(max-width:760px){.paths-heading h3{font-size:2.125rem}.path-cards{grid-template-columns:1fr;gap:18px}.path-cards article{min-height:330px}.path-cards img{height:200px}.path-cards article>div{padding-inline:25px}.path-cards h4{font-size:1.75rem}.paths-showcase{margin-bottom:45px}}
/* The native test status strip is omitted in the editorial device crop. */

@media(min-width:761px) and (max-width:960px){.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px}.hero h1{font-size:4.25rem}.hero-scene{width:560px;max-width:100%;align-self:center;height:750px;margin-top:25px}.phone-home{width:300px;left:20px}.phone-player{width:280px;right:5px;top:160px}.hero-landscape{width:760px;left:-100px}.scene-orbit{width:560px;height:680px}}
@media(max-width:365px){.hero h1{font-size:2.8125rem;letter-spacing:-2px}}

h1,h2,h3,h4{overflow-wrap:break-word}.copy-code span{min-width:0;overflow-wrap:anywhere}.header nav{flex-wrap:wrap}
.header{flex-wrap:wrap}.feature-copy,.access-copy,.hero-copy,.promo-card{min-width:0}
@media(max-width:365px){.store-button{min-height:44px}}
.skip{top:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{top:16px;left:16px;width:auto;height:auto;padding:12px;overflow:visible;clip-path:none;white-space:normal}

/* Exact app fonts and lighter device presentation. */
@font-face{font-family:Noto;src:url('assets/sans-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
body{font-synthesis:none}h1,h2,h3{letter-spacing:-.035em;line-height:1.16}h1 em,h2 em{font-style:normal}.hero h1{font-size:clamp(3rem,5vw,4.5rem)}
.phone{padding:4px;border:1px solid #8b9893;border-radius:34px;background:#192c2e;box-shadow:0 24px 32px -20px #102f3955}.phone img{border-radius:29px;clip-path:none;margin:0}.phone::before{top:15px;width:27%;height:12px;background:#0b1415;border-radius:12px}.phone::after{box-shadow:inset 0 0 0 1px #bec6bf70}
.official-badge.android{height:70.3125px;margin-block:-8.15625px}.store-buttons{gap:14px}.store-button{min-height:54px}
@media(min-width:1101px){.hero-scene{height:820px}.hero{min-height:940px}.phone-home{width:300px;left:20px;top:35px;transform:translateY(var(--float,0px)) rotate(-5deg)}.phone-player{width:280px;right:0;top:170px;transform:translateY(calc(var(--float,0px)*-.6)) rotate(5deg)}}
@media(max-width:760px){.hero h1{font-size:clamp(2.75rem,10vw,3.75rem)}.phone{padding:3px;border-radius:26px}.phone img{border-radius:22px}.phone::before{height:9px;top:12px}.phone-home{width:57%;left:4%;top:20px}.phone-player{width:54%;right:1%;top:135px}.hero-scene{height:640px}.official-badge.android{height:59.8958px;margin-block:-6.9479px}}
@media(max-width:365px){.hero-scene{height:570px}.official-badge.android{height:52.0833px;margin-block:-6.04165px}}

/* Integrated artwork and a machined device edge. */
.daily-card{min-height:540px;padding-bottom:255px;background:#e4e9df}.daily-card>img{width:100%;height:265px;object-fit:cover;object-position:center 55%;left:0;right:0;bottom:0;opacity:1;mask-image:linear-gradient(to bottom,transparent,black 38%);max-width:none}.daily-card p{max-width:360px}
.phone{overflow:visible;padding:6px;border:1px solid #a6b0ae;background:linear-gradient(100deg,#9ca5a4 0%,#263333 2%,#111c1e 6%,#111c1e 94%,#73807d 98%,#bbc2bd 100%);box-shadow:0 28px 36px -22px #102f3966,1px 2px 2px #102f3955,inset 0 0 0 2px #7b898680}.phone img{border:1px solid #0a1417}.phone::before{height:3%;width:27%;top:2.25%;background:#070c0f;box-shadow:inset -8px 0 0 #11202a}.phone::after{box-shadow:inset 0 0 0 1px #ccd3ce90}.device-keys{position:absolute;left:-3px;top:19%;width:3px;height:5%;border-radius:2px;background:#61716f;box-shadow:0 42px 0 #61716f,0 -29px 0 -1px #61716f}.device-power{position:absolute;right:-3px;top:27%;width:3px;height:9%;border-radius:2px;background:#61716f}
@media(max-width:760px){.daily-card{min-height:470px;padding-bottom:205px}.daily-card>img{height:215px;width:100%;bottom:0;right:0;opacity:1}.daily-card p{max-width:none}.phone{padding:4px}.device-keys{left:-2px;width:2px;box-shadow:0 26px 0 #61716f,0 -19px 0 -1px #61716f}.device-power{right:-2px;width:2px}}
@media(max-width:760px){.hero-scene{height:calc((100vw - 40px)*1.3 + 160px)}.scene-caption{bottom:0}.hero-landscape{max-height:100%;height:100%;object-fit:contain}}
.soft-arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .2s ease}.text-link:hover .soft-arrow{transform:translateX(3px)}
.phone-audio-preview{overflow:hidden;top:40px;width:278px}.phone-audio-preview::before{display:none}.player-screenshot{overflow:hidden;border-radius:28px}.phone-audio-preview img{margin-top:-5%;border:0;border-radius:0;clip-path:inset(3% 0 0)}
.practice-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:90px 0}.preview-copy p{max-width:400px;color:var(--muted)}.preview-note{font-size:.8125rem}.preview-device{display:flex;justify-content:center}.phone-demo{width:360px;max-width:100%;padding:6px}.demo-screen{height:740px;background:var(--paper);border-radius:29px;overflow:hidden;display:flex;flex-direction:column;padding:40px 20px 22px}.demo-header{display:flex;align-items:center;gap:16px;font-size:.8125rem;margin:10px 0 20px}.demo-header button{border:1px solid var(--line);background:transparent;border-radius:50%;width:44px;height:44px;font-size:1.5rem;line-height:1}.demo-screen progress{width:100%;height:5px;accent-color:var(--ink);flex-shrink:0}.demo-screen progress::-webkit-progress-bar{background:var(--line);border-radius:5px}.demo-screen progress::-webkit-progress-value{background:var(--ink);border-radius:5px}#demo-content{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:25px 2px 20px;scrollbar-width:thin}#demo-content h3{font-size:1.75rem;letter-spacing:-.7px}#demo-content p{font-size:.875rem;line-height:1.7}.demo-options{display:grid;gap:9px}.demo-options button{border:1px solid var(--line);border-radius:16px;background:transparent;text-align:left;padding:12px 14px;font-size:.8125rem;line-height:1.5;min-height:44px}.demo-options button[aria-pressed=true]{background:#d4e9df;border-color:var(--sage)}.demo-feedback{margin-top:16px;color:var(--muted)}.demo-custom{display:block;margin-top:14px;font-size:.875rem}.demo-custom[hidden]{display:none}.demo-custom textarea{width:100%;font:inherit;padding:10px;background:transparent;border:1px solid var(--sage);border-radius:12px;color:var(--ink)}.demo-actions{display:flex;gap:10px;padding-top:16px}.demo-actions button{flex:1;border:1px solid var(--line);border-radius:28px;background:transparent;font-size:.8125rem;min-height:48px}.demo-actions #demo-next{background:var(--ink);color:var(--paper)}.demo-actions button[hidden]{display:none}
@media(max-width:760px){.practice-preview{grid-template-columns:1fr;padding:65px 0;gap:28px}.demo-screen{height:680px;padding-inline:16px}.phone-audio-preview{left:calc(50% - 139px);top:24px}.meditation-visual{min-height:530px}}
/* Practice geometry and type sizes match the app's 402 dp screen. */
.phone-demo{width:414px}.demo-screen{height:874px;background:#f5f3ed;padding:64px 24px 34px;position:relative}.demo-screen::after{content:'';position:absolute;bottom:10px;left:35%;width:30%;height:4px;border-radius:4px;background:#102f39}.demo-status{position:absolute;top:18px;left:28px;right:28px;display:flex;justify-content:space-between;font:600 .875rem/1 Noto,sans-serif}.demo-header{gap:16px;margin:14px 0 20px;min-height:48px;font-size:.875rem;font-weight:600}.demo-header #demo-reset{width:40px;height:40px;flex-shrink:0;border:1px solid #102f39;color:#102f39}.demo-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo-header #demo-reset svg{margin:auto}.demo-menu{margin-left:auto;position:relative}.demo-menu summary{list-style:none;padding:12px;cursor:pointer}.demo-menu summary::-webkit-details-marker{display:none}.demo-menu summary svg{fill:currentColor;stroke:none}.demo-menu[open]{z-index:5}.demo-menu button,.demo-menu a{display:block;white-space:nowrap;background:#e9ede5;padding:16px;border:0;font-size:.875rem}.demo-menu[open] button{position:absolute;right:0;top:48px}.demo-menu[open] a{position:absolute;right:0;top:98px}.demo-menu:not([open]) button,.demo-menu:not([open]) a{display:none}
.demo-screen progress{height:4px}#demo-content{padding:20px 0 8px}#demo-content .demo-practice-label{font-size:.875rem;line-height:21px;font-weight:600;color:#4f625c;margin:0 0 20px}.demo-title-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.demo-card-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:#27665a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#demo-content h3{font-size:1.6875rem;line-height:36px;letter-spacing:-.6px;margin:0}#demo-content p{font-size:1.0625rem;line-height:28px;margin-bottom:20px}#demo-content .demo-question{font-size:1.3125rem;line-height:29px;font-weight:600}#demo-content .demo-selection-hint{font-size:1rem;line-height:24px}.demo-options{gap:20px}.demo-options button{display:flex;gap:12px;align-items:center;width:100%;background:#fcfbf7;border-color:#d0dad1;border-radius:14px;padding:16px;font-size:.9375rem;line-height:24px;transition:background .18s}.demo-options button[aria-pressed=true]{background:#d6e9e2;border-color:#102f39;border-width:1.5px}.demo-check,.demo-radio{width:20px;height:20px;border:2px solid #71857b;flex-shrink:0}.demo-check{border-radius:2px}.demo-radio{border-radius:50%}.demo-options [aria-pressed=true] .demo-check{background:#102f39;border-color:#102f39;position:relative}.demo-options [aria-pressed=true] .demo-check::after{content:'';position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.demo-options [aria-pressed=true] .demo-radio{border-color:#102f39;box-shadow:inset 0 0 0 4px #d6e9e2;background:#102f39}.demo-feedback{background:#d6e9e2;border-radius:14px;padding:16px 20px;margin:20px 0 0;color:#102f39}.demo-feedback[hidden],.demo-feedback:empty{display:none}#demo-content .demo-feedback p{margin:0 0 16px}#demo-content .demo-feedback p:last-child{margin:0}.demo-actions{gap:12px;padding-top:20px}.demo-actions button{min-height:56px;font-size:.875rem;font-weight:600}.demo-actions #demo-back{flex:.85}.demo-custom textarea{border-radius:4px;font-size:1.0625rem;line-height:28px}
.phone-audio-preview{width:350px;left:calc(50% - 175px);top:50px;overflow:hidden}.player-screenshot{aspect-ratio:402/874;background:#f5f3ed;display:flex;align-items:center}.phone-audio-preview::before{display:block}.phone-audio-preview img{width:100%;margin:0;clip-path:inset(4% 0 0);transform:translateY(-2%);border-radius:0}.meditation-panel{min-height:860px}.meditation-visual{min-height:860px}
@media(max-width:760px){.phone-demo{width:414px;max-width:100%}.demo-screen{padding-inline:24px;height:874px}.phone-audio-preview{width:min(350px,80%);left:50%;transform:translateX(-50%) rotate(5deg);top:40px}.meditation-panel{min-height:0}.meditation-visual{min-height:840px}}
@media(max-width:400px){.demo-screen{padding-inline:18px}.meditation-visual{min-height:690px}}
.demo-status svg{width:60px;height:18px}.phone-audio-preview{overflow:visible}.demo-screen progress[hidden]{display:none}
#demo-stage{flex:1;min-width:0}.demo-menu{flex-shrink:0}#demo-content{overflow-wrap:break-word}.demo-header{flex-shrink:0}
/* A single anchored popup, with no inherited round icon-button styling. */
.demo-menu-panel{position:absolute;right:0;top:calc(100% + 4px);width:220px;max-width:calc(100vw - 100px);padding:6px;background:#e9ede5;border:1px solid #d0dad1;border-radius:14px;box-shadow:0 8px 24px #102f3920;overflow:hidden}
.demo-menu .demo-menu-panel button,.demo-menu .demo-menu-panel a{position:static;display:flex;align-items:center;width:100%;height:auto;min-height:48px;padding:12px 16px;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;text-align:left;font:400 .875rem/1.5 Noto,sans-serif;white-space:normal;color:#102f39}
.demo-menu .demo-menu-panel button:hover,.demo-menu .demo-menu-panel a:hover{background:#d6e9e2}
.demo-menu:not([open]) .demo-menu-panel{display:none}
/* Keep the interactive handset fully reachable within the browser viewport. */
.practice-preview{padding-block:32px}.preview-device{min-width:0;align-self:center}
.phone-demo{width:min(414px,calc((100svh - 64px)*.46));max-width:100%}
.phone-demo .demo-screen{height:min(874px,calc(100svh - 78px));min-height:0;padding-inline:clamp(16px,2vw,24px)}
#demo-content{min-height:0}.demo-actions{flex-shrink:0}
@media(max-width:760px){.practice-preview{padding-block:40px;gap:24px}.phone-demo{width:min(414px,calc((100svh - 64px)*.46));max-width:100%}.phone-demo .demo-screen{height:min(874px,calc(100svh - 78px))}}
@media(max-height:540px){.phone-demo{width:min(414px,100%)}.phone-demo .demo-screen{padding-top:42px;padding-bottom:22px}.demo-status{top:12px}.demo-header{margin-block:4px 10px}.demo-actions{padding-top:10px}.demo-screen::after{bottom:6px}}
/* Scale the original app-sized viewport as one unit. */
.phone-demo{width:min(414px,calc((100svh - 64px)*414/888));height:calc(874px * var(--demo-scale,1) + 14px);padding:6px}
.phone-demo .demo-screen{width:402px;height:874px;max-width:none;min-height:0;padding:64px 24px 34px;transform:scale(var(--demo-scale,1));transform-origin:top left;flex-shrink:0}
.phone-demo .demo-header{margin:14px 0 20px}.phone-demo .demo-status{top:18px}.phone-demo .demo-actions{padding-top:20px}.phone-demo .demo-screen::after{bottom:10px}
@media(max-width:760px){.phone-demo{width:min(414px,calc((100svh - 64px)*414/888));max-width:100%}}
/* Real iPhone 17 Pro capture; no synthetic padding or screenshot cropping. */
.phone-audio-preview .player-screenshot{aspect-ratio:auto;display:block;background:transparent}
.phone-audio-preview img{display:block;width:100%;height:auto;margin:0;transform:none;clip-path:none;border-radius:29px}