:root{--listen-gold:#f2bd54;--listen-cream:#fff3d5;--listen-wine:#91283d;--listen-peacock:#1b7890;--listen-night:#09070d;--listen-panel:#15101a;--listen-muted:#d3c6b6;--listen-line:rgba(242,189,84,.28)}
html{scroll-behavior:smooth}.listening-page{background:var(--listen-night);color:var(--listen-cream)}
.listening-hero{position:relative;isolation:isolate;min-height:min(900px,92vh);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:clamp(2rem,6vw,7rem);overflow:hidden;padding:clamp(7rem,12vw,10rem) max(1rem,calc((100vw - 1260px)/2)) 4rem;background:radial-gradient(circle at 72% 40%,rgba(242,189,84,.18),transparent 24%),linear-gradient(118deg,#08070c 0%,#1b0e19 48%,#08141a 100%)}
.listening-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.listening-hero-copy{z-index:2;max-width:760px}.listening-hero h1{margin:.4rem 0;color:#fff7e7;font-size:clamp(3.4rem,7.7vw,7.6rem);line-height:.92;letter-spacing:-.045em}.listening-hero h2{max-width:650px;margin:1.1rem 0;color:var(--listen-gold);font-size:clamp(1.5rem,3vw,2.4rem)}.listening-hero-copy>p:not(.eyebrow):not(.truth-boundary){max-width:650px;color:var(--listen-muted);font-size:1.08rem;line-height:1.75}.truth-boundary{max-width:670px;color:#aa9c90;font:500 .76rem/1.6 system-ui,sans-serif}
.listening-hero-art{position:relative;align-self:stretch;min-height:600px;display:flex;align-items:flex-end;justify-content:center}.listening-hero-art img{position:relative;z-index:2;width:min(48vw,620px);height:100%;max-height:790px;object-fit:cover;object-position:center top;border-radius:310px 310px 36px 36px;filter:saturate(.9) contrast(1.04);box-shadow:0 50px 120px rgba(0,0,0,.55);mask-image:linear-gradient(to bottom,black 82%,transparent)}
.vel-orbit{position:absolute;z-index:1;top:45%;left:50%;width:min(52vw,680px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(242,189,84,.2);border-radius:50%;animation:listen-orbit 32s linear infinite}.vel-orbit::before,.vel-orbit::after{content:"";position:absolute;border:1px solid rgba(242,189,84,.12);border-radius:50%}.vel-orbit::before{inset:10%}.vel-orbit::after{inset:22%}.vel-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--listen-gold);box-shadow:0 0 24px var(--listen-gold)}.vel-orbit span:nth-child(1){left:50%;top:-5px}.vel-orbit span:nth-child(2){right:6%;bottom:20%}.vel-orbit span:nth-child(3){left:8%;bottom:23%}
@keyframes listen-orbit{to{transform:translate(-50%,-50%) rotate(1turn)}}
.hero-actions,.practice-controls,.note-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.listening-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--listen-line);border-radius:999px;color:var(--listen-cream);background:rgba(255,255,255,.055);text-decoration:none;cursor:pointer;font:800 .82rem/1 system-ui,sans-serif}.listening-button.primary{border-color:var(--listen-gold);color:#211507;background:var(--listen-gold)}.listening-button:hover,.listening-button:focus-visible{border-color:var(--listen-gold);background:rgba(242,189,84,.14)}.listening-button.primary:hover,.listening-button.primary:focus-visible{background:#ffe2a0}
.listening-trust{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--listen-line);background:#0e0b12}.listening-trust article{padding:1.4rem;text-align:center;border-right:1px solid var(--listen-line)}.listening-trust article:last-child{border:0}.listening-trust strong{display:block;color:var(--listen-gold);font-size:1.7rem}.listening-trust span{color:var(--listen-muted);font:600 .75rem/1.4 system-ui,sans-serif}
.listening-shell{max-width:1260px;margin:auto;padding:clamp(4rem,8vw,8rem) 1rem}.listening-shell h2{margin:.3rem 0;color:#fff5df;font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:1.04}.section-lede{max-width:780px;color:var(--listen-muted);line-height:1.7}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.path-card{position:relative;min-height:350px;display:flex;flex-direction:column;padding:1.35rem;overflow:hidden;border:1px solid var(--listen-line);border-radius:24px;background:linear-gradient(150deg,#21131e,var(--listen-panel) 50%,#0d1016)}.path-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--listen-gold)}.path-card.accent-sapphire::before{background:#62b8dc}.path-card.accent-peacock::before{background:#42a8a0}.path-card.accent-vermilion::before{background:#e45d45}.path-card.accent-temple::before{background:#d99143}.path-card.accent-rose::before{background:#e2819e}.path-time{align-self:flex-start;padding:.32rem .55rem;border:1px solid var(--listen-line);border-radius:999px;color:var(--listen-gold);font:800 .7rem/1 system-ui,sans-serif}.path-card h3{margin:1.1rem 0 .15rem;color:#ffe4ad;font-size:1.75rem}.path-card h4{margin:0;color:#fff;font-size:1rem}.path-card p{flex:1;color:var(--listen-muted);line-height:1.65}.path-card>span:not(.path-time){color:#aa9c90;font:600 .72rem/1.4 system-ui,sans-serif}.path-card button{align-self:flex-start;margin-top:1rem;padding:.72rem .9rem;border:0;border-radius:999px;color:#211507;background:var(--listen-gold);cursor:pointer;font-weight:800}.path-card:hover{transform:translateY(-4px);border-color:rgba(242,189,84,.55);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.practice-stage{margin-top:clamp(4rem,8vw,8rem);padding:clamp(1.2rem,4vw,2.5rem);border:1px solid rgba(242,189,84,.4);border-radius:32px;background:radial-gradient(circle at 85% 10%,rgba(242,189,84,.1),transparent 25%),#100c14}.practice-heading{display:flex;justify-content:space-between;align-items:start;gap:2rem}.practice-heading>div{max-width:780px}.practice-heading p:not(.eyebrow){color:var(--listen-muted)}.practice-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--listen-muted);font:700 .77rem/1 system-ui,sans-serif}.practice-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#2b222c}.practice-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--listen-wine),var(--listen-gold));transition:width .35s ease}
.practice-steps{display:grid;gap:1rem;padding:0;list-style:none}.practice-step{display:grid;grid-template-columns:54px 1fr;gap:1rem;padding:1.2rem;border:1px solid var(--listen-line);border-radius:20px;background:rgba(255,255,255,.035)}.step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#24180b;background:var(--listen-gold);font-weight:900}.step-type{color:var(--listen-gold);font:800 .68rem/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.practice-step h3{margin:.5rem 0 .1rem;color:#ffe2a0;font-size:1.5rem}.practice-step h4{margin:0}.practice-step p{margin:.5rem 0;color:var(--listen-muted)}.step-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.step-actions button,.step-actions a{min-height:42px;display:inline-flex;align-items:center;padding:.62rem .75rem;border:1px solid var(--listen-line);border-radius:999px;color:var(--listen-cream);background:#17131b;text-decoration:none;cursor:pointer;font:800 .72rem/1 system-ui,sans-serif}.step-actions button[aria-pressed=true]{border-color:var(--listen-gold);color:#23160a;background:var(--listen-gold)}
.local-practice,.practice-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-top:clamp(4rem,8vw,8rem);padding:clamp(1.2rem,4vw,2.5rem);border:1px solid var(--listen-line);border-radius:28px;background:linear-gradient(140deg,#171019,#0d1116)}.local-practice p,.practice-summary p{color:var(--listen-muted);line-height:1.7}.note-panel{display:grid;gap:.5rem}.note-panel label{color:var(--listen-gold);font:800 .78rem/1 system-ui,sans-serif}.note-panel textarea{width:100%;resize:vertical;padding:1rem;border:1px solid var(--listen-line);border-radius:14px;color:var(--listen-cream);background:#0d0b10;font:inherit}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.summary-metrics article{padding:1rem;border:1px solid var(--listen-line);border-radius:18px;text-align:center}.summary-metrics strong{display:block;color:var(--listen-gold);font-size:1.8rem}.summary-metrics span{color:var(--listen-muted);font:600 .72rem/1.35 system-ui,sans-serif}
@media(max-width:980px){.listening-hero{grid-template-columns:1fr;min-height:auto}.listening-hero-art{order:-1;min-height:430px}.listening-hero-art img{width:min(78vw,540px)}.path-grid{grid-template-columns:1fr 1fr}.local-practice,.practice-summary{grid-template-columns:1fr}.listening-trust{grid-template-columns:1fr 1fr}.listening-trust article:nth-child(2){border-right:0}.listening-trust article:nth-child(-n+2){border-bottom:1px solid var(--listen-line)}}
@media(max-width:640px){.listening-hero h1{font-size:clamp(3rem,16vw,5.3rem)}.path-grid,.summary-metrics{grid-template-columns:1fr}.practice-heading{display:block}.practice-step{grid-template-columns:1fr}.listening-trust{grid-template-columns:1fr}.listening-trust article{border-right:0;border-bottom:1px solid var(--listen-line)!important}.listening-trust article:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vel-orbit{animation:none}.path-card,.practice-progress i{transition:none}.path-card:hover{transform:none}}
@media(forced-colors:active){.path-card,.practice-stage,.practice-step,.local-practice,.practice-summary,.listening-button{border:1px solid CanvasText}}
@media print{.listening-hero-art,.practice-controls,.note-panel,.vel-orbit{display:none!important}.listening-hero{min-height:0;display:block}.path-grid{grid-template-columns:1fr 1fr}}