/* Existing Illustrator workflow, paired with CardFlow. */
.hero-apps{display:flex;align-items:flex-start;width:max-content;max-width:100%;margin:0 0 30px;gap:24px}
.hero-app{margin:0;text-align:center;min-width:112px}
.hero-app img{display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 8px 12px #17263d14)}
.hero-app figcaption{display:grid;gap:3px;line-height:1.4}
.hero-app strong{font-size:15px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
.hero-app figcaption span{font-size:11px;color:var(--muted)}
.hero-app-bridge{display:flex;align-items:center;gap:8px;height:92px;color:#8594ae}
.hero-app-bridge::before,.hero-app-bridge::after{content:"";height:1px;width:16px;background:var(--line)}
.hero-app-bridge span{font-size:25px;font-weight:350;line-height:1}
@media(max-width:1000px){.hero-apps{gap:16px}.hero-app{min-width:102px}.hero-app img{width:80px;height:80px}.hero-app-bridge{height:80px}}
@media(max-width:720px){.product-hero{padding-top:30px}.hero-apps{gap:14px;margin-bottom:26px}.hero-app{min-width:99px}.hero-app img{width:72px;height:72px;margin-bottom:10px}.hero-app strong{font-size:14px}.hero-app figcaption span{font-size:10px}.hero-app-bridge{height:72px;gap:7px}.hero-app-bridge::before,.hero-app-bridge::after{width:12px}}
@media(max-width:360px){.hero-apps{gap:10px}.hero-app{min-width:94px}.hero-app-bridge::before,.hero-app-bridge::after{width:9px}}