@font-face{font-family:Instrument Serif;src:url('assets/optimized/instrument-serif-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('assets/optimized/instrument-serif-italic-latin.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:dark;--bg:#101112;--pearl:#f0eee7;--muted:#a8aaa5;--champagne:#c9bca4;--rim:#ffffff20;--serif:'Instrument Serif',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--pearl);font:16px var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--champagne);outline-offset:5px}img{display:block;max-width:100%;height:auto}p{line-height:1.7}h1,h2,h3,p,figure{margin:0}h1,h2{font:400 clamp(52px,5.8vw,82px)/1.02 var(--serif);letter-spacing:-.035em}h1{font-size:clamp(88px,8.5vw,126px)}h3{font-size:20px;font-weight:500;letter-spacing:-.025em}em{font-weight:400;color:var(--champagne)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:29px;letter-spacing:-.5px}.brand img{width:44px;height:44px;object-fit:contain}.nav nav{display:flex;gap:30px;font-size:14px;color:#b8bcb5}.nav nav a:hover,.footer-links a:hover{color:white}.button{background:linear-gradient(135deg,#faf9f4,#d7d4ca);border:1px solid #fff9;border-radius:100px;padding:18px 25px;display:inline-flex;align-items:center;justify-content:center;gap:28px;color:#202120;font-size:15px;font-weight:550;min-height:54px;box-shadow:inset 0 1px 2px white,0 5px 30px #0002;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f0eee714}.button.small{min-height:44px;padding:12px 20px;font-size:13px;gap:18px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;min-height:44px}.hero{min-height:800px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;padding-bottom:96px}.hero-art{position:absolute;width:740px;height:850px;right:-24px;top:-100px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 80%,transparent);pointer-events:none;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 65%)}.hero-copy{position:relative;z-index:1;min-width:0;width:100%}.hero h1{white-space:nowrap}.intro{font-size:18px;color:#bcbfb8;margin-top:27px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.hero-product{position:relative;height:660px;margin-left:20px;margin-top:24px;background:radial-gradient(ellipse at 55% 50%,#9b8d6620,transparent 65%)}
.phone{position:absolute;padding:7px;background:#080909;border:1px solid #8d908c;border-radius:43px;box-shadow:inset 0 0 0 2px #292b2a,inset 0 0 0 3px #ffffff20,0 28px 65px #0007,0 2px 2px #000;isolation:isolate}.phone img{border-radius:35px;width:100%;height:auto}.phone:before,.phone:after{content:'';position:absolute;background:linear-gradient(90deg,#535551,#babcb6,#494b49);width:3px;border-radius:2px;z-index:-1}.phone:before{left:-3px;top:21%;height:12%}.phone:after{right:-3px;top:29%;height:15%}.hero-reader{width:310px;left:5px;top:65px;transform:rotate(-5deg);z-index:2}.hero-timer{width:260px;right:0;top:8px;transform:rotate(6deg);z-index:1}.section{padding-block:104px}.section-top{text-align:center;margin-bottom:58px}.how{border-top:1px solid var(--rim)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.step-heading{display:flex;justify-content:center;gap:12px;align-items:center}.step-heading>span{font-size:11px;color:var(--champagne)}.steps p{font-size:14px;color:var(--muted);margin:18px 0 32px;text-align:center}.step-image.phone{position:relative;width:260px;max-width:100%;margin-inline:auto;border-radius:37px;padding:6px}.step-image.phone img{border-radius:30px}.caption{font-size:12px;line-height:1.7;color:#a0a59b}.how>.caption{text-align:center;margin-top:42px}.wallpaper-choices{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:center;margin-top:100px;padding-top:80px;border-top:1px solid var(--rim)}.wallpaper-copy h3{font:400 60px/1.05 var(--serif);letter-spacing:-.025em}.wallpaper-copy p{font-size:15px;color:var(--muted);margin-top:22px}.wallpaper-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wallpaper-gallery img{width:100%;aspect-ratio:853/1844;object-fit:cover;border-radius:20px;box-shadow:0 12px 30px #0004}.wallpaper-gallery figcaption{text-align:center;padding-top:17px;font-size:13px;color:var(--champagne)}.listening{background:radial-gradient(ellipse at 80% 50%,#5b55421f,transparent 65%),linear-gradient(120deg,#171919,#101112);border-block:1px solid #ffffff0c}.listening-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.body-copy{font-size:17px;color:#b6bab1;line-height:1.8;max-width:430px;margin-top:26px}.glass{border:1px solid #caccc338;background:linear-gradient(135deg,#e3e5de0c,#ffffff02 50%,#c9bca407);box-shadow:inset 1px 1px 0 #fff1,0 24px 65px #0002;border-radius:28px}.voice-panel{padding:28px}.voice-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:24px}.voice-top>span{font-size:14px;color:var(--muted)}.languages{display:flex;background:#0003;padding:4px;border:1px solid #fff1;border-radius:30px}.languages button{background:none;border:0;border-radius:30px;padding:12px;font-size:12px;color:#aaa}.languages button[aria-pressed=true]{background:#e6e7e01c;color:#f1efe9;box-shadow:inset 0 1px #fff2}.voice-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rim);padding:24px 0}.voice-row h3{font:400 34px var(--serif)}.sample-label{display:block;margin-top:6px;color:#a2a69d;font-size:11px}.play{border:1px solid #fff4;border-radius:50%;background:linear-gradient(140deg,#fff2,#fff0);width:48px;height:48px;flex-shrink:0;font-size:14px}.play:hover,.play[aria-pressed=true]{background:var(--pearl);color:#151615}.voice-panel>p{color:#a9aea4;font-size:12px;margin-top:10px}.voice-panel>.audio-note{color:#969b91;font-size:11px;margin-top:7px}.focus{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.focus-composition{height:620px;position:relative;background:radial-gradient(ellipse,#6e68531c,transparent 65%)}.focus-timer{width:265px;left:10px;top:0;transform:rotate(-4deg);z-index:2}.focus-blocking{width:230px;right:0;bottom:0;transform:rotate(6deg)}.faq{border-top:1px solid var(--rim);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-heading .text-link{margin-top:26px;color:var(--champagne)}.faq-list details{border-bottom:1px solid var(--rim)}.faq-list details:first-child{border-top:1px solid var(--rim)}summary{font-size:17px;line-height:1.5;list-style:none;cursor:pointer;padding:25px 35px 25px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:23px;color:var(--champagne);font-size:22px;font-weight:300}details[open] summary:after{content:'−'}.faq-list p{font-size:15px;color:var(--muted);padding:0 25px 25px 0;max-width:560px}.closing{text-align:center;padding-top:18px;position:relative;background:radial-gradient(ellipse at 50% 40%,#c6b4930b,transparent 60%)}.closing>img{width:140px;height:140px;object-fit:contain;margin:0 auto 26px;filter:drop-shadow(0 0 40px #c5bea51a)}.closing h2{font-size:clamp(68px,7vw,102px)}.closing .button{margin-top:32px}footer{border-top:1px solid var(--rim);padding-block:36px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;gap:28px;color:#b5b9af;font-size:13px}.footer-links a{padding:12px 0}.footer-bottom{font-size:11px;color:#9ba194;margin-top:25px}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:10}.skip:focus{top:10px}
dialog{background:#1c1e1d;border:1px solid #bfc1b953;border-radius:25px;color:var(--pearl);padding:42px;max-width:500px;width:calc(100% - 32px)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:46px;margin-bottom:18px}dialog p{font-size:15px;color:#b9bdb4;margin-bottom:24px}.close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:30px;width:44px;height:44px}#waitlist{max-height:calc(100dvh - 32px);overflow-y:auto}#waitlist form>label:not(.consent),#waitlist legend{display:block;font-size:14px;margin-bottom:10px}#waitlist input[type=email],#waitlist input[name=firstName]{width:100%;padding:15px;border:1px solid #ffffff40;border-radius:10px;background:#101211;color:var(--pearl);font:inherit;margin-bottom:24px}#waitlist fieldset{border:0;padding:0;margin:0 0 24px}.phone-options{display:flex;flex-wrap:wrap;gap:12px}.phone-options label{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px;border:1px solid var(--rim);border-radius:10px;font-size:14px}#waitlist input{accent-color:var(--champagne)}.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}.consent input{margin-top:5px;width:18px;height:18px;flex-shrink:0}#waitlist .waitlist-purpose{font-size:12px;margin:16px 0 24px}.waitlist-purpose a{text-decoration:underline;text-underline-offset:3px}#waitlist .button{width:100%}#waitlist-status{margin:12px 0 0;font-size:14px;color:#e0c8b9}#waitlist [hidden]{display:none}#waitlist button:disabled{opacity:.6;cursor:wait}.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:740px;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:100px}.hero-product{transform:scale(.88);transform-origin:center right;margin-left:-35px}.hero-art{right:0;width:620px}.steps{gap:30px}.step-image.phone{width:230px}.listening-layout,.focus,.faq{gap:50px}.voice-top{flex-wrap:wrap}.focus-composition{height:560px}.focus-timer{width:230px;left:0}.focus-blocking{width:200px}.wallpaper-choices{gap:55px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav{height:86px;flex-wrap:wrap}.brand{font-size:25px;gap:6px}.brand img{width:36px;height:36px}.nav nav{order:3;width:100%;justify-content:center;gap:30px;font-size:12px;padding-top:16px}.button.small{font-size:12px;padding:11px 15px;gap:13px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:76px;padding-bottom:54px;overflow:clip}.hero-copy{text-align:center}.hero h1{font-size:clamp(76px,17vw,102px)}.intro{font-size:16px;margin-top:24px}.actions{flex-direction:column;justify-content:center;gap:10px;margin-top:26px}.hero-art{width:100%;height:900px;top:25px;right:0;opacity:.24;mask-image:linear-gradient(transparent,#000 10%,#000 70%,transparent)}.hero-art img{width:640px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.hero-product{width:350px;max-width:100%;height:550px;margin:34px 0 0;transform:none}.hero-reader{width:220px;left:16px;top:60px;border-radius:32px;padding:5px}.hero-timer{width:180px;right:16px;top:18px;border-radius:28px;padding:5px}.hero-reader img{border-radius:26px}.hero-timer img{border-radius:22px}.section{padding-block:72px}.section-top{margin-bottom:42px}.steps{display:flex;flex-direction:column;gap:38px}.steps article{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.step-heading{display:block;align-self:end;text-align:left}.step-heading>span{display:block;margin-bottom:12px}.step-heading h3{font:400 32px/1.05 var(--serif)}.steps p{text-align:left;margin:14px 0 0;font-size:13px;align-self:start}.steps p br{display:none}.step-image.phone{grid-column:2;grid-row:1/3;width:170px;border-radius:25px;padding:4px}.step-image.phone img{border-radius:20px}.how>.caption{font-size:11px;margin-top:35px}.wallpaper-choices{grid-template-columns:1fr;gap:36px;margin-top:60px;padding-top:55px}.wallpaper-copy{text-align:center}.wallpaper-copy h3{font-size:52px}.wallpaper-copy p{font-size:14px;margin-top:18px}.wallpaper-gallery{gap:13px}.wallpaper-gallery img{border-radius:15px}.wallpaper-gallery figcaption{font-size:12px}.listening-layout{grid-template-columns:1fr;gap:36px}.listening-layout>div:first-child{text-align:center}.body-copy{font-size:16px;margin-top:23px}.listening-layout .body-copy{margin-inline:auto}.voice-panel{padding:24px}.voice-top{flex-wrap:nowrap}.voice-top>span{font-size:12px}.languages button{padding:11px;font-size:11px}.focus{display:flex;flex-direction:column;gap:40px}.focus-copy{order:-1;width:100%;text-align:center}.focus-copy .body-copy{margin-inline:auto}.focus-composition{height:550px;width:330px;max-width:100%}.focus-timer{width:210px;border-radius:31px;padding:5px}.focus-timer img{border-radius:25px}.focus-blocking{width:180px;bottom:16px;border-radius:28px;padding:5px}.focus-blocking img{border-radius:22px}.faq{display:block}.faq-heading{text-align:center;margin-bottom:28px}.faq-heading h2 br{display:none}.faq-heading .text-link{margin-top:18px}summary{font-size:15px;padding-block:23px}.faq-list p{font-size:14px}.closing{padding-top:0}.closing>img{width:115px;height:115px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.footer-links{gap:26px}.footer-bottom{margin-top:20px}dialog{padding:38px 25px}dialog h2{font-size:40px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:23px}.button.small{padding-inline:12px;gap:8px}.hero-reader{width:200px}.hero-timer{width:165px}.hero-product{height:515px}.voice-panel{padding:18px}.languages button{padding:10px}.step-heading h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:360px){.focus-composition{width:290px;transform:scale(.92);transform-origin:top center;height:510px}.faq-heading h2{font-size:46px}}
/* Mobile gets its own spacious composition rather than compact desktop columns. */
@media(max-width:600px){
 .wrap{width:calc(100% - 32px)}
 .hero{overflow:visible;padding-top:68px;padding-bottom:46px}
 .hero-art{overflow:hidden}
 .hero-product{width:100%;max-width:none;height:600px;margin-top:38px}
 .hero-reader{width:clamp(225px,67vw,290px);left:16px;top:66px;border-radius:36px;padding:6px}
 .hero-reader img{border-radius:29px}
 .hero-timer{width:clamp(176px,51vw,220px);right:16px;top:10px;border-radius:31px;padding:5px}
 .hero-timer img{border-radius:25px}
 .steps{gap:56px}
 .steps article{display:flex;flex-direction:column;align-items:center;gap:0}
 .step-heading{display:flex;align-self:auto;align-items:center;text-align:center;gap:12px}
 .step-heading>span{margin:0;font-size:12px}
 .step-heading h3{font-size:36px}
 .steps p{text-align:center;align-self:auto;max-width:290px;margin:16px 0 27px;font-size:15px}
 .steps p br{display:block}
 .step-image.phone{width:min(76vw,300px);border-radius:41px;padding:7px}
 .step-image.phone img{border-radius:33px}
 .wallpaper-choices{gap:32px}
 .wallpaper-gallery{gap:12px}
 .listening-layout{gap:30px}
 .voice-panel{padding:23px 20px}
 .focus-composition{width:100%;height:610px;transform:none;margin-top:4px}
 .focus-timer{width:clamp(216px,63vw,275px);left:8px;border-radius:36px;padding:6px}
 .focus-timer img{border-radius:29px}
 .focus-blocking{width:clamp(180px,51vw,225px);right:8px;bottom:12px;border-radius:32px;padding:5px}
 .focus-blocking img{border-radius:25px}
 .body-copy{max-width:360px}
 .faq-heading h2{font-size:54px}
 .faq-heading h2 br{display:block}
 .faq-list summary{font-size:16px}
 .faq-list p{padding-right:12px;font-size:15px}
 .footer-top,.footer-bottom{align-items:center;text-align:center}
}
@media(max-width:360px){
 .hero h1{font-size:72px}
 .hero-product{height:555px}
 .hero-reader{left:10px}
 .hero-timer{right:8px}
 .focus-composition{height:555px}
 .focus-timer{left:9px}
 .focus-blocking{right:9px}
 .voice-panel{padding-inline:16px}
}

/* Quiet, crawlable routes to the reading guides. */
.footer-links{flex-wrap:wrap}.reading-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin:26px 0 6px;font-size:14px;color:#b4b6ad}.reading-links a{text-decoration:none}.reading-links a:hover{color:#f0eee7}.reading-links span{margin-left:8px}@media(max-width:600px){.reading-links{gap:16px;flex-direction:column}.footer-links{gap:20px}}
/* Spanish copy keeps the same open mobile layout. */
html[lang="es"] .hero h1{font-size:clamp(78px,7.4vw,108px)}
html[lang="es"] .nav .brand{white-space:nowrap}
.language-link{color:#ded3bb!important;text-decoration:underline!important;text-underline-offset:5px}
@media(max-width:900px){.nav nav{gap:22px}html[lang="es"] .hero h1{font-size:clamp(55px,14vw,90px)}html[lang="es"] .nav .brand{font-size:24px}html[lang="es"] .nav .button.small{font-size:11px;padding-inline:12px;gap:8px}html[lang="es"] .voice-top{flex-wrap:wrap;gap:14px}html[lang="es"] .hero{padding-top:86px}}
@media(max-width:360px){html[lang="es"] .nav .brand{font-size:21px}html[lang="es"] .nav .brand img{width:28px}html[lang="es"] .nav .button.small{max-width:145px;white-space:normal;font-size:10px;padding:10px}html[lang="es"] .nav nav{gap:17px;font-size:11px}html[lang="es"] .hero h1{font-size:51px}}

/* Official store artwork opens the launch waitlist until downloads are available. */
.store-actions{flex-direction:column;align-items:flex-start;gap:14px}.store-badges{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.store-badge{display:block;padding:0;border:0;background:transparent;border-radius:7px;flex-shrink:0}.store-badge img{height:48px;width:auto;max-width:none}.store-badge.google-play{margin:-12px -12px -12px 0}.store-badge.google-play img{height:72px}.store-note{font-size:12px;color:var(--muted);margin-top:17px;max-width:360px}.closing .store-downloads{margin-top:32px}.closing .store-badges{justify-content:center}.closing .store-note{margin-inline:auto}.phone-options label:has(input:checked){border-color:var(--champagne);background:#c9bca411}@media(max-width:900px){.store-actions{align-items:center}.store-badges{justify-content:center}}@media(max-width:400px){.store-badges{gap:20px}.store-badge img{height:40px}.store-badge.google-play{margin:-10px -10px -10px 0}.store-badge.google-play img{height:60px}}
/* Spanish Google artwork has different built-in clear space. Match visible badge height. */
html[lang="es"] .store-badge.google-play{margin:-7.5px 0}html[lang="es"] .store-badge.google-play img{height:63px}@media(max-width:400px){html[lang="es"] .store-badge.google-play{margin:-6.25px 0}html[lang="es"] .store-badge.google-play img{height:52.5px}}
