/* URSY.DOMAINS — home: hero, price strip, live-check card, cards, boards, category tiles, step band. */
.hero{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center;
  text-align:center; padding:clamp(40px,7vh,78px) 24px 52px; }
.hero__inner{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; width:100%; }
.hero__eyebrow{ margin:0; font-family:var(--font-mono); font-size:9.5px; letter-spacing:.22em; color:var(--ink3); }
.hero h1{ margin-top:26px; max-width:18ch; }
.hero h1 em{ font-style:normal; color:var(--neon); }
.hero__lede{ margin-top:22px; max-width:52ch; font-size:clamp(16.5px,1.72vw,20.5px); line-height:1.62;
  color:var(--ink2); text-wrap:balance; }
.hero__dock{ width:min(660px,100%); margin-top:32px; }
.hero__field{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;
  -webkit-mask:linear-gradient(to bottom,#000 70%,transparent); mask:linear-gradient(to bottom,#000 70%,transparent); }
.hero__washes{ position:absolute; inset:-25%; filter:blur(112px) saturate(102%); opacity:.68;
  animation:hueCycle 90s linear infinite; }

/* six popular extensions under the dock — quiet, static, aligned to the dock width */
.hero__prices{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 0; width:min(660px,100%); margin-top:18px; padding:0 6px; }
.hero__price{ display:inline-flex; align-items:baseline; gap:7px; height:32px; padding:0 12px; border-radius:8px;
  font-family:var(--font-mono); font-size:12.5px; color:var(--ink2); transition:background .14s ease,color .14s ease; }
.hero__price b{ font-weight:500; color:var(--ink); }
.hero__price span{ font-variant-numeric:tabular-nums; }
.hero__price:hover{ background:var(--hover); color:var(--ink); }

/* the live-check card */
.live{ width:min(720px,100%); margin-top:44px; text-align:left; }
.live__bar{ display:flex; align-items:center; gap:10px; height:42px; padding:0 16px;
  box-shadow:inset 0 -1px 0 var(--line); }
.live__ping{ position:relative; display:block; width:8px; height:8px; flex:none; }
.live__ping i{ position:absolute; inset:0; border-radius:50%; background:var(--neon); }
.live__ping i:last-child{ animation:ping 2.4s ease-out infinite; }
.live__query{ display:flex; align-items:center; gap:10px; padding:15px 16px; box-shadow:inset 0 -1px 0 var(--line); }
.live__typed{ font-family:var(--font-mono); font-size:15px; white-space:nowrap; overflow:hidden; }
.live__caret{ flex:none; width:2px; height:16px; margin-left:2px; border-radius:1px; background:var(--neon);
  animation:caretBlink 1s steps(2,start) infinite; }
.live__feed{ display:flex; flex-direction:column; gap:5px; padding:11px 11px 12px; }
.live__row{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center;
  padding:10px 13px; border-radius:11px; background:var(--hover); animation:feedIn .34s ease both; }
.live__stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0 11px 12px; }
.live__stat{ padding:10px 12px; border-radius:11px; box-shadow:inset 0 0 0 1px var(--line); }
.live__stat span{ display:block; font-family:var(--font-mono); font-size:8px; letter-spacing:.18em; color:var(--ink3); }
.live__stat b{ font-family:var(--font-mono); font-size:15.5px; font-weight:800; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums; }

/* extension cards */
.tldcard{ display:flex; flex-direction:column; padding:18px; }
.tldcard__top{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.tldcard__tld{ font-family:var(--font-mono); font-size:17px; font-weight:500; }
.tldcard__price{ display:block; margin-top:20px; font-family:var(--font-mono); font-size:21px; font-weight:800;
  letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.tldcard__price i{ font-family:var(--font-ui); font-style:normal; font-size:11px; font-weight:400; color:var(--ink3); }
.tldcard__sub{ display:block; margin-top:3px; font-size:11.5px; color:var(--ink3); }
.tldcard__actions{ display:flex; gap:6px; margin-top:14px; }

/* price boards */
.board__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  padding:9px 10px; border-radius:9px; font-family:var(--font-mono); font-size:13.5px;
  transition:background .13s ease; }
.board__row:hover{ background:var(--hover); color:var(--ink); }

/* step band with figures */
.step__fig{ display:block; margin-top:14px; font-family:var(--font-mono); font-size:38px; font-weight:800;
  letter-spacing:-.04em; line-height:1; }
.step__figNote{ display:block; margin-top:4px; font-family:var(--font-mono); font-size:9px;
  letter-spacing:.16em; color:var(--ink3); }
.step h3{ margin:16px 0 6px; }

/* category tiles */
.cattile{ display:flex; flex-direction:column; gap:6px; padding:16px 18px; text-align:left; }
.cattile b{ font-size:14.5px; font-weight:700; color:var(--ink); }
.cattile__sample{ font-size:11.5px; }
.cattile__from{ font-size:11.5px; }