.account-link {
  min-height: 42px;
  margin-left: 4px;
  padding: 0 13px !important;
  border: 1px solid rgba(118, 208, 250, .45);
  border-radius: 8px;
  color: #eef8ff !important;
  white-space: nowrap;
}

.account-link::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 7px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, currentColor 0 2px, transparent 2.5px),
    radial-gradient(ellipse at 50% 105%, currentColor 0 5px, transparent 5.5px);
  opacity: .9;
}

.account-link:hover {
  border-color: #65dffc;
  background: rgba(39, 153, 234, .14);
}

.main-nav a:focus-visible,
.main-nav button:focus-visible,
.button:focus-visible,
.domain-search-control input:focus-visible,
.domain-search-control button:focus-visible {
  outline: 3px solid rgba(95, 221, 252, .7);
  outline-offset: 3px;
}

.cookie-notice {
  display: none !important;
}

.site-header,
.main-nav,
.dropdown {
  max-width: 100vw;
}

.main-nav {
  flex-shrink: 1;
  min-width: 0;
}

.main-nav > a:not(.nav-cta),
.nav-group > button {
  white-space: nowrap;
}

.dropdown {
  width: 292px;
}

.dropdown.compact {
  width: 292px;
}

.dropdown a {
  line-height: 1.25;
}

.infra-points article {
  align-items: flex-start;
}

.tld-main-price {
  font-variant-numeric: tabular-nums;
}

.tld-price-status {
  line-height: 1.55;
}

.content-body p,
.section-heading p,
.inner-hero p {
  text-wrap: pretty;
}

.content-heading h2,
.section-heading h2,
.final-cta h2,
.inner-hero h1 {
  text-wrap: balance;
}

@media (width <= 1180px) and (width > 1020px) {
  .shell {
    width: min(1120px, calc(100% - 42px));
  }

  .main-nav {
    gap: 0;
  }

  .main-nav > a:not(.nav-cta),
  .nav-group > button {
    padding-inline: 7px;
    font-size: .79rem;
  }

  .nav-cta {
    gap: 8px;
    margin-left: 5px;
    padding-inline: 12px;
    font-size: .79rem;
  }

  .account-link {
    padding-inline: 8px !important;
  }
}

@media (width <= 1020px) {
  .site-header {
    z-index: 100;
  }

  .main-nav {
    overscroll-behavior: contain;
  }

  .account-link {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 0 !important;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    color: var(--ink) !important;
  }

  .account-link:hover {
    background: transparent;
  }

  .dropdown a {
    min-height: 48px;
    padding-inline: 8px;
  }

  .inner-hero-grid,
  .content-grid,
  .section-heading.split,
  .tld-pricing-head,
  .faq-grid,
  .final-cta {
    min-width: 0;
  }
}

@media (width <= 760px) {
  .section {
    padding-block: 64px;
  }

  .inner-hero-grid {
    gap: 30px;
  }

  .inner-hero h1,
  .hero-copy h1 {
    overflow-wrap: anywhere;
  }

  .tld-card-grid,
  .service-grid,
  .pricing-grid,
  .knowledge-grid,
  .info-grid {
    grid-template-columns: 1fr;
  }

  .tld-card-grid article,
  .pricing-card,
  .knowledge-card {
    min-height: 0;
  }

  .domain-search-control {
    min-width: 0;
  }

  .domain-search-control input,
  .domain-search-control button {
    width: 100%;
  }

  .content-body,
  .section-heading > *,
  .final-cta > * {
    min-width: 0;
  }
}

@media (width <= 430px) {
  .shell {
    width: calc(100% - 28px);
  }

  .site-header .brand-type {
    font-size: .8rem;
  }

  .inner-hero h1,
  .hero-copy h1 {
    font-size: clamp(2.25rem, 13vw, 3.15rem);
    line-height: 1.01;
  }

  .button,
  .nav-cta {
    min-height: 48px;
  }

  .tld-card-grid article {
    padding: 22px 20px;
  }

  .footer-top {
    gap: 34px;
  }
}