/* The incumbent dark canvas, gold accents and shared Onest/Cormorant typography remain the visual anchors. */
.chapter{position:relative;top:auto;transform:none}
.chapter-practice .product-screen{max-width:800px}
.chapter-services,.audience-list{align-items:start}
.motion-box{min-width:0;padding:24px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff05;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.motion-box summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:56px}
.motion-box summary::-webkit-details-marker{display:none}
.motion-box summary::after{content:'+';font-size:28px;font-weight:400;color:#e4cfa4;transition:transform .3s}
.motion-box[open] summary::after{transform:rotate(45deg)}
.motion-box h3{font-family:var(--landing-font);font-size:21px;font-weight:500;margin:0;line-height:1.4}
.motion-box p{font-size:16px;line-height:1.7;color:#c3c4bd;margin:20px 0 0}
.motion-box[open]{transform:scale(1.035);border-color:#e4cfa477;background:#ffffff09;z-index:1}
@media(hover:hover){.motion-box:hover{transform:translateY(-6px) scale(1.025);border-color:#e4cfa477;background:#ffffff09}}
.motion-box:focus-within{outline:2px solid #e4cfa4;outline-offset:4px}
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(32px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}
.motion-ready .reveal-on-scroll.is-revealed{opacity:1;transform:none}
.motion-ready .motion-box.is-revealed[open]{transform:scale(1.035)}
@media(hover:hover){.motion-ready .motion-box.is-revealed:hover{transform:translateY(-6px) scale(1.025)}}
.motion-ready .scroll-story{position:relative;height:calc(100svh + var(--story-count)*55svh);padding-block:0}
.story-pin{box-sizing:border-box;position:sticky;top:0;min-height:700px;height:100svh;max-height:1000px;display:flex;flex-direction:column;justify-content:center;gap:32px;padding-block:56px;overflow:clip}
.story-pin>h2{margin:0}.story-pin .chapter-heading{margin:0;gap:48px}
.stage-markers{position:relative;display:flex;justify-content:space-between;align-items:center;isolation:isolate;margin:8px 8px 0;max-width:900px;width:calc(100% - 16px)}
.stage-markers::before,.stage-markers::after{content:'';position:absolute;left:24px;right:24px;height:1px;top:50%;background:#e4cfa426;z-index:-1}
.stage-markers::after{background:#e4cfa4;transform:scaleX(var(--stage-progress,0));transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.stage-markers button{width:48px;height:48px;border:1px solid #e4cfa4;border-radius:50%;background:#0b1215;color:#e4cfa4;font-family:var(--landing-font);font-size:16px;opacity:0;visibility:hidden;transform:scale(.75);transition:opacity .4s,transform .45s,background .3s;cursor:pointer}
.stage-markers .is-reached{visibility:visible;opacity:1;transform:scale(1)}
.stage-markers .is-current{background:#e4cfa4;color:#111a1e;transform:scale(1.15)}
.stage-slides{position:relative;display:block;min-height:184px;margin:0!important;padding:0!important;list-style:none;max-width:900px;width:100%}
.stage-slides>.stage-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px;margin:0;padding:0;border:0;opacity:0;visibility:hidden;transform:translateY(48px) scale(.97);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),visibility .45s}
.stage-slides>.is-active{opacity:1;visibility:visible;transform:none}
.journey-steps.stage-slides li>span{display:none}
.stage-slide h3,.privacy .stage-slide strong{font-family:var(--landing-font);font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.2;margin:0;color:#f3f2ed}
.stage-slide p,.privacy .stage-slide span{font-family:var(--landing-font);font-size:19px;line-height:1.7;margin:0;max-width:65ch;color:#c3c4bd}
.story-pin .journey-close{font-size:15px;line-height:1.6;margin:0;color:#b4b8b9}
.privacy .story-pin .privacy-intro{font-size:17px;margin:0}
.privacy .privacy-links{padding-bottom:48px;margin-top:0}
.ai-connection{padding-bottom:24px}
.start-invitation .button{font-size:23px;min-height:72px;padding:20px 40px;margin-top:40px}
.ai-stages:not(.stage-slides){list-style:none;padding:0}.ai-stages:not(.stage-slides) li{margin:32px 0}
@media(max-width:760px){
 .motion-box{padding:20px}.motion-box h3{font-size:19px}
 .chapter-services{grid-template-columns:1fr;gap:16px}.audience-list{gap:16px}
 .story-pin{height:100svh;min-height:660px;padding-block:40px;gap:24px}
 .story-pin .chapter-heading{grid-template-columns:1fr;gap:20px}.story-pin .chapter-heading>p{font-size:15px;line-height:1.6}
 .story-pin h2{font-size:34px}.stage-slide h3,.privacy .stage-slide strong{font-size:27px}
 .stage-slide p,.privacy .stage-slide span{font-size:16px;line-height:1.65}
 .stage-slides{min-height:200px}.stage-markers{width:calc(100% - 8px);margin-inline:4px}
 .stage-markers button{width:36px;height:36px;font-size:14px}.stage-markers::before,.stage-markers::after{left:18px;right:18px}
 .story-pin .journey-close{font-size:13px}.privacy .story-pin .privacy-intro{font-size:15px}
 .start-invitation .button{width:100%;font-size:21px;min-height:68px;padding-inline:24px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .scroll-story{height:auto;padding-block:56px}.story-pin{position:relative;top:auto;min-height:0;height:auto;max-height:none;overflow:visible}
 .motion-ready .reveal-on-scroll{opacity:1;transform:none;transition:none}
 .stage-slides{display:flex;flex-direction:column;gap:32px}.stage-slides>.stage-slide{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;transition:none}
 .stage-markers{display:none}.motion-box,.motion-ready .motion-box.is-revealed[open]{transform:none!important;transition:none}
 .stage-slides>.stage-slide[aria-hidden="true"]{display:flex}
}

@media(max-height:760px){
 .story-pin{min-height:0;height:100svh;padding-block:24px;gap:20px}
 .story-pin h2{font-size:clamp(28px,3.4vw,44px)}
 .story-pin .chapter-heading{gap:24px}.story-pin .chapter-heading>p{font-size:16px}
 .stage-slides{min-height:164px}.stage-slide h3,.privacy .stage-slide strong{font-size:28px}
 .stage-slide p,.privacy .stage-slide span{font-size:16px}
 .privacy .story-pin .privacy-intro{font-size:15px}.privacy .privacy-links{padding-bottom:0}
}
/* Audit fixes: keep the approach title compact and give different content different motion. */
.chapter-tools .chapter-heading h2{display:flex;flex-direction:column;gap:0;line-height:1.02}
.chapter-tools .chapter-heading h2 em{display:block;margin:0;font-size:1.5em;line-height:.88}
.ai-stages.accordion-stack,.privacy-lines.accordion-stack{display:flex;flex-direction:column;gap:0;margin:40px 0 0;padding:0;max-width:1000px}
.accordion-band{position:relative;min-width:0;padding:24px 0;border-top:1px solid #e4cfa433;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .55s cubic-bezier(.2,.8,.2,1)}
.accordion-band.is-unfolded,.accordion-band:focus-within{opacity:1;transform:none}
.accordion-band summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;list-style:none;color:#f3f2ed}
.accordion-band summary::-webkit-details-marker{display:none}
.accordion-band summary::after{content:'↓';color:#e4cfa4;font-size:24px;transition:transform .3s}
.accordion-band[open] summary::after{transform:rotate(180deg)}
.accordion-band summary h3,.accordion-band summary strong{font-family:var(--landing-font);font-size:clamp(23px,2.4vw,32px);font-weight:500;line-height:1.25;margin:0;text-align:left}
.accordion-band>p,.privacy .accordion-band>span{display:block;color:#c3c4bd;font-size:18px;line-height:1.7;max-width:68ch;margin:20px 0 0}
.accordion-band[open]>p,.accordion-band[open]>span{animation:unfold-copy .45s cubic-bezier(.2,.8,.2,1)}
.accordion-band summary:focus-visible{outline:2px solid #e4cfa4;outline-offset:6px;border-radius:4px}
@keyframes unfold-copy{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@supports(interpolate-size:allow-keywords){
 .accordion-band{interpolate-size:allow-keywords}
 .accordion-band::details-content{block-size:0;overflow:clip;transition:block-size .45s ease,content-visibility .45s;transition-behavior:allow-discrete}
 .accordion-band[open]::details-content{block-size:auto}
}
.story-pin{overflow:visible}
.stage-markers button{visibility:visible;pointer-events:none}
.stage-markers button.is-reached,.stage-markers button:focus-visible{pointer-events:auto}
.stage-markers button:focus-visible{opacity:1;transform:scale(1.1);outline:2px solid #e4cfa4;outline-offset:4px}
.motion-ready .story-readable{height:auto;padding-block:48px}
.story-readable .story-pin{position:relative;height:auto;min-height:0;max-height:none}
.story-readable .stage-slides{display:flex;flex-direction:column;gap:32px}
.story-readable .stage-slide{position:relative;visibility:visible;opacity:1;transform:none}
.story-readable .stage-markers{display:none}
@media(max-width:760px){
 .stage-markers button{width:44px;height:44px;flex:none;font-size:14px}
 .stage-markers{margin-inline:0;width:100%}
 .chapter-tools .chapter-heading h2 em{font-size:1.6em}
 .accordion-band{padding-block:20px}
 .accordion-band summary h3,.privacy .accordion-band summary strong{font-size:23px}
 .accordion-band>p,.privacy .accordion-band>span{font-size:16px}
 .ai-stages.accordion-stack,.privacy-lines.accordion-stack{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .scroll-story{height:auto}
 .story-pin{position:relative;height:auto;min-height:0;max-height:none;overflow:visible}
 .accordion-band{opacity:1;transform:none;transition:none}
 .accordion-band[open]>p,.accordion-band[open]>span{animation:none}
 .accordion-band::details-content{transition:none}
}
.chapter-ai .chapter-heading{grid-template-columns:1.4fr 1fr;gap:48px}
.chapter-ai .chapter-heading h2{font-size:clamp(36px,4.2vw,64px)}
.chapter-ai .chapter-heading h2 em{font-size:1.16em}
.motion-ready .text-entrance{clip-path:inset(0 0 85%);opacity:.2;transform:translateY(16px);transition:clip-path .65s cubic-bezier(.16,1,.3,1),opacity .4s,transform .65s cubic-bezier(.16,1,.3,1)}
.motion-ready .text-entrance.text-shown{clip-path:inset(0);opacity:1;transform:none}
.accordion-band{opacity:1;transform:none}
.motion-ready .accordion-band:not(.is-unfolded){opacity:0;transform:translateY(24px)}
.motion-ready .accordion-band:focus-within{opacity:1;transform:none}
@media(max-width:900px){.chapter-ai .chapter-heading{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){
 .motion-ready .text-entrance,.motion-ready .accordion-band:not(.is-unfolded){clip-path:none;opacity:1;transform:none;transition:opacity .15s}
 .motion-box summary::after,.accordion-band summary::after{transition:none}
}
.stage-markers button{transform:scale(1)}
/* Adapt: the seven-stage rail scrolls inside itself on narrow phones; content stays in one column. */
@media(max-width:760px){
 .stage-markers{box-sizing:border-box;justify-content:flex-start;gap:8px;overflow-x:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#766a50 transparent}
 .stage-markers::before,.stage-markers::after{left:30px;right:auto;width:calc((var(--story-count) - 1)*52px)}
 .content-section{padding-block:64px}.chapter{padding-block:48px}
 .accordion-band summary{min-height:48px;gap:16px}
 .accordion-band summary::after{flex:none}
 .motion-box:active{background:#ffffff0d}.accordion-band summary:active{color:#e4cfa4}
}

/* CTA colors match the default cream accent in design-next.css. */
:root{--cta-bg:#E6D5A8;--cta-hover:#F1E6C8;--cta-ink:#14120C}
.button.primary{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-ink);transition:background-color .18s,border-color .18s,transform .18s}
@media(hover:hover){.button.primary:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:var(--cta-ink)}}
.button.primary:active{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-ink);transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.button.primary{transition:background-color .15s,border-color .15s}.button.primary:active{transform:none}}