:root {
  --green: #32eba8 !important;
  --blue: #36ccef !important;
  --bg: #080b0d !important;
  --card: #0d1215 !important;
  --border: #243336 !important;
  --text: #c6cfcc !important;
  --muted: #83908d !important;
}

body {
  color: #c6cfcc !important;
  background: #080b0d !important;
  background-image:
    linear-gradient(rgba(50,235,168,.022) 1px, transparent 1px),
    linear-gradient(90deg,rgba(50,235,168,.022) 1px,transparent 1px) !important;
  background-size: 56px 56px !important;
}

nav {
  min-height: 72px !important;
  padding: 0 max(20px, calc((100vw - 1180px)/2)) !important;
  border-bottom: 1px solid #243336 !important;
  background: rgba(8,11,13,.92) !important;
  box-shadow: none !important;
}
nav img { max-height: 50px !important; width: auto !important; }
.nav-logo, .logo { min-width: 180px; }
.nav-links a { font: 700 .68rem "Space Mono", monospace !important; letter-spacing: .08em; text-transform: uppercase; }
.nav-cta { border-radius: 0 !important; color: #03100b !important; background: #32eba8 !important; }
.nav-hamburger {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px !important;
  color: #32eba8 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.nav-hamburger span { background: #32eba8 !important; }

.page-header, main .hero { padding-top: 7rem !important; }
.page-title, main .hero h1, .section-title {
  color: #f4f7f5 !important;
  font-family: "Syne", sans-serif !important;
  letter-spacing: -.045em !important;
}
.section-label, .eyebrow { color: #32eba8 !important; }

.services-grid { gap: 1px !important; border: 1px solid #243336; background: #243336; }
.service-card, .price-card, .result-card, .legal-card {
  border: 0 !important;
  border-radius: 0 !important;
  color: #c6cfcc !important;
  background: #0d1215 !important;
  box-shadow: none !important;
}
.service-card:hover, .price-card:hover { border-color: transparent !important; background: #11181b !important; }
.service-icon { border-radius: 0 !important; border-color: #314448 !important; }
.service-price, .price, .available .status { color: #32eba8 !important; }
.service-name, .tld, .domain-name { color: #f4f7f5 !important; }
.service-list li::before { border-radius: 0 !important; box-shadow: none !important; }

.search-box {
  border: 1px solid #314448 !important;
  border-radius: 0 !important;
  background: #0d1215 !important;
  box-shadow: none !important;
}
.search-box input, input, textarea {
  border: 1px solid #314448 !important;
  border-radius: 0 !important;
  color: #f4f7f5 !important;
  background: #080b0d !important;
  box-shadow: none !important;
}
button, .button {
  border-radius: 0 !important;
  color: #03100b !important;
  background: #32eba8 !important;
}
.price-grid { gap: 1px !important; border: 1px solid #243336; background: #243336; }

#content { padding-top: 7rem !important; }
#content .wrap { max-width: 900px !important; }
.legal-card { padding: clamp(1.5rem, 5vw, 3rem) !important; border: 1px solid #243336 !important; }
.legal-card h2 { color: #f4f7f5 !important; }
.legal-card p, .legal-card li { color: #9aa7a3 !important; }

footer { border-top: 1px solid #243336 !important; background: #080b0d !important; }

@media (max-width: 768px) {
  nav { min-height: 58px !important; padding: 0 16px !important; }
  nav img { max-height: 42px !important; }
  nav:has(.nav-hamburger) .nav-cta { display: none !important; }
}