/* Operant interaction layer: progressive, performant, and motion-safe. */
.scroll-signal{position:fixed;inset:0 0 auto;z-index:120;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#f1b83f,#ffe09a);box-shadow:0 0 16px rgba(241,184,63,.55)}
.motion-ready [data-reveal]{opacity:.001;transform:translateY(26px);transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.motion-ready .image-hero .hero-art,.motion-ready .explain-hero-image img,.motion-ready .sandbox-hero-image img{transform:translate3d(0,var(--hero-shift,0),0) scale(1.012);transform-origin:center top;will-change:transform}
.topbar,.hero-primary{transition:background-color .28s,border-color .28s,box-shadow .28s,backdrop-filter .28s}
.topbar.is-scrolled,.hero-primary.is-scrolled{background:rgba(4,13,22,.88);border-color:rgba(241,184,63,.25);box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(16px) saturate(1.15)}
.card,.cap,.offer,.phase,.depth,.belief,.signal,.stat,.system-card,.career-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card::after,.cap::after,.offer::after,.phase::after,.depth::after,.belief::after,.signal::after,.stat::after,.system-card::after,.career-card::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(241,184,63,.14),transparent 66%);transition:opacity .25s}
@media(hover:hover) and (pointer:fine){.card:hover,.cap:hover,.offer:hover,.phase:hover,.depth:hover,.belief:hover,.signal:hover,.stat:hover,.system-card:hover,.career-card:hover{transform:translateY(-4px);border-color:rgba(241,184,63,.55);box-shadow:0 18px 44px rgba(8,20,31,.13)}.card:hover::after,.cap:hover::after,.offer:hover::after,.phase:hover::after,.depth:hover::after,.belief:hover::after,.signal:hover::after,.stat:hover::after,.system-card:hover::after,.career-card:hover::after{opacity:1}}
.motion-ready .workflow.is-visible .wf .n{animation:signal-lock .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--sequence,0) * 95ms)}
.motion-ready .workflow.is-visible .wf{animation:signal-rise .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--sequence,0) * 95ms)}
@keyframes signal-lock{0%{transform:scale(.72);box-shadow:0 0 0 0 rgba(241,184,63,.55)}65%{box-shadow:0 0 0 10px rgba(241,184,63,0)}100%{transform:scale(1)}}
@keyframes signal-rise{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
.cta-band{background-size:200% 100%;background-image:linear-gradient(110deg,#e5a92d 0%,#f1b83f 38%,#ffd66f 50%,#f1b83f 62%,#e5a92d 100%);animation:cta-signal 12s ease-in-out infinite}
@keyframes cta-signal{0%,35%,100%{background-position:100% 0}65%{background-position:0 0}}

/* Signature interaction: the Operant control room. */
.ops-lab{position:relative;padding:clamp(72px,9vw,138px) 0;background:#030c15;color:#f7f9fc;overflow:hidden;border-bottom:1px solid rgba(241,184,63,.22)}
.ops-lab::before{content:"";position:absolute;inset:-35% -20%;pointer-events:none;background:radial-gradient(circle at 72% 48%,rgba(32,105,139,.2),transparent 28%),radial-gradient(circle at 16% 12%,rgba(241,184,63,.09),transparent 23%);animation:ops-ambient 14s ease-in-out infinite alternate}
.ops-lab-grid{position:relative;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(570px,1.35fr);gap:clamp(42px,7vw,110px);align-items:center}
.ops-lab-intro{max-width:480px}
.ops-kicker,.console-label{display:block;color:#f1b83f;font-size:.7rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.ops-lab h2{max-width:8ch;margin:14px 0 20px;font-size:clamp(2.7rem,5vw,5.7rem);line-height:.89;letter-spacing:-.055em}
.ops-lab-intro>p{max-width:44ch;color:#aebdca;font-size:clamp(1rem,1.25vw,1.18rem)}
.scenario-switcher{display:grid;gap:7px;margin:30px 0 26px}
.scenario-button{display:flex;align-items:center;gap:15px;width:100%;min-height:52px;padding:10px 14px;border:1px solid #26394b;border-radius:4px;background:transparent;color:#b8c5cf;text-align:left;font:700 .88rem/1.2 inherit;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
.scenario-button span{color:#708496;font:700 .67rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.scenario-button:hover{border-color:#728496;color:#fff;transform:translateX(4px)}
.scenario-button.is-active{border-color:#b98828;background:linear-gradient(90deg,rgba(241,184,63,.16),rgba(241,184,63,.025));color:#fff}
.scenario-button.is-active span{color:#f1b83f}
.ops-lab-link{display:inline-flex;gap:9px;align-items:center;color:#f1b83f;font-weight:800;border-bottom:1px solid rgba(241,184,63,.35);padding-bottom:5px}
.ops-lab-link span{transition:transform .2s}.ops-lab-link:hover span{transform:translateX(5px)}
.ops-console{position:relative;border:1px solid #30485c;border-radius:14px;background:linear-gradient(145deg,rgba(13,29,43,.96),rgba(5,15,25,.98));box-shadow:0 45px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);overflow:hidden;transform:perspective(1100px) rotateY(-2deg);transition:transform .45s ease,box-shadow .45s}
.ops-console:hover{transform:perspective(1100px) rotateY(0);box-shadow:0 55px 120px rgba(0,0,0,.48),0 0 55px rgba(30,107,143,.09)}
.ops-console::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035),transparent 62%);transform:translateX(-100%);animation:console-scan 8s ease-in-out infinite}
.console-bar{display:flex;justify-content:space-between;gap:18px;padding:16px 19px;border-bottom:1px solid #263b4d;color:#91a3b2;font:700 .63rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.live-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#62d9a0;box-shadow:0 0 0 5px rgba(98,217,160,.09),0 0 18px rgba(98,217,160,.65);animation:live-pulse 2.2s ease-out infinite}
.incoming-card,.resolved-card{margin:clamp(18px,3vw,30px);padding:20px;border:1px solid #344a5d;border-radius:9px;background:#0b1b29}
.incoming-card p{min-height:2.8em;margin:9px 0 17px;color:#f4f7fa;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.4;transition:opacity .16s,transform .16s}
.incoming-meta{display:flex;gap:8px;flex-wrap:wrap}.incoming-meta span{padding:5px 8px;border:1px solid #30495c;border-radius:99px;color:#91a6b6;font-size:.65rem}
.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:38px clamp(20px,4vw,42px)}
.track-line{position:absolute;left:8%;right:8%;top:18px;height:2px;background:#24394b;overflow:hidden}.track-line span{display:block;width:var(--track-progress,0%);height:100%;background:linear-gradient(90deg,#f1b83f,#6ce0ac);box-shadow:0 0 16px #f1b83f;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.process-node{position:relative;text-align:center;color:#738798;transition:color .3s,transform .3s}
.process-node b{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0 auto 12px;border:1px solid #3a5062;border-radius:50%;background:#071521;font:800 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:background .3s,border .3s,box-shadow .3s,color .3s}
.process-node span{display:block;color:inherit;font-size:.8rem;font-weight:850}.process-node small{display:block;max-width:16ch;margin:5px auto 0;color:#667b8c;font-size:.66rem;line-height:1.35}
.process-node.is-current,.process-node.is-complete{color:#eef5f8}.process-node.is-current{transform:translateY(-3px)}
.process-node.is-current b{border-color:#f1b83f;background:#f1b83f;color:#07131f;box-shadow:0 0 0 7px rgba(241,184,63,.1),0 0 25px rgba(241,184,63,.25)}
.process-node.is-complete b{border-color:#63d7a0;background:#123c32;color:#8ff0bd}
.resolved-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#344a5d;background:rgba(8,24,36,.88);transition:opacity .2s,transform .2s,border-color .35s,background .35s}
.resolved-card strong{display:block;max-width:56ch;margin-top:7px;color:#91a6b6;font-size:.84rem;line-height:1.45;transition:color .35s}.resolved-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #405668;border-radius:50%;background:#102230;color:#7890a2;font-size:.64rem;font-weight:950;letter-spacing:.08em;transition:background .35s,color .35s,border-color .35s,box-shadow .35s,transform .35s}
.resolved-card.is-resolved{border-color:rgba(92,205,148,.55);background:linear-gradient(110deg,rgba(27,78,62,.42),rgba(11,27,41,.9))}.resolved-card.is-resolved strong{color:#dff9ec}.resolved-card.is-resolved .resolved-mark{border-color:#62d9a0;background:#62d9a0;color:#052016;font-size:1rem;letter-spacing:0;box-shadow:0 0 0 7px rgba(98,217,160,.08),0 0 25px rgba(98,217,160,.22);transform:scale(1.06)}
.ops-console.is-changing .incoming-card p,.ops-console.is-changing .resolved-card{opacity:.15;transform:translateY(5px)}
@keyframes live-pulse{70%{box-shadow:0 0 0 9px rgba(98,217,160,0),0 0 20px rgba(98,217,160,.35)}}
@keyframes console-scan{0%,72%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes ops-ambient{to{transform:translate3d(2%,-2%,0) scale(1.06)}}
@media(max-width:920px){.ops-lab-grid{grid-template-columns:1fr}.ops-lab-intro{max-width:680px}.ops-lab h2{max-width:12ch}.ops-console{transform:none}}
@media(max-width:760px){.scroll-signal{height:2px}.motion-ready .image-hero .hero-art,.motion-ready .explain-hero-image img,.motion-ready .sandbox-hero-image img{transform:none}.motion-ready [data-reveal]{transform:translateY(16px)}}
@media(max-width:600px){.ops-lab{padding:70px 0}.scenario-switcher{grid-template-columns:1fr}.console-bar{align-items:flex-start;flex-direction:column}.process-track{grid-template-columns:1fr;margin:26px 20px}.track-line{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto}.track-line span{width:100%;height:var(--track-progress,0%);transition:height .55s}.process-node{display:grid;grid-template-columns:36px 1fr;gap:13px;text-align:left}.process-node b{margin:0}.process-node small{max-width:none;margin:4px 0 0}.process-node span{padding-top:2px}.incoming-card,.resolved-card{margin:18px}.resolved-mark{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-signal{display:none}.motion-ready [data-reveal],.motion-ready [data-reveal].is-visible,.motion-ready .workflow.is-visible .wf,.motion-ready .workflow.is-visible .wf .n,.motion-ready .image-hero .hero-art,.motion-ready .explain-hero-image img,.motion-ready .sandbox-hero-image img{opacity:1;transform:none;animation:none;transition:none}.cta-band,.ops-lab::before,.ops-console::after,.live-dot{animation:none}.ops-console,.ops-console:hover{transform:none}.card,.cap,.offer,.phase,.depth,.belief,.signal,.stat,.system-card,.career-card{transition:none}}