/* Global typography alignment for custom Nexanet pages.
   Important: keep low specificity via :where() so local component styles
   (e.g. hero titles) remain authoritative and consistent with main page. */

:root {
  --nexa-text: rgba(255, 255, 255, 0.82);
  --nexa-text-muted: rgba(255, 255, 255, 0.72);
  --nexa-head: #ffffff;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) {
  color: var(--nexa-text);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) p,
:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) li {
  color: var(--nexa-text-muted);
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
  line-height: 1.65;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) h1 {
  color: var(--nexa-head);
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 700;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) h2 {
  color: var(--nexa-head);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  font-weight: 700;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) h3 {
  color: var(--nexa-head);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.32;
  letter-spacing: -0.005em;
  font-weight: 700;
}

:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) a,
:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) button,
:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) input,
:where(
  .nexanet-transfer,
  .nexanet-renewal,
  .nexanet-whois,
  .nexanet-ssl,
  .nexanet-storage,
  .mail-page,
  .company-page,
  .nexa-contacts,
  .servers-landing,
  .cloud-servers-page,
  .dedicated-page,
  .nexanet-storage-landing
) textarea {
  font-size: 0.95rem;
  line-height: 1.35;
}