/* Two-line headline; preserve the existing typeface and centred logo. */
.hero-title-row{--title-square:min(580px,calc((100vw - 92px)/1.30));gap:32px}
.hero-title-row>h1{width:var(--title-square);height:auto;flex:0 1 var(--title-square);max-width:100%;aspect-ratio:auto;display:block;text-align:center;line-height:1.08!important;font-size:calc(var(--title-square)*.18)!important;letter-spacing:-.045em}
.hero-title-row>h1>span{white-space:nowrap;display:block}.hero-title-row>h1>strong{display:block;white-space:nowrap;font-size:.53em;line-height:1.2;letter-spacing:.015em}
/* Translucent surfaces, fully opaque text and controls. */
.feature-card,.tier-card,.fibre-card,.contact-form,.info-card{background-color:color-mix(in srgb,var(--card,#fff) 78%,transparent)!important;background-image:none}
.tier-card.featured,.blue-card{background-color:color-mix(in srgb,var(--surface,#efeffc) 78%,transparent)!important}
.package-list>li,.contact-cards>a,.contact-cards>div{background-color:color-mix(in srgb,var(--panel,#f0f0fa) 76%,transparent)}
.stats-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--primary-soft) 65%,transparent),color-mix(in srgb,var(--secondary-glow) 65%,transparent))}
@media(max-width:700px){.hero-title-row{--title-square:min(400px,calc((100vw - 48px)/1.30));gap:16px}}

/* Keep the logo directly beside the actual text rather than a wide text box. */
.hero-title-row{gap:20px}.hero-title-row>h1{width:max-content;flex:0 1 auto}
@media(max-width:700px){.hero-title-row{gap:12px}}

.hero-title-row>.page-logo,.hero-title-row>.intro-stage{transform:translateY(var(--logo-optical-offset,0px))!important}

/* All wireless tiers share Silver’s surface, border and shadow. */
#packages .tier-card{background-color:color-mix(in srgb,var(--card,#fff) 78%,transparent)!important;background-image:none;border-color:var(--border-soft);box-shadow:none}