@font-face{font-family:Patrick;src:url('/demo/assets/manrope.woff2') format('woff2');font-display:swap;font-weight:200 800}
:root{color-scheme:dark;--bg:#08090b;--text:#f3f0eb;--muted:#a2a0a1;--accent:#e9aa76;--line:#292a2d;font-family:Patrick,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100svh;display:flex;flex-direction:column}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:32px 5.5vw;gap:20px}.wordmark{font-size:32px;letter-spacing:-1.8px;font-weight:750}.wordmark span{color:var(--accent)}.top-right{display:flex;gap:28px;align-items:center}.demo-label,.eyebrow,#position,.coach-caption{font-size:12px;letter-spacing:2.8px;font-weight:600}.demo-label{color:var(--muted)}.quiet{border:0;background:none;color:#b9b6b4;font-size:13px;padding:9px 0}.quiet:hover{color:white}
main{flex:1;width:min(1400px,100%);margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:680px;padding:25px 6vw 45px;gap:12px;position:relative}.content{max-width:600px;position:relative;z-index:2;animation:arrive .6s both}.eyebrow{color:var(--accent);margin:0 0 25px}h1{font-size:clamp(54px,6.7vw,96px);font-weight:450;letter-spacing:-5px;line-height:1.03;margin:0 0 26px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(34px,3.5vw,51px);line-height:1.16;letter-spacing:-2px;font-weight:450;margin:0 0 26px}h1:focus,h2:focus{outline:none}.intro{font-size:19px;line-height:1.65;color:#bcb7b2;max-width:400px;margin:0 0 35px}.primary{background:var(--accent);color:#1e160f;border:1px solid var(--accent);border-radius:100px;font-weight:650;font-size:15px;padding:17px 26px;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:55px;transition:background .2s,transform .2s}.primary:hover{background:#f5bf91;transform:translateY(-2px)}.primary:disabled{opacity:.35;cursor:default;transform:none}.primary .arrow{font-size:22px;line-height:14px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.secondary{background:none;border:0;border-bottom:1px solid #5b5350;color:#d0c8c1;padding:9px 0;font-size:14px}.hint{font-size:13px;line-height:1.6;color:#8f8b88;margin-top:21px;max-width:440px}
.coach{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;min-height:600px}.stage-light{position:absolute;width:80%;height:80%;background:radial-gradient(ellipse,#35271e48 0%,transparent 68%);pointer-events:none}video{width:120%;height:100%;max-height:720px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 28px #0005)}.coach-caption{position:absolute;bottom:17px;text-align:center;color:#77716b;z-index:2;font-size:10px;letter-spacing:3px}.scene{border-left:1px solid #88694e;padding-left:24px;margin:0 0 28px}.scene p{font-size:17px;line-height:1.65;margin:0 0 13px;color:#cec9c4}.scene p:last-child{margin-bottom:0}.scene .manager{color:var(--text)}.question{display:block;font-size:20px;line-height:1.4;margin-bottom:14px;font-weight:550;letter-spacing:-.3px}textarea{resize:vertical;width:100%;min-height:115px;background:#131417;border:1px solid #363536;border-radius:12px;padding:17px 18px;font:inherit;color:var(--text);font-size:16px;line-height:1.6}textarea::placeholder{color:#6e6a68}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px}.form-bottom .hint{margin:0;max-width:245px}.answer-box{background:#111214;border:1px solid #27272a;border-radius:12px;padding:18px 20px;margin:0 0 28px;max-height:180px;overflow:auto}.answer-label{font-size:11px;letter-spacing:1.8px;color:#a49b94;text-transform:uppercase}.answer-box p{white-space:pre-wrap;margin:10px 0 0;color:#c1bbb5;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.guidance p{font-size:17px;line-height:1.7;color:#bfb9b3;margin:0 0 19px}.guidance .key{color:var(--text)}.guidance{margin:0 0 27px}.invite .intro{max-width:380px}.invite h1{font-size:clamp(54px,5.8vw,82px)}.invite .coach-caption{display:none}.invitation-line{font-size:18px;line-height:1.8;color:#b9b0a7}.small-link{display:block;margin-top:23px;color:#9e9690;font-size:13px;width:fit-content;border:0;background:none;padding:0}.small-link:hover{color:var(--accent)}.sound-note{margin-top:16px;font-size:12px;color:#898079}
footer{display:flex;justify-content:space-between;align-items:center;padding:20px 5.5vw 26px;gap:20px;border-top:1px solid #1a1a1d}#position{color:#827d77;font-size:10px;letter-spacing:2px}.progress{display:flex;gap:7px}.progress span{height:3px;width:30px;background:#333130;border-radius:3px;transition:background .4s}.progress span.active{background:var(--accent)}footer .quiet{font-size:12px}.error{font-size:14px;color:var(--accent)}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{gap:50px;padding-left:55px;padding-right:55px}}
@media(max-width:800px){header{padding:23px 6vw}.demo-label{display:none}.wordmark{font-size:28px}main{display:flex;flex-direction:column;padding:10px 7vw 32px;min-height:0;gap:0}.content{width:100%;max-width:570px}h1{font-size:64px;letter-spacing:-3.5px}h2{font-size:38px;letter-spacing:-1.7px}.intro{font-size:17px;margin-bottom:25px}.eyebrow{margin:15px 0 20px;font-size:11px}.coach{align-self:center;width:100%;height:335px;min-height:0;order:-1;margin-top:-10px;margin-bottom:10px}video{height:350px;width:100%;object-fit:contain}.coach-caption{display:none}.scene p{font-size:16px}.scene{padding-left:19px}.form-bottom{flex-wrap:wrap}.form-bottom .hint{max-width:none}.form-bottom .primary{width:100%}main.reading .coach{height:180px;margin:-5px 0 3px;align-self:flex-end;width:43%}main.reading video{height:240px;transform:translateY(-5px)}main.reading .content{margin-top:-5px}main.guiding .coach{height:210px}main.guiding video{height:260px}main.invite .coach{height:390px}main.invite video{height:420px}main.invite .content{text-align:center}main.invite .intro{margin-left:auto;margin-right:auto}main.invite .small-link{margin-left:auto;margin-right:auto}.invite h1{font-size:52px;letter-spacing:-3px}footer{padding:19px 6vw}#position{font-size:9px;letter-spacing:1px}.progress span{width:20px}}
@media(max-width:380px){h1{font-size:54px}.coach{height:295px}.invite h1{font-size:46px}.top-right{gap:12px}.actions{gap:18px}.primary{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}video{filter:none}.primary:hover{transform:none}}

.path-intro{font-size:14px;line-height:1.6;color:#a9a29c;margin:-3px 0 18px}.path-list{display:grid;gap:10px}.path-choice{display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:17px 19px;border:1px solid #35312e;border-radius:12px;background:#121315;color:var(--text);transition:border-color .2s,background .2s;min-height:66px}.path-choice:hover{border-color:var(--accent);background:#201a16}.path-number{font-size:11px;letter-spacing:1px;color:#b38e70;align-self:flex-start;padding-top:5px}.path-answer{font-size:16px;line-height:1.55;flex:1}.path-choice .arrow{color:var(--accent);font-size:23px}.path-seen{display:block;color:#a89887;font-size:11px;letter-spacing:.6px;margin-top:5px}.clearer-take{border-left:2px solid var(--accent);padding:5px 0 5px 20px;margin:0 0 30px}.clearer-take p{color:#e4c8b0;font-size:17px;line-height:1.65;margin:9px 0 0}.enough{font-size:18px;line-height:1.6;color:var(--accent);margin:0 0 30px}.guiding .actions{gap:22px}.guiding .hint{margin-top:22px}
@media(min-width:801px){.reading .coach{position:sticky;top:24px;align-self:start;height:660px;min-height:0}.reading .content{max-width:610px}}
@media(max-width:800px){.path-choice{padding:15px;gap:13px}.path-answer{font-size:15px}.path-intro{font-size:14px}.clearer-take p{font-size:16px}.guiding .actions{gap:18px}}

.coaching-point{margin:0 0 23px}.coaching-point h3,.sound-judgment h3{font-size:12px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;line-height:1.5;color:#bcb0a5;margin:0 0 8px}.coaching-point p{font-size:17px;line-height:1.65;color:#c3bdb7;margin:0}.coaching-point.gap p{color:var(--text)}.coaching-point.gap h3{color:#dfbb9b}.sound-judgment{border-left:2px solid var(--accent);padding:4px 0 4px 20px;margin:28px 0 31px}.sound-judgment h3{color:var(--accent)}.sound-judgment p{font-size:18px;line-height:1.65;color:#edcfb5;margin:0}.guiding .answer-box{margin-bottom:25px}
@media(max-width:800px){.coaching-point p{font-size:16px}.sound-judgment p{font-size:17px}.coaching-point h3,.sound-judgment h3{font-size:11px;letter-spacing:1px}}

/* Task orientation precedes the situation; it never shows an answer. */
.orientation-copy{max-width:520px;margin:0 0 28px}.orientation-copy p{font-size:18px;line-height:1.65;color:#c3bdb7;margin:0 0 19px}.orientation-copy .orientation-task{font-size:22px;color:var(--text);font-weight:550;line-height:1.5}
@media(max-width:800px){main.orienting .coach{height:180px;width:43%;align-self:flex-end;margin:-5px 0 3px}main.orienting video{height:240px;transform:translateY(-5px)}.orientation-copy p{font-size:16px}.orientation-copy .orientation-task{font-size:20px}}

.consequences{padding:20px 22px;border:1px solid #44372d;border-radius:12px;background:#171410;margin:25px 0}.consequences h3{color:var(--accent)}.consequences small{display:block;margin-top:12px;color:#a9a29c;font-size:12px;line-height:1.6}
@media(max-width:800px){.consequences{padding:18px}}

.strongest-answer{border-color:#a87b54;background:#19150f}.strongest-answer .answer-label{color:var(--accent)}.strongest-reasons{margin:0;padding-left:21px;color:#c3bdb7;font-size:17px;line-height:1.65}.strongest-reasons li{padding-left:3px;margin:0 0 10px}.strongest-reasons li::marker{color:var(--accent)}
@media(max-width:800px){.strongest-reasons{font-size:16px}}

.case-reminder{border-top:1px solid var(--line);margin:26px 0;padding-top:16px}.case-reminder summary{cursor:pointer;color:var(--accent);font-size:14px;padding:8px 0;min-height:44px}.case-reminder summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.case-reminder .scene{margin:16px 0}.intermediate .answer-box{max-height:none}.intermediate .intro{max-width:490px}
@media(min-width:801px){.guiding.intermediate .coach{position:sticky;top:24px;align-self:start;height:660px;min-height:0}}