.domain-teaser {
  background: radial-gradient(circle at 82% 15%, rgba(48, 180, 168, .18), transparent 34%), linear-gradient(135deg, #072333 0%, #0b3442 100%);
  color: #fff;
  padding: clamp(3.25rem, 7vw, 5.5rem) 0;
}
.domain-teaser-grid {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 5vw, 5rem);
  grid-template-columns: minmax(0, 1fr) minmax(20rem, .9fr);
}
.domain-teaser-copy { max-width: 42rem; }
.domain-teaser .eyebrow { color: #88ded2; }
.domain-teaser h2 { color: #fff; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; margin: .55rem 0 1rem; }
.domain-teaser-copy > p:last-child { color: rgba(255,255,255,.82); font-size: 1.08rem; line-height: 1.7; margin: 0; }
.domain-search-card {
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 1.25rem;
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,.2);
  color: #102b38;
  padding: clamp(1.25rem, 3vw, 2rem);
}
.domain-search-status { align-items: center; display: flex; font-size: .82rem; font-weight: 700; gap: .55rem; letter-spacing: .04em; margin: 0 0 1rem; text-transform: uppercase; }
.domain-search-status::before { background: #e2a83a; border-radius: 50%; content: ""; height: .6rem; width: .6rem; }
.domain-search-form label { display: block; font-weight: 700; margin-bottom: .55rem; }
.domain-search-fields { display: grid; gap: .65rem; grid-template-columns: minmax(0, 1fr) auto; }
.domain-search-fields input { background: #fff; border: 1px solid #a8bbc3; border-radius: .7rem; color: #102b38; font: inherit; min-height: 3.25rem; min-width: 0; padding: .8rem 1rem; }
.domain-search-fields input:focus-visible { border-color: #0b706f; box-shadow: 0 0 0 3px rgba(11,112,111,.2); outline: none; }
.domain-search-fields .button { min-height: 3.25rem; }
.domain-search-note, .domain-search-result { color: #4e6570; font-size: .92rem; line-height: 1.5; margin: .85rem 0 0; }
.domain-search-result { background: #edf7f5; border-left: 3px solid #0b706f; border-radius: .35rem; color: #153f47; padding: .7rem .85rem; }
@media (max-width: 800px) { .domain-teaser-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .domain-search-fields { grid-template-columns: 1fr; } .domain-search-fields .button { width: 100%; } }
