/* Coral-led brand treatment. Navy anchors copy; pale surfaces are reserved for reading. */
:root{--peach:#ffdfd2;--wine:#8b2533;--muted:#4c4552;--line:#bf8b81}
body{background:var(--peach)}
.site-header{background:var(--navy);color:var(--paper);border-bottom:2px solid var(--coral)}
.nav-inner{gap:24px}.site-header nav{margin-left:auto}.site-header nav a:hover{color:var(--sun)}
.nav-cta{background:var(--coral);color:var(--navy);border-color:var(--coral)}
.site-header .nav-cta:hover{background:var(--sun);color:var(--navy);border-color:var(--sun)}
.motion-toggle{order:3;display:flex;align-items:center;gap:7px;background:transparent;color:#f7f5ef;border:1px solid #758197;padding:8px 10px;line-height:1.5;flex-shrink:0;font-size:9px}
.motion-toggle svg{width:17px;height:17px;stroke:var(--sun);stroke-width:2;fill:none}.motion-toggle:hover{border-color:var(--sun)}
.hero-stage{background:var(--coral);position:relative;overflow:hidden;isolation:isolate}
.hero-stage:after{content:'';position:absolute;right:-10%;bottom:-70%;width:55%;aspect-ratio:1;border:1px solid #0f1b3340;border-radius:50%;box-shadow:0 0 0 45px #0f1b3309,0 0 0 90px #0f1b3309,0 0 0 135px #0f1b3309;z-index:-1;pointer-events:none}
.hero{padding-block:82px 86px;gap:70px}.hero-copy{position:relative;z-index:2}
.hero h1 em{color:var(--navy);text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:8px;text-underline-offset:9px}
.hero-lede{color:var(--navy);font-size:15px}.hero-note{color:#30243a;font-size:10px}
.hero .status-dot{background:var(--navy);box-shadow:0 0 0 4px #0f1b3315}
.hero .eyebrow{font-size:10px}.hero .text-button{font-size:12px}
.hero .button{box-shadow:5px 5px 0 #a62834}.hero .button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #a62834}
.hero .tiny-play{background:var(--sun)}
.hero-art{isolation:isolate}.hero-orbit{position:absolute;inset:-35px -35px 0 -35px;width:calc(100% + 70px);height:auto;z-index:-1;overflow:visible;fill:none;pointer-events:none}
.orbit-ring{stroke:var(--navy);stroke-width:1.2;opacity:.32}.orbit-dashed{stroke-dasharray:4 13;stroke-width:2}.orbit-satellites{fill:var(--sun);stroke:var(--navy);stroke-width:2}
.art-grid{background-image:radial-gradient(#0f1b3360 1px,transparent 1px);opacity:.5}
.cover-frame{box-shadow:16px 18px 0 #a82e38}.art-caption{font-size:10px;color:var(--navy);font-weight:500}
.hero .sound-bars i{background:var(--navy)}.round-stamp{z-index:3}
.perspectives-band{border-block:1px solid #364158}.sector-ticker i{display:inline-block}
.about-heading{position:relative;padding-top:12px}.section-spark{width:54px;height:54px;position:absolute;top:-30px;right:26px;fill:none;stroke:#b73538;stroke-width:4;transform:rotate(12deg)}
.about-body p{font-size:14px;color:#4c4552}.about-body .large-copy{font-size:20px;color:var(--navy)}
.underlined{z-index:0}.underlined:after{background:var(--coral);height:8px;bottom:2px}
.show-format>div{border-color:#bd8d85}.show-format>div+div{border-color:#bd8d85}.format-number{font-size:13px;color:#862437}.show-format p{font-size:13px;color:#4c4552}
.audio-player{background:var(--navy);color:var(--paper);border-left:5px solid var(--coral);box-shadow:6px 6px 0 #bd8d85}
.audio-label .eyebrow{color:var(--sun)}.audio-label strong{font-size:13px}.audio-label small{color:#c6cfdf;font-size:10px}
.audio-play{background:var(--coral);color:var(--navy)}.audio-play:hover{background:var(--sun)}.audio-progress-wrap input{accent-color:var(--sun)}
.conversations{position:relative;background:var(--wine);border:0;color:var(--paper);isolation:isolate;overflow:hidden}
.conversations:before{content:'';width:380px;height:380px;border:50px solid #ff5a4e20;border-radius:50%;position:absolute;top:-260px;right:-70px;z-index:-1;pointer-events:none}
.conversations .eyebrow,.conversations .section-note,.conversations .section-heading>p{color:#ffdfd2}
.conversations .section-heading>p{font-size:13px}.filters button{border-color:#f7b1a2;color:var(--paper);font-size:11px}
.filters button[aria-pressed=true]{background:var(--sun);border-color:var(--sun);color:var(--navy)}.filters button[aria-pressed=true] span{color:var(--navy)}.filters button:hover{box-shadow:0 0 0 1px var(--sun)}
.conversation-card{background:var(--navy);border:1px solid #647087;color:var(--paper);border-top:4px solid var(--accent)}
.conversation-card:hover{box-shadow:0 7px 0 var(--accent);border-color:var(--accent)}
.topic-label{color:var(--accent);font-size:9px}.card-description{color:#c6cfdf;font-size:12px}.card-bottom{border-color:#526078;font-size:10px}
.card-top>span:last-child{color:var(--accent)}.topic-art{position:relative;width:116px;height:104px}.topic-art svg{height:100%;width:110px;overflow:visible;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topic-art .solid{fill:var(--accent);fill-opacity:.2}.topic-art .dot{fill:var(--sun)}.topic-art .secondary-shape{fill-opacity:.35}
.conversation-card:hover .topic-art svg{transform:translateY(-4px) rotate(-3deg)}
.routine{position:relative;overflow:hidden;background:#111e37}.routine:after{content:'';position:absolute;right:-100px;bottom:-160px;width:400px;height:400px;border:1px dashed #ff5a4e70;border-radius:50%;pointer-events:none}
.routine .eyebrow{color:#ffb1a5}.routine-grid{position:relative;z-index:1}.routine-card{background:var(--coral);box-shadow:10px 10px 0 #912b3c}
.routine-card p{color:var(--navy);font-size:12px}.routine-card-top,.habit-anchor{border-color:#8e313d}.routine-card-top>span+span,.habit-anchor>span:first-child{color:var(--navy)}.habit-label{font-size:9px}.habit-anchor{font-size:11px}
.routine-grid>div:first-child>p:not(.eyebrow){font-size:14px;color:#ced5e2}.habit-loop{display:block;width:min(310px,100%);height:auto;margin-top:28px;fill:none;stroke:#ff9584;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.loop-route{stroke:#66778e;stroke-dasharray:3 7}.loop-arrow{stroke:var(--sun)}.routine-tabs{margin-top:17px}.routine-tabs button{font-size:13px}
.follow-stage{background:#691f2f;color:var(--paper);position:relative;overflow:hidden;isolation:isolate}
.follow-stage:before{content:'';position:absolute;top:0;right:0;width:260px;height:260px;background:repeating-linear-gradient(135deg,transparent 0 16px,#ff5a4e0e 16px 18px);z-index:-1;pointer-events:none}
.follow .eyebrow{color:#ffb5a8}.follow .section-heading p,.follow .section-note{color:#ffdfd2}.follow .section-heading>div+div{font-size:13px}
.launch-label{color:var(--paper);font-size:11px}.launch-label .status-dot{background:var(--sun)}.signal-wave{width:250px;height:auto;margin-top:23px;overflow:visible;fill:none}
.wave-base{stroke:#c66a72;stroke-width:1;opacity:.5}.wave-line{stroke:var(--coral);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.wave-dot{fill:var(--sun)}
.channel-group{border-color:#af616b}.channel-group h3{font-size:13px}.channel{background:#42192b;border-color:#ae616d;color:var(--paper);padding:19px 15px;transition:transform .2s,border-color .2s,background .2s}
.channel svg{color:#ff9b88}.channel strong{font-size:12px}.channel small{font-size:10px;color:#f3c8c6}.channel[href]:hover{color:var(--navy)}.channel[href]:hover svg,.channel[href]:hover small{color:var(--navy)}
.guest-section{position:relative;background:var(--coral);border-top:1px solid #bb3340}.guest-section:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#6a1f2f33 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(to right,transparent 30%,#000);pointer-events:none}
.guest-inner{position:relative}.guest-section p:not(.eyebrow){font-size:14px;color:var(--navy)}.speech-one{background:var(--peach)}.speech-one:after{background:var(--peach)}
footer{background:var(--navy);color:var(--paper)}.footer-top p,.footer-bottom,.footer-bottom .text-button{color:#c6cfdf}.footer-bottom{border-color:#526078}.footer-top p{font-size:12px}.footer-bottom,.footer-bottom .text-button{font-size:10px}
dialog{background:var(--peach)}dialog p,dialog ul,dialog ol{color:#4c4552}.dialog-note{border-color:#bd8d85}
.button,.conversation-card,.round-stamp,.topic-art svg,.speech{transition:transform .25s,box-shadow .25s,background .25s}
/* All indefinite motion has a visible pause control; OS reduced motion always wins. */
@media(prefers-reduced-motion:no-preference){
  html[data-motion=on] .hero-orbit{animation:orbit-turn 65s linear infinite;transform-origin:50% 50%}
  html[data-motion=on] .cover-frame{animation:cover-bob 7s ease-in-out infinite}
  html[data-motion=on] .round-stamp{animation:stamp-rock 6s ease-in-out infinite}
  html[data-motion=on] .sector-ticker i,html[data-motion=on] .guest-asterisk{animation:spark-turn 18s linear infinite}
  html[data-motion=on] .wave-line{stroke-dasharray:480;animation:signal-draw 4s ease-in-out infinite}
  html[data-motion=on] .loop-route{animation:route-flow 4s linear infinite}
  html[data-motion=on].audio-is-playing .sound-bars i{animation:equalizer .8s ease-in-out infinite alternate;transform-origin:center}
  html[data-motion=on].audio-is-playing .sound-bars i:nth-child(2n){animation-delay:-.3s}
  html[data-motion=on].audio-is-playing .sound-bars i:nth-child(3n){animation-delay:-.6s}
  html[data-motion=on] .reveal-ready{transition:opacity .65s ease,transform .65s ease}
  html[data-motion=on] .reveal-ready:not(.in-view){opacity:0;transform:translateY(20px)}
}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes cover-bob{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-9px)}}
@keyframes stamp-rock{0%,100%{transform:rotate(12deg)}50%{transform:rotate(3deg)}}
@keyframes spark-turn{to{transform:rotate(360deg)}}
@keyframes signal-draw{0%,100%{stroke-dashoffset:480}50%,80%{stroke-dashoffset:0}}
@keyframes route-flow{to{stroke-dashoffset:-40}}
@keyframes equalizer{to{transform:scaleY(.35)}}
@media(max-width:1100px){.nav-inner{gap:16px}.site-header nav{gap:20px}.motion-toggle span{display:none}.motion-toggle{padding:8px}.hero{gap:40px}.hero-lede{font-size:14px}.hero-note{font-size:9px}.card-description{font-size:11px}.topic-label{font-size:8px}.channel strong{font-size:11px}}
@media(max-width:800px){.site-header nav{background:var(--navy);border-color:var(--coral)}.motion-toggle{order:initial;margin-left:auto}.menu-toggle{color:var(--paper)}.hero{gap:25px;padding-block:55px 60px}.hero .eyebrow{font-size:8px}.hero-lede{font-size:12px}.hero h1 em{text-decoration-thickness:5px;text-underline-offset:7px}.hero .text-button{font-size:10px}.hero-orbit{inset:-20px -20px 0;width:calc(100% + 40px)}.section-spark{width:40px;height:40px;top:-22px;right:8px}.about-body p{font-size:12px}.show-format p{font-size:11px}.conversation-card strong{font-size:22px}.card-description{font-size:11px}.topic-label{font-size:7px}.routine-tabs button{font-size:11px}.routine-card p{font-size:11px}.guest-section p:not(.eyebrow){font-size:13px}}
@media(max-width:600px){.hero{gap:50px;padding-block:40px 48px}.hero .eyebrow{font-size:8px}.hero-lede{font-size:14px}.hero-note{font-size:9px}.hero .text-button{font-size:11px}.hero h1 em{text-decoration-thickness:6px;text-underline-offset:7px}.hero-art{width:calc(100% - 45px)}.art-caption{font-size:8px}.hero-stage:after{width:100%;bottom:-20%;right:-45%}.hero-orbit{inset:-20px -20px 0;width:calc(100% + 40px)}.about-heading{padding-top:10px}.section-spark{top:-5px;right:4px;width:30px;height:30px;stroke-width:3}.about-body p{font-size:13px}.show-format p{font-size:12px}.audio-label strong{font-size:10px}.audio-label small{font-size:9px}.conversations .section-heading>p{font-size:12px}.filters button{font-size:9px}.topic-label{font-size:8px}.card-description{font-size:12px}.card-bottom{font-size:10px}.topic-art{width:116px;height:104px}.routine-grid>div:first-child>p:not(.eyebrow){font-size:13px}.habit-loop{width:270px;margin-top:24px}.routine-tabs{margin-top:10px;gap:12px}.routine-tabs button{font-size:10px}.routine-card p{font-size:12px}.habit-anchor{font-size:11px}.routine:after{width:280px;height:280px}.follow .section-heading>div+div{font-size:12px}.signal-wave{width:210px;margin-top:20px}.channel{padding:17px 13px}.channel strong{font-size:11px}.channel small{font-size:9px}.channel-group h3{font-size:12px}.guest-section p:not(.eyebrow){font-size:13px}.footer-top p{font-size:10px}.footer-bottom,.footer-bottom .text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
html[data-motion=off]{scroll-behavior:auto}
/* Focus remains distinct on both the coral and the darker surfaces. */
:focus-visible{outline:3px solid var(--sun);outline-offset:5px}
.hero-stage :focus-visible,.guest-section :focus-visible,.routine-card:focus-visible,.routine-card :focus-visible,.about :focus-visible,dialog :focus-visible{outline-color:var(--navy);box-shadow:0 0 0 7px var(--sun)}
.motion-toggle span{display:inline}
@media(max-width:1100px) and (min-width:801px){.site-header nav{gap:14px}.nav-cta{gap:14px;padding-inline:13px}.motion-toggle{font-size:8px;gap:5px}}
@media(max-width:600px){.motion-toggle{font-size:8px;padding:7px}.motion-toggle svg{width:14px}.nav-inner{gap:15px}}
@media(max-width:360px){.nav-inner{gap:10px}.site-header .brand img{width:36px;height:36px}.site-header .brand>span{font-size:13px}.site-header .brand{gap:5px}}