:root{--ink:#193e46;--deep:#163b43;--teal:#327486;--paper:#eff4f2;--muted:#566f71;--line:#c9d8d5;--light:#f4f7f3;--gold:#e9b54c;--display:"Songti SC","STSong","Noto Serif CJK SC",serif;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:32px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,#window-scene:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}[hidden]{display:none!important}
header{height:88px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:var(--light);border-bottom:1px solid #ffffff15}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.brand-mark{width:42px;height:42px;flex:none}.brand-name{font-size:25px;font-weight:600;letter-spacing:.05em}.brand-tagline{font-size:11px;margin-left:14px;color:#b3cacb;letter-spacing:.12em}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{position:relative;padding:9px 0}nav a:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}nav a:hover:after{transform:scaleX(1)}nav .nav-download{border:1px solid #8da9ad70;border-radius:24px;padding:8px 20px}nav .nav-download:after{display:none}
.wrap{max-width:1200px;margin:auto;padding:108px 32px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.15em;margin-bottom:22px;color:var(--teal)}h2{font-family:var(--display);font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.45;letter-spacing:.03em;margin-bottom:24px;text-wrap:balance}h3{font-size:21px;font-weight:500;line-height:1.5;margin-bottom:12px}.description{font-size:16px;line-height:2;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:13px 26px;border-radius:30px;background:var(--gold);color:var(--deep);font-size:14px;font-weight:600;transition:transform .25s var(--ease),background .25s ease,box-shadow .25s ease}.button span{display:inline-block;transition:transform .3s var(--ease)}.button:hover{background:#f2c975;box-shadow:0 6px 24px #00000018;transform:translateY(-2px)}.button:hover span{transform:translate(3px,-3px)}.button:active{transform:scale(.98)}
/* Fixed room footprint; only the content's viewpoint moves. */
.hero{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:6%;padding:28px max(5%,calc((100% - 1280px)/2)) 75px;color:var(--light);background:var(--deep);overflow:hidden}.hero-copy,.window-feature{position:relative;z-index:1}.hero-copy{padding:20px 0}.hero .eyebrow{color:#b4d1d0;letter-spacing:.1em;font-size:11px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.small-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;flex:none}.hero h1{font-family:var(--display);font-size:clamp(48px,4.8vw,70px);font-weight:400;line-height:1.3;letter-spacing:.06em;margin-bottom:24px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#c6d9d3}.lead{font-size:16px;line-height:1.95;color:#c4d7d7;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-download{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;border-bottom:1px solid #a7c0c066}.hero-download span{transition:transform .3s var(--ease)}.hero-download:hover span{transform:translateX(5px)}
.hero-arches{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.hero-arches i{position:absolute;display:block;width:690px;height:850px;border:1px solid #709b9d1f;border-radius:350px 350px 0 0;left:-320px;top:75px;transform:rotate(-14deg)}.hero-arches i+i{width:510px;height:730px;left:-200px;top:180px;border-color:#709b9d17}.breath-note{display:flex;align-items:center;gap:16px;margin-top:32px;color:#ccdddd;font-size:12px}.breath-note small{display:block;font-size:11px;color:#91afb2;margin-top:2px}.breath-orbit{display:grid;place-items:center;position:relative;width:42px;height:42px;flex:none;border:1px solid #83ada65c;border-radius:50%}.breath-orbit:before{content:"";position:absolute;inset:6px;border:1px solid #94b8ad7a;border-radius:50%}.breath-orbit i{width:7px;height:7px;background:var(--gold);border-radius:50%}
.window-feature{min-width:0}.window-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;letter-spacing:.22em;color:#a5c1c3}.window-heading span:first-child:before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.window-composition{position:relative;border:1px solid #c3d3ca33;padding:6px;background:#e5e3d617;box-shadow:0 26px 54px -25px #001820}#window-scene{position:relative;aspect-ratio:1;background:#b8c2b7;overflow:hidden;touch-action:pan-y}#window-scene img,#window-scene canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#window-scene canvas{opacity:0;transition:opacity .8s ease}#window-scene.ready canvas{opacity:1}.window-poem{position:absolute;top:6%;left:6%;pointer-events:none;color:#203a3b}.window-poem p{font-family:var(--display);font-size:clamp(19px,1.9vw,28px);line-height:1.6;letter-spacing:.13em}.window-poem>span{display:block;font-size:10px;margin-top:12px;letter-spacing:.12em}.window-feature figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;min-height:32px;font-size:11px;color:#b3cbca}.scene-invitation{letter-spacing:.09em}#motion-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #91b3b34d;border-radius:20px;padding:4px 12px;background:transparent;color:#c9dddd;font-size:10px;min-height:32px}#motion-toggle:hover{border-color:#e9b54c}#motion-toggle:disabled{cursor:default;opacity:.75}.motion-symbol{font-size:12px}.scroll{position:absolute;left:max(5%,calc((100% - 1280px)/2));bottom:24px;display:flex;align-items:center;gap:16px;color:#a4c1c1;font-size:10px;letter-spacing:.1em}.scroll-line{width:34px;height:1px;background:#86a6a6}.scroll span:last-child{color:var(--gold)}
footer.wrap{display:flex;gap:28px;align-items:center;padding-top:32px;padding-bottom:32px}footer p{font-size:11px;color:var(--muted)}footer p:last-child{margin-left:auto}.skip{position:fixed;left:12px;top:-70px;z-index:5;background:var(--paper);padding:12px}.skip:focus{top:12px}
@keyframes breathe{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes breathe-dot{0%,100%{transform:scale(.8)}50%{transform:scale(1.2)}}html[data-motion="running"] .breath-orbit:before{animation:breathe 8s ease-in-out infinite}html[data-motion="running"] .breath-orbit i{animation:breathe-dot 8s ease-in-out infinite}html[data-page-hidden="true"] *,html[data-page-hidden="true"] *:before,html[data-motion="paused"] *{animation-play-state:paused!important}
@media(min-width:1600px){.hero{gap:90px;grid-template-columns:490px minmax(0,1fr)}}
@media(max-width:1050px) and (min-width:761px){.hero{gap:4%;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:48px}.hero .eyebrow{font-size:10px}.hero-actions{gap:10px}.hero-download{font-size:11px}.breath-note{margin-top:22px}.window-poem>span{display:none}}
@media(max-width:760px){header{height:72px;padding:0 20px}.brand{gap:8px}.brand-mark{width:33px;height:33px}.brand-name{font-size:21px}.brand-tagline{display:none}nav{gap:16px;font-size:11px}nav .nav-download{padding:7px 0;border:0}.hero{grid-template-columns:1fr;gap:22px;padding:30px 24px 66px}.hero-copy{padding:0}.hero .eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:48px;line-height:1.3;margin-bottom:22px}.lead{font-size:15px;margin-bottom:22px}.hero-actions{gap:14px}.hero .button{padding:12px 22px;min-height:49px;font-size:12px;gap:20px}.hero-download{font-size:11px}.breath-note{margin-top:24px}.breath-orbit{width:34px;height:34px}.breath-note small{display:none}.hero-arches i{left:-490px}.hero-arches i+i{left:-370px}.window-feature{width:100%;max-width:480px;justify-self:center}.window-heading{font-size:9px;margin-bottom:8px}.window-poem{top:6%;left:7%}.window-poem p{font-size:18px;line-height:1.4}.window-poem>span{display:none}.window-feature figcaption{font-size:10px;margin-top:10px;gap:8px}.scene-invitation{letter-spacing:0}#motion-toggle{font-size:9px;padding:3px 9px}.scroll{left:24px;bottom:22px;font-size:9px}.wrap{padding:72px 24px}h2{font-size:32px}.description{font-size:15px}.eyebrow{font-size:10px;margin-bottom:18px}footer.wrap{flex-wrap:wrap;gap:12px 18px}footer p:last-child{margin-left:0;width:100%}}
@media(max-width:360px){header{padding:0 14px}nav{gap:10px;font-size:10px}.brand-mark{width:29px;height:29px}.brand-name{font-size:19px}.hero{padding:26px 20px 62px}.hero h1{font-size:41px}.hero .eyebrow{font-size:9px}.hero-actions{gap:8px}.hero-download{font-size:11px}.window-poem p{font-size:18px}.window-poem>span{display:none}.scene-invitation{font-size:9px}.scroll{left:20px}.wrap,.intro{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* A continuous plaster wall with a recessed opening, rather than a mounted frame. */
header{border-bottom:0;background:#23474d}.brand-tagline{display:none}
.hero{background-color:#23474d;background-image:radial-gradient(ellipse at 78% 24%,#597b7540,transparent 68%);padding-top:30px;padding-bottom:48px;gap:7%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero h1{font-size:clamp(44px,4.5vw,64px);line-height:1.4;margin-bottom:28px;text-shadow:0 1px 1px #071f285c}.hero .lead{font-size:14px;margin-bottom:30px;color:#b9ccca}.hero .button{border-radius:0;padding:8px 0;min-height:42px;background:transparent;color:#e4e9df;border-bottom:1px solid #b5c8bd66;box-shadow:none;font-weight:400;font-size:13px;gap:28px}.hero .button:hover{background:transparent;border-color:var(--gold);transform:none}.hero .button span{color:var(--gold)}
.window-composition{--lip:clamp(16px,2.1vw,30px);border:0;padding:var(--lip);background:#17363c;box-shadow:0 1px 0 #94aaa35c,0 -1px 0 #061f2770;isolation:isolate}
.window-reveal{position:absolute;inset:0;pointer-events:none;z-index:2}.window-reveal i{position:absolute;inset:0;display:block}
.reveal-top{clip-path:polygon(0 0,100% 0,calc(100% - var(--lip)) var(--lip),var(--lip) var(--lip));background:linear-gradient(#0b242b,#183940)}
.reveal-left{clip-path:polygon(0 0,var(--lip) var(--lip),var(--lip) calc(100% - var(--lip)),0 100%);background:linear-gradient(90deg,#22454a,#385e60)}
.reveal-right{clip-path:polygon(100% 0,100% 100%,calc(100% - var(--lip)) calc(100% - var(--lip)),calc(100% - var(--lip)) var(--lip));background:linear-gradient(90deg,#36595c,#51756f)}
.reveal-sill{clip-path:polygon(0 100%,var(--lip) calc(100% - var(--lip)),calc(100% - var(--lip)) calc(100% - var(--lip)),100% 100%);background:linear-gradient(#879b90,#57766e)}
#window-scene:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 9px 12px 19px -9px #07191c99,inset -2px -2px 4px #e1dfc829}
.window-poem{top:calc(var(--lip) + 5%);left:calc(var(--lip) + 5%);z-index:3}.window-feature figcaption{justify-content:flex-end;margin-top:10px;min-height:28px}#motion-toggle{border-color:transparent;min-height:28px;padding:2px 5px;color:#b3c9c7}#motion-toggle:hover{border-color:#8eaaa666}
@media(min-width:1600px){.hero{grid-template-columns:460px minmax(0,1fr);gap:100px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;padding:28px 24px 32px}.hero h1{font-size:42px;line-height:1.3;margin-bottom:18px}.hero h1 span{display:inline}.hero h1 em{display:block}.hero .lead{font-size:13px;margin-bottom:16px}.hero .button{font-size:12px;min-height:40px}.window-composition{--lip:18px}.window-poem{top:calc(var(--lip) + 5%);left:calc(var(--lip) + 5%)}.window-poem p{font-size:18px}}
@media(max-width:360px){.hero{padding:24px 20px 28px;gap:26px}.hero h1{font-size:35px}.window-composition{--lip:15px}.window-poem p{font-size:17px}}

/* Keep the opening aligned with the square room; brand cues stay in the signature and sill. */
.window-reveal:after { content:"";position:absolute;left:calc(50% - 2.5px);bottom:calc(var(--lip)/2 - 2.5px);width:5px;height:5px;border-radius:50%;background:#b9aa78; }
.is-listening .window-reveal:after { background:var(--gold); }
.window-poem { top:calc(var(--lip) + 3%);left:calc(var(--lip) + 7%); }
.practice-signature { display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:10px;letter-spacing:.09em;color:#294746; }
.practice-mark { width:23px;height:23px;flex:none; }
.practice-mark circle { fill:#9d8140; }
.is-listening .practice-mark circle { fill:#b18929; }
.practice-lines { min-height:3.2em; }
.practice-lines>span { display:block;white-space:nowrap; }
@media(max-width:1050px) {
  .practice-signature { gap:6px;font-size:9px;margin-bottom:7px;letter-spacing:.03em; }
  .practice-mark { width:17px;height:17px; }
  .window-poem .practice-lines { font-size:18px;line-height:1.45; }
}
@media(max-width:360px) {
  .practice-signature { font-size:8px;gap:5px;margin-bottom:5px; }
  .practice-mark { width:15px;height:15px; }
  .window-poem .practice-lines { font-size:16px; }
}

/* A frosted wall softly reveals the same live scene as the clear opening. */
.window-feature figcaption { justify-content:space-between;min-height:44px;margin-top:5px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
#window-sound-toggle { display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:4px 5px;border:0;background:transparent;color:#bed2cd;font-size:11px;letter-spacing:.08em;white-space:nowrap;transition:color .2s ease; }
#window-sound-toggle svg { width:19px;height:19px;flex:none; }
#window-sound-toggle .sound-far { opacity:.3;transition:opacity .2s ease; }
#window-sound-toggle:hover,#window-sound-toggle[aria-pressed="true"] { color:#ede0b9; }
#window-sound-toggle[aria-pressed="true"] .sound-far { opacity:1; }
#window-sound-toggle[data-state="loading"] { color:#c8d9d4; }
.window-feature #motion-toggle { min-height:44px;margin-left:auto; }
.hero{background-image:none}
.hero-atmosphere{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;filter:blur(2px) saturate(.7)}
.hero-atmosphere img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover}.hero-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-atmosphere canvas{opacity:0}.hero.scene-ready .hero-atmosphere canvas{opacity:1}
.hero-wall{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(23,57,65,.86),rgba(26,64,70,.78) 45%,rgba(24,60,67,.85))}
.hero:before{z-index:-1;opacity:.045}
@media(max-width:760px){.hero-atmosphere{filter:blur(2px) saturate(.7)}.hero-wall{background:linear-gradient(180deg,rgba(23,57,65,.86),rgba(26,64,70,.78) 50%,rgba(24,60,67,.86))}}


/* Editorial sequence: practice, natural sound, everyday use, download. */
.meditation,
.experience { background:var(--paper); }
.meditation { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,100px);align-items:center;padding-top:112px;padding-bottom:112px; }
.meditation-visual { min-width:0; }
.image-crop { overflow:hidden; }
.meditation-visual img { width:100%;height:610px;object-fit:cover;object-position:43% center; }
.meditation-visual figcaption { display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;color:var(--muted); }
.meditation-visual figcaption span:last-child { font-size:10px; }
.meditation h2,.experience h2 { font-size:clamp(36px,3.6vw,50px);line-height:1.5;letter-spacing:.02em; }
.meditation-copy>.description { font-size:15px; }
.practice-list { margin-top:34px; }
.practice-list article { border-top:1px solid var(--line);padding:18px 0; }
.practice-list h3 { font-size:16px;margin-bottom:5px; }
.practice-list p { font-size:14px;line-height:1.9;color:var(--muted); }
.text-link { display:inline-flex;align-items:center;gap:28px;min-height:44px;margin-top:12px;border-bottom:1px solid #749991;font-size:13px; }
.text-link span { color:var(--teal);transition:transform .25s var(--ease); }
.text-link:hover span { transform:translate(3px,-3px); }
.sounds { background:#193f45;color:var(--light); }
.sounds .wrap { padding-top:94px;padding-bottom:94px; }
.sounds .eyebrow { color:#a8c5bd; }
.section-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px; }
.section-heading h2 { font-size:clamp(40px,4.4vw,62px);line-height:1.4;margin-bottom:0; }
.section-heading .description { color:#b9cec9;font-size:14px;padding-bottom:10px; }
.experience { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:76px 80px;align-items:center;padding-top:112px;padding-bottom:86px; }
.experience .description { font-size:15px; }
.daily-moments { margin-top:32px; }
.daily-moments article { display:grid;grid-template-columns:44px 1fr;gap:16px;margin-top:18px; }
.daily-moments h3 { font-size:14px;line-height:1.9;margin:0;color:var(--ink); }
.daily-moments p { font-size:14px;line-height:1.9;color:var(--muted); }
.experience .text-link { margin-top:32px; }
.app-showcase { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 24px;max-width:494px;justify-self:end; }
.app-showcase figure:nth-child(2) { margin-top:60px; }
.app-showcase img { width:100%;height:auto;border:4px solid #27494c;border-radius:22px;box-shadow:0 16px 28px -22px #17363966; }
.app-showcase figcaption { margin-top:16px;font-size:10px;text-align:center;color:var(--muted); }
.app-evidence { grid-column:1/-1;margin-top:26px;text-align:center;font-size:10px;letter-spacing:.08em;color:var(--muted); }
.quiet-features { grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:32px; }
.quiet-features h3 { font-size:15px;margin-bottom:10px; }
.quiet-features p { font-size:13px;line-height:1.9;color:var(--muted); }
.download { background:#cddad2;color:var(--ink); }
.download .wrap { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:52px 100px;padding-top:90px;padding-bottom:34px; }
.download .eyebrow { color:#496e69; }
.download h2 { font-size:clamp(42px,4.7vw,66px);line-height:1.4;margin:0; }
.download-action { justify-self:start; }
.download-action>p { font-size:14px;color:#496560;line-height:1.9; }
.download .button { margin-top:24px;background:var(--deep);color:var(--light);border-radius:4px;gap:40px;font-weight:400; }
.download .button span { color:#d7ddb9; }
.download .button:hover { background:#28565a; }
.download .button:hover span { transform:translateY(3px); }
.download .package { font-size:10px;margin-top:18px;line-height:1.9; }
.download details { grid-column:1/-1;border-top:1px solid #9bb3a9;padding-top:22px;font-size:12px; }
.download summary { cursor:pointer;width:fit-content;min-height:30px; }
.download details p { color:#496560;max-width:860px;margin-top:16px; }
.checksum { overflow-wrap:anywhere;font-size:10px; }
@media(max-width:1050px) and (min-width:761px) {
  .meditation { gap:44px; }
  .meditation-visual img { height:620px; }
  .meditation-visual figcaption { flex-direction:column;gap:4px; }
  .meditation h2,.experience h2 { font-size:36px; }
  .experience { gap:54px 36px;grid-template-columns:1fr 1fr; }
  .app-showcase { gap:0 14px; }
  .app-showcase img { border-radius:17px;border-width:3px; }
  .download .wrap { gap:40px; }
}
@media(max-width:760px) {
  .meditation { grid-template-columns:1fr;gap:42px;padding-top:68px;padding-bottom:72px; }
  .meditation-copy { grid-row:1; }
  .meditation h2,.experience h2 { font-size:36px; }
  .meditation-visual img { height:auto;aspect-ratio:1.1;object-position:center; }
  .meditation-visual figcaption { margin-top:14px;font-size:10px; }
  .meditation-visual figcaption span:last-child { font-size:9px; }
  .practice-list { margin-top:28px; }
  .practice-list article { padding:17px 0; }
  .sounds .wrap { padding-top:66px;padding-bottom:60px; }
  .section-heading { display:block;margin-bottom:32px; }
  .section-heading h2 { font-size:42px; }
  .section-heading .description { margin-top:22px;padding:0;font-size:13px; }
  .experience { grid-template-columns:1fr;gap:46px;padding-top:68px;padding-bottom:58px; }
  .daily-moments { margin-top:28px; }
  .app-showcase { max-width:440px;justify-self:center;gap:0 16px; }
  .app-showcase figure:nth-child(2) { margin-top:40px; }
  .app-showcase img { border-radius:17px;border-width:3px; }
  .app-showcase figcaption { font-size:9px;margin-top:12px; }
  .app-evidence { margin-top:20px;font-size:9px; }
  .quiet-features { grid-template-columns:1fr;gap:24px;padding-top:28px; }
  .quiet-features h3 { font-size:14px;margin-bottom:5px; }
  .download .wrap { grid-template-columns:1fr;gap:34px;padding-top:64px;padding-bottom:28px; }
  .download h2 { font-size:44px; }
  .download-action>p { font-size:13px; }
  .download details { padding-top:18px; }
}
@media(max-width:360px) {
  .meditation h2,.experience h2 { font-size:32px; }
  .meditation-copy>.description,.experience .description { font-size:13px; }
  .meditation-visual figcaption { flex-wrap:wrap;gap:4px 12px; }
  .app-showcase { gap:0 12px; }
  .app-showcase img { border-radius:14px; }
  .app-showcase figcaption { font-size:8px; }
}

/* Listening leads; small covers identify tracks, the waveform describes real audio. */
.listening-room { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(48px,8vw,112px);align-items:center; }
.sound-choice { display:flex;align-items:center;gap:24px;width:100%;padding:24px 0;border:0;border-top:1px solid #7ba0994d;background:transparent;color:#b3c8c3;text-align:left; }
.sound-choice:last-of-type { border-bottom:1px solid #7ba0994d; }
.sound-choice img { width:68px;height:68px;object-fit:cover;flex:none;border-radius:3px;opacity:.7;transition:opacity .25s ease; }
.sound-choice.is-selected { color:var(--light); }
.sound-choice.is-selected img,.sound-choice:hover img { opacity:1; }
.sound-choice:disabled { cursor:default; }
.sound-choice-copy { min-width:0;flex:1; }
.sound-name,.sound-description { display:block; }
.sound-name { font-family:var(--display);font-size:27px;line-height:1.4;letter-spacing:.04em; }
.sound-description { font-size:12px;line-height:1.8;margin-top:8px;color:#a7c2bd; }
.sound-choice-action { display:flex;align-items:center;gap:8px;flex:none;font-size:11px;min-width:56px; }
.sound-play-icon { display:block;width:12px;height:14px;flex:none;background:currentColor;clip-path:polygon(12% 0,100% 50%,12% 100%); }
.is-active .sound-play-icon { clip-path:polygon(5% 0,35% 0,35% 100%,5% 100%,5% 0,65% 0,95% 0,95% 100%,65% 100%,65% 0); }
.sound-choice.is-active .sound-choice-action { color:#e7ddb5; }
.sound-note { margin-top:24px;font-size:11px;letter-spacing:.06em;color:#a7c2bd; }
.sound-player { min-width:0; }
#sound-status { color:#b3ccc5;font-size:12px;min-height:24px; }
#sound-current-title { font-family:var(--display);font-size:40px;font-weight:400;line-height:1.5;letter-spacing:.07em;margin:14px 0 36px; }
#sound-audio[controls] { display:block;width:100%;margin:28px 0;color-scheme:dark; }
.sound-waveform { position:relative;width:100%;height:80px; }
.sound-waveform svg { position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:2.5;stroke-linecap:round; }
.sound-wave-base { stroke:#7da399; }
.sound-wave-played { stroke:#e7ddb5;clip-path:inset(0 calc(100% - var(--progress)) 0 0); }
#sound-seek { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
#sound-seek:disabled { cursor:default; }
.sound-waveform:has(:focus-visible) { outline:2px solid var(--gold);outline-offset:8px; }
.sound-time { display:flex;justify-content:space-between;margin-top:16px;color:#b9cec9;font-size:11px;font-variant-numeric:tabular-nums; }
.sound-controls-row { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px; }
.sound-toggle { display:flex;align-items:center;justify-content:center;gap:12px;min-width:120px;min-height:48px;padding:12px 22px;border:0;border-radius:3px;background:#d4dcbf;color:#193f45;font-size:13px; }
.sound-toggle:hover { background:#e0e6cf; }
.sound-volume { display:flex;align-items:center;gap:12px;color:#b9cec9;font-size:11px; }
.sound-volume input { width:92px;height:28px;margin:0;accent-color:#d4dcbf;cursor:pointer; }
.sound-volume input:focus-visible { outline:2px solid var(--gold);outline-offset:5px; }
.sound-app-link { display:inline-flex;align-items:center;gap:24px;color:#c6d6ce;min-height:44px;margin-top:24px;font-size:12px;border-bottom:1px solid #91b0a666; }
.sound-app-link span { color:#e7ddb5; }
@media(max-width:1050px) and (min-width:761px) {
  .listening-room { gap:48px;grid-template-columns:1.15fr 1fr; }
  .sound-choice { gap:16px; }
  .sound-choice img { width:52px;height:60px; }
  .sound-name { font-size:23px; }
  .sound-description { font-size:11px; }
  .sound-choice-action { min-width:16px; }
  .choice-label { display:none; }
  #sound-current-title { font-size:34px; }
  .sound-controls-row { gap:16px; }
  .sound-volume input { width:68px; }
  .sound-toggle { min-width:100px;padding:12px 16px; }
}
@media(max-width:760px) {
  .listening-room { grid-template-columns:1fr;gap:40px; }
  .sound-choice { gap:16px;padding:22px 0; }
  .sound-choice img { width:56px;height:56px; }
  .sound-name { font-size:23px; }
  .sound-description { font-size:11px;margin-top:5px; }
  .sound-choice-action { min-width:16px; }
  .choice-label { display:none; }
  .sound-player { border-top:1px solid #7ba0994d;padding-top:32px; }
  #sound-current-title { font-size:34px;margin-bottom:28px; }
  .sound-waveform { height:64px; }
  .sound-controls-row { gap:16px;margin-top:24px; }
  .sound-volume input { width:80px; }
  .sound-note { font-size:10px;margin-top:18px; }
}

/* First-screen download is a primary action with a real APK target. */
.hero .hero-actions { gap:24px; }
.hero .app-download { display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 22px;background:#d4dcbf;color:#193f45;border-radius:3px;font-size:13px;font-weight:500;transition:background .2s ease; }
.hero .app-download:hover { background:#e2e7d1; }
.hero .hero-actions .button { gap:14px; }
.hero-version { font-size:10px;color:#b3c9c1;margin-top:14px;letter-spacing:.03em; }
@media(max-width:760px) { .hero .hero-actions { gap:18px; }.hero .app-download { gap:14px;padding:12px 18px;font-size:12px;min-height:46px; }.hero-version { font-size:9px;margin-top:12px; } }

.sound-tabs { display:flex;gap:32px;margin:0 0 36px;border-bottom:1px solid #7ba0994d; }
.sound-tabs button { padding:12px 0 16px;min-height:48px;border:0;border-bottom:2px solid transparent;background:none;color:#a7c2bd;font-size:14px; }
.sound-tabs button[aria-selected="true"] { color:var(--light);border-bottom-color:#d4dcbf; }
.sound-tabs button:disabled { cursor:default; }
.sound-category-description { max-width:360px;margin-top:32px;font-size:14px;line-height:2;color:#b9cec9; }
.listening-room { align-items:start; }
.sound-choices { min-height:384px; }
@media(max-width:760px) { .sound-tabs { gap:28px;margin-bottom:28px; }.sound-tabs button { font-size:13px; }.sound-choices { min-height:0; }.sound-category-description { font-size:13px;margin-top:24px; } }