/* source_agent=codex / machine=mac-mini. People use AI on PCs; straight adjacent reference paths. */
.data-platform-scene{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:580px;justify-self:center;align-self:center;margin:0;color:#fff;--platform-line:#c2d4e9;overflow:visible}
.platform-workstations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9%;position:relative;z-index:2}
.platform-workstation{min-width:0;text-align:center}
.platform-workstation-art{position:relative;display:flex;align-items:flex-end;justify-content:center;height:32cqw;max-height:185px;min-height:90px}
.platform-person{display:block;width:43%;height:75%;object-fit:cover;object-position:50% 26%;border-radius:14px;align-self:flex-start;margin-top:4%;box-shadow:0 5px 15px #0002}
.platform-computer{position:relative;width:70%;margin-left:-13%;margin-bottom:0;isolation:isolate}
.platform-pc{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px #0002)}
.platform-screen-agent{position:absolute;left:23%;top:16%;width:53%;height:43%;object-fit:contain;z-index:2;transform-origin:50% 80%}
.platform-workstation>p{font-size:clamp(8px,2.5cqw,12px);color:inherit;line-height:1.5;margin:8px 0 0!important;white-space:nowrap;letter-spacing:0}
.platform-straight-arrow{position:relative;display:block;width:2px;height:50px;background:var(--platform-line);margin:14px auto 0;opacity:.9}
.platform-straight-arrow:after{content:"";position:absolute;bottom:0;left:50%;width:8px;height:8px;border-right:2px solid var(--platform-line);border-bottom:2px solid var(--platform-line);transform:translateX(-50%) rotate(45deg)}
.platform-straight-arrow>i{position:absolute;top:0;left:-1px;width:4px;height:14px;background:linear-gradient(transparent,#fff,transparent);box-shadow:0 0 9px #e1f0ff;border-radius:4px;opacity:0}
.platform-foundation{position:relative;margin-top:10px;text-align:center;display:grid;grid-template-columns:37% 1fr;align-items:center;gap:4%;border-top:1px solid #ffffff28;padding:8px 10px 4px;background:linear-gradient(110deg,#d9e4f308,#d9e4f30e);border-radius:12px}
.platform-sculpture{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1.5;object-fit:contain;margin:0!important;filter:drop-shadow(0 10px 14px #0003)}
.platform-foundation-label{text-align:left;min-width:0}
.platform-foundation-label strong{display:block;font-size:clamp(12px,3.5cqw,19px);font-weight:700;letter-spacing:0;line-height:1.55;word-break:auto-phrase}
.platform-foundation-label span{display:block;font-size:clamp(9px,2.5cqw,12px);margin-top:5px;color:inherit;line-height:1.7;opacity:.85}
.data-platform-scene figcaption{text-align:center;font-size:clamp(9px,2.5cqw,12px);color:inherit;line-height:1.8;margin-top:16px;opacity:.85}
[data-diagram-state=running] .platform-screen-agent{animation:platform-screen-work 3.2s ease-in-out infinite}
[data-diagram-state=running] .platform-workstation:nth-child(2) .platform-screen-agent{animation-delay:-1.6s}
[data-diagram-state=running] .platform-straight-arrow>i{animation:platform-straight-flow 2.8s linear infinite}
[data-diagram-state=running] .platform-workstation:nth-child(2) .platform-straight-arrow>i{animation-delay:-1.4s}
@keyframes platform-straight-flow{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(36px);opacity:0}}
@keyframes platform-screen-work{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
.case-card>.data-platform-scene{max-width:none;aspect-ratio:auto!important;min-height:0!important;padding:24px;background:linear-gradient(130deg,#103363,#23518b);box-sizing:border-box}
.case-card>.data-platform-scene .platform-workstation-art{height:26cqw;max-height:165px;min-height:80px}
.case-card>.data-platform-scene .platform-straight-arrow{height:38px;margin-top:9px}
.case-card>.data-platform-scene .platform-straight-arrow>i{height:9px}
.case-card>.data-platform-scene .platform-foundation{margin-top:8px;padding-block:1px}
.case-card>.data-platform-scene figcaption{margin-top:10px}
@media(min-width:1200px){.data-hero .hero-grid{grid-template-columns:1fr 1.1fr;gap:50px}.data-hero{padding-block:60px}.data-hero h1{font-size:40px}}
@media(max-width:620px){.data-platform-scene{max-width:430px}.platform-workstations{gap:6%}.platform-straight-arrow{height:42px;margin-top:10px}.platform-foundation{padding-inline:5px;grid-template-columns:34% 1fr}.data-hero h1{font-size:clamp(25px,6.25vw,37px)}.case-card>.data-platform-scene{padding:20px}.case-card>.data-platform-scene .platform-workstation-art{height:29cqw}}
@media(prefers-reduced-motion:reduce){.platform-screen-agent,.platform-straight-arrow>i{animation:none!important}.platform-straight-arrow>i{display:none}}

/* source_agent=codex / machine=mac-mini. Labels remain readable when text grows. */
.platform-workstation>p{white-space:normal;overflow-wrap:anywhere}