:root {
  --bg: #0f1115;
  --bg-alt: #161a20;
  --bg-soft: #1e242c;
  --bg-glass: rgba(255,255,255,0.06);
  --border: #2c323b;
  --border-soft: #2b323b;
  --text: #e7edf4;
  --text-dim: #97a2b2;
  --accent: linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);
  --accent-solid: #7c5cff;
  --danger: #ef4444;
  --warn: #f59e0b;
  --ok: #10b981;
  --radius-s: .4rem;
  --radius: .9rem;
  --radius-l: 1.6rem;
  --shadow: 0 4px 24px -4px rgba(0,0,0,.4);
  --container: clamp(16rem,92vw,118rem);
  --font-stack: system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,sans-serif;
  --trans: .28s cubic-bezier(.4,.2,.2,1);
  --filter-chip-bg: var(--bg-soft);
  --filter-chip-border: var(--border);
  --filter-chip-input-bg: var(--bg-alt);
  --filter-chip-text: var(--text-dim);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg:#ffffff;
  --bg-alt:#f5f7fa;
  --bg-soft:#eef2f7;
  --bg-glass:rgba(255,255,255,0.55);
  --border:#d8dee6;
  --border-soft:#e2e8f0;
  --text:#1a1f27;
  --text-dim:#5c6470;
  --shadow:0 4px 18px -6px rgba(0,0,0,.15);
  --filter-chip-bg:#f7f9fb;
  --filter-chip-border:#d9e1e8;
  --filter-chip-input-bg:#ffffff;
  --filter-chip-text:#556;
  color-scheme: light;
}
* {
  box-sizing: border-box;
  min-width:0;
}
html,body {
  margin:0;
  padding:0;
  font-family:var(--font-stack);
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
html { scroll-behavior:smooth; }
body {
  font-size:clamp(.95rem, .9rem + .25vw,1.05rem);
  line-height:1.5;
}
img,svg,video {
  display:block;
  max-width:100%;
}
h1,h2,h3,h4 {
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 .6em;
}
h1 {font-size:clamp(2.2rem,1.8rem + 2.2vw,3.6rem);}
h2 {font-size:clamp(1.7rem,1.4rem + 1.2vw,2.4rem);}
h3 {font-size:1.2rem;margin-top:0;}
p {margin:0 0 1em;}
p.lead {font-size:clamp(1.05rem,1rem + .6vw,1.35rem); max-width:54ch;}
a {color:var(--accent-solid); text-decoration:none;}
a:hover {text-decoration:underline;}
.visually-hidden {
  position:absolute !important;
  clip:rect(1px,1px,1px,1px);
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;
}
.container {
  width:100%;
  margin-inline:auto;
  padding:clamp(1.2rem,1vw + .8rem,2rem);
  max-width:var(--container);
}
.flex {display:flex;}
.grid {display:grid;}
.align-center {align-items:center;}
.align-end {align-items:flex-end;}
.justify-between {justify-content:space-between;}
.center {text-align:center;}
.stack {display:flex;flex-direction:column;}
.stack-s {display:flex;flex-direction:column;gap:.6rem;}
.stack-m {display:flex;flex-direction:column;gap:1rem;}
.stack-l {display:flex;flex-direction:column;gap:1.6rem;}
.gap-s {gap:.6rem;}
.gap-m {gap:1.2rem;}
.mt-m {margin-top:1.4rem;}
.mt-l {margin-top:2.4rem;}
.mb-s {margin-bottom:.6rem;}
.full {grid-column:1 / -1;}
.grad-text {
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.site-header {
  position:sticky;
  top:0;
  z-index:80;
  backdrop-filter:saturate(1.3) blur(14px);
  background:linear-gradient(to right,rgba(15,17,21,.85),rgba(15,17,21,.6));
  border-bottom:1px solid var(--border);
}
[data-theme="light"] .site-header {
  background:rgba(255,255,255,.85);
}
.logo {
  font-size:1.4rem;
  font-weight:600;
  letter-spacing:-.03em;
  display:inline-flex;
  align-items:center;
}
.logo-accent {
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.main-nav ul {
  list-style:none;
  display:flex;
  gap:1.8rem;
  margin:0;padding:0;
}
.main-nav a {
  color:var(--text-dim);
  font-weight:500;
  font-size:.95rem;
  position:relative;
  padding:.4rem .2rem;
  display:inline-block;
}
.main-nav a:after {
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:0;height:2px;
  background:var(--accent);
  transition:width var(--trans);
}
.main-nav a:hover,
.main-nav a:focus {color:var(--text);}
.main-nav a:hover:after {width:100%;}
.nav-toggle {display:none;}
.btn, .tag {
  --btn-bg:var(--bg-soft);
  --btn-color:var(--text);
  cursor:pointer;
  border:1px solid var(--border);
  background:var(--btn-bg);
  color:var(--btn-color);
  border-radius:var(--radius-s);
  padding:.85rem 1.2rem;
  font-weight:500;
  line-height:1;
  font-size:.92rem;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  position:relative;
  isolation:isolate;
  transition:var(--trans);
  text-decoration:none;
}
.btn.small {padding:.6rem .9rem; font-size:.8rem;}
.btn.primary {
  --btn-bg:var(--accent);
  border:none;
  color:#fff;
}
.btn.secondary {
  --btn-bg:linear-gradient(135deg,#1d2430,#2c3442);
}
[data-theme="light"] .btn.secondary { color:#fff; }
[data-theme="light"] .btn.secondary {
  --btn-bg:linear-gradient(135deg,#495468,#5a6480); /* subtle slate gradient */
  border:1px solid #495065;
  color:#fff;
}
[data-theme="light"] .btn.secondary:hover {filter:brightness(1.08);}
.btn.ghost {
  --btn-bg:transparent;
  border:1px solid var(--border);
}
.btn.primary:hover {filter:brightness(1.1);}
.btn.secondary:hover {filter:brightness(1.15);}
.btn.ghost:hover {background:var(--bg-soft);}
.btn-icon {
  background:var(--bg-soft);
  border:1px solid var(--border);
  width:40px;height:40px;
  border-radius:50%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  transition:var(--trans);
  color:var(--text-dim);
}
.btn-icon:hover {color:var(--text); background:var(--bg-alt);}
.tag {
  background:var(--bg-alt);
  border:none;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:.5rem .8rem;
}
.tag:hover {background:var(--accent);color:#fff;}
.link-arrow {font-weight:500;display:inline-flex;align-items:center;gap:.4rem;}
.link-arrow:after {content:"→"; transition:transform var(--trans);}
.link-arrow:hover:after {transform:translateX(4px);}
.hero {
  position:relative;
  padding:clamp(3rem,4vw + 2rem,6rem) 0 clamp(2rem,3vw + 1rem,4rem);
  overflow:hidden;
}
.hero-bg {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 35%,rgba(99,102,241,.4),transparent 60%),
    radial-gradient(circle at 75% 65%,rgba(236,72,153,.35),transparent 60%),
    linear-gradient(120deg,#0f1115,#161b24);
  opacity:.9;
  pointer-events:none;
}
[data-theme="light"] .hero-bg {
  background:
    radial-gradient(circle at 25% 35%,rgba(99,102,241,.25),transparent 60%),
    radial-gradient(circle at 75% 65%,rgba(236,72,153,.25),transparent 60%),
    linear-gradient(120deg,#f8fafc,#eef2f7);
}
.hero-grid {
  display:grid;
  gap:3.5rem;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  position:relative;
  z-index:2;
}
.hero-visual {position:relative;}
.floating-card {
  position:absolute;
  bottom:4%;
  right:-4%;
  width:220px;
  padding:1rem 1.1rem .8rem;
  font-size:.75rem;
  backdrop-filter:blur(20px);
}
.floating-card ul {
  list-style:none;
  margin:.6rem 0 0;
  padding:0;
}
.floating-card li {
  display:flex;
  justify-content:space-between;
  padding:.35rem 0;
  border-bottom:1px solid var(--border-soft);
}
.floating-card li:last-child {border-bottom:none;}
.hero-meta {
  margin-top:2rem;
  flex-wrap:wrap;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.hero-meta div {display:flex;flex-direction:column;gap:.3rem; min-width:100px;}
.hero-meta strong {
  font-size:clamp(1.1rem,1rem + .6vw,1.5rem);
  font-weight:600;
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.search-form {
  margin-top:1.8rem;
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  background:var(--bg-soft);
  border:1px solid var(--border);
  padding:.6rem;
  border-radius:var(--radius-l);
}
.search-form input {
  flex:1;
  padding:.9rem 1rem;
  background:transparent;
  color:var(--text);
  font-size:.95rem;
  border:none;
  outline:none;
}
.search-form input::placeholder {color:var(--text-dim);}
.suggestions {
  margin-top:.6rem;
  display:grid;
  gap:.4rem;
}
.suggestions .suggest {
  padding:.6rem .8rem;
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--radius-s);
  font-size:.8rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
/* Make suggestion content a full-width link and color the domain text */
.suggestions .suggest .suggest-link{ 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  gap:.8rem;
  width:100%;
  color:var(--accent-solid); /* #7c5cff */
  text-decoration:none;
  font-weight:bold;
}
.suggestions .suggest .suggest-link:hover{ text-decoration:underline; }
.suggestions .suggest .suggest-link span.price{ font-weight:600; color:var(--ok); font-size:.75rem; }
.section {
  padding:clamp(3rem,5vw + 2rem,5.5rem) 0;
  position:relative;
}
.section.alt {background:var(--bg-alt);}
.section-head {margin-bottom:2.2rem;}
.section-head.center {text-align:center;}
.domain-grid {
  display:grid;
  gap:1.2rem;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
}
.section .domain-grid, .section .value-grid {width:100%; margin-inline:auto;}
/* tighten container alignment for value section */
#value-domains .domain-grid, #value-domains .value-grid {padding:0;}
#categories .pill-cloud {margin-top:1rem;}
/* Value domains reuse domain-card styling */
.value-grid {display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
.value-card {position:relative;}
.domain-card {
  position:relative;
  padding:1rem .95rem 1rem;
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--bg-soft),var(--bg));
  border-radius:var(--radius);
  display:flex;
  flex-direction:column;
  gap:.7rem;
  isolation:isolate;
  overflow:hidden;
  min-height:150px;
}
.domain-card:before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 20%,rgba(99,102,241,.22),transparent 60%);
  opacity:.7;
  pointer-events:none;
}
.domain-card h3 {
  margin:0;
  font-size:1rem;
  font-weight:600;
  letter-spacing:-.01em;
}
.domain-card .meta {
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-dim);
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
}
.domain-card .price {
  font-weight:600;
  font-size:.95rem;
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.domain-card .price-line {
  font-size:.85rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.actions {
  margin-top:auto;
  display:flex;
  gap:.4rem;
}
.actions .btn {
  flex:1;
  font-size:.7rem;
  padding:.55rem .6rem;
}
.badge-mini {
  display:inline-block;
  margin-left:.35rem;
  padding:.15rem .35rem;
  font-size:.55rem;
  letter-spacing:.08em;
  font-weight:600;
  border:1px solid var(--border);
  border-radius:4px;
  background:rgba(99,102,241,.15);
  color:var(--text-dim);
  vertical-align:middle;
}
.badge-mini:hover {background:var(--accent);color:#fff;border-color:transparent;}
.badge-mini.ga-badge {
  background:rgba(234,67,53,.15);
  color:#ea4335;
  border-color:rgba(234,67,53,.3);
}
.badge-mini.ga-badge:hover {
  background:#ea4335;
  color:#fff;
  border-color:#ea4335;
}
.card, .card-glass {
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--bg-soft);
  position:relative;
}
.card-glass {
  background:var(--bg-glass);
  backdrop-filter:blur(18px) saturate(1.5);
}
.pill-cloud {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.pill {
  padding:.55rem .9rem;
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:100px;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:var(--trans);
}
.pill:hover {background:var(--accent);color:#fff;border-color:transparent;}
.value-split .split {
  display:grid;
  gap:3rem;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.checklist {
  list-style:none;
  padding:0;
  margin:0 0 1.2rem;
  display:grid;
  gap:.65rem;
}
.checklist.small {gap:.4rem;}
.checklist li {
  position:relative;
  padding-left:1.45rem;
  font-size:.9rem;
  line-height:1.3;
}
.checklist li:before {
  content:"";
  position:absolute;
  left:0;
  top:.2rem;
  width:.95rem;height:.95rem;
  border-radius:3px;
  background:linear-gradient(120deg,#6366f1,#ec4899);
  clip-path:polygon(14% 54%,0 42%,36% 74%,100% 0,100% 20%,36% 94%);
}
.data-cards {
  display:grid;
  gap:1.2rem;
}
.grid-2 {grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}
.stat-card {
  padding:1rem 1rem .9rem;
  background:linear-gradient(145deg,var(--bg-soft),var(--bg));
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
.stat-card h3 {
  margin:0;
  font-size:1.8rem;
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.timeline {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1.3rem;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.timeline li {
  position:relative;
  padding:1.2rem 1rem 1rem;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--bg-soft),var(--bg));
}
.timeline .step {
  display:inline-flex;
  width:34px;height:34px;
  background:var(--accent);
  color:#fff;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  font-size:.85rem;
  font-weight:600;
  margin-bottom:.8rem;
  box-shadow:0 0 0 4px rgba(255,255,255,.04);
}
.trust {
  padding:3rem 0 2.6rem;
}
.logo-row {
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  align-items:center;
  filter:grayscale(1) contrast(.9) opacity(.8);
}
.testimonial-slider {
  position:relative;
  isolation:isolate;
  display:grid;
  gap:1rem;
  overflow:hidden; /* ensure full slide masking */
}
.testimonial-track {
  display:flex;
  overflow:visible; /* allow full width so last slide not clipped */
  scroll-behavior:smooth;
  gap:1.2rem;
  width:auto; /* allow track to extend naturally */
  flex-wrap:nowrap;
  padding-inline-end:1.2rem; /* space so last card fully visible */
}
.testimonial {
  flex:0 0 340px;
  border:1px solid var(--border);
  background:linear-gradient(160deg,var(--bg-soft),var(--bg));
  border-radius:var(--radius);
  padding:1.2rem 1rem 1rem;
  display:flex;
  flex-direction:column;
  gap:.8rem;
  min-height:180px;
}
.testimonial .quote {
  font-size:.9rem;
  line-height:1.4;
  font-style:italic;
}
.testimonial .author {
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:var(--text-dim);
}
.slider-btn {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:var(--bg-alt);
  border:1px solid var(--border);
  width:44px;height:44px;
  border-radius:50%;
  cursor:pointer;
  color:var(--text);
  font-size:1.2rem;
  display:flex;
  align-items:center;justify-content:center;
  transition:var(--trans);
  backdrop-filter:blur(10px);
}
.slider-btn:hover {background:var(--accent);color:#fff;border-color:transparent;}
.slider-btn.prev {left:-12px;}
.slider-btn.next {right:-12px;}
.pricing-grid {
  display:grid;
  gap:1.6rem;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.price-card {
  padding:1.4rem 1.2rem 1.3rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
  position:relative;
  overflow:hidden;
}
.price-card.highlight {
  border:1px solid transparent;
  background:
    linear-gradient(var(--bg-soft),var(--bg-soft)) padding-box,
    linear-gradient(120deg,#6366f1,#ec4899) border-box;
}
.price-card .badge {
  position:absolute;
  top:12px;right:12px;
  background:linear-gradient(90deg,#6366f1,#ec4899);
  padding:.4rem .7rem;
  font-size:.6rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-radius:100px;
  font-weight:600;
  color:#fff;
}
.price-card .price {
  font-size:2.2rem;
  margin:0;
  font-weight:600;
  display:flex;
  gap:.3rem;
  align-items:flex-end;
}
.price-card .price span {
  background:var(--accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.price-card .per {
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:600;
}
.accordion {
  display:grid;
  gap:.9rem;
}
.ac-item {
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  background:linear-gradient(180deg,var(--bg-soft),var(--bg));
}
.ac-item button {
  all:unset;
  cursor:pointer;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1rem;
  font-weight:500;
  font-size:.92rem;
  line-height:1.3;
}
.ac-item button span.ind {
  width:30px;height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:8px;
  font-size:1rem;
  color:var(--text-dim);
  transition:var(--trans);
}
.ac-item[open] button span.ind {
  background:var(--accent);
  border-color:transparent;
  color:#fff;
  transform:rotate(180deg);
}
.ac-item .panel {
  padding:0 1rem 1rem;
  font-size:.85rem;
  color:var(--text-dim);
  display:grid;
  gap:.6rem;
}
.subscribe-box {
  padding:2.4rem 2rem 2rem;
  max-width:680px;
  margin-inline:auto;
}
.newsletter-form {
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  background:var(--bg-soft);
  border:1px solid var(--border);
  padding:.6rem;
  border-radius:var(--radius-l);
}
.newsletter-form input {
  flex:1;
  padding:.85rem 1rem;
  font-size:.9rem;
  background:transparent;
  border:none;
  outline:none;
  color:var(--text);
}
.contact-form {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  padding:1.5rem 1.3rem 1.3rem;
}
.field {
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.field.full {grid-column:1 / -1;}
.field label {
  font-size:.7rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-dim);
}
.field input, .field select, .field textarea {
  background:var(--bg-alt);
  border:1px solid var(--border);
  color:var(--text);
  padding:.75rem .85rem;
  font:inherit;
  border-radius:.6rem;
  resize:vertical;
  outline:none;
  transition:var(--trans);
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color:#6366f1;
  box-shadow:0 0 0 3px rgba(99,102,241,.35);
}
.field.check {flex-direction:row;align-items:center;}
.form-actions {
  grid-column:1 / -1;
  display:flex;
  gap:1rem;
  align-items:center;
}
.status {
  font-size:.75rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.status.ok {color:var(--ok);}
.status.err {color:var(--danger);}
.site-footer {
  background:var(--bg-alt);
  margin-top:2rem;
  border-top:1px solid var(--border);
  position:relative;
}
.footer-grid {
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  padding-top:3rem;
  padding-bottom:2.2rem;
}
.footer-links {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.5rem;
  font-size:.8rem;
}
.footer-links.two-col {grid-template-columns:repeat(2,minmax(160px,1fr));}
.footer-links a {
  color:var(--text-dim);
  text-decoration:none;
}
.footer-links a:hover {color:var(--text);}
.social-row {
  display:flex;
  gap:.6rem;
  margin-top:1rem;
}
.soc {
  width:34px;height:34px;
  border:1px solid var(--border);
  background:var(--bg-soft);
  display:flex;
  align-items:center;justify-content:center;
  font-size:.7rem;
  border-radius:.6rem;
  color:var(--text-dim);
  transition:var(--trans);
  text-decoration:none;
}
.soc:hover {color:var(--text); background:var(--accent); border-color:transparent;}
.fineprint {
  font-size:.65rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-top:1rem;
}
.foot-bottom {
  border-top:1px solid var(--border);
  padding:.6rem 0;
}
.to-top {
  width:38px;height:38px;
  font-size:1rem;
}
.icon-moon:before {
  content:"🌙";
  font-size:1rem;
}
[data-theme="light"] .icon-moon:before {
  content:"☀️";
}
.to-top {
  position:relative;
  opacity:.7;
  transition:var(--trans);
}
.to-top:hover {opacity:1;background:var(--accent);color:#fff;border-color:transparent;}
/* Responsive Nav */
@media (max-width: 980px){
  .nav-toggle {
    display:inline-flex;
    background:var(--bg-alt);
    width:44px;height:44px;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border:1px solid var(--border);
    border-radius:10px;
  }
  .nav-toggle span {
    display:block;
    height:2px;
    width:100%;
    background:var(--text);
    transition:var(--trans);
  }
  .main-nav {
    position:fixed;
    top:70px;
    right:1rem;
    background:var(--bg-alt);
    border:1px solid var(--border);
    padding:1rem 1.4rem;
    border-radius:1.1rem;
    box-shadow:var(--shadow);
    display:none;
  }
  .main-nav.open {display:block;}
  .main-nav ul {flex-direction:column;gap:.9rem;}
  .main-nav {display:block !important; opacity:0; transform:translateX(28px) translateY(-6px); visibility:hidden; pointer-events:none; transition:opacity .45s ease, transform .55s cubic-bezier(.4,.2,.2,1);} 
  .main-nav.open {opacity:1; transform:translateX(0) translateY(0); visibility:visible; pointer-events:auto;} 
}
/* Slight fade for desktop dropdown feel (optional) */
@media (min-width:981px){
  .main-nav {transition:opacity .35s ease;} 
  .main-nav:focus-within, .main-nav:hover {opacity:1;}
}
@media (max-width:640px){
  .hero-meta {gap:1rem;}
  .slider-btn.prev {left:4px;}
  .slider-btn.next {right:4px;}
}
/* Animations & micro interactions */
.domain-card, .price-card, .stat-card, .timeline li, .testimonial, .ac-item {
  transform:translateY(12px);
  opacity:0;
  animation:fadeUp .8s forwards;
}
@keyframes fadeUp {
  25% {opacity:.2;}
  to {opacity:1; transform:translateY(0);}
}
.domain-card:nth-child(1){animation-delay:.05s;}
.domain-card:nth-child(2){animation-delay:.1s;}
.domain-card:nth-child(3){animation-delay:.15s;}
.domain-card:nth-child(4){animation-delay:.2s;}
/* Scrollbar Styling */
::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-track {background:var(--bg);}
::-webkit-scrollbar-thumb {background:var(--bg-alt);border-radius:100px;}
::-webkit-scrollbar-thumb:hover {background:var(--accent-solid);}
/* Light mode adjustments */
[data-theme="light"] .domain-card:before {
  background:radial-gradient(circle at 70% 20%,rgba(99,102,241,.16),transparent 60%);
}
/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .testimonial-track {transition:none !important;}
  .domain-card, .price-card, .stat-card, .timeline li, .testimonial, .ac-item {animation:none; opacity:1; transform:none;}
}
.coming-soon {
  padding:2.2rem 2rem 2.4rem;
  max-width:680px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.coming-soon .checklist {margin:0;}
.inventory-table-wrapper {overflow:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-alt); box-shadow:var(--shadow);}
.inventory-table {width:100%; border-collapse:collapse; font-size:.78rem; min-width:1100px;}
.inventory-table th, .inventory-table td {padding:.65rem .75rem; text-align:left; border-bottom:1px solid var(--border-soft); vertical-align:top;}
.inventory-table thead th {font-size:.65rem; text-transform:uppercase; letter-spacing:.09em; font-weight:600; color:var(--text-dim); position:sticky; top:0; background:var(--bg-alt); z-index:2;}
.inventory-table th.sort-asc:after, .inventory-table th.sort-desc:after {content:""; display:inline-block; margin-left:4px; border:4px solid transparent; transform:translateY(-1px);} 
.inventory-table th.sort-asc:after {border-bottom-color:var(--text-dim);} 
.inventory-table th.sort-desc:after {border-top-color:var(--text-dim);} 
.inventory-table tbody tr:hover {background:var(--bg-soft);} 
.inv-domain {font-weight:600; font-size:.82rem;}
.mini-list {list-style:none; margin:0; padding:0; display:grid; gap:.2rem;}
.mini-list.features {max-width:220px;}
.mini-list li {background:var(--bg-soft); border:1px solid var(--border); padding:.25rem .4rem; border-radius:.4rem; display:inline-block; font-size:.62rem; line-height:1.1;}
.price-small {background:var(--accent); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:600;}
.badge-ok, .badge-no {display:inline-block; padding:.25rem .5rem; font-size:.55rem; font-weight:600; letter-spacing:.08em; border-radius:.4rem; text-transform:uppercase;}
.badge-ok {background:rgba(16,185,129,.15); color:#10b981; border:1px solid rgba(16,185,129,.4);} 
.badge-no {background:rgba(239,68,68,.15); color:#ef4444; border:1px solid rgba(239,68,68,.4);} 
@media (max-width:960px){
  .inventory-table {min-width:900px;}
}
@media (max-width:680px){
  .inventory-table {min-width:860px;}
}
.pagination {margin-top:1.6rem; display:flex; justify-content:center;}
.pager {list-style:none; display:flex; gap:.6rem; padding:0; margin:0; flex-wrap:wrap; align-items:center; font-size:.7rem; letter-spacing:.06em;}
.pager li {padding:.55rem .85rem; background:var(--bg-alt); border:1px solid var(--border); border-radius:.5rem;}
.pager li.disabled {opacity:.35;}
.pager li.current {background:var(--accent); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:600; border-color:var(--border);}
.pager a.pagelink {text-decoration:none; font-weight:600; color:var(--text-dim); display:inline-block;}
.pager a.pagelink:hover {color:var(--text);}

/* Added styles */
.inv-sub {font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim); margin:0 auto .4rem;}
.inventory-table th[data-sort] {cursor:pointer; position:relative; user-select:none;}
.inventory-table th[data-sort]:hover {color:var(--text); text-decoration:underline;}

/* Inventory marketplace readability tweaks */
.inventory-table .mini-list {gap:.3rem;}
.inventory-table .mini-list li {
  font-size:.8rem; /* was .62rem */
  line-height:1.25;
  padding:.32rem .5rem; /* a bit more padding */
  background:var(--bg-soft);
  border:1px solid var(--border);
  letter-spacing:.02em;
}
[data-theme="light"] .inventory-table .mini-list li {background:#fff;}

/* Filter UI styles */
.inventory-filters {
  background:var(--card-bg,#fff);
  border:1px solid var(--border-color,#e2e5e9);
  padding:1rem 1.25rem;
  border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  margin-bottom:1.25rem;
}
.filters-form {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:flex-end;
}
.filter-row {
  display:flex;
  flex-direction:column;
  min-width:130px;
}
.filter-row label {
  font-size:.75rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:.25rem;
  color:var(--text-muted,#555);
}
.filter-row input, .filter-row select {
  background:var(--input-bg,#fff);
  border:1px solid var(--border-color,#ccc);
  border-radius:4px;
  padding:.4rem .5rem;
  font-size:.85rem;
  min-width:110px;
}
.filter-row input:focus, .filter-row select:focus {
  outline:2px solid var(--focus,#3b82f6);
  outline-offset:1px;
}
.filter-actions {
  display:flex;
  gap:.5rem;
  align-items:center;
}
.help-mini {
  font-size:.65rem;
  color:var(--text-muted,#666);
  margin-left:.4rem;
}
.price-small {
  font-weight:600;
  color:var(--accent,#0a6);
}
.mini-list {
  list-style:none;
  margin:0;
  padding:0;
}
.mini-list li {
  line-height:1.2;
  margin:0 0 .15rem;
}
.inv-domain {
  font-weight:600;
}
.btn.small {
  font-size:.7rem;
  padding:.4rem .65rem;
}
.pagination .disabled {
  opacity:.5;
}
@media (max-width:800px) {
  .filters-form {
    flex-direction:column;
    align-items:stretch;
  }
  .filter-row {
    width:100%;
  }
  .filter-row input, .filter-row select {
    width:100%;
  }
}

/* Refined filter styling */
.filters-fieldset {
  border:0;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:flex-end;
}
.filters-form {
  padding:0;
  margin:0;
}
.filter-row.inline {
  display:flex;
  align-items:center;
  gap:.4rem;
  background:var(--filter-chip-bg,#f7f9fb);
  border:1px solid var(--border-color,#d9e1e8);
  padding:.45rem .6rem .5rem;
  border-radius:6px;
}
.filter-row.inline label {
  margin:0;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.5px;
  color:var(--text-muted,#556);
  text-transform:uppercase;
}
.filter-row.inline input,
.filter-row.inline select {
  width:74px;
  font-size:.7rem;
  padding:.35rem .4rem;
  border:1px solid var(--border-color,#ccd3d9);
  border-radius:4px;
  background:var(--input-bg,#fff);
}
.filter-row.inline select {
  width:90px;
}
.filter-row.inline .sep {
  font-size:.8rem;
  color:#777;
}
.filter-actions.inline {
  display:flex;
  gap:.5rem;
}
.btn.primary {
  background:var(--accent,#2563eb);
  color:#fff;
}
.btn.primary:hover {
  background:var(--accent-hover,#1d4ed8);
}
.btn.ghost {
  background:transparent;
  color:var(--accent,#2563eb);
  border:1px solid var(--accent,#2563eb);
}
.btn.ghost:hover {
  background:var(--accent,#2563eb);
  color:#fff;
}
.inventory-filters {
  background:linear-gradient(145deg,#ffffff,#f0f4f8);
  border:1px solid var(--border-color,#d6dde4);
  padding:.8rem 1rem;
  border-radius:10px;
  box-shadow:0 2px 4px rgba(0,0,0,.04),0 0 0 3px rgba(0,0,0,0);
  transition:box-shadow .2s ease;
}
.inventory-filters:focus-within {
  box-shadow:0 2px 6px rgba(0,0,0,.08),0 0 0 3px rgba(37,99,235,.15);
}
.help-mini {
  background:#eef3f8;
  padding:.15rem .35rem;
  border-radius:3px;
  font-size:.55rem;
  font-weight:600;
  letter-spacing:.5px;
}
@media (max-width:860px) {
  .filters-fieldset {
    flex-direction:column;
    align-items:stretch;
  }
  .filter-row.inline {
    width:100%;
  }
  .filter-row.inline input,
  .filter-row.inline select {
    flex:1;
  }
  .filter-actions.inline {
    justify-content:flex-start;
  }
}

/* Override / enhance inventory filter styling */
.inventory-filters {background:var(--bg-alt);border:1px solid var(--border);padding:.9rem 1rem;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.12);}
[data-theme="light"] .inventory-filters {background:linear-gradient(145deg,#ffffff,#f3f6fa);border-color:var(--filter-chip-border);box-shadow:0 2px 4px rgba(0,0,0,.05);} 
.filters-fieldset {display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch;width:100%;}
.filter-row.inline {flex:1 1 170px;display:flex;align-items:center;gap:.5rem;background:var(--filter-chip-bg);border:1px solid var(--filter-chip-border);padding:.5rem .65rem;border-radius:8px;min-height:48px;}
.filter-row.inline label {flex:0 0 auto;font-size:.6rem;font-weight:700;letter-spacing:.5px;color:var(--filter-chip-text);text-transform:uppercase;line-height:1.1;}
.filter-row.inline input,.filter-row.inline select {flex:1 1 0;min-width:0;width:0;padding:.45rem .55rem;font-size:.7rem;border:1px solid var(--filter-chip-border);border-radius:5px;background:var(--filter-chip-input-bg);color:var(--text);}
[data-theme="light"] .filter-row.inline input,[data-theme="light"] .filter-row.inline select {color:#1a1f27;}
.filter-row.inline select {flex:1 1 120px;}
.filter-row.inline .sep {flex:0 0 auto;font-size:.75rem;color:var(--filter-chip-text);opacity:.7;}
.filter-actions.inline {flex:0 1 auto;display:flex;align-items:center;gap:.6rem;}
.filter-actions.inline .btn {height:38px;display:inline-flex;align-items:center;}
.btn.primary {background:var(--accent-solid);}
.btn.primary:hover {filter:brightness(1.15);} 
.btn.ghost {background:transparent;border:1px solid var(--accent-solid);color:var(--accent-solid);} 
.btn.ghost:hover {background:var(--accent-solid);color:#fff;}
.help-mini {background:var(--bg-soft);color:var(--text-dim);padding:.25rem .4rem;border-radius:4px;font-size:.55rem;font-weight:600;letter-spacing:.5px;}
[data-theme="light"] .help-mini {background:#eef3f8;color:#556;}
.filters-fieldset:focus-within .filter-row.inline {border-color:var(--accent-solid);}
.filter-row.inline input:focus,.filter-row.inline select:focus {outline:2px solid var(--accent-solid);outline-offset:1px;}
@media (max-width:860px){
  .filters-fieldset {flex-direction:column;}
  .filter-row.inline {flex:1 1 auto;width:100%;}
  .filter-row.inline input,.filter-row.inline select {flex:1 1 auto;}
  .filter-actions.inline {width:100%;}
}

/* Added styles */
.range-pair{display:flex;align-items:center;gap:.45rem;flex:1 1 auto;}
.range-pair input{flex:1 1 120px;min-width:120px;}
/* Widen filter inputs */
.filter-row.inline{flex:2 1 260px;}
.filter-row.inline select{flex:1 1 140px;min-width:140px;}
.range-pair input{flex:1 1 120px;min-width:120px;}
@media (max-width:860px){
  .filter-row.inline{flex:1 1 auto;}
  .range-pair input{min-width:0;}
}

/* === Inventory Filter Tweaks (post-refinement) === */
/* Make filter chip boxes less bulky while inputs feel larger */
.inventory-filters .filter-row.inline {padding:.35rem .5rem;min-height:40px;flex:1 1 190px;gap:.45rem;}
.inventory-filters .filter-row.inline label {font-size:.58rem;letter-spacing:.6px;}
.inventory-filters .filter-row.inline input,
.inventory-filters .filter-row.inline select {padding:.5rem .6rem;font-size:.78rem;line-height:1.1;flex:1 1 auto;min-width:0;}
/* Range pairs: let inputs expand and reduce excess gap */
.inventory-filters .range-pair {gap:.35rem;flex:1 1 auto;}
.inventory-filters .range-pair input {flex:1 1 0;min-width:0;}
/* Narrow the dash & helper so they don't force width */
.inventory-filters .range-pair .sep {margin:0 .1rem;font-size:.75rem;}
.inventory-filters .help-mini {padding:.18rem .35rem;font-size:.5rem;}
/* On very wide screens, prevent over-stretch */
@media (min-width:1200px){
  .inventory-filters .filter-row.inline {flex:0 1 220px;}
}
/* Compact buttons to match new height */
.inventory-filters .filter-actions.inline .btn {height:40px;padding:.55rem .85rem;font-size:.7rem;}
/* Mobile keeps full width */
@media (max-width:860px){
  .inventory-filters .filter-row.inline {flex:1 1 100%;}
}
/* === End Inventory Filter Tweaks === */

/* Incremental: widen inventory filter inputs slightly */
.inventory-filters .filter-row.inline input,
.inventory-filters .filter-row.inline select {min-width:100px;}
.inventory-filters .range-pair input {min-width:90px;}

/* === Fix: prevent filter input overflow (Age/Price) === */
.inventory-filters .filter-row.inline {white-space:normal;}
/* Slightly wider chip for range pairs */
.inventory-filters .filter-row.inline:has(.range-pair) {flex:0 1 215px;}
/* Neutralize earlier min-width expansions */
.inventory-filters .filter-row.inline input,
.inventory-filters .filter-row.inline select {min-width:0;}
/* Controlled width for dual range inputs so they stay inside chip */
.inventory-filters .range-pair {flex-wrap:nowrap;}
.inventory-filters .range-pair input {flex:0 0 78px; width:78px; min-width:0 !important;}
/* On narrow screens let them shrink */
@media (max-width:640px){
  .inventory-filters .filter-row.inline:has(.range-pair) {flex:1 1 100%;}
  .inventory-filters .range-pair input {flex:1 1 0; width:0;}
}
/* === End fix === */

/* Enlarge TLD select specifically */
.inventory-filters #fTld {
  flex:0 0 45px;
  min-width:140px;
  width:45px;
}
@media (min-width:1400px){
  .inventory-filters #fTld {
    flex:0 0 160px;
    min-width:160px;
    width:160px;
  }
}
@media (max-width:860px){
  .inventory-filters #fTld {
    flex:1 1 auto;
    min-width:0;
    width:100%;
  }
}

/* === Domain Detail Page Styles (migrated from inline) === */
.domain-hero {
  padding:clamp(2.8rem,4vw + 1.5rem,5rem) 0 2rem;
  position:relative;
  background:radial-gradient(circle at 28% 34%,rgba(99,102,241,.35),transparent 60%),
             radial-gradient(circle at 80% 70%,rgba(236,72,153,.30),transparent 65%),
             linear-gradient(120deg,var(--bg),var(--bg-alt));
}
[data-theme="light"] .domain-hero {
  background:radial-gradient(circle at 28% 34%,rgba(99,102,241,.2),transparent 60%),
             radial-gradient(circle at 80% 70%,rgba(236,72,153,.18),transparent 65%),
             linear-gradient(120deg,#f8fafc,#eef2f7);
}
.breadcrumbs {
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--text-dim);
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
}
.breadcrumbs a {color:var(--text-dim);text-decoration:none;}
.breadcrumbs a:hover {color:var(--text);}
.domain-header {
  display:flex;
  flex-direction:column;
  gap:.9rem;
  max-width:920px;
}
.domain-badges {display:flex;gap:.6rem;flex-wrap:wrap;}
.badge-chip {
  font-size:.6rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.45rem .7rem;
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:100px;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.badge-chip.good {
  background:linear-gradient(120deg,#6366f1,#ec4899);
  color:#fff;
  border-color:transparent;
}
.badge-chip.sold {
  background:linear-gradient(120deg,#b0b7c7,#8a94a7);
  color:#fff;
  border-color:transparent;
}
.domain-cta-row {display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem;}
.price-tag {
  font-size:clamp(1.4rem,1.1rem + 1vw,2.1rem);
  font-weight:600;
  background:var(--accent);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  display:flex;
  align-items:center;
  gap:.6rem;
}
.valuation-note {
  font-size:.65rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text-dim);
}
.detail-grid {
  display:grid;
  gap:2.2rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  margin-top:2.4rem;
}
.panel {
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(160deg,var(--bg-soft),var(--bg));
  padding:1.2rem 1rem 1.1rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
  position:relative;
}
.panel h3 {
  margin:0;
  font-size:.95rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--text-dim);
}
.spec-table {width:100%;border-collapse:collapse;font-size:.72rem;letter-spacing:.05em;}
.spec-table tr td:first-child {color:var(--text-dim);width:46%;padding:.45rem .4rem .45rem 0;vertical-align:top; text-transform:uppercase;}
.spec-table td {padding:.45rem .4rem .45rem 0;border-bottom:1px solid var(--border-soft); text-transform:none;}
.spec-table tr:last-child td {border-bottom:none;}
.metric-cards {display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}
.metric {
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--radius-s);
  padding:.65rem .6rem .55rem;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  position:relative;
  overflow:hidden;
}
.metric small {font-size:.55rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-dim);font-weight:600;}
.metric strong {font-size:1.05rem;font-weight:600;line-height:1;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent;}
.history-list {list-style:none;padding:0;margin:0;display:grid;gap:.9rem;font-size:.8rem;}
.history-list li {position:relative;padding-left:1.2rem;}
.history-list li:before {content:"";position:absolute;left:0;top:.35rem;width:.55rem;height:.55rem;background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:50%;box-shadow:0 0 0 4px rgba(99,102,241,.25);}
.alert {padding:.75rem .9rem;border:1px solid var(--border);background:var(--bg-alt);border-radius:.7rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:.6rem;align-items:center;}
.alert.good {border-color:#10b98155;background:linear-gradient(120deg,rgba(16,185,129,.18),rgba(16,185,129,.05));}
.alert.warn {border-color:#f59e0b66;background:linear-gradient(120deg,rgba(245,158,11,.18),rgba(245,158,11,.05));}
.note {font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);}
.similar-wrap {display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.similar-card {border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .7rem .55rem;background:linear-gradient(160deg,var(--bg-soft),var(--bg));display:flex;flex-direction:column;gap:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;}
.similar-card h4 {margin:0;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--text);}
.similar-card .price {font-weight:600;font-size:.75rem;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent;}
.divider {height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:2.6rem 0 1.4rem;}
.offer-response {font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;margin-top:.4rem;}
.for-sale-tag {
  font-size:.55rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:var(--accent);
  color:#fff;
  padding:.3rem .55rem .28rem;
  border-radius:999px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.marketplace-prices {display:flex;flex-wrap:wrap;gap:.45rem;margin:.55rem 0 0;padding:0;list-style:none;}
.marketplace-prices li {background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:.38rem .65rem .32rem;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem;line-height:1;}
.marketplace-prices li.preferred {background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;border-color:transparent;}
.marketplace-prices .mp-label {opacity:.8;font-weight:500;}
.marketplace-prices .mp-price {font-weight:600;letter-spacing:.05em;}
.marketplace-prices .badge-pref {background:rgba(255,255,255,.2);color:#fff;padding:.2rem .45rem .15rem;border-radius:6px;font-size:.5rem;letter-spacing:.12em;font-weight:600;}
.marketplace-grid {display:grid;gap:.6rem;margin:.8rem 0 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.marketplace-price {border:1px solid var(--border);background:var(--bg-alt);border-radius:var(--radius);padding:.75rem .8rem .7rem;display:flex;flex-direction:column;gap:.55rem;position:relative;}
.marketplace-price p {margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;}
.marketplace-price .mp-name {font-weight:600;color:var(--text);}
.marketplace-price .mp-amount {font-weight:700;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:.8rem;letter-spacing:.04em;}
.marketplace-price .pref-badge {background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;padding:.25rem .5rem .22rem;border-radius:999px;font-size:.5rem;letter-spacing:.12em;font-weight:600;}
.marketplace-price a.btn {align-self:flex-start;font-size:.6rem;padding:.55rem .85rem;letter-spacing:.08em;text-transform:uppercase;}
.btn.primary-outline {background:transparent;border:1px solid var(--accent-border, var(--border));color:var(--text);}
[data-theme="light"] .btn.primary-outline:hover {background:var(--bg-soft);} 
.pref-badge-inline {background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;padding:.18rem .45rem .16rem;border-radius:999px;font-size:.5rem;letter-spacing:.12em;margin-left:.4rem;font-weight:600;}
.mp-source {color:var(--text);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-soft);padding:.25rem .55rem .22rem;border:1px solid var(--border);border-radius:999px;font-weight:600;}
[data-theme='dark'] .mp-source {color:#fff;}
[data-theme='light'] .mp-source {color:#111;}
.copy-inline {margin-left:.6rem;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-dim);font-size:.55rem;padding:.35rem .6rem .32rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;}
.copy-inline.ok {background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;border-color:transparent;}
.copy-inline:focus-visible {outline:2px solid var(--accent-fg,#6366f1);outline-offset:2px;}
@media (max-width:780px){
  .price-tag {width:100%;}
  .domain-cta-row {flex-direction:column;align-items:stretch;}
}
/* === End Domain Detail Page Styles === */

/* Search chip sizing and theme-aware styles */
.inventory-filters #searchFilter {flex:0 1 220px;}
.inventory-filters #searchFilter input[type="search"]{flex:1 1 auto;min-width:120px;max-width:100%;background:var(--filter-chip-input-bg);color:var(--text);} 
/* Explicit dark vs light input background fallbacks */
:root .inventory-filters #searchFilter input[type="search"]{background:var(--filter-chip-input-bg,#1e242c);} 
[data-theme="light"] .inventory-filters #searchFilter input[type="search"]{background:var(--filter-chip-input-bg,#ffffff); color:#1a1f27;}
/* Reduce default WebKit search decorations width impact */
.inventory-filters #searchFilter input[type="search"]::-webkit-search-decoration,
.inventory-filters #searchFilter input[type="search"]::-webkit-search-cancel-button {appearance:none;}
/* Placeholder color to match theme */
.inventory-filters #searchFilter input[type="search"]::placeholder {color:var(--text-dim);}

@media (max-width:860px){
  .inventory-filters #searchFilter {flex:1 1 100%;}
}

/* utilities used by 404 */
.pad-y-xl {padding:clamp(4rem,6vw,8rem) 0;}
.muted {color:var(--text-dim);}
.wrap {flex-wrap:wrap;}
/* heading utility to apply h2 sizing to arbitrary elements */
.h2 {font-size:clamp(1.7rem,1.4rem + 1.2vw,2.4rem); font-weight:600; letter-spacing:-.02em;}

/* 404 not found card */
.nf-card {
  max-width:760px;
  margin:0 auto;
  padding:clamp(1.2rem,1rem + 2vw,2rem) clamp(1.2rem,1rem + 2vw,2.2rem);
  border:1px solid var(--border);
  background:linear-gradient(180deg,var(--bg-soft),var(--bg));
  border-radius:var(--radius-l);
  box-shadow:var(--shadow);
}
.nf-card header h1 {margin-bottom:.2rem;}
.nf-actions {display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap;}
.h5 {font-size:1rem; font-weight:600; letter-spacing:.02em; margin:0;}