/* Four product stories: actual interfaces, enlarged workflow details, one visual family. */
.home .solution-story{text-align:left;min-width:0}
.home .solution-story .solution-scene{position:relative;aspect-ratio:1.17;background:var(--scene-bg);color:var(--scene-ink);border:1px solid var(--scene-border);overflow:hidden;isolation:isolate;border-radius:20px;container-type:inline-size}
.scene-teams{--scene-bg:#0016ec;--scene-ink:#fff;--scene-border:#0016ec;--scene-accent:#0016ec;--scene-soft:#e8ecff;--scene-turn:-4deg}
.scene-practice{--scene-bg:#e2e5ef;--scene-ink:#151720;--scene-border:#d1d5e1;--scene-accent:#cf3527;--scene-soft:#fff0e9;--scene-turn:3deg}
.scene-quality{--scene-bg:#15171e;--scene-ink:#f5f6ff;--scene-border:#15171e;--scene-accent:#0016ec;--scene-soft:#e8ecff;--scene-turn:-3deg}
.scene-growth{--scene-bg:#f14331;--scene-ink:#fff;--scene-border:#f14331;--scene-accent:#cf3527;--scene-soft:#fff0e9;--scene-turn:3deg}
.solution-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff13,transparent 58%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff09 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff09 40px);pointer-events:none}
.scene-topline{position:absolute;inset:6% 6% auto;display:flex;justify-content:space-between;gap:10px;font-size:1.7cqw;letter-spacing:.09em;opacity:.7}
.scene-headline{position:absolute;top:11%;left:6%;font-size:5.4cqw;line-height:1.1;font-weight:550;letter-spacing:-.045em;margin:0;z-index:2}
.scene-window{position:absolute;top:31%;left:6%;width:83%;background:#fff;border:1px solid #ffffffb0;border-radius:11px;overflow:hidden;box-shadow:0 18px 38px #0003;transform:perspective(1000px) rotateY(-8deg) rotateZ(var(--scene-turn));transform-origin:center;transition:transform .85s cubic-bezier(.22,1,.24,1)}
.scene-window-bar{height:30px;padding:0 12px;display:flex;align-items:center;gap:8px;background:#fff;color:#222631;border-bottom:1px solid #e8e9ee;font-size:9px}
.scene-window-bar>span{display:flex;align-items:center;gap:6px;font-weight:600}.scene-window-bar svg{width:13px;height:13px;color:var(--scene-accent)}.scene-window-bar i{font-size:7px;font-style:normal;color:#797d88;margin-left:auto}.scene-window-bar b{font-weight:400}
.scene-window img{display:block;width:100%;height:auto;object-fit:contain}
.scene-detail{position:absolute;top:55%;right:5%;width:57%;padding:4%;background:#fff;border:1px solid #e0e3ed;border-radius:12px;box-shadow:0 18px 40px #0d12252e;color:#171923;z-index:3;transform:translate3d(0,0,0) rotate(2deg);transition:transform .85s cubic-bezier(.22,1,.24,1)}
.scene-detail-label{display:block;font-size:1.5cqw;letter-spacing:.075em;color:var(--scene-accent);margin-bottom:8px;font-weight:600}.scene-detail strong{display:block;font-size:3.1cqw;font-weight:550;line-height:1.2;letter-spacing:-.03em}
.scene-team{display:flex;align-items:center;margin-top:12px}.scene-team>i{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#dce2ff;color:#1833c9;font-style:normal;font-size:9px;margin-left:-6px}.scene-team>i:first-child{margin-left:0}.scene-team>i:nth-child(2){background:#191b24;color:#fff}.scene-team>i:nth-child(3){background:#ffe1d9;color:#c43a25}.scene-team>span{font-size:1.7cqw;line-height:1.5;color:#777c89;margin-left:8px}.scene-team b{font-weight:500;color:#222}
.scene-track{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #cbd3fc;margin-top:12px;padding-top:9px;font-size:1.7cqw;color:#626b85}.scene-track span{position:relative}.scene-track span:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#0016ec;top:-12px;left:0}
.scene-handover{margin-top:12px}.scene-handover>div{display:flex;gap:8px;align-items:center;margin-top:9px}.scene-handover i{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:8px;background:var(--scene-soft);color:var(--scene-accent);font-style:normal;font-size:16px}.scene-handover span{font-size:2.3cqw}.scene-handover small{display:block;font-size:1.55cqw;color:#707787;margin-top:2px}
.scene-review{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:18px;font-size:1.7cqw;white-space:nowrap}.scene-review>span{background:#f1f3fa;padding:7px 6px;border-radius:5px}.scene-review>b{font-weight:400;color:#8b90a3}.scene-review .scene-approved{background:#0016ec;color:#fff}.scene-evidence{display:flex;gap:14px;border-top:1px solid #e5e8f1;margin-top:13px;padding-top:9px;font-size:1.6cqw;color:#6d7487}.scene-evidence span:before{content:'✓';margin-right:3px;color:#0016ec}
.scene-journey{display:flex;justify-content:space-between;gap:5px;margin-top:17px;position:relative}.scene-journey:before{content:'';position:absolute;top:10px;left:10px;right:10px;height:1px;background:#f2c0b8;z-index:-1}.scene-journey>div{width:32%}.scene-journey i{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#fff0ea;color:#c73326;font-style:normal;font-size:8px;border:3px solid #fff}.scene-journey span{display:block;font-size:2.1cqw;margin-top:5px}.scene-journey small{display:block;font-size:1.5cqw;line-height:1.3;color:#747986;margin-top:4px}
.scene-module-line{position:absolute;bottom:5%;left:6%;right:5%;display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;font-size:1.9cqw;line-height:1.3;z-index:4}.scene-module-line span{display:flex;align-items:center;gap:4px}.scene-module-line svg{width:13px;height:13px;opacity:.8}.scene-practice .scene-module-line{font-size:1.75cqw;gap:6px 10px}
.home .solution-story .work-meta{padding-top:21px;align-items:flex-start}.home .solution-story .work-meta h3{font-size:clamp(22px,2.4vw,36px);margin-bottom:10px}.home .solution-story .work-meta p{font-size:14px;line-height:1.55;color:#666b7c;margin:0;max-width:390px}.home .solution-story .card-arrow{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.solution-story:hover .scene-window{transform:perspective(1000px) rotateY(0) rotateZ(0) translateY(-5px)}.solution-story:hover .scene-detail{transform:translate3d(-3px,-7px,0) rotate(0)}}
@media(max-width:600px){.home .solution-story .solution-scene{aspect-ratio:1.12;border-radius:16px}.scene-topline{font-size:2cqw}.scene-headline{font-size:6cqw}.scene-window-bar{height:24px;padding:0 8px;font-size:8px}.scene-window-bar i{font-size:6px}.scene-detail{top:54%;width:64%;padding:4%;right:4%}.scene-detail-label{font-size:1.8cqw;margin-bottom:7px}.scene-detail strong{font-size:3.6cqw}.scene-handover span{font-size:2.7cqw}.scene-handover small{font-size:1.85cqw}.scene-team>span{font-size:2cqw}.scene-track{font-size:2cqw;margin-top:9px;padding-top:7px}.scene-track span:before{top:-10px}.scene-review{font-size:1.9cqw;margin-top:12px}.scene-evidence{font-size:1.9cqw}.scene-journey{margin-top:12px}.scene-journey span{font-size:2.5cqw}.scene-journey small{font-size:1.75cqw}.scene-module-line{font-size:2.2cqw;bottom:4%;gap:6px 10px}.scene-practice .scene-module-line{font-size:2cqw}.home .solution-story .work-meta h3{font-size:25px}.home .solution-story .work-meta p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scene-window,.scene-detail{transition:none!important}}
.paused .scene-window,.paused .scene-detail{transition:none!important}
@media(max-width:600px){.home .solution-story .solution-scene{aspect-ratio:1.02}.scene-module-line{bottom:4%}}