/* Compact product presentation for the PLM domain search. */
.domain-page {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(ellipse 48rem 23rem at 50% 4%, rgba(232, 242, 252, .13), transparent 70%),
    radial-gradient(ellipse 42rem 22rem at 68% 18%, rgba(34, 163, 236, .09), transparent 74%),
    #030507;
}

.domain-page::before {
  height: 510px;
  opacity: .22;
  background-size: 52px 52px;
}

.domain-hero,
.domain-search-section {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100% - 48px));
}

.domain-hero {
  min-height: 430px;
  padding: 90px 0 52px;
  align-items: center;
}

.domain-hero-inner {
  max-width: 760px;
}

.domain-hero-inner::before {
  top: -80px;
  width: min(600px, 92vw);
  height: 250px;
  opacity: .78;
}

.domain-hero h1 {
  display: block;
  max-width: 700px;
  margin: 10px 0 18px;
  color: #f8fbff;
  font-size: clamp(2.75rem, 6vw, 5.45rem);
  font-weight: 740;
  letter-spacing: -.066em;
  line-height: .98;
}

.domain-hero-title-static,
.domain-phrase-frame {
  display: block;
}

.domain-phrase-frame {
  position: relative;
  min-height: 1.28em;
  margin: -.08em 0;
  padding: .08em 0;
  color: rgba(255, 255, 255, .72);
  overflow: visible;
}

.domain-hero-rotator,
.domain-hero-actions,
.domain-search-copy,
.domain-page > .domain-section,
.domain-page > .domain-checkout-teaser,
.domain-purchase-panel {
  display: none !important;
}

#domainHeroPhrase,
.domain-phrase-outgoing {
  display: block;
  white-space: nowrap;
}

.domain-phrase-outgoing {
  position: absolute;
  inset: .08em 0 auto;
  pointer-events: none;
}

.domain-phrase-letter {
  display: inline-block;
  will-change: transform, opacity, filter;
}

.domain-phrase-letter.is-entering {
  animation: domain-letter-settle 620ms cubic-bezier(.2, .78, .25, 1) both;
  animation-delay: calc(var(--domain-letter-index) * 17ms);
}

.domain-phrase-letter.is-leaving {
  animation: domain-letter-leave 420ms ease-in both;
  animation-delay: calc(var(--domain-letter-index) * 9ms);
}

@keyframes domain-letter-settle {
  from { opacity: 0; filter: blur(3px); transform: translateY(.24em); }
  65% { opacity: 1; filter: blur(0); transform: translateY(-.035em); }
  to { opacity: 1; filter: none; transform: translateY(0); }
}

@keyframes domain-letter-leave {
  from { opacity: 1; filter: none; transform: translateY(0); }
  to { opacity: 0; filter: blur(3px); transform: translateY(-.18em); }
}

.domain-hero p:not(.section-eyebrow) {
  max-width: 510px;
  color: rgba(231, 239, 247, .66);
  font-size: 1rem;
  line-height: 1.64;
}

.domain-search-section {
  margin-top: 0;
  padding: 0 0 88px;
}

