:root{--black:#070706;--ink:#0c0b0a;--panel:#11100e;--gold:#d4af37;--gold2:#f0ce72;--white:#f7f4ed;--muted:#aaa59b;--line:rgba(212,175,55,.23);--serif:"Libre Caslon Display",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--white)}body{font-family:var(--sans)}button,input{font:inherit}.training-shell{position:relative;isolation:isolate;height:100svh;min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,34vw);grid-template-rows:94px minmax(0,1fr) 92px;background:radial-gradient(circle at 78% 44%,rgba(212,175,55,.075),transparent 28%),linear-gradient(135deg,#050505,#0b0a09 62%,#070706);overflow:hidden}.training-shell:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(212,175,55,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.training-shell:after{content:"";position:absolute;z-index:-1;width:64vw;aspect-ratio:1;border-radius:50%;left:-29vw;top:-25vw;background:radial-gradient(circle,rgba(212,175,55,.07),transparent 66%);animation:bloom 19s ease-in-out infinite alternate;pointer-events:none}@keyframes bloom{to{transform:translate3d(14vw,12vh,0) scale(1.1);opacity:.55}}
.training-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid rgba(255,255,255,.08);z-index:5}.training-brand{display:flex;align-items:center;gap:.9rem;color:inherit;text-decoration:none;font-size:.72rem;letter-spacing:.22em}.training-brand img{width:56px;height:56px;object-fit:contain}.training-brand b{font-weight:400;color:var(--gold)}.way-label,.exit-link{text-transform:uppercase;letter-spacing:.2em;font-size:.66rem}.way-label{color:var(--gold2)}.exit-link{color:#aaa;text-decoration:none;transition:.3s}.exit-link:hover,.exit-link:focus-visible{color:var(--gold2);text-shadow:0 0 20px rgba(240,206,114,.35)}
.training-stage{grid-column:1;grid-row:2;display:grid;place-items:center;padding:clamp(2rem,5vw,6.5rem);position:relative;min-width:0}.beat{width:min(850px,100%);max-height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.beat.enter-forward{animation:enterForward .72s cubic-bezier(.2,.72,.2,1) both}.beat.enter-back{animation:enterBack .72s cubic-bezier(.2,.72,.2,1) both}.beat.exit-forward{animation:exitForward .4s ease both}.beat.exit-back{animation:exitBack .4s ease both}@keyframes enterForward{from{opacity:0;transform:translate3d(54px,0,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes enterBack{from{opacity:0;transform:translate3d(-54px,0,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes exitForward{to{opacity:0;transform:translate3d(-34px,0,0);filter:blur(3px)}}@keyframes exitBack{to{opacity:0;transform:translate3d(34px,0,0);filter:blur(3px)}}
.beat-kicker{margin:0 0 1.4rem;color:var(--gold2);font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.beat h1,.beat h2,.beat h3,.beat .statement{font-family:var(--serif);font-weight:400;margin:0}.beat h1{font-size:clamp(3.1rem,6vw,6.8rem);line-height:.93;letter-spacing:-.035em}.beat h2,.beat .statement{font-size:clamp(2.35rem,4.8vw,5.4rem);line-height:1.02;letter-spacing:-.025em}.beat h3{font-size:clamp(1.8rem,3vw,3.25rem);line-height:1.12}.beat .support{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.8;color:#d3cfc6;max-width:720px;margin:2rem 0 0}.beat .gold{color:var(--gold2)}.beat .quiet{color:var(--muted)}.beat .pause{max-width:700px}.beat .emphasis{text-align:center;align-items:center}.beat .emphasis h2{font-size:clamp(3rem,6vw,7rem)}.beat .emphasis .support{text-align:center}.thought-list{display:grid;gap:.8rem;margin-top:2rem;max-width:760px}.thought-list p{margin:0;padding:1rem 1.2rem;border-left:1px solid var(--line);background:linear-gradient(90deg,rgba(212,175,55,.055),transparent);font:400 clamp(1.25rem,2vw,2rem)/1.25 var(--serif);animation:itemIn .65s ease both;animation-delay:calc(var(--i)*110ms)}@keyframes itemIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.model{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:2.4rem;font-size:clamp(.85rem,1.3vw,1.1rem);letter-spacing:.14em;font-weight:600}.model span{padding:.85rem 1rem;border:1px solid rgba(212,175,55,.24);background:rgba(212,175,55,.04)}.model b{color:var(--gold);font-size:1.3rem}.model.transformed span{box-shadow:inset 0 0 24px rgba(212,175,55,.06),0 0 18px rgba(212,175,55,.05)}
.question h2{font-size:clamp(2rem,3.6vw,4rem);line-height:1.08;max-width:820px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2.2rem;max-width:820px}.choice{appearance:none;text-align:left;color:#d8d3ca;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.13);padding:1rem 1.15rem;min-height:62px;cursor:pointer;transition:.35s;position:relative}.choice:hover,.choice:focus-visible{outline:none;border-color:rgba(240,206,114,.55);background:rgba(212,175,55,.07);box-shadow:0 14px 45px rgba(0,0,0,.25),0 0 26px rgba(212,175,55,.06)}.choice.selected{color:var(--white);border-color:var(--gold2);background:linear-gradient(110deg,rgba(212,175,55,.16),rgba(212,175,55,.045));box-shadow:inset 0 0 28px rgba(212,175,55,.07),0 0 24px rgba(212,175,55,.08)}.choice.selected:after{content:"";position:absolute;right:1rem;top:50%;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px var(--gold2);transform:translateY(-50%)}
.orbit-system{grid-column:2;grid-row:2;position:relative;display:grid;place-items:center;align-self:center;justify-self:center;width:min(32vw,470px);aspect-ratio:1;opacity:.78}.orbit-ring{position:absolute;border:1px solid rgba(212,175,55,.17);border-radius:50%;inset:9%;animation:orbitSlow 42s linear infinite}.ring-two{inset:23%;border-style:dashed;animation-duration:31s;animation-direction:reverse}.orbit-core{width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a0,var(--gold) 42%,#8f6614 72%);box-shadow:0 0 45px rgba(212,175,55,.35),0 0 110px rgba(212,175,55,.12);animation:coreBreathe 8s ease-in-out infinite}@keyframes orbitSlow{to{transform:rotate(360deg)}}@keyframes coreBreathe{50%{transform:scale(1.07) translate(3px,-4px);box-shadow:0 0 64px rgba(240,206,114,.48),0 0 140px rgba(212,175,55,.17)}}.orbit-nodes{position:absolute;inset:0;list-style:none;margin:0;padding:0}.orbit-nodes li{--angle:0deg;position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;transform:rotate(var(--angle)) translateY(-45%) rotate(calc(var(--angle)*-1));display:grid;place-items:center;color:#69645a;font-size:.62rem;letter-spacing:.08em;transition:color .6s,filter .6s}.orbit-nodes li:nth-child(1){--angle:0deg}.orbit-nodes li:nth-child(2){--angle:51.43deg}.orbit-nodes li:nth-child(3){--angle:102.86deg}.orbit-nodes li:nth-child(4){--angle:154.29deg}.orbit-nodes li:nth-child(5){--angle:205.72deg}.orbit-nodes li:nth-child(6){--angle:257.15deg}.orbit-nodes li:nth-child(7){--angle:308.58deg}.orbit-nodes i{position:absolute;inset:10px;border-radius:50%;background:#24211b;border:1px solid rgba(212,175,55,.16);transition:.7s}.orbit-nodes span{position:relative}.orbit-nodes li.active,.orbit-nodes li.complete{color:#080706}.orbit-nodes li.active i,.orbit-nodes li.complete i{background:var(--gold2);border-color:#ffe8a0;box-shadow:0 0 18px rgba(240,206,114,.7),0 0 42px rgba(212,175,55,.28)}.orbit-nodes li.active{filter:brightness(1.18)}.orbit-links{position:absolute;inset:15%;width:70%;height:70%;fill:none;stroke:rgba(212,175,55,.18);stroke-width:.35;stroke-dasharray:260;stroke-dashoffset:calc(260 - 260*var(--completion,0));transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1),stroke .6s}.orbit-system.all-complete .orbit-links{stroke:rgba(240,206,114,.5);filter:drop-shadow(0 0 5px rgba(212,175,55,.3))}
.training-controls{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(100px,380px) 150px;justify-content:space-between;align-items:center;padding:0 clamp(1.2rem,4vw,4.5rem);border-top:1px solid rgba(255,255,255,.08);z-index:5}.control{appearance:none;border:0;background:none;color:#d5d0c8;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;cursor:pointer;padding:1rem;transition:.3s}.control.next{text-align:right;color:var(--gold2)}.control.back{text-align:left}.control:hover:not(:disabled),.control:focus-visible{color:#fff;text-shadow:0 0 20px rgba(240,206,114,.45);outline:none}.control:disabled{opacity:.22;cursor:not-allowed}.progress-track{height:1px;background:rgba(255,255,255,.1);overflow:hidden}.progress-track i{display:block;height:100%;width:calc(var(--progress,0)*100%);background:linear-gradient(90deg,#9a7019,var(--gold2));box-shadow:0 0 12px var(--gold);transition:width .6s ease}
.lead-form{margin-top:2.2rem;display:grid;grid-template-columns:1fr 1.2fr;gap:.8rem;max-width:760px}.lead-form label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#b9b4aa}.lead-form input{display:block;width:100%;margin-top:.55rem;padding:1rem;background:#080807;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:0}.lead-form input:focus{outline:1px solid var(--gold2);border-color:var(--gold2);box-shadow:0 0 24px rgba(212,175,55,.08)}.lead-form .submit-result{grid-column:1/-1;margin-top:.55rem;padding:1.1rem 1.3rem;border:0;background:linear-gradient(110deg,#b98918,var(--gold2));color:#080706;font-weight:700;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 45px rgba(212,175,55,.2);transition:.35s}.lead-form .submit-result:hover,.lead-form .submit-result:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 18px 55px rgba(212,175,55,.3),0 0 38px rgba(240,206,114,.14)}.form-status{grid-column:1/-1;color:var(--gold2);min-height:1.2em;font-size:.82rem;margin:.15rem 0 0}.result-panel{padding-left:1.5rem;border-left:1px solid var(--gold);max-width:760px}.result-panel .gap-name{color:var(--gold2);margin:1rem 0 2rem}.result-panel h3{margin:1.7rem 0 .6rem;color:var(--gold2);font:600 .67rem var(--sans);letter-spacing:.2em;text-transform:uppercase}.result-panel p{margin:0;color:#d3cfc6;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75}
@media(max-width:900px){.training-shell{grid-template-columns:1fr;grid-template-rows:76px 88px minmax(0,1fr) 78px;min-height:540px}.training-header{grid-row:1}.training-brand span{display:none}.training-brand img{width:46px;height:46px}.way-label{position:absolute;left:50%;transform:translateX(-50%)}.orbit-system{grid-column:1;grid-row:2;width:100%;height:88px;aspect-ratio:auto;display:block;border-bottom:1px solid rgba(255,255,255,.06)}.orbit-ring,.orbit-core,.orbit-links{display:none}.orbit-nodes{display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,3vw,1.2rem);inset:0}.orbit-nodes li{position:relative;inset:auto;left:auto;top:auto;margin:0;width:34px;height:34px;transform:none}.orbit-nodes i{inset:8px}.training-stage{grid-column:1;grid-row:3;padding:clamp(1.25rem,5vw,3rem)}.training-controls{grid-row:4;grid-template-columns:100px minmax(70px,1fr) 100px;padding:0 1rem}.beat h1{font-size:clamp(2.7rem,9vw,4.6rem)}.beat h2,.beat .statement{font-size:clamp(2rem,7vw,3.6rem)}.choices{gap:.55rem}.choice{padding:.8rem;min-height:54px;font-size:.86rem}}
@media(max-width:560px){.training-shell{grid-template-rows:66px 68px minmax(0,1fr) 72px}.training-header{padding:0 1rem}.training-brand img{width:42px;height:42px}.way-label{font-size:.58rem}.exit-link{font-size:.6rem}.orbit-system{height:68px}.orbit-nodes{gap:.15rem}.orbit-nodes li{width:31px;height:31px}.training-stage{padding:1rem 1.1rem}.beat{justify-content:center}.beat-kicker{font-size:.58rem;margin-bottom:.8rem}.beat h1{font-size:clamp(2.25rem,10.5vw,3.35rem)}.beat h2,.beat .statement{font-size:clamp(1.72rem,8vw,2.65rem)}.beat h3{font-size:1.55rem}.beat .support{font-size:.91rem;line-height:1.55;margin-top:1.1rem}.thought-list{gap:.42rem;margin-top:1rem}.thought-list p{padding:.55rem .75rem;font-size:1.08rem}.choices{grid-template-columns:1fr;margin-top:1.1rem;gap:.4rem}.choice{padding:.66rem .8rem;min-height:44px;font-size:.79rem}.training-controls{grid-template-columns:82px 1fr 82px;padding:0 .35rem}.control{font-size:.6rem;padding:.7rem .35rem}.lead-form{grid-template-columns:1fr;gap:.5rem;margin-top:1rem}.lead-form label,.lead-form .submit-result,.form-status{grid-column:1}.lead-form input{padding:.75rem}.lead-form .submit-result{padding:.85rem;font-size:.62rem}.result-panel{padding-left:1rem}.result-panel h3{margin:1rem 0 .35rem}.result-panel p{font-size:.9rem;line-height:1.55}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}.beat{filter:none!important}.training-shell:after{display:none}.orbit-system{opacity:1}}
.orbit-links{stroke-dashoffset:var(--dash-offset,260)}
@supports not (transform:rotate(calc(1deg * -1))){.orbit-nodes li{transform:rotate(var(--angle)) translateY(-45%)}}

/* Guided experience orientation and navigation revision */
.training-shell{grid-template-rows:80px 76px minmax(0,1fr) 108px}
.training-header{grid-row:1}.way-progress{grid-column:1/-1;grid-row:2;z-index:6;display:flex;align-items:center;padding:0 clamp(1.5rem,7vw,8rem);border-bottom:1px solid rgba(255,255,255,.07)}
.way-progress ol{list-style:none;display:flex;align-items:center;width:100%;margin:0;padding:0}.way-progress li{display:flex;align-items:center;flex:1;color:#625e56;transition:color .45s,filter .45s}.way-progress li:last-child{flex:0}.way-progress b{width:2.65rem;height:2.65rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-size:.68rem;letter-spacing:.1em;font-weight:500;background:#090908;transition:.45s}.way-progress i{position:relative;display:block;height:1px;flex:1;margin:0 .8rem;background:rgba(255,255,255,.1);overflow:hidden}.way-progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ae801c,var(--gold2));box-shadow:0 0 12px rgba(240,206,114,.7);transform:scaleX(var(--way-fill,0));transform-origin:left;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.way-progress li.complete,.way-progress li.active{color:#090908}.way-progress li.complete b,.way-progress li.active b{border-color:#ffe19a;background:var(--gold2);box-shadow:0 0 22px rgba(212,175,55,.28)}.way-progress li.active b{transform:scale(1.08);box-shadow:0 0 28px rgba(240,206,114,.42)}
.training-stage{grid-row:3}.orbit-system{grid-row:3;opacity:.48}.orbit-system .orbit-core{width:15%}.orbit-system .orbit-links{opacity:.55}.training-controls{grid-row:4;grid-template-columns:150px minmax(80px,1fr) minmax(170px,220px);gap:2rem;padding:0 clamp(1.5rem,5vw,5rem) 16px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,7,6,.25),rgba(7,7,6,.92))}.control{min-height:52px}.control.next{padding:1rem 1.35rem;text-align:center;color:#090807;background:linear-gradient(110deg,#b98818,var(--gold2));border:1px solid #f5d982;box-shadow:0 12px 34px rgba(212,175,55,.18);font-weight:700}.control.next:hover:not(:disabled),.control.next:focus-visible{color:#090807;transform:translateY(-2px);text-shadow:none;box-shadow:0 16px 42px rgba(212,175,55,.3),0 0 26px rgba(240,206,114,.15)}.control.next:disabled{color:#787268;background:#171512;border-color:rgba(255,255,255,.1);box-shadow:none;opacity:.72}.control.back{font-size:.72rem}.progress-track{opacity:.55}
.beat.mode-chapter{width:min(920px,100%);text-align:center;align-items:center}.mode-chapter>div{position:relative;padding:clamp(2rem,5vw,5rem);width:100%}.mode-chapter .beat-kicker{font-size:.78rem;margin-bottom:1.7rem}.mode-chapter h2{font-size:clamp(2.8rem,5.6vw,6.4rem);max-width:900px;margin:auto}.mode-chapter:before{content:"";position:absolute;width:min(44vw,520px);aspect-ratio:1;border:1px solid rgba(212,175,55,.18);border-radius:50%;box-shadow:inset 0 0 80px rgba(212,175,55,.04),0 0 90px rgba(212,175,55,.04);animation:chapterBreath 8s ease-in-out infinite}.beat.mode-guided{max-width:820px}.beat.mode-revelation{width:min(960px,100%)}.mode-revelation>div:not(.question):not(.model-teaching){text-align:center}.mode-revelation h2{font-size:clamp(2.7rem,5.6vw,6.1rem);text-wrap:balance}.mode-revelation .support{margin-left:auto;margin-right:auto;text-align:center}.mode-revelation .question{text-align:left}.model-teaching h3{font-size:clamp(1.7rem,2.8vw,3.1rem);color:#f2eee5}.model-teaching .model{margin-top:1.7rem}.model-teaching .support{max-width:760px;margin-top:1.6rem;border-left:1px solid var(--gold);padding-left:1.2rem}.mode-revelation:after{content:"";position:absolute;inset:10% -12%;z-index:-1;background:radial-gradient(circle,rgba(212,175,55,.085),transparent 62%);filter:blur(18px);pointer-events:none}@keyframes chapterBreath{50%{transform:scale(1.04);border-color:rgba(240,206,114,.3);box-shadow:inset 0 0 110px rgba(212,175,55,.06),0 0 120px rgba(212,175,55,.07)}}
@media(max-width:900px){.training-shell{grid-template-rows:68px 72px minmax(0,1fr) 92px}.training-header{grid-row:1}.way-progress{grid-row:2;padding:0 1rem}.way-progress b{width:2.15rem;height:2.15rem;font-size:.58rem}.way-progress i{margin:0 .25rem}.training-stage{grid-row:3;padding:clamp(1rem,5vw,3rem)}.orbit-system{grid-row:3;position:absolute;right:-14vw;top:28%;width:55vw;height:auto;border:0;opacity:.16;display:grid}.orbit-ring,.orbit-core,.orbit-links{display:block}.training-controls{grid-row:4;grid-template-columns:92px 1fr minmax(145px,190px);gap:.65rem;padding:0 .8rem 10px}.progress-track{display:none}.mode-chapter:before{width:70vw}.mode-chapter h2{font-size:clamp(2.2rem,8vw,4rem)}}
@media(max-width:560px){.training-shell{grid-template-rows:60px 60px minmax(0,1fr) 86px}.training-header{padding:0 .9rem}.way-label{display:none}.way-progress{padding:0 .55rem}.way-progress b{width:1.9rem;height:1.9rem;font-size:.52rem}.way-progress i{margin:0 .13rem}.training-stage{padding:.8rem 1rem}.training-controls{grid-template-columns:78px 1fr 150px;padding:0 .55rem 8px}.control.next{padding:.8rem .65rem;font-size:.58rem}.control.back{font-size:.58rem}.mode-chapter>div{padding:1.4rem .4rem}.mode-chapter h2{font-size:clamp(2rem,9.5vw,3.1rem)}.mode-revelation h2{font-size:clamp(1.9rem,8.6vw,3rem)}.model-teaching .model{gap:.3rem}.model-teaching .model span{padding:.55rem .5rem;font-size:.62rem}.model-teaching .model b{font-size:.85rem}}
.training-arrival .training-shell{animation:trainingResolve .9s cubic-bezier(.2,.72,.2,1) both}.training-arrival .training-shell:after{animation:entryBloom .95s ease-out both}@keyframes trainingResolve{from{opacity:.3;filter:blur(8px);transform:scale(1.025)}to{opacity:1;filter:none;transform:none}}@keyframes entryBloom{from{opacity:.85;transform:translate3d(52vw,20vh,0) scale(2)}to{opacity:.25;transform:none}}
@media(max-width:900px){.training-stage{padding:clamp(1rem,5vw,3rem)}}

/* Three Reasons training refinement */
.training-stage{overflow-y:auto;scrollbar-width:none}
.training-stage::-webkit-scrollbar{display:none}
.way-progress ol{max-width:980px;margin-inline:auto}
.belief-contrast>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;margin-top:1.5rem;border:1px solid rgba(212,175,55,.2);background:rgba(212,175,55,.18)}
.belief-contrast section{padding:clamp(1.3rem,2.5vw,2.4rem);background:linear-gradient(145deg,#0b0a09,#11100e)}
.belief-contrast section:last-child{box-shadow:inset 0 0 60px rgba(212,175,55,.055)}
.belief-contrast h3{font:400 clamp(1.2rem,2vw,1.8rem)/1.25 var(--serif);color:#ddd5c8;margin:0 0 1.2rem}
.belief-contrast p{font:400 clamp(1.05rem,1.65vw,1.5rem)/1.35 var(--serif);color:#f2eee6;margin:.8rem 0;padding-left:1rem;border-left:1px solid rgba(240,206,114,.4)}
.lead-form label b{float:right;color:var(--gold2);font-size:.58rem;font-weight:600;letter-spacing:.12em}
.submit-result:disabled{cursor:wait;opacity:.72;transform:none!important}
@media(max-width:560px){.belief-contrast>div{grid-template-columns:1fr}.belief-contrast section{padding:1rem}.belief-contrast h3{font-size:1.05rem;margin-bottom:.7rem}.belief-contrast p{font-size:.95rem;margin:.55rem 0}.training-stage{align-items:start}.beat{min-height:100%;padding-block:.5rem}}

/* Shared three-zone responsive-height architecture */
.training-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.training-header,.way-progress,.training-controls{min-height:0}
.training-stage{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(240,206,114,.82) rgba(255,255,255,.045)}
.training-stage::-webkit-scrollbar{display:block;width:7px}
.training-stage::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.training-stage::-webkit-scrollbar-thumb{border:2px solid #0b0a08;border-radius:999px;background:linear-gradient(#f0ce72,#a87819)}
.training-stage>.beat{flex:0 0 auto;max-height:none;min-height:0;margin-block:auto}
.training-controls{position:relative;background:linear-gradient(180deg,rgba(7,7,6,.82),rgba(7,7,6,.98))}
.training-scroll-cue{position:absolute;z-index:8;left:50%;top:7px;transform:translateX(-50%);padding:.42rem .65rem;border:1px solid rgba(240,206,114,.3);background:rgba(8,7,6,.96);box-shadow:0 8px 24px rgba(0,0,0,.4);color:var(--gold2);font-size:.55rem;font-weight:600;letter-spacing:.14em;white-space:nowrap;pointer-events:none}
.training-scroll-cue[hidden]{display:none}.training-scroll-cue span{display:inline-block;margin-left:.35rem;animation:trainingScrollCue 1.8s ease-in-out infinite}@keyframes trainingScrollCue{50%{transform:translateY(3px)}}
/* Height-aware desktop modes preserve the cinematic scale while ensuring the
   teaching track always owns the space between header/progress and controls. */
@media(max-height:900px) and (min-width:901px){.training-shell{grid-template-rows:68px 60px minmax(0,1fr) 88px}.training-header{padding-inline:clamp(1.2rem,3vw,3.5rem)}.way-progress{padding-inline:clamp(1.5rem,6vw,6rem)}.way-progress b{width:2.3rem;height:2.3rem}.training-stage{padding:clamp(1.15rem,2.6vh,1.8rem) clamp(2.5rem,5vw,5rem)}.beat h1{font-size:clamp(3rem,5.25vw,5.75rem)}.beat h2,.beat .statement{font-size:clamp(2.25rem,4.25vw,4.6rem)}.beat .support{line-height:1.62;margin-top:1.25rem}.thought-list{gap:.55rem;margin-top:1.2rem}.training-controls{padding-bottom:8px}.training-scroll-cue{top:4px}}
@media(max-height:800px) and (min-width:901px){.training-shell{grid-template-rows:60px 52px minmax(0,1fr) 76px}.way-progress b{width:2.05rem;height:2.05rem}.training-stage{padding:clamp(.85rem,2vh,1.2rem) clamp(2.25rem,4.5vw,4.5rem);scroll-padding-block:1rem}.beat-kicker{margin-bottom:.8rem;font-size:.61rem}.beat h1{font-size:clamp(2.7rem,4.6vw,4.75rem);line-height:.94}.beat h2,.beat .statement{font-size:clamp(2.1rem,3.8vw,3.9rem);line-height:1}.beat h3{font-size:clamp(1.55rem,2.5vw,2.55rem)}.beat .support{font-size:clamp(.94rem,1.15vw,1.06rem);line-height:1.48;margin-top:.85rem}.thought-list{gap:.4rem;margin-top:.8rem}.thought-list p{padding:.65rem .9rem;font-size:clamp(1.05rem,1.55vw,1.45rem)}.choices{gap:.45rem;margin-top:.9rem}.choice{min-height:48px;padding:.65rem .8rem}.training-controls{padding-bottom:6px}.control{min-height:46px}.training-scroll-cue{top:3px}}
@media(max-height:720px) and (min-width:901px){.training-shell{grid-template-rows:54px 46px minmax(0,1fr) 68px}.training-header{padding-inline:clamp(1rem,2.5vw,2.75rem)}.way-progress{padding-inline:clamp(1.25rem,5vw,5rem)}.way-progress b{width:1.85rem;height:1.85rem}.training-stage{padding:.65rem clamp(2rem,4vw,4rem);scroll-padding-block:.75rem}.beat-kicker{margin-bottom:.6rem;font-size:.58rem}.beat h1{font-size:clamp(2.5rem,4.15vw,4.15rem);line-height:.93}.beat h2,.beat .statement{font-size:clamp(1.95rem,3.4vw,3.4rem);line-height:.98}.beat .support{font-size:clamp(.9rem,1.05vw,.98rem);line-height:1.42;margin-top:.65rem}.thought-list{gap:.3rem;margin-top:.6rem}.thought-list p{padding:.5rem .75rem;font-size:clamp(1rem,1.4vw,1.3rem)}.choices{gap:.35rem;margin-top:.65rem}.choice{min-height:42px;padding:.55rem .7rem}.training-controls{padding-bottom:4px}.control{min-height:42px;padding:.7rem}.training-scroll-cue{top:2px;font-size:.5rem;padding:.35rem .5rem}}
@media(max-width:900px){.training-shell{min-height:0}.training-stage{align-items:stretch}.training-stage>.beat{min-height:0;margin-block:auto}.training-scroll-cue{top:4px}}
@media(max-width:560px){.training-stage{align-items:stretch;padding:max(.9rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.9rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.training-stage>.beat{min-height:0;margin-block:auto;padding-block:.25rem}.training-scroll-cue{top:3px;font-size:.5rem;padding:.35rem .5rem}}
@media(prefers-reduced-motion:reduce){.training-scroll-cue span{animation:none}}