/* Inner-page explanations use the existing type, palette and section compositions. */
.explain-window.catalog-window{padding:0;background:#08162c;border-color:#315277;overflow:hidden;transform:none;box-shadow:0 25px 60px #17395612}
.explain-product{color:#f1f7ff;padding:24px 25px 0;background:radial-gradient(ellipse at 80% 20%,#153256,#08162c 80%);text-align:left}
.explain-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}
.explain-heading img{width:95px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;background:none!important;border-radius:0!important}
.explain-heading>span{font-size:8px;letter-spacing:.15em;color:#91b5cf}
.explain-title{font-size:clamp(21px,2vw,28px)!important;line-height:1.22!important;letter-spacing:-.04em!important;margin:0 0 10px!important;font-weight:500!important;color:#f1f7ff!important}
.explain-subtitle{font-size:12px!important;line-height:1.65!important;color:#aac2d8!important;margin:0 0 22px!important;min-height:2em}
.explain-stage{margin:0 -12px;overflow:hidden;isolation:isolate}
.explain-scene{display:block;width:100%;height:auto;overflow:visible;font-family:var(--font);border-radius:6px}
.explain-scene text{font-family:var(--font)}
.explain-phase{opacity:.48;transition:opacity .65s;transform-box:fill-box;transform-origin:center}
.explain-phase.is-complete{opacity:.8}.explain-phase.is-current{opacity:1}
.explain-phase.is-current>rect{stroke:#6fd2ed;transition:stroke .6s}.explain-phase.is-current>path{stroke:#b9f0ff}
.explain-detail{display:flex;align-items:center;gap:16px;margin-top:19px;min-height:58px;padding:13px 0 18px;border-bottom:1px solid #31527780}
.explain-counter{font-size:10px;letter-spacing:.06em;color:#6fd2ed;white-space:nowrap}
.explain-detail p{color:#d0e4f2!important;font-size:13px!important;line-height:1.65!important;margin:0!important}
.explain-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:7px;padding:15px 0 20px;align-items:stretch}
.explain-step{background:none;text-align:left;padding:9px 6px;border:0;border-radius:5px;color:#93b0c9;position:relative;font-family:inherit;min-height:54px}
.explain-step>span{display:block;color:#6c8ea9;font-size:9px;margin-bottom:7px}.explain-step>strong{font-size:11px;line-height:1.4;font-weight:500;display:block}
.explain-step[aria-pressed=true]{background:#193b53;color:#edfaff}.explain-step[aria-pressed=true]>span{color:#6fd2ed}
.explain-step::after{content:'';position:absolute;left:6px;right:6px;bottom:0;height:2px;border-radius:2px;background:#6fd2ed;transform:scaleX(0);transform-origin:left;transition:transform .55s}
.explain-step[aria-pressed=true]::after{transform:scaleX(1)}
.explain-play{align-self:center;justify-self:end;width:32px;height:32px;border:1px solid #547792;border-radius:50%;background:transparent;color:#9fdcf0;font-size:15px;display:grid;place-items:center;padding:0}
.explain-controls button:hover,.explain-play:hover{background:#21465e;color:white}
.explain-controls button:focus-visible,.journey-controls button:focus-visible,.explain-suite a:focus-visible{outline:2px solid #6fd2ed;outline-offset:3px}
.journey-controls{display:flex;align-items:stretch;gap:8px;margin:30px 0 24px;flex-wrap:wrap}
.journey-choice{display:flex;gap:11px;align-items:center;flex:1;min-width:110px;padding:13px 15px;text-align:left;background:transparent;border:1px solid #33536e;border-radius:8px;font-size:12px;line-height:1.5;color:#c7deee;font-family:inherit;transition:background .3s,border-color .3s}
.journey-choice>span:first-child{font-size:10px;color:#6fd2ed}.journey-choice[aria-pressed=true]{border-color:#6fd2ed;background:#193a52}
.light-surface .journey-choice{color:#52617b;border-color:#dce4ee}.light-surface .journey-choice>span:first-child{color:#0071ce}.light-surface .journey-choice[aria-pressed=true]{color:#050f3e;background:#eff7fc;border-color:#0071ce}.light-surface .explain-play{color:#0071ce;border-color:#a9c9df}
.partner-process.explain-journey{margin-top:0}.explain-journey>article{position:relative;transition:border-color .5s}.explain-journey>article::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0071ce,#6fd2ed);transform:scaleX(0);transform-origin:left;transition:transform .8s}.explain-journey>article.is-current::before,.explain-journey>article.is-complete::before{transform:scaleX(1)}
.explain-journey>li b{transition:background .4s,color .4s,box-shadow .4s}.explain-journey>li.is-current b{background:#050f3e;color:#6fd2ed;box-shadow:0 0 0 6px #0071ce0c}.explain-journey>li.is-complete b{border-color:#0071ce}
.explain-route>span,.explain-route>b{transition:color .45s,border-color .45s,background .45s}.explain-route>.is-current{color:#6fd2ed}.mini-journey.explain-route>.is-current{color:#0071ce}.explain-route i::after{animation:none!important;opacity:0}.explain-route>.is-current+i::after{opacity:1;animation:mini-travel 1.6s ease-in-out 1!important}.story-route.explain-route>span{animation:none!important}.story-route.explain-route>.is-current{border-color:#6fd2ed;background:#143b54}.route-controls{display:flex;justify-content:flex-end;margin-top:10px}
.partner-detail-art::before{animation:none!important;opacity:.4}.partner-detail-art .route-controls{position:absolute;right:10px;bottom:0}
.explain-connection .eco-pulse,.explain-connection .contact-pulse{animation:none!important;stroke-dasharray:.06 1;stroke-dashoffset:-.08;filter:drop-shadow(0 0 3px #6fd2ed);pointer-events:none}
.explain-connection .ecosystem-core,.explain-connection .conversation-center{transition:border-color .5s}.explain-connection .connection-stage>svg path.active{stroke:#6fd2ed;stroke-width:1.5}
.explain-suite .suite-path path{opacity:.4;transition:opacity .45s,stroke .45s}.explain-suite .suite-path path.is-current{opacity:1;stroke:#b2f2ff;stroke-width:2}.explain-suite rect.is-current{stroke:#6fd2ed;fill:#16394e}.explain-suite a{cursor:pointer}.explain-suite a:focus{outline:none}.explain-suite a:hover text{fill:#fff}
.explain-news .signal-chip{animation:none!important}.explain-news .distant-orbit{animation:none!important}.explain-news .live-path{animation:none!important;opacity:.25}.explain-news .signal-card{border-radius:14px;border-color:#51728e;box-shadow:0 25px 65px #0003}.explain-news-index{position:absolute;top:18%;left:8%;font-size:11px;letter-spacing:.12em;color:#6fd2ed}.explain-news .signal-controls button{width:36px;height:36px;border-radius:9px}.explain-news .signal-controls button[aria-pressed=true]{box-shadow:0 0 0 4px #6fd2ed0b}
@media(max-width:1100px){.explain-product{padding:19px 19px 0}.explain-heading{margin-bottom:22px}.explain-controls{gap:3px}.explain-step>strong{font-size:10px}.journey-choice{padding:11px 12px}}
@media(max-width:760px){.explain-product{padding:23px 20px 0}.explain-title{font-size:25px!important}.explain-subtitle{font-size:13px!important}.explain-detail{min-height:75px}.explain-detail p{font-size:13px!important}.explain-step{min-height:60px;padding:9px 5px}.explain-step>strong{font-size:11px}.explain-controls{grid-template-columns:repeat(3,minmax(0,1fr)) 38px;padding-bottom:22px}.explain-play{width:36px;height:44px;border-radius:9px}.journey-controls{gap:7px}.journey-choice{min-width:calc(100% - 50px);flex-basis:100%}.journey-controls>.explain-play{margin-left:auto}.partner-detail-art .route-controls{bottom:-12px}.explain-heading>span{font-size:8px}.explain-scene{min-height:155px}}
@media(prefers-reduced-motion:reduce){.explain-phase,.explain-step::after,.explain-journey>article::before,.explain-journey>li b,.explain-route>span,.explain-route>b,.explain-suite *{transition:none!important}.explain-route>.is-current+i::after{animation:none!important}.explain-phase{opacity:1}.explain-connection .eco-pulse,.explain-connection .contact-pulse{display:none}}
.motion-paused .explain-route i::after{animation-play-state:paused!important}
.explain-product.explain-compact .explain-stage{height:210px;display:grid;place-items:center;background:#0b1b32;border:1px solid #29445e;border-radius:10px;margin-inline:0}.explain-compact .explain-scene{height:100%;max-height:210px;min-height:0}.explain-compact .explain-phase{opacity:.65}.explain-compact .explain-phase.is-current{opacity:1}
