/* Capability theatre: stable character + substantial, distinct example interfaces */
#heroStage{height:690px;min-height:690px;background:radial-gradient(ellipse at 72% 35%,#14232d 0,transparent 65%),#080d12;transform-style:flat}
#heroStage:before{display:none}#heroStage:after{inset:14px;border:1px solid #bde95218}
#heroStage .context-word,#heroStage .capability-network,#heroStage .stage-hint{display:none}
#heroStage .stage-kicker{top:28px;left:26px;line-height:1.8;font-size:10px;letter-spacing:.12em}
#heroStage .stage-tag{top:30px;right:25px;font-size:10px}
#heroStage .avatar-rig{inset:auto;left:2%;top:150px;width:34%;height:320px;z-index:4;animation:none;transform:none!important;will-change:auto}
#heroStage .avatar{inset:0;width:100%;height:100%;object-position:center bottom;opacity:0;transition:none!important;animation:none!important;clip-path:none!important;transform:none!important;filter:drop-shadow(0 12px 18px #0008)!important}
#heroStage .avatar.visible{opacity:1}
#heroStage .avatar-rig:before{bottom:-4%;width:80%;height:12%;filter:blur(10px);background:radial-gradient(ellipse,#b8d85b24,transparent 70%)}
.capability-display{position:absolute;z-index:3;top:105px;left:32%;right:25px;height:305px;border:1px solid #839caa45;border-radius:10px;background:#101a22;box-shadow:0 20px 60px #0005;overflow:hidden}
.display-bar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ffffff12;background:#15232c}
.display-bar span{color:#bdd497;font:11px monospace;letter-spacing:.08em}.display-bar small{font-size:11px;color:#91a3ae}
.display-body{padding:17px;height:calc(100% - 37px);position:relative;color:#dfe8ed}
.display-body h3{font-size:19px;line-height:1.4;margin:0 0 5px;letter-spacing:-.03em}.display-body p{font-size:12px;line-height:1.55;color:#a7b7c3;margin:0 0 15px}
.demo-chips{display:flex;gap:5px;margin:12px 0}.demo-chips span{font-size:11px;border:1px solid #ffffff18;border-radius:4px;padding:5px 7px;color:#bac7d1}.demo-chips span:first-child{color:#d0f47c;background:#c7f04a12;border-color:#c7f04a3a}
.demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff10;font-size:12px}.demo-row b{font-weight:500}.demo-row em{font-size:11px;font-style:normal;color:#b9d98a;white-space:nowrap}.demo-row i{font-style:normal;color:#94d9d5;margin-right:7px}
.demo-footer{font-size:11px;color:#a4bbc9;display:flex;justify-content:space-between;padding-top:12px}.demo-footer strong{color:#c7f04a;font-weight:500}
.skill-flow{display:grid;grid-template-columns:1fr 16px 1fr;align-items:center;gap:6px;margin-top:13px}.skill-flow>span{color:#637e89;text-align:center}.skill-box{padding:12px 9px;background:#1b2c36;border:1px solid #5b7a8a55;border-radius:6px;font-size:12px}.skill-box small{display:block;font-size:10px;color:#8ca8b9;margin-bottom:6px}.skill-box.accent{border-color:#c7f04a77;background:#c7f04a0d}.skill-result{margin-top:13px;padding:10px;background:#070f15;border-left:2px solid #c7f04a;font-size:12px;line-height:1.65;color:#b8cbd6}
.prototype-window{margin-top:11px;display:grid;grid-template-columns:70px 1fr;min-height:167px;background:#eef2e9;color:#1c2c29;border-radius:7px;overflow:hidden}.prototype-sidebar{padding:15px 8px;background:#dbe4d2;font-size:11px;line-height:2.5}.prototype-sidebar b{font-size:12px;display:block;line-height:1.4;margin-bottom:12px}.prototype-main{padding:13px;font-size:11px}.prototype-main strong{display:block;font-size:13px;margin-bottom:10px}.prototype-field{background:white;border:1px solid #ccd4c7;border-radius:4px;padding:9px;margin-bottom:8px}.prototype-result{background:#e2eccf;padding:9px;border-left:2px solid #769730;line-height:1.7}
.knowledge-map{width:100%;height:164px;overflow:visible;margin-top:4px}.knowledge-map line{stroke:#76a5ad;stroke-width:1;opacity:.65}.knowledge-map rect{fill:#1a2e37;stroke:#537383;stroke-width:1}.knowledge-map text{fill:#d6e3e5;font-size:13px;text-anchor:middle;dominant-baseline:middle}.knowledge-map .hub{fill:#c7f04a;stroke:none}.knowledge-map .hub-text{fill:#1b2b11;font-weight:700}.knowledge-source{font-size:11px;color:#9eb6c1;border-top:1px solid #ffffff16;padding-top:9px}
.architecture-stack{display:grid;gap:7px;margin-top:15px}.architecture-layer{display:grid;grid-template-columns:62px 1fr;align-items:center;background:#172730;border:1px solid #ffffff12;padding:10px 9px;gap:6px;border-radius:5px;font-size:12px}.architecture-layer b{font-size:11px;color:#b8d779}.architecture-layer span{color:#c5d2da}.architecture-layer:last-child{border-color:#c7f04a66;background:#c7f04a0a}
.automation-flow{margin-top:13px;display:grid;gap:0}.automation-step{position:relative;display:flex;align-items:center;gap:10px;min-height:41px;font-size:12px}.automation-step:not(:last-child):after{content:'';position:absolute;top:30px;bottom:-8px;left:12px;width:1px;background:#66868b}.automation-step i{font:11px monospace;display:grid;place-items:center;border:1px solid #76a59b;border-radius:50%;width:25px;height:25px;color:#c7f04a;background:#1c3235;flex-shrink:0}.automation-step span{margin-left:auto;color:#809dab;font-size:10px}.automation-step:last-child{color:#c7f04a}
#heroStage .reaction-panel{left:27px;right:27px;bottom:159px;width:auto;padding:0 0 0 13px;box-shadow:none;background:transparent;backdrop-filter:none}
#heroStage .reaction-panel small{font-size:10px;line-height:1.5}#heroStage .reaction-panel strong{font-size:20px;line-height:1.45;margin:5px 0 7px;max-width:100%}#heroStage .reaction-panel p{font-size:13px;line-height:1.65;color:#a6b7c2}
#heroStage .node{width:calc((100% - 64px)/3);height:52px;padding:9px 10px!important;border:1px solid #72909f38!important;border-radius:5px;background:#101c25!important;transform:none!important;display:flex;gap:8px;align-items:center;transition:background .18s,border-color .18s!important}
#heroStage .node:before{display:none}#heroStage .node small{font-size:11px;margin:0;color:#7a94a4;letter-spacing:0}#heroStage .node b{font-size:12px;line-height:1.4;white-space:normal}#heroStage .node.active{border-color:#c7f04a88!important;background:#c7f04a14!important;color:#ddf8a9}#heroStage .node:hover{background:#20323d!important}#heroStage .node:focus-visible{outline:2px solid #c7f04a;outline-offset:3px}
#heroStage .n1,#heroStage .n2,#heroStage .n3{top:auto;bottom:86px}#heroStage .n4,#heroStage .n5,#heroStage .n6{top:auto;bottom:26px}
#heroStage .n1,#heroStage .n4{left:26px;right:auto}#heroStage .n2,#heroStage .n5{left:calc(26px + (100% - 64px)/3 + 6px);right:auto}#heroStage .n3,#heroStage .n6{right:26px;left:auto}
.scene-replay{position:absolute;top:62px;right:26px;background:transparent;border:0;color:#9eb6c3;cursor:pointer;padding:5px 0;font-size:11px}.scene-replay:hover{color:#c7f04a}.scene-replay:focus-visible{outline:2px solid #c7f04a}
@media(min-width:651px) and (max-width:1150px){#heroStage .stage-tag{font-size:9px}#heroStage .reaction-panel strong{font-size:18px}.capability-display{left:28%;right:19px}.display-body{padding:13px}}
@media(max-width:650px){
  #heroStage{height:670px!important;min-height:670px!important}#heroStage .stage-kicker{left:17px;top:17px;font-size:9px}#heroStage .stage-tag{right:17px;top:19px;font-size:8px}#heroStage .stage-kicker br{display:none}#heroStage .stage-kicker .kicker-sub{display:none}
  .capability-display{top:78px;left:16px;right:16px;height:285px}.display-body{padding:14px 17px}.display-bar{padding:0 13px}.display-body h3{font-size:20px}.display-body p{font-size:12px;margin-bottom:10px}.demo-row{padding:10px 0}.knowledge-map{height:150px}.scene-replay{top:42px;right:17px;min-height:28px}
  #heroStage .avatar-rig{left:13px;top:379px;width:86px;height:135px}#heroStage .reaction-panel{top:389px;left:110px;right:17px;bottom:auto;padding-left:11px}#heroStage .reaction-panel small{font-size:9px}#heroStage .reaction-panel strong{font-size:16px;line-height:1.5}#heroStage .reaction-panel p{font-size:12px;line-height:1.55}
  #heroStage .node{width:calc((100% - 44px)/3);height:51px;gap:5px;padding:8px!important}#heroStage .node b{font-size:12px}#heroStage .node small{font-size:10px}#heroStage .n1,#heroStage .n2,#heroStage .n3{bottom:76px}#heroStage .n4,#heroStage .n5,#heroStage .n6{bottom:17px}#heroStage .n1,#heroStage .n4{left:16px}#heroStage .n2,#heroStage .n5{left:calc(16px + (100% - 44px)/3 + 6px)}#heroStage .n3,#heroStage .n6{right:16px}
}
#heroStage .n7{display:none!important}
#heroStage .avatar:not(.visible){display:none}
#heroStage{scroll-margin-top:85px}
@media(min-width:651px){#heroStage{height:720px;min-height:720px}.capability-display{height:330px}#heroStage .avatar-rig{height:300px}}
@media(max-width:650px){
  #heroStage{height:710px!important;min-height:710px!important}
  .capability-display{height:318px}
  #heroStage .avatar-rig{top:412px}
  #heroStage .reaction-panel{top:421px}
  #heroStage .n1,#heroStage .n2,#heroStage .n3{top:auto!important;bottom:76px!important}
  #heroStage .n4,#heroStage .n5,#heroStage .n6{top:auto!important;bottom:17px!important}
  #heroStage .n1,#heroStage .n4{left:16px!important;right:auto!important}
  #heroStage .n2,#heroStage .n5{left:calc(16px + (100% - 44px)/3 + 6px)!important;right:auto!important}
  #heroStage .n3,#heroStage .n6{right:16px!important;left:auto!important}
}
@media(prefers-reduced-motion:reduce){#heroStage *{animation:none!important;transition:none!important}}