.domains-page .domains-intro { max-width: 768px; margin-bottom: 96px; }
.domains-page .domains-intro > p:not(.pricing-kicker) { margin: 24px 0 0; color: var(--muted); font-size: 14px; font-weight: 300; line-height: 1.65; }
.domains-page .domain-search { display: flex; gap: 12px; max-width: 672px; margin: 32px auto 0; }
.domains-page .domain-search-field { position: relative; flex: 1; min-width: 0; }
.domains-page .domain-search-field > svg { position: absolute; top: 50%; left: 16px; width: 20px; height: 20px; transform: translateY(-50%); color: #8e929a; pointer-events: none; }
.domains-page .domain-search input { display: block; width: 100%; min-height: 58px; padding: 16px 16px 16px 48px; border: 1px solid rgba(255,255,255,.1); border-radius: 4px; background: #0e0e0e; color: #fff; font-family: var(--mono); font-size: 16px; line-height: 24px; }
.domains-page .domain-search input::placeholder { color: #8e929a; opacity: 1; }
.domains-page .domain-search input:focus-visible { outline: 2px solid #70eaff; outline-offset: 4px; border-color: var(--cyan); }
.domains-page .domain-search button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 16px 32px; border: 1px solid transparent; border-radius: 4px; background: #00b5e8; color: #04121c; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 16px; text-align: center; text-transform: uppercase; }
.domains-page .domain-search button:hover { background: #19c8f5; }
@media (max-width: 639px) {
  .domains-page .domain-search { flex-direction: column; }
}