/* Angelpaw + Fetcher feature page */
.fx-hero h1{max-width:16ch;margin-left:auto;margin-right:auto}
.fx-stage{position:relative;max-width:1120px;margin:52px auto 0}
.fx-stage>img{display:block;width:100%;height:auto;border-radius:28px}
.fx-pill{position:absolute;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(0,81,122,.16);border-radius:18px;padding:16px 22px 16px 16px;box-shadow:0 22px 50px rgba(0,60,90,.2);font-size:17px;font-weight:700;color:#003f60;text-align:left;line-height:1.25;white-space:nowrap}
.fx-pill small{display:block;font-weight:500;color:#3d5466;font-size:14.5px;margin-top:4px}
.fx-pill i{flex:none;width:44px;height:44px;border-radius:12px;background:#009bdd;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;font-size:18px}
.fx-pill.p1{left:3%;bottom:5%}
.fx-pill.p2{left:50%;transform:translateX(-50%);bottom:-34px}
.fx-pill.p3{right:3%;bottom:5%}
/* value strip */
.fx-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;margin-top:8px}
.fx-vals>div{padding:28px 26px;border-right:1px solid #e3eef4}
.fx-vals>div:last-child{border-right:0}
.fx-vals b{display:block;font-size:22px;letter-spacing:-.01em;color:var(--ink-deep);line-height:1.15;margin-bottom:8px}
.fx-vals p{font-size:14.5px}
/* handoff diagram */
.fx-hand{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch;margin-top:48px}
.fx-hand .side{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:30px;border-top:4px solid #12a3e3}
.fx-hand .side img.lg{height:30px;width:auto;margin-bottom:14px}
.fx-hand .side h3{font-size:19px;color:var(--ink-deep);margin-bottom:12px}
.fx-hand .side ul{display:grid;gap:9px}
.fx-hand .side li{font-size:14.5px;padding-left:18px;position:relative}
.fx-hand .side li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#12a3e3}
.fx-hand .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:170px}
.fx-hand .mid .line{width:4px;flex:1;min-height:40px;border-radius:4px;background:linear-gradient(#bfe3f2,#12a3e3)}
.fx-hand .mid span{background:#009bdd;color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:99px;text-align:center;line-height:1.3;box-shadow:0 12px 30px rgba(0,124,179,.3)}
/* gallery and free band */
.fx-gal .bframe{box-shadow:0 22px 54px rgba(0,60,90,.14)}
.fx-gal .bframe img{aspect-ratio:16/11;object-fit:cover;object-position:left top}
.fx-free{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;background:linear-gradient(135deg,#0b3b57,#007cb3);color:#fff;border-radius:28px;padding:56px}
.fx-free h2{color:#fff}
.fx-free p{color:#e4f4fc;font-size:17px;margin-top:14px}
.fx-free .kicker{color:#9fdcf7}
.fx-free ul{display:grid;gap:12px}
.fx-free li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:14px 18px;font-weight:600;color:#fff;font-size:15px}
.fx-free li small{display:block;font-weight:400;color:#cfeaf8;font-size:13.5px;margin-top:3px}
.fx-free .btn{margin-top:26px}
.fx-trk{display:grid;grid-template-columns:1.5fr .5fr;gap:22px;align-items:center}
.fx-trk .phonef{max-width:200px;margin:0 auto;border-width:6px;border-radius:24px}
@media (max-width:1100px){.fx-vals{grid-template-columns:1fr 1fr}.fx-vals>div:nth-child(2){border-right:0}.fx-vals>div:nth-child(-n+2){border-bottom:1px solid #e3eef4}}
@media (max-width:980px){.fx-hand{grid-template-columns:1fr}.fx-hand .mid{flex-direction:row;min-width:0}.fx-hand .mid .line{height:4px;width:auto;min-height:0;flex:1;background:linear-gradient(90deg,#bfe3f2,#12a3e3)}.fx-free{grid-template-columns:1fr;padding:36px 26px}.fx-trk{grid-template-columns:1fr}.fx-trk .phonef{max-width:180px}}
@media (max-width:1100px){.fx-pill{font-size:15.5px;padding:12px 16px 12px 12px}.fx-pill small{font-size:13.5px}.fx-pill i{width:38px;height:38px;font-size:16px}}
@media (max-width:760px){.fx-pill,.fx-pill.p1,.fx-pill.p2,.fx-pill.p3{position:static;transform:none;margin-top:12px;left:auto;right:auto;bottom:auto;white-space:normal;font-size:16.5px;padding:14px 18px 14px 14px}.fx-pill small{font-size:14.5px}.fx-pill i{width:42px;height:42px;font-size:17px}.fx-stage>img{border-radius:18px}.fx-vals{grid-template-columns:1fr}.fx-vals>div{border-right:0;border-bottom:1px solid #e3eef4}.fx-vals>div:last-child{border-bottom:0}}