/* Scoped explorer repair and navigation accents. Preserve the approved page design. */
.nav a{position:relative;padding:8px 0}.nav a:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .22s}.nav a:hover:after,.nav a.current:after{transform:scaleX(1)}.nav a.current{color:var(--ink)}
.reading-progress{position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--acid);transform-origin:left;transform:scaleX(0);pointer-events:none}
.mobile-nav{display:none}.brand-film-stage .film-play{touch-action:manipulation}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}summary>span:last-child{transition:transform .2s}details[open]>summary>span[aria-hidden]{transform:rotate(45deg)}
.hero-bc #heroStage.explorer{display:flex;flex-direction:column;height:auto!important;min-height:0!important;max-height:none;align-self:center;padding:23px 18px 18px;background:radial-gradient(ellipse at 53% 38%,#17303b52,transparent 64%);border:0;overflow:visible;isolation:isolate;transform-style:flat}
.hero-bc #heroStage.explorer:before,.hero-bc #heroStage.explorer:after{display:none}.explorer-top{display:flex;justify-content:space-between;align-items:center;color:#a1b2bc;font:10px monospace;letter-spacing:.1em}.explorer-top>span:first-child{color:#c7f04a}.explorer-hint{font:12px var(--sans);letter-spacing:0;color:#8296a2}
.explorer-visual{height:345px;margin:22px 0 4px;position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:0}.explorer-visual.is-dragging{cursor:grabbing}.explorer-visual:focus-visible{outline:1px solid #c7f04a55;border-radius:12px}.explorer-visual img{-webkit-user-drag:none}
.hero-bc #heroStage.explorer .avatar-rig{position:absolute;inset:auto;left:0;top:10px;width:36%;height:324px;z-index:4;pointer-events:none}.hero-bc #heroStage.explorer .avatar-rig:before{opacity:.5}.hero-bc #heroStage.explorer .avatar{height:100%;width:100%;object-position:center bottom}
.hero-bc #heroStage.explorer .capability-display{top:47px;left:31%;right:0;height:247px;border:1px solid #a3c3d626;border-radius:12px;background:#10212ac9;box-shadow:0 18px 55px #0003;pointer-events:none}.explorer .display-bar{background:transparent;height:34px;padding:0 11px;border-bottom-color:#ffffff0b}.explorer .display-bar span{font-size:9px;letter-spacing:.04em;color:#a9bfa8}.explorer .display-bar small{font-size:10px;color:#91a1ab}.explorer .display-body{height:calc(100% - 34px);padding:15px 13px}.explorer .demo-chips{margin:0 0 6px}.explorer .demo-row{padding:10px 0;font-size:12px}.explorer .demo-footer{font-size:10px}.explorer .skill-flow{margin-top:3px}.explorer .prototype-window{margin-top:0;min-height:170px}.explorer .knowledge-map{height:149px;margin-top:0}.explorer .knowledge-source{font-size:10px;padding-top:8px}.explorer .architecture-stack{margin-top:0;gap:6px}.explorer .architecture-layer{font-size:11px;padding:9px 7px;grid-template-columns:53px 1fr}.explorer .automation-flow{margin-top:0}.explorer .automation-step{min-height:43px;font-size:11px}.explorer .automation-step span{font-size:9px}
.explorer-caption h3{font-size:27px;line-height:1.35;margin:0 0 9px;letter-spacing:-.035em}.explorer-caption p{font-size:14px;line-height:1.8;color:#a1b1bc;margin:0;max-width:95%}.explorer-details{margin:16px 0 12px;border-bottom:1px solid #ffffff12}.explorer-details>summary{font-size:12px;color:#b4c4cd;display:flex;align-items:center;justify-content:space-between;padding:10px 0 15px}.explorer-detail-copy{padding:0 0 18px}.explorer-detail-copy strong{font-size:15px;font-weight:500;line-height:1.6;color:#d9e5eb}.explorer-detail-copy p{font-size:13px;line-height:1.7;color:#91a6b4;margin:8px 0 0}
.explorer-controls{display:flex;gap:10px;align-items:center;padding-top:3px}.explorer-controls>button{border:1px solid #ffffff20;border-radius:50%;width:36px;height:36px;color:#bdccd5;background:transparent;cursor:pointer;transition:background .2s}.explorer-controls>button:hover{background:#c7f04a1a;color:#d9f39f;border-color:#c7f04a55}.explorer-count{font:11px monospace;color:#95a6af;white-space:nowrap}.explorer-dots{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.explorer-dot{width:26px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.explorer-dot:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#677e88;margin:auto;transition:width .25s,background .25s}.explorer-dot.active:after{width:18px;border-radius:4px;background:var(--acid)}#heroStage.explorer .scene-replay{position:static;padding:0;font-size:13px;min-height:36px;flex-shrink:0}
/* The legacy stage used place-items:center. Flex children with only positioned content otherwise collapse to zero width. */
.hero-bc #heroStage.explorer{align-items:stretch;justify-content:flex-start;width:100%;min-width:0;perspective:none}.hero-bc #heroStage.explorer>div,.hero-bc #heroStage.explorer>details{width:100%;min-width:0}.hero-bc #heroStage.explorer .explorer-visual{flex:none;width:100%}.explorer-top{gap:16px;flex-wrap:wrap}
@media(max-width:1100px){.hero-bc #heroStage.explorer{max-width:680px;margin:0 auto}.hero-bc #heroStage.explorer .capability-display{left:34%;right:2%;height:247px}.mobile-nav{display:block;margin-left:auto;margin-right:20px;font-size:13px}.mobile-nav>summary{display:flex;gap:15px;align-items:center;min-height:44px}.mobile-nav nav{position:absolute;left:0;right:0;top:100%;padding:18px 5vw;background:#0a1118;border-bottom:1px solid #a2bda433;display:flex;flex-wrap:wrap;gap:12px 24px}.mobile-nav nav a{font-size:14px;text-decoration:none;padding:10px 0}}
@media(max-width:650px){.hero-bc #heroStage.explorer{padding:18px 0 0;height:auto!important;min-height:0!important}.explorer-top{font-size:9px}.explorer-hint{font-size:11px}.explorer-visual{height:293px;margin:16px 0 6px}.hero-bc #heroStage.explorer .avatar-rig{left:-3%;top:10px;width:34%;height:273px}.hero-bc #heroStage.explorer .capability-display{left:27%;right:0;top:37px;height:221px;border-radius:9px}.explorer .display-body{padding:10px 9px}.explorer .display-bar{height:30px;padding:0 9px}.explorer .display-bar span{font-size:8px}.explorer .display-bar small{font-size:9px}.explorer .display-body{height:calc(100% - 30px)}.explorer .demo-chips span{font-size:9px;padding:4px}.explorer .demo-row{font-size:10px;padding:10px 0;gap:4px}.explorer .demo-row em{font-size:9px}.explorer .demo-row i{margin-right:4px}.explorer .demo-footer{font-size:8px;gap:4px}.explorer .skill-flow{grid-template-columns:1fr 12px 1fr;gap:3px}.explorer .skill-box{padding:10px 7px;font-size:10px}.explorer .skill-box small{font-size:9px}.explorer .skill-result{font-size:10px;margin-top:10px;padding:7px}.explorer .prototype-window{grid-template-columns:55px 1fr;min-height:164px}.explorer .prototype-sidebar{font-size:9px;padding:13px 6px}.explorer .prototype-main{font-size:10px;padding:10px}.explorer .prototype-main strong{font-size:11px}.explorer .prototype-field{padding:7px}.explorer .prototype-result{padding:7px}.explorer .knowledge-map{height:141px}.explorer .knowledge-source{font-size:9px;line-height:1.4}.explorer .architecture-stack{gap:5px}.explorer .architecture-layer{font-size:9px;padding:8px 5px;grid-template-columns:43px 1fr}.explorer .architecture-layer b{font-size:9px}.explorer .automation-step{font-size:10px;min-height:40px;gap:7px}.explorer .automation-step span{font-size:8px}.explorer-caption h3{font-size:25px}.explorer-caption p{font-size:13px;max-width:100%}.explorer-controls{gap:8px}.explorer-controls>button{width:40px;height:40px}.explorer-dot{width:25px;height:40px}.explorer-count{font-size:10px}.explorer-dots{justify-content:space-evenly}.explorer-details{margin-top:8px}.mobile-nav{margin-right:15px}}
@media(prefers-reduced-motion:reduce){.nav a:after,.explorer-dot:after,summary>span:last-child{transition:none}html{scroll-behavior:auto}}