/* Full-size animated delivery cards. */
.hero-art.phase-art{min-height:590px;align-self:center;background:linear-gradient(135deg,#0c3776,#00266b);border:1px solid #ffffff15;overflow:hidden;padding:0 28px 24px;isolation:isolate}
.phase-art:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px}
.phase-art:after{content:"";position:absolute;width:480px;height:480px;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid #00d5d51a;border-radius:50%;box-shadow:0 0 0 45px #00d5d505;z-index:-1;pointer-events:none}
.phase-art .art-top{top:20px;left:28px;right:28px}
.phase-art .phase-stage{width:90%;margin:76px auto 30px;perspective:1000px}
.phase-art .phase-shadow{display:block;background:var(--accent);border:1px solid #80eeee;transform:translate(10px,-7px) rotate(3deg)}
.phase-art .phase-card{background:#f7fcff;color:var(--sia-blue);border:1px solid #c5d9e8;border-radius:0;padding:26px 28px;min-height:360px;box-shadow:0 18px 35px #00163b30}
.phase-art .phase-card-top{font-size:9px;letter-spacing:1px;color:var(--sia-blue);align-items:center}
.phase-art .phase-badge{display:block;font-size:7px;color:#007f7f;letter-spacing:.7px}
.phase-art .phase-visual{position:static;height:142px;width:auto;margin:14px 0 18px;display:flex;align-items:center;justify-content:center}
.phase-art .phase-illustration,.phase-art .phase-card[data-phase] .phase-illustration{height:132px;width:250px;max-width:100%;color:#008f94}
.phase-art .phase-card h3{font-size:45px;letter-spacing:-2px;margin-top:0}
.phase-art .phase-card p{font-size:13px;line-height:1.6;min-height:42px;margin:10px 0 16px;color:#53657a}
.phase-art .phase-outcome{border-color:#d8e7ed;padding-top:14px;font-size:11px;color:#007577}
.phase-art .phase-check{color:#008f94;font-size:17px}
.phase-art .phase-track{width:92%;margin:0 auto}
.phase-art .phase-track button{font-size:10px;gap:9px;width:58px}
.phase-art .phase-track button>span{height:34px;width:34px;font-size:10px}
.phase-art .phase-rail{top:16px;left:29px;right:29px}
.phase-art .art-bottom{width:92%;margin:30px auto 0;font-size:7px;letter-spacing:1px;justify-content:flex-start}
.phase-art .art-bottom>span:last-child{display:inline;font-size:20px}
.phase-art .white{width:6px;height:6px}
@media(max-width:1100px) and (min-width:761px){.hero-art.phase-art{padding-left:15px;padding-right:15px}.phase-art .phase-card{padding:22px}.phase-art .phase-badge{display:none}.phase-art .phase-stage{width:92%}.phase-art .art-bottom{font-size:6px;letter-spacing:.6px}}
@media(max-width:760px){.hero-art.phase-art{min-height:0;padding:0 14px 22px;margin-top:28px}.phase-art .art-top{left:20px;right:20px;top:17px}.phase-art .phase-stage{width:90%;margin:68px auto 27px}.phase-art .phase-card{padding:22px 20px;min-height:340px}.phase-art .phase-card-top{font-size:8px}.phase-art .phase-badge{font-size:6px;letter-spacing:0}.phase-art .phase-visual{height:124px;margin:14px 0}.phase-art .phase-illustration,.phase-art .phase-card[data-phase] .phase-illustration{height:116px;width:220px}.phase-art .phase-card h3{font-size:38px}.phase-art .phase-card p{font-size:12px;min-height:39px}.phase-art .phase-outcome{font-size:10px}.phase-art .phase-track{width:94%}.phase-art .art-bottom{width:94%;font-size:6px;letter-spacing:.6px;margin-top:25px}}