/* Shared development-offer composition: one four-year offer, one layout system. */
body[data-hcc-offer=true] { --hcc-page-width:var(--hcc-container-standard); }
body[data-hcc-offer=true] .page-hero { padding:48px var(--hcc-gutter) 32px; background:var(--hcc-bg-subtle); border-bottom:1px solid var(--hcc-border); text-align:left; }
body[data-hcc-offer=true] .page-hero> :not(.custom-container) { max-width:980px; margin-inline:auto; }
body[data-hcc-offer=true] .page-hero h1 { color:var(--hcc-text-primary); font-size:clamp(30px,4vw,46px); line-height:1.15; letter-spacing:-.035em; margin-block:16px; }
body[data-hcc-offer=true] .page-hero p { max-width:760px; color:var(--hcc-text-muted); font-size:16px; margin-block:12px; }
body[data-hcc-offer=true] main { padding-block:32px 48px; }
body[data-hcc-offer=true] .content-box { padding:32px 0; border:0; background:white; box-shadow:none; }
body[data-hcc-offer=true] .content-box>h2 { padding-top:28px; margin-top:32px; border-top:1px solid var(--hcc-border); }
body[data-hcc-offer=true] main h2 { font-size:clamp(24px,2.7vw,32px); line-height:1.3; letter-spacing:-.025em; margin:24px 0 16px; }
body[data-hcc-offer=true] main h3 { font-size:21px; margin:24px 0 12px; }
body[data-hcc-offer=true] main h4 { font-size:17px; line-height:1.45; margin:12px 0 8px; }
body[data-hcc-offer=true] main p { font-size:15px; line-height:1.8; color:var(--hcc-text-secondary); margin-bottom:16px; }
body[data-hcc-offer=true] article ul,body[data-hcc-offer=true] article ol { padding-left:22px; margin-block:16px 24px; }
body[data-hcc-offer=true] article li { font-size:14px; color:var(--hcc-text-secondary); line-height:1.8; margin-bottom:8px; }
body[data-hcc-offer=true] article a:not([class]),body[data-hcc-offer=true] article p a { color:var(--hcc-accent); text-underline-offset:4px; }
body[data-hcc-offer=true] main :is([class*="-grid"],[class$="-pills"],[class$="-cards"],.tiers-mini-row,.tiers-summary-grid) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:20px; margin-block:24px; }
body[data-hcc-offer=true] main :is(.tier-card,.tier-item-box,.limit-card,.tier-box,.tier-summary-pill,.tier-mini-pill,.duration-pill,.package-tier-card,.tier-action-card,.scope-card,.info-card,.feature-card,.process-step,.step-card,.page-structure-item) { border:1px solid var(--hcc-border); border-radius:8px; padding:24px; background:var(--hcc-bg-subtle); }
body[data-hcc-offer=true] main :is(.tier-icon,.step-icon,.scope-icon,.card-icon,.icon-box,.step-num,.step-number,.page-num-title) { color:var(--hcc-accent); font-weight:750; margin-bottom:12px; }
body[data-hcc-offer=true] main :is(.cta-card,.faq-cta-card,.alert-box,.notice-box,.warning-box,.info-box,.security-alert-box,.exclusions-card) { padding:24px; margin-block:24px; border:1px solid var(--hcc-border); border-left:3px solid var(--hcc-accent); border-radius:8px; background:var(--hcc-bg-subtle); }
body[data-hcc-offer=true] main :is(.cta-card,.faq-cta-card) h2 { margin-top:0; }
body[data-hcc-offer=true] main :is(.cta-buttons,.nav-links-row,.hero-buttons,.action-buttons,.btn-group) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-block:24px; }
body[data-hcc-offer=true] main :is(.nav-links-row a,.action-btn,.btn-brand-primary,.btn-brand-secondary,.btn-primary,.btn-secondary,.cta-btn,.btn-main) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; border:1px solid var(--hcc-border-strong); border-radius:6px; padding:10px 16px; background:white; color:var(--hcc-text-primary); font-size:13px; font-weight:650; text-decoration:none; }
body[data-hcc-offer=true] main :is(.btn-brand-primary,.action-btn-primary,.btn-primary,.btn-main) { background:var(--hcc-accent); color:white; border-color:var(--hcc-accent); }
body[data-hcc-offer=true] main :is(.nav-links-row a,.action-btn,.btn-brand-primary,.btn-brand-secondary):hover { text-decoration:underline; text-underline-offset:4px; }
body[data-hcc-offer=true] .glass-badge { display:inline-flex; gap:8px; padding:6px 12px; background:var(--hcc-accent-subtle); color:var(--hcc-accent); border:1px solid var(--hcc-accent-border); border-radius:6px; font-size:12px; font-weight:700; }
body[data-hcc-offer=true] .content-box>div:empty { display:none; }
.hcc-offer-notice { border:1px solid var(--hcc-accent-border); border-radius:8px; padding:24px; background:var(--hcc-accent-subtle); }
.hcc-offer-notice strong { display:block; font-size:20px; line-height:1.4; color:var(--hcc-text-primary); }
.hcc-offer-notice p { margin:12px 0; font-size:14px; }
.hcc-offer-notice a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; color:var(--hcc-accent); font-size:13px; font-weight:700; text-underline-offset:4px; }
.hcc-offer-faq { border:1px solid var(--hcc-border); border-radius:8px; margin-block:12px; }
.hcc-offer-faq summary { padding:20px; cursor:pointer; font-size:15px; font-weight:650; }
.hcc-offer-faq>div { padding:0 20px 12px; }
body[data-hcc-offer=true] .package-top-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; }
body[data-hcc-offer=true] .package-tier-card { margin-block:24px; }
body[data-hcc-offer=true] .package-price { font-size:32px; font-weight:800; color:var(--hcc-accent); }
body[data-hcc-offer=true] main :is(.tier-badge,.pkg-hosting-req,.fee-pill,.badge-pill,.cta-fee-tag) { display:inline-block; font-size:12px; font-weight:650; color:var(--hcc-accent); padding:6px 10px; background:var(--hcc-accent-subtle); border-radius:4px; }
@media(max-width:767px) { body[data-hcc-offer=true] .page-hero { padding-block:32px 24px; } body[data-hcc-offer=true] .page-hero p { font-size:14px; } body[data-hcc-offer=true] .content-box { padding-block:16px; } body[data-hcc-offer=true] main :is([class*="-grid"],[class$="-pills"],[class$="-cards"],.tiers-mini-row) { grid-template-columns:1fr; gap:16px; } .hcc-offer-notice { padding:20px; } }