/* /offer/pricing/ (marker .offer-page): options row first, then the discovery path 01 to 05 */
.offer-page{display:none}
.layout-landing{counter-reset:offsec}
.offer-jump{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0}
.offer-jump li{margin:0;max-width:none}
.offer-jump a{display:block;padding:7px 14px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:400 var(--fs-sm)/1.3 var(--font-body);text-decoration:none}
.offer-jump a:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--bg))}
.layout-landing:has(.offer-page) .section-hero .section-inner{text-align:left}
.layout-landing:has(.offer-page) .section-hero h1,.layout-landing:has(.offer-page) .section-hero p{text-align:left;margin-left:0;margin-right:0;max-width:64ch}
.layout-landing:has(.offer-page) p:has(img[src*="offer-"]){margin:32px 0 0;padding:0;border:0;box-shadow:none;background:none}
.layout-landing:has(.offer-page) p:has(img[src*="offer-"])::before,.layout-landing:has(.offer-page) p:has(img[src*="offer-"])::after{display:none}
.layout-landing:has(.offer-page) p:has(img[src*="offer-"]) img{display:block;width:100%;height:auto;border:1px solid var(--border)}
/* options row */
.offer-opts{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0}
.offer-opts li{display:flex;flex-direction:column;margin:0;max-width:none;padding:12px 12px 20px;background:var(--bg);border:1px solid var(--border);border-top:4px solid var(--primary);text-align:left}
.offer-opts li:first-child{border-top-color:var(--cta)}
.offer-opts img{display:block;width:100%;height:auto;margin:0 0 14px;border:1px solid var(--border)}
.offer-opts h3{margin:0;font-size:var(--fs-body);line-height:1.25;color:var(--text)}
.offer-opts p{margin:0 0 14px;font-size:var(--fs-sm);color:var(--text-muted);text-align:left}
.offer-opts p.offer-price{margin:6px 0 10px;font:600 var(--fs-sm)/1.3 var(--font-accent);letter-spacing:.02em;color:var(--primary)}
.offer-opts a{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 14px;border:1px solid var(--primary);color:var(--primary);font-weight:600;text-decoration:none}
.offer-opts li:first-child a{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}
.offer-opts a:hover{background:color-mix(in srgb,var(--primary) 9%,var(--bg))}
.offer-opts li:first-child a:hover{background:var(--cta-hover)}
.layout-landing:has(.offer-opts) .section-inner > p{max-width:none;margin-top:20px;text-align:left}
/* discovery path: counter left (sticky), content right */
.layout-landing:has(.offer-page) .section:not(.section-hero):not(:has(.offer-opts)):not(:last-child) h2::before{counter-increment:offsec;content:counter(offsec,decimal-leading-zero);display:block;margin-bottom:10px;color:var(--primary);font-family:var(--font-accent);font-size:var(--fs-sm);letter-spacing:.08em}
.layout-landing:has(.offer-page) .section-inner > ul:not(.offer-jump):not(.offer-opts){margin:12px 0 16px}
.layout-landing:has(.offer-page) .section-inner h2{scroll-margin-top:88px}
@media (min-width:901px){
.layout-landing:has(.offer-page) .section:not(.section-hero):not(:has(.offer-opts)):not(:last-child) .section-inner{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);column-gap:56px;align-items:start;text-align:left}
.layout-landing:has(.offer-page) .section:not(.section-hero):not(:has(.offer-opts)):not(:last-child) h2{grid-column:1;grid-row:1/span 20;position:sticky;top:88px;margin:0;padding:0;border:0;text-align:left;font-size:var(--fs-h2);line-height:1.2}
.layout-landing:has(.offer-page) .section:not(.section-hero):not(:has(.offer-opts)):not(:last-child) .section-inner > *:not(h2){grid-column:2;max-width:none;text-align:left}
.layout-landing:has(.offer-page) .section:not(.section-hero):not(:has(.offer-opts)):not(:last-child) .section-inner > p:has(img){margin:0 0 20px}
}
@media (max-width:900px){
.offer-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.offer-opts{grid-template-columns:minmax(0,1fr)}
}