/* V13: separated four-corner funnels, a faceted Agent hub, thinner lower shadows. */
.course-page .model-gallery{margin-bottom:62px}
.model-stage .model-branch-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(48px,5.2vw,96px);padding:0 18px}
.model-stage>#model-gallery{z-index:3}
.model-funnel{z-index:2}
.model-funnel .funnel-side{fill:var(--funnel-tone);fill-opacity:.13;stroke:none}
.model-funnel .funnel-edge{fill:none;stroke:var(--funnel-tone);stroke-width:1.05;vector-effect:non-scaling-stroke;stroke-linecap:round}
.model-funnel .funnel-back{opacity:.62;stroke-width:.9}

/* The hexagonal centre shares the silver/blue folded material of the seams. */
.installation-rooms .installation-core.core-nexus{width:138px;height:152px;background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;filter:drop-shadow(0 9px 12px #5275912a);transition:filter .55s}
.installation-core.core-nexus .nexus-plate{position:absolute;inset:0;width:100%;height:100%;margin:0;fill:none;stroke:none;overflow:visible}
.nexus-plate .nexus-shell{fill:url(#nexus-metal);stroke:#f3faff;stroke-width:1.2}
.nexus-plate .nexus-face{fill:url(#nexus-glass);stroke:#f4fbffcc;stroke-width:1}
.nexus-plate .nexus-etch{fill:none;stroke:#8faec68c;stroke-width:.7}
.nexus-plate .nexus-port{fill:none;stroke:#f4fbff;stroke-width:2.5;stroke-linecap:round}
.nexus-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;padding-bottom:3px}
.installation-core.core-nexus .nexus-symbol{width:38px;height:32px;fill:none;stroke:#6b8da9;stroke-width:1.1;margin:0 0 7px}
.nexus-content>span{font-size:24px;line-height:1.15;font-weight:560;letter-spacing:-.4px;color:#355b76}
.nexus-content>small{font-size:9px;letter-spacing:1.5px;color:#7f9aaf;margin-top:7px}
.installation-rooms[data-active-app] .installation-core.core-nexus{filter:drop-shadow(0 8px 14px #557d9b3b) drop-shadow(0 0 15px #f3faffc4)}

/* A selected room lifts as a whole, including its two adjoining seam edges. */
.installation-rooms .agent-zone{transform-origin:50% 53.08%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}
.installation-rooms .agent-zone::before{transition:opacity .6s}
.installation-rooms[data-active-app] .agent-zone{filter:saturate(.7) brightness(.96)}
.installation-rooms[data-active-app=codex] .zone-codex,.installation-rooms[data-active-app=dsh] .zone-dsh,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy{transform:scale(1.035) translateY(-3px);filter:saturate(1.1) brightness(1.055)}
.installation-rooms[data-active-app=codex] .zone-codex::after,.installation-rooms[data-active-app=dsh] .zone-dsh::after,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy::after{opacity:.83;background:radial-gradient(ellipse closest-side at 50% 45%,#f8fcffbf,#f4faff6b 55%,transparent 100%)}
.folded-junction .fold-seam{transition:opacity .6s}
.installation-rooms .folded-junction .fold-recess{opacity:.9}
.installation-rooms .folded-junction .fold-facet{opacity:.64}
.installation-rooms .folded-junction .fold-edge{stroke-width:.8;opacity:.8}
.installation-rooms .folded-junction .fold-signal{fill:none;stroke:var(--fold-light);stroke-width:1.7;opacity:0;filter:drop-shadow(0 0 4px #d9f0ff);transition:opacity .6s;vector-effect:non-scaling-stroke}
.installation-rooms[data-active-app] .fold-seam{opacity:.42}
.installation-rooms[data-active-app=codex] .fold-seam:is([data-seam=left],[data-seam=right]),.installation-rooms[data-active-app=dsh] .fold-seam:is([data-seam=left],[data-seam=lower]),.installation-rooms[data-active-app=workbuddy] .fold-seam:is([data-seam=right],[data-seam=lower]){opacity:1}
.installation-rooms[data-active-app=codex] .fold-seam:is([data-seam=left],[data-seam=right]) .fold-signal,.installation-rooms[data-active-app=dsh] .fold-seam:is([data-seam=left],[data-seam=lower]) .fold-signal,.installation-rooms[data-active-app=workbuddy] .fold-seam:is([data-seam=right],[data-seam=lower]) .fold-signal{opacity:.85}

/* Keep the reduced depth of V12, returning the backing and cast shadows below. */
.extension-experiences .extension-case>div.panel-volume,.course-page .auto-practice .case-visual>div.panel-volume{box-shadow:0 2px 3px #304f6e20,0 18px 29px -12px #496d8e38,0 34px 47px -25px #547b9b24}
.panel-volume::before{top:6px;bottom:-8px;left:-7px;right:6px;background:linear-gradient(100deg,#97b1c7,#c2d5e4 25%,#c8dae8 78%,#aac3d7);box-shadow:inset 1px 1px 3px #eef8ffb8,inset 0 -3px 5px #6c8aa538,0 4px 7px #577a9720}
.volume-right::before{left:6px;right:-7px;background:linear-gradient(100deg,#c8dae8,#c2d5e4 75%,#97b1c7)}
.panel-volume::after{box-shadow:inset 2px 2px 3px #fff,inset -2px -2px 4px #8aa9c029}
.extension-experiences .extension-case::after,.course-page .auto-practice .case-visual::after{left:6%;right:6%;bottom:7px;height:45px;filter:blur(15px);background:radial-gradient(ellipse at 23% 50%,#7094b01c,transparent 38%),radial-gradient(ellipse at 78% 50%,#7094b022,transparent 39%);transform:scaleY(.6)}
@media(min-width:1700px){.installation-rooms .installation-core.core-nexus{width:158px;height:174px}.nexus-content>span{font-size:27px}.nexus-content>small{font-size:10px}.installation-core.core-nexus .nexus-symbol{width:43px;height:36px}}
@media(max-width:1100px){.model-stage .model-branch-grid{column-gap:44px;padding:0 16px}}
@media(max-width:900px){.model-stage .model-branch-grid{grid-template-columns:1fr 1fr;gap:26px 36px;padding:0 15px}.model-stage .timeline-branch{grid-column:1/-1}.model-funnel .funnel-lobe[data-index="2"]{display:none}}
@media(max-width:800px){.installation-rooms .installation-core.core-nexus{display:none}.installation-rooms[data-active-app=codex] .zone-codex,.installation-rooms[data-active-app=dsh] .zone-dsh,.installation-rooms[data-active-app=workbuddy] .zone-workbuddy{transform:scale(1.012) translateY(-2px)}.panel-volume::before{top:4px;bottom:-5px;left:-4px;right:4px}.volume-right::before{left:4px;right:-4px}.extension-experiences .extension-case>div.panel-volume,.course-page .auto-practice .case-visual>div.panel-volume{box-shadow:0 15px 23px -13px #496d8e38}}
@media(max-width:680px){.course-page .model-gallery{margin-bottom:52px}.model-stage .model-branch-grid{grid-template-columns:1fr;padding:0 12px;gap:22px}.model-stage .timeline-branch{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.installation-rooms .agent-zone,.installation-rooms .agent-zone::before,.installation-rooms .agent-zone::after,.installation-core.core-nexus,.folded-junction .fold-seam,.folded-junction .fold-signal{transition:none!important}}