/* HumanAmp OS opening (hand-off v0.7, §14.4): one section whose living net builds as you scroll.
   os-reveal.js draws the net; with .osr-live the stage pins and the insights card waits for step 4. */
#our-process.os-reveal{position:relative;isolation:isolate;padding-bottom:clamp(48px,6vw,88px);color:var(--ha-paper)}
/* Unpinned, the lockup keeps clear of the header's logo */
#our-process.os-reveal:not(.osr-live){padding-top:clamp(48px,9vw,88px)}
#our-process.os-reveal::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--ha-ink)}
html body #our-process.os-reveal h1{color:var(--ha-white)!important}html body #our-process.os-reveal .lede{color:var(--ha-vapour)!important}
.os-reveal .osr-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:var(--ha-content-max);margin:0 auto}
.os-reveal.osr-live .osr-track{height:340vh}
.os-reveal.osr-live .osr-stage{position:sticky;top:0;min-height:100vh;padding:24px 0;box-sizing:border-box}
.os-reveal .lede{max-width:46ch}
/* HumanAmp OS wears the OS teal; coral Amp stays front of house */
#our-process.os-reveal .hac-ext{color:#34A8AA}
.os-reveal .osr-steps{margin:28px 0 32px;padding:0;list-style:none;counter-reset:osr}
.os-reveal .osr-steps li{counter-increment:osr;display:flex;align-items:baseline;gap:14px;padding:9px 0;border-top:1px solid rgba(199,199,204,.16);font:600 16.5px/1.35 var(--ha-font-sans);color:var(--ha-paper);transition:color .4s}
.os-reveal .osr-steps li:last-child{border-bottom:1px solid rgba(199,199,204,.16)}
.os-reveal .osr-steps li::before{content:counter(osr);flex:none;width:1.4em;font:600 13px var(--ha-font-mono);color:var(--ha-vapour)}
.os-reveal.osr-live .osr-steps li{color:var(--ha-vapour)}
.os-reveal.osr-live .osr-steps li.on{color:var(--ha-white)}
.os-reveal.osr-live .osr-steps li.on::before{color:var(--ha-white)}
.os-reveal.osr-live .osr-steps li.now::before{color:var(--ha-bloom)}

.os-reveal .osr-visual{position:relative;width:min(100%,520px,calc(100vh - 140px));margin:0 auto}
.os-reveal .osr-map{position:relative;aspect-ratio:1}
.os-reveal .osr-net{position:absolute;inset:0;width:100%;height:100%;display:block}
.os-reveal .osr-card{position:absolute;left:50%;top:66%;width:88%;transform:translateX(-50%);display:flex;align-items:flex-start;gap:10px;transition:opacity .6s,transform .6s}
/* The OS Amp speaks up: one proactive message, in the site's chat style (Amp on the left) */
.os-reveal .osr-who{flex:none;width:36px;height:36px;margin-top:2px}
.os-reveal .osr-say{flex:1;min-width:0;padding:13px 16px;border-radius:4px 16px 16px 16px;background:var(--ha-paper);color:var(--ha-ink);box-shadow:0 14px 34px rgba(0,0,0,.32);font:500 14.5px/1.45 var(--ha-font-sans)}
.os-reveal .osr-say p{margin:0}.os-reveal .osr-say p + p{margin-top:6px}
.os-reveal .osr-say b{font-weight:700}
.os-reveal .osr-safe{display:flex;align-items:center;justify-content:center;gap:8px;max-width:var(--ha-content-max);margin:24px auto 0;text-align:center;font:600 14px var(--ha-font-sans);color:var(--ha-vapour)}
.os-reveal .osr-safe svg{width:18px;height:18px;flex:none}

.os-reveal.osr-live:is([data-step="1"],[data-step="2"],[data-step="3"]) .osr-card{opacity:0;transform:translate(-50%,16px)}

@media(max-width:899px){.os-reveal .osr-stage{grid-template-columns:1fr}.os-reveal .osr-visual{width:min(100%,460px);margin-top:8px}.os-reveal .osr-card{position:relative;left:auto;top:auto;width:100%;margin-top:-4%;transform:none}}
@media(prefers-reduced-motion:reduce){.os-reveal *{transition:none!important}}