/* Shipping app captures within the selected two-phone hero layout. */
.hero-art.app-phones{display:flex;align-items:center;justify-content:center;gap:5%;padding:54px 30px 38px;background:radial-gradient(ellipse at 50% 45%,#e8eee2 0%,#f3eadc 48%,transparent 73%);overflow:visible}
.app-phone{width:42%;max-width:255px;margin:0;flex-shrink:0}
.phone-camera{transform:rotate(-7deg) translateY(-16px)}
.phone-viewer{transform:rotate(7deg) translateY(25px)}
.phone-screen{border:7px solid #26342e;border-radius:34px;overflow:hidden;background:#26342e;box-shadow:0 20px 32px #172b2526}
.phone-screen img{display:block;width:100%;height:auto}
.app-phone figcaption{text-align:center;margin-top:20px;font-size:14px;font-weight:700;color:var(--muted)}
.everyday{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line)}
.everyday .section-intro>p:not(.eyebrow){margin-top:22px;max-width:440px}
.app-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.app-gallery figure{margin:0;min-width:0}
.app-gallery img{display:block;width:100%;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 28px #172b250c}
.app-gallery figure:nth-child(2){margin-top:55px}
.app-gallery figcaption{font-size:14px;margin-top:12px;text-align:center;color:var(--muted)}
.plan-details{max-width:770px;margin:24px auto 0;font-size:16px;line-height:1.6}
@media(max-width:1050px){.hero-art.app-phones{padding-left:20px;padding-right:20px}.phone-screen{border-width:6px;border-radius:28px}.everyday{gap:35px}}
@media(max-width:760px){.hero-art.app-phones{aspect-ratio:auto;height:auto;min-height:400px;padding:45px 25px 50px;margin-top:25px}.app-phone{max-width:230px}.phone-screen{border-width:5px;border-radius:26px}.app-phone figcaption{font-size:12px;margin-top:14px}.everyday{grid-template-columns:1fr;gap:35px}.app-gallery{max-width:500px;margin:auto;gap:14px}.app-gallery img{border-radius:16px}.app-gallery figcaption{font-size:13px}.app-gallery figure:nth-child(2){margin-top:35px}}