/* Layout support for the longer institutional copy: what a plan includes and
   excludes, and the optional offer block. No existing rule is overridden. */
.fp-plan-scope{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:34px 0 8px}
.fp-plan-scope h3{font:700 13px/1.3 "Spline Sans Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;opacity:.72}
.fp-plan-scope ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fp-plan-scope li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55}
.fp-plan-scope li svg{flex:none;width:18px;height:18px;margin-top:2px;opacity:.75}
.fp-plan-scope > div:last-child li svg{opacity:.4}

/* Landing (dark surface) */
[data-fp-surface="landing"] .fp-plan-scope{color:rgba(255,255,255,.82);border-top:1px solid rgba(255,255,255,.12);padding-top:26px}

/* Editorial pricing page (light surface) */
.marketing-page .fp-plan-scope{color:var(--ink,#1b1a17)}
.marketing-page .fp-plan-scope > div{padding:20px 22px;border:1px solid rgba(27,26,23,.14);border-radius:16px;background:rgba(255,255,255,.5)}
.marketing-page .price-scope-title{font:600 clamp(22px,2.4vw,28px)/1.2 inherit;margin:56px 0 0}

/* Optional 24h offer block (rendered only with a real price pair) */
.fp-promo{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 22px;margin:26px 0}
.fp-promo-label{margin:0;font:700 11px/1.3 "Spline Sans Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.fp-promo-timer{margin:4px 0 0;font:600 26px/1 "Spline Sans Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.fp-promo-price{margin:0;font:600 18px/1.4 inherit;display:flex;gap:14px;align-items:baseline}
.fp-promo-price small{font:400 11px/1.3 "Spline Sans Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6;display:block}
.marketing-page .fp-promo{border-color:rgba(27,26,23,.16)}

/* The longer hero headline needs a wider measure than the original 11ch. */
.hero[data-variant="film"] h1{max-width:17ch;font-size:clamp(2.4rem,4.5vw,4.35rem);line-height:.99}
@media(min-width:981px){.hero[data-variant="film"] .fpx-hero-copy{max-width:660px}}
@media(max-width:980px){.hero[data-variant="film"] h1{max-width:100%}}