/* as210097.com — site-only rules on top of kit/kit.css (exact web kit v1).
   Tokens only (var(--color-*)); no new hues, no other fonts.
   A new URL on purpose: style.css keeps the pre-redesign rules for HTML that
   browsers still hold in cache; delete it once that has expired. */

/* The kit hides the ghost pill at 1024–1279 px, where the hamburger is gone
   too. Here that pill is "Login", the only way to the client area, and the
   short Login/Order pair fits beside the five links, so it stays visible. */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .kit-nav__actions .kit-btn--ghost { display: inline-flex; }
}

/* The H1 is the giant numerals line; kit-numerals sets the size. */
.kit-hero__title.kit-numerals { margin-top: 28px; }

.about-lead strong,
.kit-split__copy .kit-body strong { font-weight: 600; color: var(--color-foreground); }
.about-features { margin-top: 28px; }
@media (min-width: 640px) {
  .about-features { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}

/* The network badge inside the console window */
.asn-badge {
  display: grid;
  gap: 10px;
  padding-block: 40px 36px;
}
@media (min-width: 640px) {
  .asn-badge { padding: 56px 40px 48px; }
}
.asn-badge__asn {
  font-family: var(--font-mono);
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.06em;
  color: var(--color-foreground);
  overflow-wrap: anywhere;
}
/* Under 334px the badge scales with the viewport (12vw = 40px at 334), so
   it stays inside the console window with text-spacing overrides. */
@media (max-width: 333.98px) {
  .asn-badge__asn { font-size: 12vw; }
}
.asn-badge__company {
  margin-top: 6px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--color-foreground);
}
.asn-badge__location {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-muted);
}
