.fop{padding:48px max(16px,env(safe-area-inset-left,0px)) 40px max(16px,env(safe-area-inset-right,0px));border-top:1px solid rgba(127,127,127,.25)}
.fop-in{max-width:1080px;margin:0 auto;display:grid;gap:24px}
.fop-eyebrow{font:600 12px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.fop h2{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0;text-wrap:balance}
.fop-lede{font-size:18px;max-width:72ch;margin:0;opacity:.9}
.fop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.fop-part,.fop-offer{border:1px solid rgba(127,127,127,.3);border-radius:10px;padding:16px;min-width:0}
.fop-part h3{margin:0 0 6px;font-size:17px} .fop-part h3 span{font-weight:400;opacity:.7}
.fop-part p,.fop-offer p{margin:0;font-size:14.5px;line-height:1.5}
.fop-offer{display:grid;gap:6px} .fop-offer h4{margin:0;font-size:16px}
.fop-offer-top{display:flex;justify-content:space-between;align-items:center}
.fop-n{font:600 13px ui-monospace,monospace;opacity:.6}
.fop-st{font:600 11px/1 ui-monospace,monospace;padding:4px 7px;border-radius:999px;border:1px solid currentColor}
.fop-st-available,.fop-st-api,.fop-st-spec{color:#1d9e55} .fop-st-after{color:#c98a1b} .fop-st-coming{color:#7a7f87}
.fop-price{font-weight:600}
.fop-ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.fop-m{display:grid;gap:2px;border-left:3px solid rgba(29,158,85,.7);padding:6px 12px;text-decoration:none;color:inherit}
.fop-m b{font-size:18px} .fop-m span{font-size:13.5px;opacity:.85}
.fop-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fop-cta a{font-weight:600}
.fop-h3{margin:8px 0 0}