.card-approach{background:var(--cream);overflow:visible;padding:85px 4% 100px;isolation:isolate}
.stack-heading{text-align:center;margin:0 auto 60px;max-width:1250px}.stack-heading .eyebrow{color:var(--blue);letter-spacing:5px;margin-bottom:20px}.stack-heading h2{font-size:clamp(34px,4.3vw,66px);letter-spacing:-2px}.stack-heading h2 br{display:none}.stack-heading>p:last-child{margin:20px auto 0;font-size:18px;color:#445875}
.process-list.stack-list{padding:0;margin:0;list-style:none;position:relative;--lip:100px;--top:24px}
.stack-list::before,.stack-list::after,.stack-list>li::before{display:none}
.process-list.stack-list>li{display:block;position:sticky;top:calc(var(--top) + var(--i)*var(--lip));padding:0;margin:0 0 90px;border:0;min-height:0;z-index:calc(1 + var(--i))}
.stack-list>li:last-child{margin-bottom:0}
.approach-card{min-height:430px;border-radius:24px;padding:30px 40px 36px;box-shadow:0 16px 30px #00113a22;transform-origin:50% 0;transform:scale(var(--card-scale,1));background:#00113a;color:#e8f2fe;border:1px solid #7fafff35;overflow:hidden}
.card-0{background:linear-gradient(120deg,#08234d,#00113a)}.card-1{background:linear-gradient(115deg,#2b66ff,#3478ff);color:white}.card-2{background:linear-gradient(120deg,#e8f2fe,#e1effc);color:#00113a;border-color:#fff}.card-3{background:linear-gradient(120deg,#122d52,#00113a)}
.stack-card-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
.process-list.stack-list h3,.process-list.stack-list>li.is-active h3{font-size:clamp(30px,3.8vw,56px);color:inherit;letter-spacing:-1px;margin:0;line-height:1.15}
.stack-card-heading h3 span{color:#91b3e6;font-weight:500;margin-right:12px}.card-1 h3 span{color:#c1d8ff}.card-2 h3 span{color:var(--blue)}
.stack-motto{font:10px/1.6 var(--tech);letter-spacing:2px;text-transform:uppercase;max-width:160px}
.stack-card-body{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;margin-top:25px}
.process-list.stack-list .stack-copy>p{font-size:clamp(16px,1.6vw,23px);line-height:1.5;color:inherit;max-width:650px}
.stack-copy ul{padding:0;margin:35px 0 0;list-style:none;display:flex;gap:22px;flex-wrap:wrap}
.process-list.stack-list .stack-copy li{display:flex;gap:9px;align-items:center;min-height:0;border:0;padding:0;position:static;font:12px var(--tech);color:inherit}.stack-copy li::before{display:none}.stack-copy li span{font-size:25px;color:#92bbff}.card-2 .stack-copy li span{color:var(--blue)}
.stack-diagram{position:relative;height:240px;max-width:420px;width:100%;justify-self:center}.stack-diagram svg{position:absolute;width:100%;height:100%;fill:none;stroke:#79a8ff;stroke-width:1.5}
.diagram-node,.diagram-core{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid #aacbff44;background:#ffffff0e;box-shadow:0 8px 14px #00113a12;backdrop-filter:blur(4px)}
.diagram-node{width:25%;height:84px;font:11px var(--tech)}.diagram-node i{font-style:normal;font-size:28px;line-height:1.4;color:#a5caff}.diagram-core{left:38%;top:35%;width:24%;height:80px;font:30px var(--tech);background:#12233d;color:#a5caff;z-index:1}
.node-0{left:4%;top:5%}.node-1{right:4%;top:5%}.node-2{left:4%;bottom:5%}.node-3{right:4%;bottom:5%}.card-2 .diagram-node{background:#eef6ff;border-color:#cfe1f8}.card-2 .diagram-node i{color:var(--blue)}
@media(max-height:760px) and (min-width:701px){.stack-list.process-list{--lip:84px;--top:15px}.approach-card{min-height:350px;padding:22px 34px}.stack-card-body{margin-top:15px}.stack-diagram{height:210px}.stack-copy ul{margin-top:24px}}
@media(max-width:900px){.stack-card-body{gap:15px}.approach-card{padding:25px}.stack-motto{font-size:8px}.stack-copy ul{gap:12px}.process-list.stack-list .stack-copy li{font-size:10px}}
@media(max-width:700px){.card-approach{padding:60px 5%}.stack-heading{margin-bottom:36px}.stack-heading h2{font-size:35px;letter-spacing:-1px}.stack-heading>p:last-child{font-size:14px}.stack-list.process-list{--lip:60px;--top:10px}.approach-card{padding:16px 20px 22px;min-height:430px;border-radius:18px}.stack-card-heading{gap:5px}.process-list.stack-list h3,.process-list.stack-list>li.is-active h3{font-size:27px}.stack-card-heading h3 span{margin-right:3px}.stack-motto{display:none}.stack-card-body{display:flex;flex-direction:column;gap:12px;margin-top:22px}.process-list.stack-list .stack-copy>p{font-size:15px}.stack-copy ul{margin-top:17px;gap:12px}.stack-copy li span{font-size:17px}.stack-diagram{height:180px;max-width:320px}.diagram-node{height:65px;font-size:9px}.diagram-node i{font-size:23px}.diagram-core{height:60px;font-size:23px}.process-list.stack-list>li{margin-bottom:60px}}
@media(max-height:610px) and (max-width:700px){.process-list.stack-list>li{position:relative;top:0}.approach-card{transform:none}}
.motion-off .process-list.stack-list>li{position:relative;top:0}.motion-off .approach-card{transform:none}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .stack-list>li{position:relative;top:0}body:not(.motion-enabled) .approach-card{transform:none}}

@media(max-height:760px) and (min-width:701px){.process-list.stack-list h3,.process-list.stack-list>li.is-active h3{font-size:42px}}