.method-depth-stream{--stream-bg:#fff;--stream-ink:#17191c;--stream-muted:#626b77;position:relative;left:50%;width:var(--depth-viewport,100vw);transform:translateX(-50%);margin:-140px 0 0;overflow:hidden;border-radius:0;background:var(--stream-bg);pointer-events:none;font-family:Jakarta,Arial,sans-serif;isolation:isolate}
.depth-stream-stage{container-type:inline-size;position:relative;height:420px;overflow:hidden;perspective:1100px;perspective-origin:50% 65%}
.depth-card{position:absolute;left:50%;top:0;width:300px;height:184px;margin-left:-150px;padding:21px 23px;background:#fff;border:1px solid #e2e6eb;border-radius:12px;box-shadow:0 14px 34px rgba(23,29,38,.10),0 3px 8px rgba(23,29,38,.035);color:var(--stream-ink);transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;animation-duration:18s;animation-delay:var(--card-delay);animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused;--lane-start:0px;--lane-end:235px;--start-scale:1.42}
.depth-card-lower{--lane-start:350px;--lane-end:235px;--start-scale:1.55}
.depth-card-left{animation-name:depth-flow-left}
.depth-card-right{animation-name:depth-flow-right}
.method-depth-stream.is-playing .depth-card{animation-play-state:running}
.depth-card-type{display:flex;align-items:center;gap:8px;color:var(--stream-muted);font-size:13px;line-height:1.5;margin-bottom:17px}
.depth-card-type svg{flex:none}
.depth-card>strong{display:block;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.45px}
.depth-card>p{font-size:13px;line-height:1.7;color:var(--stream-muted);margin:8px 0 0;max-width:none}
.depth-card-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--stream-muted);line-height:1.5;margin-top:15px}
.depth-card-status>span{width:5px;height:5px;flex:none;border-radius:50%;background:#9aa2ac}
@keyframes depth-flow-left{
 0%{transform:translate3d(calc(-50cqw - 110px),var(--lane-start),0) rotateX(60deg) rotateZ(19deg) scale(var(--start-scale));opacity:0}
 9%{opacity:1;background:#fff}
 60%{opacity:.95;background:#f6f7f9}
 84%{opacity:.55;background:#edf0f3}
 100%{transform:translate3d(0,var(--lane-end),-75px) rotateX(60deg) rotateZ(19deg) scale(.055);opacity:0;background:#e5e9ee}
}
@keyframes depth-flow-right{
 0%{transform:translate3d(calc(50cqw + 110px),var(--lane-start),0) rotateX(60deg) rotateZ(-19deg) scale(var(--start-scale));opacity:0}
 9%{opacity:1;background:#fff}
 60%{opacity:.95;background:#f6f7f9}
 84%{opacity:.55;background:#edf0f3}
 100%{transform:translate3d(0,var(--lane-end),-75px) rotateX(60deg) rotateZ(-19deg) scale(.055);opacity:0;background:#e5e9ee}
}
@media(max-width:800px){.depth-stream-stage{height:360px;perspective:950px}.depth-card{width:260px;height:172px;margin-left:-130px;padding:18px 20px;--lane-start:-5px;--lane-end:190px;--start-scale:1.3}.depth-card-lower{--lane-start:300px;--lane-end:190px;--start-scale:1.4}.depth-card>strong{font-size:17px}.depth-card-type{margin-bottom:14px}.depth-card>p{font-size:12px}.depth-card-status{margin-top:12px}}
@media(max-width:500px){.method-depth-stream{border-radius:0;margin-top:-130px}.depth-stream-stage{height:305px;perspective:750px}.depth-card{width:220px;height:157px;margin-left:-110px;padding:16px 18px;--lane-start:0px;--lane-end:155px;--start-scale:1.13}.depth-card-lower{--lane-start:245px;--lane-end:155px;--start-scale:1.3}.depth-card-type{font-size:12px;margin-bottom:11px}.depth-card>strong{font-size:15px}.depth-card>p{font-size:11px;margin-top:7px}.depth-card-status{font-size:10px;margin-top:11px}}
@media(prefers-reduced-motion:reduce){.method-depth-stream .depth-card{animation-play-state:paused!important;will-change:auto}}

/* The stream begins behind the lower half of the hero action. */
.method2-hero{position:relative;z-index:2}