.domain-search-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.domain-search-form {
  width: min(800px, 100%);
  margin: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.domain-search-input-wrap {
  min-width: 0;
}

.domain-search-form input {
  min-height: 62px;
  padding: 0 20px 0 53px;
  border: 1px solid rgba(234, 244, 252, .19);
  border-radius: 12px;
  color: #f5f9fc;
  background: rgba(12, 17, 23, .76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 38px rgba(0, 0, 0, .14);
  font-size: 1rem;
}

.domain-search-form input:focus {
  border-color: rgba(220, 238, 251, .7);
  background: rgba(10, 15, 20, .93);
  box-shadow: 0 0 0 4px rgba(29, 183, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.domain-search-icon {
  left: 19px;
  width: 19px;
  height: 19px;
}

.domain-search-form .btn {
  min-width: 108px;
  min-height: 62px;
  border-radius: 12px;
}

.domain-extension-pills {
  justify-content: flex-start;
  gap: 7px;
  margin: 13px 0 10px;
}

.domain-extension-pills button {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: .72rem;
}

.domain-search-trust { display: none; }

.domain-compact-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  color: rgba(228, 237, 246, .5);
  font-size: .77rem;
  line-height: 1.55;
}

.domain-compact-trust span + span::before {
  content: "·";
  margin: 0 8px;
  color: rgba(232, 241, 249, .52);
}

.domain-search-message {
  max-width: 700px;
  margin: 15px 0 0;
  color: rgba(225, 236, 246, .56);
  text-align: left;
}

.domain-search-message.is-success { color: rgba(197, 230, 249, .78); }
.domain-search-message.is-loading { color: rgba(218, 233, 246, .7); }
.domain-search-message.is-error { color: #efc88f; }

.domain-results-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(256px, 302px);
  gap: 24px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(238, 246, 253, .09);
  scroll-margin-top: calc(var(--header-height) + 20px);
}

.domain-results-workspace[hidden] { display: none; }

.domain-results-heading {
  align-items: end;
  margin-bottom: 13px;
}

.domain-results-heading h2,
.domain-perspective h2 {
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  letter-spacing: -.045em;
}

.domain-results-heading > p {
  max-width: 250px;
  color: rgba(224, 235, 245, .47);
  font-size: .75rem;
  text-align: right;
}

.domain-results-grid {
  display: grid;
  gap: 17px;
  margin: 0;
}

.domain-result-group {
  display: grid;
  gap: 8px;
}

.domain-result-group-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 0 2px;
}

.domain-result-group-heading h3 {
  margin: 0;
  color: rgba(246, 250, 253, .91);
  font-size: .88rem;
  font-weight: 760;
  letter-spacing: -.01em;
}

.domain-result-group-heading p {
  margin: 0;
  color: rgba(219, 232, 243, .43);
  font-size: .72rem;
}

.domain-result-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 13px 14px;
  border: 1px solid rgba(236, 246, 253, .11);
  border-radius: 12px;
  background: rgba(255, 255, 255, .027);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.domain-result-card:hover { border-color: rgba(225, 239, 249, .25); background: rgba(255, 255, 255, .043); }
.domain-result-card.is-selected { border-color: rgba(229, 241, 251, .57); background: rgba(225, 242, 253, .072); box-shadow: 0 0 0 1px rgba(230, 244, 253, .05), 0 12px 35px rgba(20, 115, 160, .11); }

.domain-result-select {
  display: grid;
  grid-template-columns: minmax(155px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.domain-result-select:focus-visible,
.domain-inline-retry:focus-visible,
.domain-extension-pills button:focus-visible {
  outline: 2px solid rgba(73, 193, 250, .82);
  outline-offset: 3px;
}

.domain-row-main { display: grid; min-width: 0; gap: 2px; }
.domain-row-main > strong { overflow: hidden; color: #f8fbff; font-size: 1rem; font-weight: 730; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.domain-row-label { color: rgba(207, 229, 244, .54); font-size: .64rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.domain-row-status { width: fit-content; padding: 3px 0; color: rgba(226, 238, 247, .57); font-size: .7rem; white-space: nowrap; }
.domain-row-status.is-available { color: #bce9d4; }
.domain-row-status.is-unavailable { color: rgba(231, 219, 207, .54); }
.domain-row-status.is-unknown { color: #e7c98f; }

.domain-row-price { display: grid; min-width: 116px; gap: 1px; color: rgba(234, 244, 251, .94); font-size: .86rem; text-align: right; white-space: nowrap; }
.domain-row-price strong { font-size: .94rem; }
.domain-row-price small { color: rgba(223, 236, 246, .53); font-size: .65rem; }
.domain-row-price em { color: rgba(218, 231, 242, .45); font-size: .62rem; font-style: normal; }
.domain-row-price.is-unavailable strong { color: rgba(226, 235, 243, .51); font-size: .77rem; font-weight: 640; }

.domain-strength-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.domain-strength-tags span { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-color: rgba(226, 239, 250, .12); color: rgba(221, 237, 248, .64); background: rgba(255, 255, 255, .035); font-size: .62rem; }

.domain-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.domain-row-actions .btn { min-height: 33px; padding: 0 10px; border-radius: 8px; font-size: .69rem; white-space: nowrap; }
.domain-row-actions .btn:disabled { cursor: not-allowed; opacity: .54; }

.domain-perspective {
  position: sticky;
  top: calc(var(--header-height) + 16px);
  min-height: 0;
  padding: 17px;
  border: 1px solid rgba(223, 238, 249, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .027);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.domain-perspective h2 { margin: 3px 0 0; }
.domain-perspective-empty { margin: 18px 0 0; color: rgba(223, 234, 244, .56); font-size: .82rem; line-height: 1.55; }
.domain-insight-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-top: 16px; }
.domain-insight-title h2 { overflow-wrap: anywhere; }
.domain-insight-title > span { flex: 0 0 auto; padding: 5px 7px; border: 1px solid rgba(225, 240, 250, .16); border-radius: 7px; color: rgba(242, 249, 254, .9); background: rgba(233, 246, 254, .06); font-size: .92rem; font-weight: 750; }
.domain-insight-title small { margin-left: 2px; color: rgba(219, 233, 244, .5); font-size: .57rem; }
.domain-insight-rating { margin: 10px 0 0; color: #bce1f8; font-size: .75rem; font-weight: 760; }
.domain-insight-copy { margin: 8px 0 0; color: rgba(224, 236, 246, .63); font-size: .8rem; line-height: 1.55; }
.domain-perspective .domain-strength-tags { margin-top: 12px; }
.domain-insight-tradeoff { margin: 15px 0 0; padding-top: 12px; border-top: 1px solid rgba(231, 242, 250, .08); color: rgba(219, 232, 243, .55); font-size: .75rem; line-height: 1.55; }
.domain-insight-tradeoff strong { display: block; margin-bottom: 3px; color: rgba(237, 246, 252, .75); font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }
.domain-insight-link { display: block; margin-top: 16px; color: rgba(209, 236, 253, .9); font-size: .75rem; font-weight: 720; text-decoration: none; }
.domain-insight-link:hover { color: #fff; text-decoration: underline; }
.domain-perspective > .btn { width: 100%; min-height: 35px; margin-top: 11px; border-radius: 8px; font-size: .7rem; }

.domain-result-skeleton { display: grid; gap: 9px; min-height: 78px; padding: 14px; border: 1px solid rgba(224, 239, 249, .1); border-radius: 12px; background: rgba(255, 255, 255, .027); }
.domain-result-skeleton span,
.domain-perspective-skeleton span { display: block; border-radius: 999px; background: linear-gradient(100deg, rgba(255, 255, 255, .035), rgba(226, 242, 254, .11), rgba(255, 255, 255, .035)); background-size: 200% 100%; animation: domain-skeleton-shimmer 1.4s ease-in-out infinite; }
.domain-result-skeleton span:nth-child(1) { width: 26%; height: 9px; }
.domain-result-skeleton span:nth-child(2) { width: 48%; height: 17px; }
.domain-result-skeleton span:nth-child(3) { width: 72%; height: 10px; }
.domain-perspective-skeleton { display: grid; gap: 10px; margin-top: 18px; }
.domain-perspective-skeleton span:nth-child(1) { width: 60%; height: 16px; }.domain-perspective-skeleton span:nth-child(2) { height: 38px; }.domain-perspective-skeleton span:nth-child(3) { width: 75%; height: 10px; }

.domain-empty-state { margin: 0; padding: 20px; border: 1px solid rgba(231, 241, 249, .12); border-radius: 12px; background: rgba(255, 255, 255, .027); }
.domain-empty-state strong { color: rgba(248, 251, 254, .92); }.domain-empty-state p { margin: 7px 0 0; color: rgba(224, 235, 246, .6); font-size: .83rem; }.domain-inline-retry { margin-top: 13px; padding: 0; border: 0; color: rgba(193, 229, 250, .9); background: transparent; font: inherit; font-size: .76rem; font-weight: 720; cursor: pointer; }

@media (max-width: 900px) {
  .domain-hero { min-height: 390px; padding: 82px 0 46px; text-align: center; }.domain-hero-inner { margin: 0 auto; }.domain-hero p:not(.section-eyebrow) { margin: 0 auto; }.domain-search-section { margin-top: 0; }.domain-search-form { margin: 0 auto; }.domain-extension-pills,.domain-compact-trust,.domain-search-message { justify-content: center; text-align: center; }.domain-results-workspace { grid-template-columns: 1fr; }.domain-perspective { position: static; }.domain-results-heading { align-items: flex-start; flex-direction: column; }.domain-results-heading > p { max-width: 540px; text-align: left; }
}

@media (max-width: 620px) {
  .domain-hero,.domain-search-section { width: min(100% - 28px, 1120px); }.domain-hero { min-height: 360px; padding-top: 70px; }.domain-hero h1 { font-size: clamp(2.45rem, 12.3vw, 3.8rem); }.domain-phrase-frame,#domainHeroPhrase,.domain-phrase-outgoing { white-space: normal; }.domain-search-form { grid-template-columns: 1fr; }.domain-search-form .btn { min-height: 54px; }.domain-search-form input { min-height: 56px; }.domain-extension-pills { justify-content: flex-start; }.domain-compact-trust { justify-content: flex-start; text-align: left; }.domain-search-message { text-align: left; }.domain-results-workspace { margin-top: 22px; padding-top: 19px; }.domain-result-select { grid-template-columns: 1fr auto; }.domain-strength-tags { grid-column: 1 / -1; }.domain-row-actions { justify-content: flex-start; grid-column: 1 / -1; }.domain-row-actions .btn { flex: 1 1 auto; }.domain-result-card { grid-template-columns: 1fr; }.domain-result-group-heading { align-items: flex-start; flex-direction: column; gap: 3px; }.domain-results-heading h2 { font-size: 1.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-phrase-letter,.domain-result-card,.domain-extension-pills button { animation: none !important; transition: none !important; }.domain-results-workspace.is-visible,.domain-result-skeleton span,.domain-perspective-skeleton span { animation: none; }
}

/* Compact refinement: balanced hero, calm infrastructure motion, and real owned-domain handoff. */
.domain-page {
  min-height: 100%;
}

.domain-network {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: min(1180px, 100vw);
  height: min(560px, 74svh);
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%);
}

.domain-network::before {
  position: absolute;
  inset: 12% 15% auto;
  width: 70%;
  height: 52%;
  background: radial-gradient(ellipse at center, rgba(229, 242, 252, .10), rgba(61, 164, 223, .045) 34%, transparent 73%);
  content: "";
  filter: blur(8px);
}

.domain-network svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: none;
  opacity: .28;
}

.domain-network path {
  stroke: rgba(161, 208, 238, .26);
  stroke-width: .75;
  vector-effect: non-scaling-stroke;
}

.domain-network-point {
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(219, 242, 255, .78);
  box-shadow: 0 0 0 2px rgba(80, 184, 241, .06), 0 0 18px rgba(80, 184, 241, .20);
  animation: domain-network-drift 18s ease-in-out infinite alternate;
}

.domain-network-point.point-one { top: 20%; left: 16%; animation-duration: 19s; }
.domain-network-point.point-two { top: 36%; left: 32%; animation-duration: 23s; animation-delay: -5s; }
.domain-network-point.point-three { top: 17%; left: 54%; animation-duration: 21s; animation-delay: -11s; }
.domain-network-point.point-four { top: 48%; left: 72%; animation-duration: 25s; animation-delay: -7s; }
.domain-network-point.point-five { top: 26%; left: 88%; animation-duration: 20s; animation-delay: -14s; }

@keyframes domain-network-drift {
  from { transform: translate3d(-7px, 5px, 0); opacity: .38; }
  to { transform: translate3d(8px, -7px, 0); opacity: .86; }
}

.domain-hero,
.domain-search-section {
  width: min(960px, calc(100% - 48px));
  margin-right: auto;
  margin-left: auto;
}

.domain-hero {
  min-height: clamp(405px, calc(100svh - var(--header-height) - 68px), 510px);
  padding: 74px 0 30px;
  text-align: center;
}

.domain-hero-inner {
  width: min(760px, 100%);
  margin: 0 auto;
}

.domain-hero h1 {
  max-width: 760px;
  margin: 9px auto 16px;
  font-size: clamp(2.65rem, 5.25vw, 4.7rem);
  line-height: 1.02;
}

.domain-hero p:not(.section-eyebrow) {
  margin-right: auto;
  margin-left: auto;
}

.domain-phrase-frame {
  min-height: 1.42em;
  margin: -.16em 0 -.12em;
  padding: .16em 0 .20em;
  overflow: visible;
  isolation: isolate;
}

#domainHeroPhrase {
  position: relative;
  display: block;
  min-height: 1.25em;
  overflow: visible;
}

.domain-phrase-layer {
  position: absolute;
  inset: 0;
  display: block;
  white-space: nowrap;
}

.domain-phrase-layer.is-active { z-index: 1; }
.domain-phrase-layer.is-entering .domain-phrase-letter { animation: domain-refined-letter-in 520ms cubic-bezier(.22, .75, .28, 1) both; animation-delay: calc(var(--domain-letter-index) * 18ms); }
.domain-phrase-layer.is-leaving .domain-phrase-letter { animation: domain-refined-letter-out 300ms ease-in both; animation-delay: calc(var(--domain-letter-index) * 7ms); }

@keyframes domain-refined-letter-in {
  from { opacity: 0; filter: blur(3px); transform: translateY(.18em); }
  62% { opacity: 1; filter: blur(0); transform: translateY(-.03em); }
  to { opacity: 1; filter: none; transform: translateY(0); }
}

@keyframes domain-refined-letter-out {
  from { opacity: 1; filter: none; transform: translateY(0); }
  to { opacity: 0; filter: blur(3px); transform: translateY(-.13em); }
}

.domain-search-section { padding-bottom: 70px; }
.domain-search-form { width: min(800px, 100%); margin-right: auto; margin-left: auto; }
.domain-extension-pills { justify-content: center; gap: 8px; margin: 14px auto 10px; }
.domain-compact-trust { justify-content: center; text-align: center; }
.domain-search-message { margin-right: auto; margin-left: auto; text-align: center; }

.domain-owned-domain-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 11px;
  color: rgba(211, 235, 249, .72);
  font-size: .77rem;
  font-weight: 700;
  letter-spacing: .005em;
  text-decoration: none;
}
.domain-owned-domain-link svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.domain-owned-domain-link:hover { color: #f5fbff; }
.domain-owned-domain-link:focus-visible { outline: 2px solid rgba(73, 193, 250, .82); outline-offset: 4px; border-radius: 4px; }
.domain-results-workspace { margin-top: 25px; }

@media (max-width: 900px) {
  .domain-hero { min-height: clamp(390px, calc(100svh - var(--header-height) - 54px), 480px); padding-top: 64px; }
  .domain-owned-domain-link { display: flex; }
}

@media (max-width: 620px) {
  .domain-hero,.domain-search-section { width: min(100% - 28px, 960px); }
  .domain-hero { min-height: 376px; padding: 58px 0 22px; }
  .domain-hero h1 { max-width: 100%; font-size: clamp(2.35rem, 11vw, 3.45rem); letter-spacing: -.055em; }
  .domain-phrase-frame { min-height: 1.55em; padding-top: .20em; padding-bottom: .28em; }
  .domain-phrase-layer { white-space: normal; }
  .domain-extension-pills { justify-content: center; }
  .domain-compact-trust,.domain-search-message { justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-network-point { animation: none; }
  .domain-phrase-layer.is-entering .domain-phrase-letter,.domain-phrase-layer.is-leaving .domain-phrase-letter { animation: none; }
}

/* Full-viewport composition refinement for the compact domain tool. */
.domain-page {
  min-height: 100svh;
}

.domain-page::before {
  height: min(960px, 100svh);
  opacity: .17;
  background-size: 68px 68px;
}

.domain-hero {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  width: min(960px, calc(100% - 48px));
  min-height: calc(100svh - var(--header-height));
  margin: 0 auto;
  padding: clamp(38px, 6svh, 72px) 0 clamp(42px, 7svh, 86px);
  gap: clamp(24px, 3.5svh, 42px);
  text-align: center;
}

.domain-hero-inner {
  display: grid;
  justify-items: center;
  width: min(760px, 100%);
  margin: 0 auto;
}

.domain-hero h1 {
  max-width: 760px;
  margin: 9px auto 15px;
  font-size: clamp(2.6rem, 5.1vw, 4.55rem);
  line-height: 1.03;
}

.domain-hero .domain-search-section {
  position: relative;
  z-index: 1;
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 0;
}

.domain-search-form {
  width: min(820px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.domain-search-form input,
.domain-search-form .btn {
  min-height: 64px;
}

.domain-extension-pills {
  margin-top: 15px;
}

.domain-network {
  width: min(1320px, 100vw);
  height: 100%;
}

.domain-network::before {
  inset: 10% 12% auto;
  width: 76%;
  height: 62%;
  opacity: .88;
  animation: domain-network-halo 38s ease-in-out infinite alternate;
}

.domain-network svg {
  opacity: .24;
  transform-origin: center;
  animation: domain-network-lines 46s ease-in-out infinite alternate;
}

.domain-network path {
  stroke: rgba(174, 215, 240, .22);
  stroke-width: .65;
}

.domain-network-point {
  animation-duration: 42s;
}
.domain-network-point.point-one { animation-duration: 39s; }
.domain-network-point.point-two { animation-duration: 51s; }
.domain-network-point.point-three { animation-duration: 47s; }
.domain-network-point.point-four { animation-duration: 55s; }
.domain-network-point.point-five { animation-duration: 44s; }

@keyframes domain-network-halo {
  from { opacity: .68; transform: scale(.97); }
  to { opacity: .94; transform: scale(1.035); }
}

@keyframes domain-network-lines {
  from { opacity: .17; transform: translate3d(-.35%, .45%, 0); }
  to { opacity: .29; transform: translate3d(.45%, -.35%, 0); }
}

@keyframes domain-network-drift {
  from { transform: translate3d(-4px, 3px, 0); opacity: .34; }
  to { transform: translate3d(4px, -4px, 0); opacity: .72; }
}

.domain-phrase-frame {
  min-height: 1.52em;
  margin: -.20em 0 -.14em;
  padding: .22em 0 .30em;
  overflow: visible;
}

#domainHeroPhrase {
  min-height: 1.24em;
  line-height: 1.14;
}

.domain-phrase-layer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.domain-phrase-layer.is-entering .domain-phrase-letter {
  animation: domain-hero-letter-in 560ms cubic-bezier(.22, .74, .28, 1) both;
  animation-delay: calc(var(--domain-letter-index) * 14ms);
}

.domain-phrase-layer.is-leaving .domain-phrase-letter {
  animation: domain-hero-letter-out 570ms ease-in both;
  animation-delay: calc(var(--domain-letter-index) * 6ms);
}

@keyframes domain-hero-letter-in {
  from { opacity: 0; filter: blur(2px); transform: translateY(.15em); }
  68% { opacity: 1; filter: blur(0); transform: translateY(-.022em); }
  to { opacity: 1; filter: none; transform: translateY(0); }
}

@keyframes domain-hero-letter-out {
  from { opacity: 1; filter: none; transform: translateY(0); }
  to { opacity: 0; filter: blur(2px); transform: translateY(-.11em); }
}

.domain-results-workspace.is-visible {
  animation: domain-results-reveal 320ms cubic-bezier(.22, .72, .24, 1) both;
}

@keyframes domain-results-reveal {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
  .domain-hero {
    width: min(100% - 28px, 960px);
    min-height: calc(100svh - var(--header-height));
    padding: 34px 0 42px;
    gap: 26px;
  }

  .domain-hero h1 {
    font-size: clamp(1.95rem, 9vw, 3.1rem);
  }

  .domain-phrase-frame {
    min-height: 2.42em;
    padding-top: .24em;
    padding-bottom: .34em;
  }

  #domainHeroPhrase { min-height: 2.12em; }
  .domain-phrase-layer {
    white-space: normal;
  }

  .domain-search-form {
    width: min(100%, 560px);
  }

  .domain-search-form input,
  .domain-search-form .btn {
    min-height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .domain-network::before,
  .domain-network svg,
  .domain-network-point,
  .domain-phrase-layer.is-entering .domain-phrase-letter,
  .domain-phrase-layer.is-leaving .domain-phrase-letter,
  .domain-results-workspace.is-visible {
    animation: none !important;
  }
}

/* Final interaction polish: the active search action stays inside the glass field. */
.domain-search-form {
  display: block;
  width: min(760px, 100%);
  margin: 0 auto;
}

.domain-search-input-wrap {
  position: relative;
  display: block;
}

.domain-search-form input {
  width: 100%;
  min-height: 64px;
  padding-right: 132px;
  border-radius: 13px;
}

.domain-search-form .btn[data-domain-submit] {
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  min-width: 116px;
  min-height: 0;
  padding: 0 18px;
  border-radius: 9px;
  box-shadow: 0 7px 18px rgba(20, 131, 192, .18);
}

.domain-search-input-wrap:focus-within {
  border-radius: 13px;
}

.domain-search-normalization {
  width: min(760px, 100%);
  margin: 7px auto 0;
  color: rgba(203, 228, 244, .62);
  font-size: .74rem;
  line-height: 1.4;
  text-align: left;
}

.domain-search-normalization[hidden],
.domain-search-message[hidden] {
  display: none;
}

.domain-extension-pills {
  gap: 6px;
  margin-top: 12px;
  margin-bottom: 9px;
}

.domain-extension-pills button {
  min-height: 26px;
  padding: 0 9px;
  opacity: .82;
}

.domain-extension-pills button.is-selected { opacity: 1; }

.domain-compact-trust {
  color: rgba(228, 237, 246, .56);
  font-size: .74rem;
}

.domain-search-message {
  width: min(760px, 100%);
}

.domain-phrase-layer.is-entering .domain-phrase-letter {
  animation: domain-hero-letter-in 760ms cubic-bezier(.22, .74, .28, 1) both;
  animation-delay: calc(var(--domain-letter-index) * 16ms);
}

.domain-phrase-layer.is-leaving .domain-phrase-letter {
  animation: domain-hero-letter-out 840ms ease-in both;
  animation-delay: calc(var(--domain-letter-index) * 8ms);
}

@keyframes domain-hero-letter-out {
  from { opacity: 1; filter: none; transform: translateY(0); }
  to { opacity: 0; filter: blur(2.5px); transform: translateY(-.16em); }
}

@media (max-width: 520px) {
  .domain-search-form input { min-height: 60px; padding-right: 112px; }
  .domain-search-form .btn[data-domain-submit] { min-width: 98px; padding: 0 13px; }
}

/* Result scanning and integrated search-control refinement. */
.domain-hero .domain-search-section {
  width: min(1180px, calc(100vw - 64px));
  max-width: none;
}

.domain-results-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 390px);
  gap: 32px;
  margin-top: 30px;
}

.domain-results-grid { gap: 20px; }
.domain-result-card { gap: 16px; padding: 15px 16px; }
.domain-result-select { grid-template-columns: minmax(0, 1fr) minmax(126px, .42fr) minmax(142px, .52fr); gap: 18px; }
.domain-row-main { gap: 3px; }
.domain-row-main > strong { line-height: 1.25; }
.domain-row-status { margin-top: 1px; padding: 0; }
.domain-row-price { align-self: center; min-width: 0; }
.domain-strength-tags { justify-content: flex-start; }

.domain-perspective { padding: 22px; }
.domain-perspective-empty { max-width: 32ch; }
.domain-insight-content { min-width: 0; }
.domain-insight-title { gap: 14px; margin-top: 17px; }
.domain-insight-domain { min-width: 0; }
.domain-insight-wave-letter,
.domain-insight-score-letter { display: inline-block; will-change: opacity, transform, filter; }
.domain-perspective.is-refreshing .domain-insight-content { animation: domain-insight-refresh 260ms ease-out both; }
.domain-perspective.is-refreshing .domain-insight-wave-letter { animation: domain-insight-wave 440ms ease-out both; animation-delay: calc(var(--domain-insight-index) * 18ms); }
.domain-perspective.is-refreshing .domain-insight-score-letter { animation: domain-insight-wave 400ms ease-out both; animation-delay: calc(90ms + var(--domain-insight-index) * 28ms); }

@keyframes domain-insight-refresh {
  from { opacity: .36; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes domain-insight-wave {
  from { opacity: 0; filter: blur(1.5px); transform: translateY(5px); }
  to { opacity: 1; filter: none; transform: translateY(0); }
}

.domain-unavailable-group {
  display: grid;
  gap: 7px;
  margin-bottom: 20px;
  padding: 12px 13px;
  border: 1px solid rgba(175, 191, 205, .15);
  border-radius: 10px;
  background: rgba(175, 191, 205, .035);
}

.domain-unavailable-group h3,
.domain-unavailable-group p { margin: 0; }
.domain-unavailable-group h3 { color: rgba(229, 236, 243, .7); font-size: .78rem; letter-spacing: .05em; text-transform: uppercase; }
.domain-unavailable-group p { color: rgba(196, 209, 220, .5); font-size: .79rem; }
.domain-unavailable-list { display: grid; gap: 4px; }
.domain-unavailable-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgba(202, 214, 224, .58); font-size: .82rem; }
.domain-unavailable-row strong { color: rgba(222, 230, 237, .7); font-weight: 500; }
.domain-unavailable-row span { color: rgba(187, 199, 209, .48); font-size: .74rem; }

.domain-load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin: 2px auto 0;
  padding: 0 13px;
  border: 1px solid rgba(190, 215, 232, .22);
  border-radius: 8px;
  background: rgba(211, 230, 243, .045);
  color: rgba(226, 237, 246, .84);
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}
.domain-load-more:hover:not(:disabled),
.domain-load-more:focus-visible { border-color: rgba(112, 191, 235, .65); background: rgba(49, 148, 209, .12); outline: none; }
.domain-load-more:disabled { cursor: wait; opacity: .64; }

.domain-search-form input { padding-right: 70px; }
.domain-search-form .domain-search-submit {
  display: grid;
  place-items: center;
  width: 52px;
  min-width: 52px;
  min-height: 0;
  padding: 0;
}
.domain-search-submit svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.domain-search-submit-spinner { width: 16px; height: 16px; border: 1.5px solid rgba(238, 247, 255, .38); border-top-color: #f4f8fb; border-radius: 50%; animation: domain-submit-spin 700ms linear infinite; }
@keyframes domain-submit-spin { to { transform: rotate(360deg); } }

.domain-phrase-layer.is-entering .domain-phrase-letter { animation: domain-hero-letter-in 700ms cubic-bezier(.22, .74, .28, 1) both; animation-delay: calc(var(--domain-letter-index) * 11ms); }
.domain-phrase-layer.is-leaving .domain-phrase-letter { animation: domain-hero-letter-out 700ms cubic-bezier(.3, .05, .55, 1) both; animation-delay: calc(var(--domain-letter-index) * 11ms); }

@media (max-width: 1050px) {
  .domain-results-workspace { grid-template-columns: minmax(0, 1fr) minmax(320px, 350px); gap: 24px; }
}

@media (max-width: 900px) {
  .domain-hero .domain-search-section { width: 100%; }
  .domain-results-workspace { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .domain-hero .domain-search-section { width: min(100%, calc(100vw - 32px)); }
  .domain-result-select { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; }
  .domain-row-price { grid-column: 2; grid-row: 1; text-align: right; }
  .domain-strength-tags { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .domain-search-form input { padding-right: 66px; }
  .domain-search-form .domain-search-submit { width: 48px; min-width: 48px; }
  .domain-unavailable-row { align-items: flex-start; flex-direction: column; gap: 1px; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-perspective.is-refreshing .domain-insight-content,
  .domain-perspective.is-refreshing .domain-insight-wave-letter,
  .domain-perspective.is-refreshing .domain-insight-score-letter,
  .domain-search-submit-spinner { animation: none; }
}

/* Final layout pass: a centered product workspace with restrained glass controls. */
.domain-hero .domain-search-section {
  width: min(1240px, calc(100vw - 64px));
}

.domain-search-form {
  width: min(800px, 100%);
}

.domain-search-input-wrap {
  overflow: hidden;
  border: 1px solid rgba(215, 225, 233, .22);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(49, 56, 63, .78), rgba(24, 29, 35, .88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075), 0 18px 38px rgba(0, 0, 0, .19);
}

.domain-search-form input {
  min-height: 66px;
  padding-right: 76px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #f2f6f9;
}

.domain-search-form input:focus {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.domain-search-input-wrap:focus-within {
  border-color: rgba(139, 205, 241, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 0 0 3px rgba(50, 153, 214, .13), 0 18px 38px rgba(0, 0, 0, .19);
}

.domain-search-form .domain-search-submit {
  top: 7px;
  right: 7px;
  bottom: 7px;
  width: 52px;
  min-width: 52px;
  border: 1px solid rgba(232, 240, 246, .17);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(121, 132, 143, .27), rgba(68, 76, 85, .30));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 6px 14px rgba(0, 0, 0, .18);
  color: rgba(244, 249, 252, .94);
}

.domain-search-form .domain-search-submit:hover:not(:disabled) {
  border-color: rgba(231, 240, 246, .32);
  background: linear-gradient(180deg, rgba(141, 154, 166, .33), rgba(78, 88, 99, .36));
  color: #fff;
}

.domain-search-form .domain-search-submit:focus-visible {
  outline: 2px solid rgba(122, 205, 247, .82);
  outline-offset: -3px;
}

.domain-search-form .domain-search-submit:disabled {
  background: rgba(80, 89, 98, .22);
  box-shadow: none;
}

.domain-extension-pills {
  gap: 5px;
  margin-top: 13px;
  margin-bottom: 8px;
}

.domain-extension-pills button {
  min-height: 25px;
  padding: 0 8px;
  border-color: rgba(222, 234, 242, .12);
  background: rgba(229, 240, 246, .035);
}

.domain-compact-trust {
  margin: 0 auto;
  color: rgba(213, 225, 234, .52);
  font-size: .73rem;
  letter-spacing: .005em;
}

.domain-results-workspace {
  width: min(1220px, 100%);
  grid-template-columns: minmax(0, 1fr) minmax(400px, 440px);
  align-items: start;
  gap: 38px;
  margin: 38px auto 0;
  padding-top: 28px;
}

.domain-results-heading {
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 17px;
  text-align: left;
}

.domain-results-heading > p {
  max-width: 320px;
  margin: 2px 0 0;
  text-align: left;
}

.domain-results-grid { gap: 15px; }
.domain-result-card { align-items: center; gap: 18px; padding: 16px 18px; }
.domain-result-select { grid-template-columns: minmax(0, 1fr) minmax(142px, .40fr) minmax(156px, .48fr); gap: 19px; text-align: left; }
.domain-row-main { align-items: flex-start; }
.domain-row-main > strong { font-size: 1rem; letter-spacing: -.015em; }
.domain-row-price { display: grid; gap: 2px; justify-items: start; white-space: nowrap; }
.domain-row-price em { margin: 0; }
.domain-strength-tags { gap: 5px; }
.domain-row-actions { align-items: center; min-width: max-content; }

.domain-unavailable-group { gap: 10px; margin-bottom: 18px; padding: 12px 14px; }
.domain-unavailable-list { display: flex; flex-wrap: wrap; gap: 7px; }
.domain-unavailable-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 8px 0 9px;
  border: 1px solid rgba(196, 208, 218, .12);
  border-radius: 999px;
  background: rgba(210, 220, 229, .035);
  color: rgba(225, 233, 240, .67);
  font-size: .75rem;
}
.domain-unavailable-chip strong { font-weight: 560; }
.domain-unavailable-chip em { color: rgba(196, 208, 218, .48); font-size: .66rem; font-style: normal; }
.domain-unavailable-group.is-collapsible { padding: 0; }
.domain-unavailable-group.is-collapsible summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  color: rgba(225, 233, 240, .72);
  cursor: pointer;
  list-style: none;
}
.domain-unavailable-group.is-collapsible summary::-webkit-details-marker { display: none; }
.domain-unavailable-group.is-collapsible summary > span:first-child { display: grid; gap: 2px; }
.domain-unavailable-group.is-collapsible summary small { color: rgba(196, 209, 220, .5); font-size: .76rem; font-weight: 400; }
.domain-unavailable-group.is-collapsible .domain-unavailable-list { padding: 0 14px 14px; }
.domain-unavailable-count { color: rgba(189, 204, 215, .53); font-size: .72rem; white-space: nowrap; }

.domain-perspective { padding: 27px; border-color: rgba(223, 235, 244, .16); background: linear-gradient(155deg, rgba(42, 49, 57, .76), rgba(18, 23, 29, .84)); }
.domain-insight-title { align-items: flex-start; gap: 18px; margin-top: 15px; }
.domain-insight-domain { font-size: clamp(1.42rem, 2vw, 1.9rem); line-height: 1.08; }
.domain-insight-score { min-width: 68px; padding: 8px 9px; border: 1px solid rgba(207, 226, 238, .15); border-radius: 10px; background: rgba(229, 240, 247, .045); text-align: center; }
.domain-insight-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.domain-insight-tags span { min-height: 23px; padding: 0 8px; border: 1px solid rgba(217, 232, 242, .13); border-radius: 999px; color: rgba(222, 236, 246, .72); background: rgba(236, 246, 252, .045); font-size: .66rem; line-height: 23px; }
.domain-insight-section-label { margin: 0; color: rgba(209, 225, 236, .50); font-size: .64rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.domain-insight-pricing { margin-top: 19px; padding: 14px; border: 1px solid rgba(220, 234, 244, .10); border-radius: 11px; background: rgba(232, 242, 248, .035); }
.domain-insight-pricing dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 11px 0 0; }
.domain-insight-pricing dl div { display: grid; gap: 3px; }
.domain-insight-pricing dt { color: rgba(202, 216, 226, .57); font-size: .72rem; }
.domain-insight-pricing dd { margin: 0; color: #f0f6fa; font-size: .95rem; font-weight: 700; }
.domain-insight-pricing dd small { color: rgba(203, 219, 230, .56); font-size: .68rem; font-weight: 500; }
.domain-insight-price-unavailable { margin: 10px 0 0; color: rgba(211, 224, 233, .55); font-size: .78rem; line-height: 1.5; }
.domain-insight-perspective { margin-top: 18px; }
.domain-insight-copy { margin-top: 8px; }
.domain-insight-facts { display: grid; gap: 10px; margin: 17px 0 0; }
.domain-insight-facts div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
.domain-insight-facts dt { color: rgba(205, 220, 231, .52); font-size: .70rem; }
.domain-insight-facts dd { margin: 0; color: rgba(226, 237, 246, .72); font-size: .75rem; line-height: 1.45; }
.domain-insight-actions { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 8px; margin-top: 17px; }
.domain-insight-actions .btn { width: 100%; min-height: 37px; padding: 0 9px; border-radius: 8px; font-size: .71rem; }
.domain-perspective.is-refreshing .domain-insight-content { animation-duration: 320ms; }
@keyframes domain-insight-refresh {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
  .domain-results-workspace { grid-template-columns: minmax(0, 1fr) minmax(350px, 390px); gap: 26px; }
}

@media (max-width: 900px) {
  .domain-hero .domain-search-section { width: min(100%, calc(100vw - 48px)); }
  .domain-results-workspace { grid-template-columns: 1fr; width: min(100%, 780px); }
  .domain-perspective { position: static; }
}

@media (max-width: 720px) {
  .domain-hero .domain-search-section { width: min(100%, calc(100vw - 32px)); }
  .domain-search-form input { min-height: 60px; padding-right: 68px; }
  .domain-search-form .domain-search-submit { top: 6px; right: 6px; bottom: 6px; width: 48px; min-width: 48px; }
  .domain-results-workspace { width: 100%; margin-top: 29px; padding-top: 22px; }
  .domain-results-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .domain-results-heading > p { max-width: 540px; }
  .domain-result-select { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; }
  .domain-row-price { grid-column: 2; grid-row: 1; justify-items: end; text-align: right; }
  .domain-strength-tags { grid-column: 1 / -1; }
  .domain-row-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 520px) {
  .domain-hero .domain-search-section { width: min(100%, calc(100vw - 28px)); }
  .domain-results-workspace { margin-top: 25px; }
  .domain-result-card { grid-template-columns: 1fr; padding: 14px; }
  .domain-row-actions { display: grid; grid-template-columns: 1fr 1.35fr; }
  .domain-row-actions .btn { width: 100%; }
  .domain-perspective { padding: 21px; }
  .domain-insight-pricing dl { gap: 8px; }
  .domain-insight-facts div { grid-template-columns: 1fr; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-perspective.is-refreshing .domain-insight-content { animation: none; }
}