/* Additions to the approved Hero layout, scoped to the new plan pages. */
.hb-plan-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hb-plans .hb-hero .hb-checks{margin-bottom:5px}
.hb-plans .hb-domain-note{font-size:12px;line-height:1.6;margin-bottom:16px;color:var(--hb-muted)}
.hb-plans .hb-offer-domain{text-align:center;color:var(--hb-muted);font-size:13px;max-width:680px;margin:20px auto 0}
.hb-plans .hb-plan .hb-best-seller{margin-top:8px}
.hb-resource-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 0;text-align:center}
.hb-resource-stats>div{background:#f0ebff;border-radius:12px;padding:13px 6px}
.hb-resource-stats dt{font-size:11px;font-weight:500;color:var(--hb-muted)}
.hb-resource-stats dd{margin:2px 0 0;font-weight:750;font-size:18px;letter-spacing:-.3px;color:var(--hb-ink)}
.hb-plans #security,.hb-plans #domain-offer{scroll-margin-top:120px}
/* Fade the upper-left source copy without a hard cut into the illustration. */
.hb-landing.hb-plans .hb-art-hero{clip-path:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent),radial-gradient(ellipse 18% 28% at 0% 22%,transparent 70%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent),radial-gradient(ellipse 18% 28% at 0% 22%,transparent 70%,#000 100%);mask-composite:intersect}
@media(min-width:1001px){.hb-plans .hb-hero h1{font-size:clamp(56px,4.9vw,70px)}}
@media(max-width:700px){.hb-plans .hb-hero h1{font-size:clamp(40px,11.5vw,54px)}.hb-plans .hb-resource-stats dd{font-size:16px}.hb-plans .hb-feature-nav .hb-wrap{gap:22px}}
@media(max-width:359px){.hb-plans .hb-dock-plan b{font-size:11px}.hb-plans .hb-sticky-buy .hb-button{font-size:11px;padding-inline:8px}.hb-plans .hb-sticky-buy .hb-chat-link{padding-inline:8px;gap:4px}}

.hb-landing.hb-plans .hb-art-hero{aspect-ratio:1000/708}
.hb-landing.hb-plans .hb-art-hero img{width:167.20000%;left:-65.00000%;top:-18.07910%}

.hb-landing.hb-plans .hb-art-security{aspect-ratio:960/645}
.hb-landing.hb-plans .hb-art-security img{width:174.16667%;left:-71.87500%;top:-16.27907%}

.hb-landing.hb-plans .hb-art-domains{aspect-ratio:1030/700}
.hb-landing.hb-plans .hb-art-domains img{width:162.33010%;left:-62.13592%;top:-15.71429%}

.hb-landing.hb-plans .hb-art-panel{aspect-ratio:990/715}
.hb-landing.hb-plans .hb-art-panel img{width:168.88889%;left:-64.64646%;top:-15.38462%}

.hb-landing.hb-plans .hb-art-resources{aspect-ratio:740/390}
.hb-landing.hb-plans .hb-art-resources img{width:225.94595%;left:-8.78378%;top:-96.15385%}

.hb-landing.hb-plans .hb-art-ep{aspect-ratio:750/390}
.hb-landing.hb-plans .hb-art-ep img{width:222.93333%;left:-116.66667%;top:-93.58974%}

.hb-landing.hb-plans .hb-art-ssd{aspect-ratio:740/398}
.hb-landing.hb-plans .hb-art-ssd img{width:225.94595%;left:-8.78378%;top:-103.76884%}

.hb-landing.hb-plans .hb-art-database{aspect-ratio:740/398}
.hb-landing.hb-plans .hb-art-database img{width:225.94595%;left:-117.56757%;top:-103.76884%}

.hb-landing.hb-plans .hb-art-wordpress{aspect-ratio:750/450}
.hb-landing.hb-plans .hb-art-wordpress img{width:222.93333%;left:-6.66667%;top:-83.33333%}

.hb-landing.hb-plans .hb-art-ssl{aspect-ratio:750/440}
.hb-landing.hb-plans .hb-art-ssl img{width:222.93333%;left:-116.66667%;top:-86.36364%}

.hb-landing.hb-plans .hb-art-shop{aspect-ratio:740/395}
.hb-landing.hb-plans .hb-art-shop img{width:225.94595%;left:-8.78378%;top:-93.67089%}

.hb-landing.hb-plans .hb-art-mailboxes{aspect-ratio:740/405}
.hb-landing.hb-plans .hb-art-mailboxes img{width:225.94595%;left:-118.24324%;top:-91.35802%}

.hb-landing.hb-plans .hb-art-migration{aspect-ratio:750/395}
.hb-landing.hb-plans .hb-art-migration img{width:222.93333%;left:-7.33333%;top:-102.53165%}

.hb-landing.hb-plans .hb-art-backup{aspect-ratio:750/395}
.hb-landing.hb-plans .hb-art-backup img{width:222.93333%;left:-116.66667%;top:-102.53165%}