/* One coherent product stage; photographic assets stay pixel-identical. */
.narrative-page{--surface-ease:cubic-bezier(.16,1,.3,1);--stage-paper:#f5f6f5}
.narrative-page .unified-showcase{background:var(--stage-paper);border-radius:20px;overflow:hidden;margin-top:46px!important}
.unified-showcase .showcase-heading{display:block;padding:42px 42px 0;min-height:0;text-align:center}
.unified-showcase .showcase-heading>div:first-child{max-width:900px}
.narrative-page .unified-showcase .showcase-heading h2{font-size:clamp(28px,2.45vw,36px);line-height:1.45;margin:0 0 12px}
.unified-showcase .showcase-heading p{max-width:760px;margin:0 auto;font-size:14px;line-height:1.85}
.unified-showcase .showcase-tabs{max-width:436px;margin:24px auto 0;padding:5px;border:1px solid #dfe6e0;background:#fff;border-radius:10px}
.unified-showcase .showcase-tab{font-size:14px;min-height:44px;border-radius:6px;font-weight:550}
.unified-showcase .tab-indicator{border-radius:6px;transition:transform .38s var(--surface-ease)}
.unified-showcase .showcase-body{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.72fr);align-items:center;gap:24px;padding:12px 32px 30px 44px;background:none}
.unified-showcase .showcase-copy{padding:12px 0 22px;min-width:0;align-self:center}
.unified-showcase .showcase-panels{min-height:0}
.narrative-page .unified-showcase .showcase-panel h3{font-size:clamp(26px,2.2vw,32px);line-height:1.5;letter-spacing:-.025em;margin:0 0 19px;max-width:390px;text-wrap:pretty}
.unified-showcase .showcase-description{font-size:14px;line-height:1.95;max-width:390px}
.unified-showcase .showcase-connections{gap:14px;margin-top:17px}
.unified-showcase .showcase-connections h4{font-size:13px}.unified-showcase .showcase-connections p{font-size:12px;line-height:1.85}
.unified-showcase.case-ready .showcase-panel{animation:none}
.showcase-workflow{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:20px;color:#16723c;font-size:12px;text-decoration:none;font-weight:500}
.showcase-workflow span{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .24s var(--surface-ease)}
.showcase-workflow svg{transition:transform .24s var(--surface-ease)}
.showcase-workflow:hover span{background-size:100% 1px}.showcase-workflow:hover svg{transform:translateX(3px)}
.showcase-media{--device-inset:70px;position:relative;min-width:0;width:100%;align-self:center;isolation:isolate}
.unified-showcase .showcase-window{width:calc(100% - var(--device-inset));margin:0 0 0 var(--device-inset);aspect-ratio:1536/1086;transform:none!important;perspective:none!important;filter:drop-shadow(0 16px 14px #28332d16)}
.unified-showcase .showcase-cast{position:absolute;left:0;bottom:8%;width:18%;height:auto;display:block;overflow:visible;mix-blend-mode:normal;z-index:2}
.unified-showcase .team-mascots{width:100%;height:auto;aspect-ratio:1.5;margin:0;transform-origin:50% 100%}
.unified-showcase .team-mascots img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #26362d13)}
.unified-showcase .device-display{background:#fff;overflow:hidden;border-radius:0}
.unified-showcase .device-display .showcase-frame{transform:none!important;transition:none;filter:none;clip-path:none}
.unified-showcase .device-display .showcase-frame a{background:#fff;overflow:hidden;border:0;border-radius:0;cursor:zoom-in}
.unified-showcase .device-display .showcase-frame img{width:100%;height:100%;object-fit:contain;clip-path:inset(.18% round 2% / 3.2%);border:0;border-radius:0;background:#fff;transform:none!important}
.unified-showcase .device-display a:focus-visible{outline:2px solid #16723c;outline-offset:-3px}
.narrative-page .module-bridge{padding-top:45px;padding-bottom:46px}
.narrative-page .landscape-footer{background:#fff}
.landscape-footer .footer-top>div{background:#f5f6f5}
/* Fine interaction feedback; no decorative global movement. */
::selection{background:#dceee1;color:#153c25}
.multipage :focus-visible{outline:2px solid #16723c;outline-offset:4px}
.multipage .site-header{transition:box-shadow .22s,border-color .22s;background:#fffffff5}
.multipage .site-header.is-scrolled{border-bottom-color:#e6ebe7;box-shadow:0 8px 20px -18px #19312680}
.multipage .nav-dropdown-panel{transform-origin:50% 0}
.multipage .nav-dropdown[open] .nav-dropdown-panel{animation:nav-panel-enter .18s var(--surface-ease) both}
.multipage .nav-dropdown-panel a{transition:background-color .18s,color .18s}
.multipage .hero-buttons a,.multipage .header-actions .button{transition:background-color .18s,box-shadow .22s,transform .22s var(--surface-ease)}
.multipage .hero-buttons a:hover,.multipage .header-actions .button:hover{box-shadow:0 7px 15px -11px #1b342c70}
.multipage .hero-buttons a:active,.multipage .header-actions .button:active,.showcase-tab:active{transform:translateY(1px)}
.multipage .image-expand,.multipage .role-preview-button,.multipage .companion-capability{transition:background-color .2s,box-shadow .25s,border-color .2s}
.multipage .companion-capability:hover{box-shadow:0 12px 25px -22px #24463570}
.multipage .journey-chapter{scroll-margin-top:115px}
.workflow-arrival .chapter-heading,.workflow-arrival .companion-title{animation:workflow-confirm 1.3s ease-out}
@keyframes nav-panel-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes workflow-confirm{0%,30%{color:#16723c}100%{color:inherit}}
@media(min-width:901px){.unified-showcase.case-ready .showcase-panels{min-height:var(--case-panel-height,280px);display:grid;align-items:center}}
@media(max-width:1100px) and (min-width:801px){
 .unified-showcase .showcase-body{grid-template-columns:minmax(245px,.8fr) minmax(0,1.5fr);gap:16px;padding:18px 24px 22px 30px}
 .showcase-media{--device-inset:54px}
 .narrative-page .unified-showcase .showcase-panel h3{font-size:27px}
 .unified-showcase .showcase-description{font-size:13px}
 .unified-showcase .showcase-heading{padding:35px 30px 0}
}
@media(max-width:800px){
 .narrative-page .unified-showcase{width:calc(100% - 32px);border-radius:16px}
 .unified-showcase .showcase-heading{padding:29px 22px 0;min-height:0}
 .narrative-page .unified-showcase .showcase-heading h2{font-size:26px;line-height:1.45;text-wrap:balance}
 .unified-showcase .showcase-heading p{font-size:12px;line-height:1.85}
 .unified-showcase .showcase-tabs{margin-top:20px;max-width:440px;width:100%}
 .unified-showcase .showcase-tab{font-size:13px;min-height:44px}
 .unified-showcase .showcase-body{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:26px 22px 18px}
 .unified-showcase .showcase-copy{width:100%;padding:0;align-self:stretch}
 .unified-showcase .showcase-panels{min-height:0!important;display:block}
 .narrative-page .unified-showcase .showcase-panel h3{font-size:25px;line-height:1.5;margin-bottom:14px;max-width:none}
 .unified-showcase .showcase-description{font-size:13px;line-height:1.9;max-width:none}
 .unified-showcase .showcase-connections p{font-size:12px}
 .showcase-workflow{font-size:12px;margin-top:12px}
 .showcase-media{--device-inset:26px;align-self:center;width:calc(100% + 24px);margin:0 -12px}
 .unified-showcase .showcase-window{width:calc(100% - var(--device-inset));margin:0 0 0 var(--device-inset);filter:drop-shadow(0 10px 9px #28332d16)}
 .unified-showcase .showcase-cast{left:0;bottom:8%;width:18%;height:auto}
 .narrative-page .module-bridge{padding-top:30px;padding-bottom:34px}
 .multipage .site-header.is-scrolled{box-shadow:0 8px 16px -16px #19312680}
}
@media(max-width:350px){
 .unified-showcase .showcase-heading{padding-inline:18px}
 .narrative-page .unified-showcase .showcase-heading h2{font-size:23px}
 .unified-showcase .showcase-body{padding-inline:18px}
 .narrative-page .unified-showcase .showcase-panel h3{font-size:23px}
 .showcase-media{--device-inset:23px}
}
@media(prefers-reduced-motion:reduce){.multipage .nav-dropdown[open] .nav-dropdown-panel,.workflow-arrival .chapter-heading,.workflow-arrival .companion-title{animation:none!important}.showcase-workflow *,.multipage .site-header{transition:none!important}.unified-showcase .tab-indicator{transition:none!important}}
@media(scripting:none){.unified-showcase .showcase-tabs{display:none}.unified-showcase .showcase-body{display:block}.showcase-media .showcase-cast{display:none}.unified-showcase .showcase-window{width:100%;margin:0;aspect-ratio:auto}.unified-showcase .device-display{position:static;height:auto;width:100%}.unified-showcase .showcase-frame+.showcase-frame{margin-top:20px}}