/* Scoped prototype: exact existing brand tokens. */
.brand-story .story-frame{position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:540px;background:var(--band)}
.story-frame>img{display:block;width:100%;height:600px;object-fit:cover;object-position:center 35%}
.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,30,26,.97),rgba(13,30,26,0) 75%);pointer-events:none}
.story-caption{position:absolute;z-index:1;bottom:36px;left:36px;right:32px}.story-caption h2{font-size:clamp(30px,5vw,58px);line-height:1.13;margin:18px 0}.story-caption p{font-size:16px;color:var(--ink)}
.story-foot{display:flex;gap:24px;justify-content:space-between;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.story-foot>span{font-size:10px;letter-spacing:.12em;color:var(--amber);white-space:nowrap}.story-foot p{font-size:14px;color:var(--muted);max-width:28ch}.story-foot a{font-size:14px;text-underline-offset:5px}
.brand-journey .steps{position:relative}.brand-journey .step{position:relative;background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:22px 8px 22px 24px}.brand-journey .step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--amber);transform-origin:top}.brand-journey .step p{min-width:0}
.coaching-demo .w{border-top:1px solid var(--line);padding-top:40px}.demo-heading{margin-bottom:30px}.demo-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:stretch}.demo-person{position:relative;min-width:0;border-radius:var(--r-lg);overflow:hidden;background:var(--band)}.demo-person>img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover;object-position:center top}.demo-person>span{position:absolute;bottom:0;left:0;right:0;padding:45px 22px 22px;background:linear-gradient(transparent,rgba(13,30,26,.98));font-weight:600}.demo-person small{font-weight:400;color:var(--muted)}
.demo-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;gap:22px}.demo-label{color:var(--muted);font-size:11px;line-height:1.5}.demo-card h3{font-family:var(--body);font-size:24px}.demo-question{padding-left:18px;border-left:2px solid var(--amber);font-size:19px;line-height:1.5}.demo-response{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-response summary{cursor:pointer;padding:18px 0;min-height:52px;font-weight:600;color:var(--amber)}.demo-response summary span{float:right}.demo-response>div{padding:0 0 22px;font-size:15px}.demo-response p{margin-top:12px;color:var(--muted)}.demo-note{display:block;font-size:12px;color:var(--muted);margin-top:18px}.demo-link{margin-top:auto;font-size:14px;text-underline-offset:5px}
@media(min-width:1024px){.brand-story .w,.coaching-demo .w{max-width:1100px}.story-frame>img{height:560px;object-position:center 35%;width:64%;margin-left:auto}.story-frame:after{background:linear-gradient(90deg,#0d1e1a 12%,rgba(13,30,26,.9) 32%,transparent 80%)}.story-caption{bottom:60px;left:48px;max-width:56%}.story-foot{padding-bottom:28px}.demo-heading h2{font-size:44px}}
@media(max-width:600px){.brand-story .story-frame{min-height:500px}.story-frame>img{height:540px;object-position:55% 20%}.story-caption{left:22px;right:18px;bottom:26px}.story-caption p{font-size:14px}.story-foot{flex-wrap:wrap;gap:12px}.story-foot>span{width:100%}.story-foot p{max-width:23ch;flex:1}.demo-layout{grid-template-columns:1fr}.demo-person>img{height:290px;object-position:50% 20%}.demo-card{padding:22px}.demo-question{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.demo-response summary,.demo-link,.story-foot a{transition:color .2s}.demo-response summary:hover,.demo-link:hover,.story-foot a:hover{color:var(--amber)}.brand-journey.is-seen .step:before{animation:journeyLine .7s ease both}.brand-journey .step:nth-child(2):before{animation-delay:.3s}.brand-journey .step:nth-child(3):before{animation-delay:.6s}.brand-journey .step:nth-child(4):before{animation-delay:.9s}.coaching-demo.is-seen .demo-card{animation:brandRise .7s ease both}.demo-response[open]>div{animation:brandRise .25s ease both}}
@keyframes journeyLine{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes brandRise{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.brand-journey *, .coaching-demo *{animation:none!important;transition:none!important}}

.coaching-demo .demo-layout{grid-template-columns:1fr}.coaching-demo .demo-card{max-width:760px}.coaching-demo .demo-heading h2{font-size:clamp(28px,5vw,44px)}