/* ═══════════════════════════════════════════════════════════════════════════
   domain-pages.css  —  Merged styles for all domain-related pages
   Covers: page-domains, page-domain-register, page-domain-transfer,
           page-domain-pricing, page-whois, page-free-*-domain pages,
           and individual TLD detail pages.

   Previously these were individual CSS files. This consolidated file reduces
   HTTP requests. The originals remain in /migrated/ as rollback backups.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 1: DOMAINS HUB PAGE  (page-domains.php)
   Classes: .dom-*
   ───────────────────────────────────────────────────────────────────────────── */
.dom-hero {
  background: linear-gradient(135deg,#0f172a 0%,#1e3a8a 60%,#1d4ed8 100%);
  padding: 72px 0 64px;
  position: relative;
  overflow: hidden;
}
.dom-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 36px 36px;
}
.dom-hero-inner { position: relative; z-index: 1; }
.dom-hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: center;
}
@media(max-width:900px) {
  .dom-hero-split { grid-template-columns: 1fr; }
  .dom-hero-img-col { display: none; }
}
.dom-hero-eyebrow {
  display: inline-block;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  color: #bfdbfe;
  font-size: 12px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: 100px; padding: 5px 16px;
  margin-bottom: 20px;
}
.dom-hero h1 {
  font-size: clamp(1.9rem,3.8vw,2.8rem);
  font-weight: 900; color: #fff !important;
  line-height: 1.15; margin: 0 0 16px;
  text-shadow: 0 2px 16px rgba(0,0,0,.3);
}
.dom-hero-desc {
  font-size: 1rem; color: rgba(255,255,255,.82);
  margin: 0 0 24px; line-height: 1.75;
}
.dom-hero-checks {
  display: flex; flex-wrap: wrap;
  gap: 8px 20px; margin-bottom: 28px;
}
.dom-hero-checks span {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.9);
}
.dom-hero-checks span::before {
  content: '';
  width: 15px; height: 15px;
  background: rgba(34,197,94,.2);
  border: 1.5px solid #22c55e; border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 10px; background-repeat: no-repeat; background-position: center;
  flex-shrink: 0;
}
.dom-search-wrap { display: flex; gap: 0; }
.dom-search-input {
  flex: 1; padding: 14px 18px;
  background: rgba(255,255,255,.1);
  border: 1.5px solid rgba(255,255,255,.2);
  border-right: none;
  border-radius: 8px 0 0 8px;
  font-size: 15px; color: #fff; outline: none;
  transition: border-color .2s, background .2s;
}
.dom-search-input::placeholder { color: rgba(255,255,255,.4); }
.dom-search-input:focus { border-color: #f57200; background: rgba(255,255,255,.14); }
.dom-search-btn {
  padding: 0 24px;
  background: #f57200; border: none;
  border-radius: 0 8px 8px 0;
  color: #fff; font-size: 14px; font-weight: 700;
  cursor: pointer; white-space: nowrap;
  transition: background .18s;
}
.dom-search-btn:hover { background: #d96500; }
.dom-hero-img {
  width: 100%; border-radius: 16px; display: block;
  box-shadow: 0 24px 56px rgba(0,0,0,.35);
  animation: domHeroFloat 5s ease-in-out infinite;
}
@keyframes domHeroFloat {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}
.dom-stat-bar { background: #fff; border-bottom: 1px solid #e5e7eb; }
.dom-stat-bar-inner { display: flex; flex-wrap: wrap; justify-content: center; }
.dom-stat { flex: 1; min-width: 140px; padding: 22px 16px; text-align: center; border-right: 1px solid #e5e7eb; }
.dom-stat:last-child { border-right: none; }
.dom-stat-num { font-size: 1.7rem; font-weight: 900; color: #1d4ed8; line-height: 1; margin-bottom: 4px; }
.dom-stat-lbl { font-size: 12.5px; color: #6b7280; }
.dom-tld-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}
@media(max-width:900px) { .dom-tld-grid { grid-template-columns: repeat(3,1fr); } }
@media(max-width:580px) { .dom-tld-grid { grid-template-columns: repeat(2,1fr); } }
.dom-tld-card {
  border: 1.5px solid #e5e7eb; border-radius: 12px;
  padding: 22px 16px 18px; text-decoration: none;
  text-align: center; background: #fff;
  display: flex; flex-direction: column;
  position: relative; overflow: hidden;
  transition: border-color .18s, transform .18s, box-shadow .18s;
}
.dom-tld-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.1); }
.dom-tld-ext  { font-size: 1.75rem; font-weight: 900; margin-bottom: 6px; }
.dom-tld-price{ font-size: .88rem; font-weight: 800; color: #111; }
.dom-tld-renew{ font-size: .73rem; color: #9ca3af; }
.dom-tld-desc { font-size: .73rem; color: #6b7280; line-height: 1.45; margin: 8px 0 12px; flex: 1; }
.dom-tld-cta  { font-size: .75rem; font-weight: 700; }
.dom-tld-badge {
  position: absolute; top: 0; right: 0;
  color: #fff; font-size: 9px; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase;
  padding: 4px 10px; border-bottom-left-radius: 8px;
}
.dom-feat-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;
}
@media(max-width:900px) { .dom-feat-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px) { .dom-feat-grid { grid-template-columns: 1fr; } }
@media(max-width:767px){
  .dom-hero-img,
  .dom-hero-img-col { display:none !important; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 2: DOMAIN REGISTER PAGE  (page-domain-register.php)
   Classes: .dr-*
   ───────────────────────────────────────────────────────────────────────────── */
.dr-hero {
  background: linear-gradient(135deg,#0a0f1e 0%,#0f2156 45%,#1a3a9e 100%);
  padding: 80px 0 88px;
  position: relative;
  overflow: hidden;
}
.dr-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 52px 52px;
}
.dr-hero::after {
  content: '';
  position: absolute;
  bottom: -80px; left: -60px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(245,114,0,.18) 0%, transparent 65%);
  pointer-events: none;
}
.dr-hero-inner { position: relative; z-index: 2; }
.dr-hero-glow-tr {
  position: absolute; top: -100px; right: -80px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(99,102,241,.22) 0%, transparent 65%);
  pointer-events: none; z-index: 1;
}
.dr-hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
@media(max-width:940px) {
  .dr-hero-split { grid-template-columns: 1fr; }
  .dr-hero-right { display: none; }
}
.dr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: #bfdbfe;
  font-size: 11.5px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: 100px; padding: 6px 16px; margin-bottom: 22px;
}
.dr-hero h1 {
  font-size: clamp(2rem,4vw,3.2rem);
  font-weight: 900; color: #fff !important;
  line-height: 1.1; margin: 0 0 16px;
  text-shadow: 0 2px 20px rgba(0,0,0,.25);
}
.dr-hero-desc {
  font-size: 1rem; color: rgba(255,255,255,.78);
  max-width: 520px; margin: 0 0 24px; line-height: 1.8;
}
.dr-hero-checks {
  display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 28px;
}
.dr-hero-checks span {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.9);
}
.dr-hero-checks span::before {
  content: '';
  width: 16px; height: 16px;
  background: rgba(34,197,94,.15);
  border: 1.5px solid #22c55e; border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 9px; background-repeat: no-repeat; background-position: center;
  flex-shrink: 0;
}
.dr-search-wrap {
  display: flex; gap: 0;
  background: rgba(255,255,255,.08);
  border: 1.5px solid rgba(255,255,255,.18);
  border-radius: 12px; overflow: hidden;
  backdrop-filter: blur(6px);
  transition: border-color .22s, box-shadow .22s;
  max-width: 560px;
}
.dr-search-wrap:focus-within {
  border-color: #f57200;
  box-shadow: 0 0 0 3px rgba(245,114,0,.2);
}
.dr-search-icon {
  display: flex; align-items: center; justify-content: center;
  padding: 0 16px; color: rgba(255,255,255,.5);
  flex-shrink: 0;
}
.dr-search-input {
  flex: 1; padding: 15px 4px;
  background: transparent; border: none;
  font-size: 15px; color: #fff; outline: none;
}
.dr-search-input::placeholder { color: rgba(255,255,255,.4); }
.dr-search-btn {
  padding: 0 24px; background: #f57200; border: none;
  color: #fff; font-size: 14px; font-weight: 700;
  cursor: pointer; white-space: nowrap;
  transition: background .18s;
  display: flex; align-items: center; gap: 7px;
}
.dr-search-btn:hover { background: #d96500; }
.dr-tld-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.dr-chip {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 100px; padding: 5px 14px;
  font-size: 12.5px; font-weight: 700; color: rgba(255,255,255,.82);
  text-decoration: none;
  transition: background .15s, border-color .15s, transform .15s;
  display: inline-flex; align-items: center; gap: 6px;
}
.dr-chip:hover {
  background: rgba(245,114,0,.22); border-color: #f57200;
  color: #fff; transform: translateY(-1px);
}
.dr-chip-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .6; }
.dr-hero-right {
  position: relative;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dr-orbit-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(99,102,241,.25);
  animation: drSpin 20s linear infinite;
}
.dr-orbit-ring.r1 { width: 340px; height: 340px; }
.dr-orbit-ring.r2 { width: 460px; height: 460px; border-color: rgba(245,114,0,.15); animation-duration: 30s; animation-direction: reverse; }
@keyframes drSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.dr-globe-center {
  width: 88px; height: 88px;
  background: linear-gradient(135deg, #1d4ed8, #3b82f6);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 12px rgba(29,78,216,.15), 0 0 0 24px rgba(29,78,216,.07);
  z-index: 3; position: relative;
  animation: drPulse 3s ease-in-out infinite;
}
@keyframes drPulse {
  0%,100% { box-shadow: 0 0 0 12px rgba(29,78,216,.15), 0 0 0 24px rgba(29,78,216,.07); }
  50%      { box-shadow: 0 0 0 18px rgba(29,78,216,.1),  0 0 0 36px rgba(29,78,216,.04); }
}
.dr-domain-card {
  position: absolute;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 12px 18px;
  display: flex; align-items: center; gap: 10px;
  white-space: nowrap;
  z-index: 4;
  transition: transform .22s;
}
.dr-domain-card:hover { transform: scale(1.06); }
.dr-dc-ext { font-size: 18px; font-weight: 900; }
.dr-dc-info { display: flex; flex-direction: column; }
.dr-dc-name { font-size: 11px; font-weight: 600; color: rgba(255,255,255,.55); }
.dr-dc-price { font-size: 13px; font-weight: 800; color: #fff; }
.dr-dc-dot { width: 8px; height: 8px; border-radius: 50%; animation: drBlink 2s ease-in-out infinite; flex-shrink: 0; }
@keyframes drBlink { 0%,100%{opacity:1} 50%{opacity:.3} }
@keyframes drFloat1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes drFloat2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
@keyframes drFloat3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes drFloat4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(12px)} }
@keyframes drFloat5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.dr-kenic-badge {
  position: absolute; bottom: 18px; right: 0;
  background: linear-gradient(135deg,#f57200,#ff9500);
  color: #fff; border-radius: 12px;
  padding: 10px 16px;
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 800;
  box-shadow: 0 8px 24px rgba(245,114,0,.4);
  z-index: 5;
  animation: drFloat3 4s ease-in-out infinite;
  animation-delay: 1s;
}
.dr-stat-bar { background: #fff; border-bottom: 1px solid #e5e7eb; }
.dr-stat-bar-inner { display: flex; flex-wrap: wrap; justify-content: center; }
.dr-stat { flex:1; min-width:130px; padding:20px 14px; text-align:center; border-right:1px solid #e5e7eb; }
.dr-stat:last-child { border-right:none; }
.dr-stat-num { font-size:1.55rem; font-weight:900; color:#1d4ed8; line-height:1; margin-bottom:3px; }
.dr-stat-lbl { font-size:12px; color:#6b7280; }
.dr-tld-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:900px){ .dr-tld-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:580px){ .dr-tld-grid{ grid-template-columns:repeat(2,1fr); } }
.dr-tld-card {
  border:1.5px solid #e5e7eb; border-radius:14px;
  padding:24px 16px 18px; text-align:center; background:#fff;
  display:flex; flex-direction:column; position:relative; overflow:hidden;
  transition:border-color .18s,transform .18s,box-shadow .18s;
  text-decoration:none; color:inherit;
}
.dr-tld-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.1); }
.dr-tld-ext  { font-size:1.8rem; font-weight:900; margin-bottom:6px; }
.dr-tld-price{ font-size:.9rem; font-weight:800; color:#111; }
.dr-tld-renew{ font-size:.73rem; color:#9ca3af; margin-bottom:10px; }
.dr-tld-desc { font-size:.73rem; color:#6b7280; line-height:1.45; flex:1; margin-bottom:14px; }
.dr-tld-badge {
  position:absolute; top:0; right:0;
  color:#fff; font-size:9px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase;
  padding:4px 10px; border-bottom-left-radius:8px;
}
.dr-tld-btn {
  display:block; background:#f57200; color:#fff;
  border-radius:7px; padding:8px 10px;
  font-size:.75rem; font-weight:700; text-decoration:none;
  transition:background .15s;
}
.dr-tld-btn:hover { background:#d96500; color:#fff; }
.dr-steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media(max-width:700px){ .dr-steps-grid{ grid-template-columns:1fr 1fr; } }
.dr-feat-card {
  background:#fff; border:1.5px solid #e5e7eb; border-radius:18px; padding:28px 24px;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
.dr-feat-card:hover { border-color:rgba(37,99,235,.3); box-shadow:0 8px 28px rgba(37,99,235,.08); transform:translateY(-3px); }
@media(max-width:767px){
  .dr-hero-right { display:none !important; }
  .dr-feat-card { padding:14px 12px !important; border-radius:12px !important; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 3: DOMAIN TRANSFER PAGE  (page-domain-transfer.php)
   Classes: .dt-*
   ───────────────────────────────────────────────────────────────────────────── */
.dt-hero {
  background: linear-gradient(135deg,#0c4a6e 0%,#0f172a 50%,#064e3b 100%);
  padding: 72px 0 68px;
  position: relative;
  overflow: hidden;
}
.dt-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size: 36px 36px;
}
.dt-hero-inner { position: relative; z-index: 1; }
.dt-eyebrow {
  display: inline-block;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  color: #99f6e4;
  font-size: 11.5px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: 100px; padding: 5px 16px; margin-bottom: 20px;
}
.dt-hero h1 {
  font-size: clamp(1.9rem,3.8vw,3rem);
  font-weight: 900; color: #fff !important;
  line-height: 1.12; margin: 0 0 16px;
}
.dt-hero-desc {
  font-size: 1rem; color: rgba(255,255,255,.82);
  max-width: 600px; margin: 0 0 24px; line-height: 1.75;
}
.dt-hero-checks {
  display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 28px;
}
.dt-hero-checks span {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.92);
}
.dt-hero-checks span::before {
  content: '';
  width: 15px; height: 15px;
  background: rgba(20,184,166,.15);
  border: 1.5px solid #14b8a6; border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 9px; background-repeat: no-repeat; background-position: center;
  flex-shrink: 0;
}
.dt-form-card {
  background: rgba(255,255,255,.07);
  border: 1.5px solid rgba(255,255,255,.14);
  border-radius: 16px;
  padding: 28px 28px 24px;
  max-width: 560px;
}
.dt-form-row { display: flex; gap: 12px; margin-bottom: 12px; }
.dt-form-row input {
  flex: 1; padding: 13px 16px;
  background: rgba(255,255,255,.1);
  border: 1.5px solid rgba(255,255,255,.2);
  border-radius: 8px; font-size: 14px; color: #fff;
  outline: none; transition: border-color .2s, background .2s;
}
.dt-form-row input::placeholder { color: rgba(255,255,255,.42); }
.dt-form-row input:focus { border-color: #14b8a6; background: rgba(255,255,255,.14); }
.dt-form-submit {
  width: 100%; padding: 13px; background: #f57200; border: none;
  border-radius: 8px; color: #fff; font-size: 15px; font-weight: 700;
  cursor: pointer; transition: background .18s;
}
.dt-form-submit:hover { background: #d96500; }
.dt-hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
@media(max-width:940px){
  .dt-hero-split { grid-template-columns: 1fr; }
  .dt-hero-right { display: none; }
}
.dt-hero-right {
  position: relative;
  height: 460px;
  display: flex; align-items: center; justify-content: center;
}
.dt-orbit-ring {
  position: absolute; border-radius: 50%;
  border: 1px solid rgba(20,184,166,.22);
  animation: dtSpin 22s linear infinite;
}
.dt-orbit-ring.r1 { width: 320px; height: 320px; }
.dt-orbit-ring.r2 { width: 440px; height: 440px; border-color: rgba(245,114,0,.14); animation-duration: 32s; animation-direction: reverse; }
@keyframes dtSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.dt-shield-center {
  width: 88px; height: 88px;
  background: linear-gradient(135deg,#0d9488,#14b8a6);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 12px rgba(13,148,136,.15), 0 0 0 26px rgba(13,148,136,.07);
  z-index: 3; position: relative;
  animation: dtPulse 3s ease-in-out infinite;
}
@keyframes dtPulse {
  0%,100%{ box-shadow: 0 0 0 12px rgba(13,148,136,.15), 0 0 0 26px rgba(13,148,136,.07); }
  50%    { box-shadow: 0 0 0 20px rgba(13,148,136,.1),  0 0 0 40px rgba(13,148,136,.04); }
}
.dt-xfer-card {
  position: absolute;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  padding: 11px 16px;
  display: flex; align-items: center; gap: 10px;
  white-space: nowrap; z-index: 4;
  transition: transform .22s;
}
.dt-xfer-card:hover { transform: scale(1.06); }
.dt-xc-check {
  width: 22px; height: 22px; border-radius: 50%;
  background: rgba(34,197,94,.2); border: 1.5px solid #22c55e;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 11px;
  animation: dtBlink 2.5s ease-in-out infinite;
}
@keyframes dtBlink { 0%,100%{opacity:1} 50%{opacity:.55} }
.dt-xc-ext  { font-size: 17px; font-weight: 900; }
.dt-xc-info { display: flex; flex-direction: column; }
.dt-xc-label { font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,.5); }
.dt-xc-status{ font-size: 12.5px; font-weight: 800; color: #4ade80; }
.dt-arrow-badge {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(245,114,0,.9);
  border-radius: 50%; width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  z-index: 5; box-shadow: 0 4px 14px rgba(245,114,0,.45);
  animation: dtBounce 2s ease-in-out infinite;
}
@keyframes dtBounce { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.15)} }
@keyframes dtF1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes dtF2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(9px)} }
@keyframes dtF3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes dtF4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(11px)} }
@keyframes dtF5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.dt-stat-bar { background: #fff; border-bottom: 1px solid #e5e7eb; }
.dt-stat-bar-inner { display: flex; flex-wrap: wrap; justify-content: center; }
.dt-stat { flex:1; min-width:130px; padding:20px 14px; text-align:center; border-right:1px solid #e5e7eb; }
.dt-stat:last-child { border-right:none; }
.dt-stat-num { font-size:1.55rem; font-weight:900; color:#0d9488; line-height:1; margin-bottom:3px; }
.dt-stat-lbl { font-size:12px; color:#6b7280; }
.dt-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.dt-steps::before {
  content:''; position:absolute; top:28px; left:10%; right:10%;
  height:2px; background:linear-gradient(90deg,#14b8a6,#f57200);
  z-index:0;
}
.dt-step { text-align:center; padding:0 8px; position:relative; z-index:1; }
.dt-step-num {
  width:56px; height:56px; border-radius:50%;
  background:linear-gradient(135deg,#0d9488,#14b8a6);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:900; color:#fff;
  margin:0 auto 16px;
  box-shadow:0 4px 16px rgba(13,148,136,.35);
  border:3px solid #fff;
}
.dt-step-icon { font-size:24px; margin-bottom:10px; }
.dt-step-title { font-size:13.5px; font-weight:800; color:#0d1117; margin-bottom:6px; }
.dt-step-desc { font-size:12px; color:#6b7280; line-height:1.55; }
@media(max-width:800px){
  .dt-steps { grid-template-columns:1fr 1fr; gap:24px; }
  .dt-steps::before { display:none; }
}
@media(max-width:480px){ .dt-steps { grid-template-columns:1fr; } }
.dt-price-table-wrap { border:1.5px solid #e5e7eb; border-radius:14px; overflow:hidden; }
.dt-price-table { width:100%; border-collapse:collapse; }
.dt-price-table thead th {
  background:#f9fafb; padding:13px 18px;
  text-align:left; font-size:.78rem; font-weight:700;
  color:#6b7280; text-transform:uppercase; letter-spacing:.07em;
  border-bottom:1px solid #e5e7eb;
}
.dt-price-table thead th:not(:first-child) { text-align:right; }
.dt-price-table tbody tr { border-bottom:1px solid #f3f4f6; transition:background .12s; }
.dt-price-table tbody tr:last-child { border-bottom:none; }
.dt-price-table tbody tr:hover { background:#f0fdfa; }
.dt-price-table td { padding:13px 18px; vertical-align:middle; }
.dt-price-table td:not(:first-child) { text-align:right; }
.dt-tld-ext-cell { font-size:1rem; font-weight:900; }
.dt-xfer-btn {
  display:inline-flex; align-items:center; gap:5px;
  background:#0d9488; color:#fff;
  padding:7px 14px; border-radius:6px;
  font-size:.78rem; font-weight:700;
  text-decoration:none; white-space:nowrap;
  transition:background .15s;
}
.dt-xfer-btn:hover { background:#0f766e; color:#fff; }
.dt-feat-card {
  background:#fff; border:1.5px solid #e5e7eb; border-radius:18px; padding:28px 24px;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
.dt-feat-card:hover { border-color:rgba(13,148,136,.35); box-shadow:0 8px 28px rgba(13,148,136,.09); transform:translateY(-3px); }
.dt-info-box {
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border-radius:20px; padding:40px 40px;
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
}
@media(max-width:700px){ .dt-info-box { grid-template-columns:1fr; padding:28px 24px; } }
.dt-ba-grid, .dt-b-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media(max-width:700px){ .dt-ba-grid, .dt-b-grid { grid-template-columns:1fr; } }
@media(max-width:767px){
  .dt-hero-right { display:none !important; }
  .dt-feat-card { padding:14px 12px !important; border-radius:12px !important; }
}
@media(max-width:640px){
  .dt-price-table-wrap{overflow-x:auto;}
  .dt-price-table{min-width:540px;}
  .dt-price-table td,.dt-price-table th{padding:10px 12px;font-size:12px;}
  .dt-price-table td:nth-child(4),.dt-price-table th:nth-child(4){display:none;}
  .dt-b-grid > div, .dt-ba-grid > div{padding:20px 16px !important;}
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 4: DOMAIN PRICING PAGE  (page-domain-pricing.php)
   Classes: .dp-*
   ───────────────────────────────────────────────────────────────────────────── */
.dp-hero {
  background: linear-gradient(135deg,#0a0a12 0%,#0f172a 60%,#0a0a12 100%);
  padding: 64px 0 56px;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.dp-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 36px 36px;
}
.dp-hero-inner { position: relative; z-index: 1; }
.dp-eyebrow {
  display: inline-block;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  color: #bfdbfe;
  font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: 100px; padding: 5px 16px;
  margin-bottom: 18px;
}
.dp-hero h1 {
  font-size: clamp(1.8rem,3.8vw,2.8rem);
  font-weight: 900; color: #fff !important;
  line-height: 1.15; margin: 0 0 14px;
}
.dp-hero-desc {
  font-size: 1rem; color: rgba(255,255,255,.82);
  max-width: 520px; margin: 0 0 28px; line-height: 1.75;
}
.dp-hero-checks {
  display: flex; flex-wrap: wrap;
  justify-content: flex-start; gap: 8px 20px; margin-bottom: 28px;
}
.dp-hero-checks span {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: rgba(255,255,255,.88);
}
.dp-hero-checks span::before {
  content: '';
  width: 15px; height: 15px;
  background: rgba(34,197,94,.2);
  border: 1.5px solid #22c55e; border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 10px; background-repeat: no-repeat; background-position: center;
  flex-shrink: 0;
}
/* ── Hero split layout + image column (missing from domain-pages.css — was in orphaned page-domain-pricing.css) ── */
.dp-hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.dp-hero-text {}
.dp-hero-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dp-hero-img img {
  width: 100%;
  max-width: 520px;
  border-radius: 16px;
  display: block;
  filter: drop-shadow(0 24px 56px rgba(0,0,0,.5));
}
/* Floating TLD price badges */
.dp-tld-float {
  position: absolute;
  background: rgba(15,23,42,.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
  line-height: 1.3;
  box-shadow: 0 4px 20px rgba(0,0,0,.35);
}
.dp-tld-float span { display: block; font-size: 11px; font-weight: 600; color: rgba(255,255,255,.92); margin-top: 2px; }
.dp-tld-f1 { top: 8%;  left: 2%;  border-left: 3px solid #f57200; }
.dp-tld-f2 { top: 46%; right: 2%; transform: translateY(-50%); border-left: 3px solid #0d9488; }
.dp-tld-f3 { bottom: 8%; left: 8%; border-left: 3px solid #7c3aed; }
@media (max-width: 900px) {
  .dp-hero-split { grid-template-columns: 1fr; gap: 0; }
  .dp-hero-img   { display: none; }
  .dp-hero       { padding: 44px 0 36px; }
}
.dp-stat-bar { background: #fff; border-bottom: 1px solid #e5e7eb; }
.dp-stat-bar-inner { display: flex; flex-wrap: wrap; justify-content: center; }
.dp-stat { flex: 1; min-width: 140px; padding: 20px 16px; text-align: center; border-right: 1px solid #e5e7eb; }
.dp-stat:last-child { border-right: none; }
.dp-stat-num { font-size: 1.6rem; font-weight: 900; color: #1d4ed8; line-height: 1; margin-bottom: 3px; }
.dp-stat-lbl { font-size: 12px; color: #6b7280; }
.dp-toolbar {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 16px 0;
  position: sticky; top:var(--hg-nav-height,56px); z-index: 10;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.dp-toolbar-inner { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.dp-search {
  flex: 1; min-width: 200px;
  height: 42px; border: 1.5px solid #e5e7eb; border-radius: 8px;
  padding: 0 14px; font-size: 14px; color: #111; outline: none;
  transition: border-color .18s;
}
.dp-search:focus { border-color: #f57200; }
.dp-filter-btns { display: flex; gap: 6px; flex-wrap: wrap; }
.dp-filter-btn {
  padding: 7px 16px; border-radius: 7px;
  border: 1.5px solid #e5e7eb; background: #fff;
  font-size: 13px; font-weight: 600; color: #374151;
  cursor: pointer; transition: all .15s;
}
.dp-filter-btn:hover { border-color: #f57200; color: #f57200; }
.dp-filter-btn.active { background: #f57200; border-color: #f57200; color: #fff; }
.dp-table-wrap {
  background: #fff;
  border: 1px solid #e5e7eb; border-radius: 12px;
  overflow: hidden;
}
.dp-table { width: 100%; border-collapse: collapse; }
.dp-table thead th {
  background: #f9fafb; padding: 13px 18px;
  text-align: left; font-size: .78rem; font-weight: 700;
  color: #6b7280; text-transform: uppercase; letter-spacing: .07em;
  border-bottom: 1px solid #e5e7eb;
}
.dp-table thead th:not(:first-child) { text-align: right; }
.dp-table tbody tr { border-bottom: 1px solid #f3f4f6; transition: background .12s; }
.dp-table tbody tr:last-child { border-bottom: none; }
.dp-table tbody tr:hover { background: #fffbf7; }
.dp-table tbody tr.dp-hidden { display: none; }
.dp-table td { padding: 14px 18px; vertical-align: middle; }
.dp-table td:not(:first-child) { text-align: right; }
.dp-tld-cell { display: flex; align-items: center; gap: 12px; }
.dp-tld-ext { font-size: 1.05rem; font-weight: 900; min-width: 80px; }
.dp-tld-desc { font-size: .8rem; color: #6b7280; }
.dp-cat-badge {
  display: inline-block;
  font-size: .65rem; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 100px;
}
.dp-price-reg   { font-size: .92rem; font-weight: 700; color: #111; }
.dp-price-renew { font-size: .88rem; color: #374151; font-weight: 500; }
.dp-price-xfer  { font-size: .88rem; color: #374151; font-weight: 500; }
.dp-dash        { color: #d1d5db; }
.dp-buy-btn {
  display: inline-flex; align-items: center; gap: 5px;
  background: #f57200; color: #fff;
  padding: 7px 16px; border-radius: 6px;
  font-size: .78rem; font-weight: 700;
  text-decoration: none; white-space: nowrap;
  transition: background .15s;
}
.dp-buy-btn:hover { background: #d96500; color: #fff; }
.dp-no-results {
  display: none; text-align: center;
  padding: 48px 20px; color: #9ca3af; font-size: .95rem;
}
@media(max-width:700px) {
  .dp-table .dp-col-xfer { display: none; }
  .dp-tld-desc { display: none; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 5: WHOIS PAGE  (page-whois.php)
   Classes: .wi-*
   ───────────────────────────────────────────────────────────────────────────── */
.eyebrow-wi{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;}
.wi-hero{background:var(--navy);padding:80px 0 72px;position:relative;overflow:hidden;}
.wi-hero::before{content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 55% at 20% 45%,rgba(245,114,0,.11) 0%,transparent 60%),
    radial-gradient(ellipse 50% 45% at 80% 35%,rgba(37,99,235,.08) 0%,transparent 55%);}
.wi-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;}
.wi-hero-inner{position:relative;z-index:1;text-align:center;}
.wi-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,114,0,.12);border:1px solid rgba(245,114,0,.3);border-radius:100px;padding:7px 16px;margin-bottom:20px;font-size:12px;font-weight:700;color:#fed7aa;}
.wi-hero h1{font-size:clamp(2rem,4vw,3.2rem)!important;font-weight:900!important;line-height:1.1!important;color:#fff!important;margin:0 0 14px!important;letter-spacing:-.025em;}
.wi-grad{background:linear-gradient(100deg,#fed7aa 0%,var(--orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.wi-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.65);max-width:520px;margin:0 auto 32px;line-height:1.8;}
.wi-form-wrap{max-width:680px;margin:0 auto 18px;}
.wi-form{display:flex;background:rgba(255,255,255,.98);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.15);}
.wi-form input[type=text]{flex:1;height:62px;border:none;outline:none;padding:0 22px;font-size:15.5px;color:#0d1117;background:transparent;}
.wi-form input::placeholder{color:#9ca3af;}
.wi-form button{height:62px;background:var(--orange);border:none;color:#fff;font-size:14px;font-weight:800;padding:0 32px;cursor:pointer;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;transition:background .2s;flex-shrink:0;}
.wi-form button:hover{background:var(--od);}
.wi-form button svg{vertical-align:middle;margin-right:6px;}
.wi-tld-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;}
.wi-tld-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:5px 14px;font-size:12px;font-weight:700;color:rgba(255,255,255,.8);text-decoration:none;transition:background .15s,border-color .15s;}
.wi-tld-chip:hover{background:rgba(245,114,0,.2);border-color:rgba(245,114,0,.5);color:#fff;}
.wi-tld-chip.featured{background:rgba(245,114,0,.15);border-color:rgba(245,114,0,.4);color:#fed7aa;}
.wi-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:24px;}
.wi-trust-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.75);}
.wi-stat-bar{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:20px 0;}
.wi-stat-inner{display:flex;flex-wrap:wrap;justify-content:center;}
.wi-stat-item{display:flex;align-items:center;gap:10px;padding:8px 36px;border-right:1px solid #e5e7eb;}
.wi-stat-item:last-child{border-right:none;}
.wi-stat-num{font-size:1.4rem;font-weight:900;color:#0d1117;line-height:1;}
.wi-stat-lbl{font-size:12px;color:var(--muted);line-height:1.3;}
@media(max-width:700px){.wi-stat-item{border-right:none;padding:8px 16px;}}
.wi-what{background:#fff;padding:96px 0;border-top:1px solid #e5e7eb;}
.wi-what-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:flex-start;margin-top:52px;}
@media(max-width:800px){.wi-what-grid{grid-template-columns:1fr;gap:40px;}}
.wi-data-list{display:flex;flex-direction:column;gap:0;}
.wi-data-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #f3f4f6;transition:background .15s;}
.wi-data-item:first-child{padding-top:0;}
.wi-data-item:last-child{border-bottom:none;padding-bottom:0;}
.wi-data-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wi-data-title{font-size:14px;font-weight:800;color:#0d1117;margin-bottom:3px;}
.wi-data-desc{font-size:13px;color:var(--muted);line-height:1.6;}
.wi-sample-card{background:var(--navy);border-radius:18px;overflow:hidden;}
.wi-sample-bar{background:rgba(255,255,255,.06);padding:12px 18px;display:flex;align-items:center;gap:10px;}
.wi-sample-dots{display:flex;gap:6px;}
.wi-sample-dot{width:10px;height:10px;border-radius:50%;}
.wi-sample-title{font-size:12px;font-weight:700;color:rgba(255,255,255,.65);margin-left:6px;}
.wi-sample-body{padding:22px 24px;font-family:'Courier New',Courier,monospace;font-size:12.5px;line-height:1.9;}
.wi-sample-line{display:flex;gap:12px;}
.wi-key{color:rgba(255,255,255,.65);min-width:190px;flex-shrink:0;}
.wi-val{color:#fff;font-weight:600;}
.wi-val.green{color:#4ade80;}
.wi-val.orange{color:#fb923c;}
.wi-val.blue{color:#60a5fa;}
.wi-val.red{color:#f87171;}
.wi-sample-divider{height:1px;background:rgba(255,255,255,.06);margin:12px 0;}
.wi-status-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.3);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:700;color:#4ade80;font-family:inherit;margin-top:12px;}
.wi-how{background:#f9fafb;padding:96px 0;border-top:1px solid #e5e7eb;}
.wi-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;}
@media(max-width:900px){.wi-how-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.wi-how-grid{grid-template-columns:1fr;}}
.wi-hc{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 22px;transition:border-color .2s,transform .2s;}
.wi-hc:hover{border-color:var(--orange);transform:translateY(-3px);}
.wi-hc-num{width:36px;height:36px;border-radius:9px;background:rgba(245,114,0,.1);border:1px solid rgba(245,114,0,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--orange);margin-bottom:14px;}
.wi-hc-title{font-size:14.5px;font-weight:800;color:#0d1117;margin-bottom:7px;}
.wi-hc-desc{font-size:13px;color:var(--muted);line-height:1.7;}
.wi-uses{background:#fff;padding:96px 0;border-top:1px solid #e5e7eb;}
.wi-uses-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px;}
@media(max-width:700px){.wi-uses-grid{grid-template-columns:1fr;}}
.wi-uc{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px 22px;display:flex;align-items:flex-start;gap:16px;transition:border-color .2s,transform .2s;}
.wi-uc:hover{border-color:var(--orange);transform:translateX(4px);}
.wi-uc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wi-uc-title{font-size:14.5px;font-weight:800;color:#0d1117;margin-bottom:5px;}
.wi-uc-desc{font-size:13px;color:var(--muted);line-height:1.7;}
.wi-avail{background:var(--navy2);padding:96px 0;border-top:1px solid rgba(255,255,255,.06);}
.wi-avail-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
@media(max-width:800px){.wi-avail-inner{grid-template-columns:1fr;gap:40px;}}
.wi-avail-form-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:32px;}
.wi-avail-form{display:flex;background:rgba(255,255,255,.95);border-radius:10px;overflow:hidden;margin-bottom:18px;}
.wi-avail-form input{flex:1;height:52px;border:none;outline:none;padding:0 18px;font-size:14.5px;color:#0d1117;background:transparent;}
.wi-avail-form input::placeholder{color:#9ca3af;}
.wi-avail-form button{height:52px;background:var(--orange);border:none;color:#fff;font-size:13.5px;font-weight:700;padding:0 24px;cursor:pointer;white-space:nowrap;transition:background .2s;}
.wi-avail-form button:hover{background:var(--od);}
.wi-tld-quick{display:flex;flex-wrap:wrap;gap:7px;}
.wi-tld-q{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);text-decoration:none;transition:background .15s,border-color .15s;}
.wi-tld-q:hover{background:rgba(245,114,0,.15);border-color:rgba(245,114,0,.4);color:#fed7aa;}
.wi-priv{background:#fff;padding:96px 0;border-top:1px solid #e5e7eb;}
.wi-priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
@media(max-width:800px){.wi-priv-grid{grid-template-columns:1fr;gap:40px;}}
.wi-priv-before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.wi-pba-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;padding:18px;}
.wi-pba-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;padding:4px 10px;border-radius:100px;display:inline-block;}
.wi-pba-row{font-size:12px;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.05);color:#374151;}
.wi-pba-row:last-child{border-bottom:none;}
.wi-pba-row.hidden{color:#9ca3af;font-style:italic;}
.wi-faq{background:#f9fafb;padding:96px 0;border-top:1px solid #e5e7eb;}
.wi-faq-wrap{max-width:780px;margin:48px auto 0;}
.faq-arrow{color:var(--orange);font-size:14px;transition:transform .22s;flex-shrink:0;margin-left:12px;}
.wi-cta{background:var(--navy);padding:96px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);}
.wi-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 60% at 50% 55%,rgba(245,114,0,.12) 0%,transparent 65%);}
.wi-cta-inner{position:relative;z-index:1;max-width:580px;margin:0 auto;}
.wi-cta h2{font-size:clamp(1.9rem,3.5vw,2.8rem)!important;font-weight:900!important;color:#fff!important;margin:0 0 14px!important;}
.wi-cta p{font-size:1rem;color:rgba(255,255,255,.65);margin:0 0 32px;line-height:1.8;}
@media (max-width: 767px) {
    .wi-avail-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
    .wi-sample-card { width: 100%; border-radius: 12px; overflow: hidden; }
    .wi-sample-bar { padding: 10px 14px; flex-wrap: nowrap; }
    .wi-sample-title { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; }
    .wi-sample-body { padding: 14px 14px; font-size: 10.5px; line-height: 1.7; }
    .wi-sample-line { display: flex; gap: 6px; flex-wrap: wrap; align-items: baseline; }
    .wi-key { min-width: 120px !important; font-size: 10px !important; flex-shrink: 0; }
    .wi-val { font-size: 10px !important; word-break: break-all; flex: 1; }
    .wi-sample-divider { margin: 8px 0; }
    .wi-sample-dot { width: 8px !important; height: 8px !important; }
    .wi-status-badge { font-size: 10.5px; padding: 5px 10px; margin-top: 10px; }
}
@media (max-width: 480px) {
    .wi-sample-body { font-size: 9.5px !important; padding: 12px 10px !important; }
    .wi-key { min-width: 100px !important; font-size: 9px !important; }
    .wi-val { font-size: 9px !important; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 6: FREE DOMAIN LANDING PAGES
   (page-free-com-domain, page-free-domain-hub, page-free-domain-with-hosting,
    page-free-ke-domain)  —  These pages use hgp-* classes from hg-core.css
    plus free-domain-specific classes prefixed .fd-, .fdk-, .fdc-, .fdh-
   ───────────────────────────────────────────────────────────────────────────── */
/* Free domain pages share the hgp-* system; most layout comes from hg-core.css.
   Any free-domain-specific overrides go here. */
.fssl-hero { background: #0f172a; padding: 96px 0 80px; position: relative; overflow: hidden; }
.fssl-hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 65% 55% at 15% 40%, rgba(22,163,74,.13) 0%, transparent 60%),
    radial-gradient(ellipse 50% 45% at 85% 65%, rgba(37,99,235,.09) 0%, transparent 55%);
  pointer-events: none;
}
.fssl-hero::after {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 34px 34px;
  pointer-events: none;
}
.fssl-hero-inner { position: relative; z-index: 1; }
.fssl-hero h1 { color: #fff !important; }
.fssl-hero p  { color: rgba(255,255,255,.74) !important; }

/* ===============================================================
   MOBILE FIXES — Audited June 2026
   =============================================================== */
/* M18: toolbar sticky top on mobile */
@media (max-width: 767px) { .dp-toolbar { top: var(--hg-nav-height-mobile, 48px); } }

/* M19: WHOIS form buttons */
.wi-form .wi-btn, .wi-avail-form .wi-avail-btn { flex-shrink: 0; max-width: 140px; }
@media (max-width: 480px) {
  .wi-form, .wi-avail-form { flex-wrap: wrap; }
  .wi-form .wi-btn, .wi-avail-form .wi-avail-btn { max-width: 100%; width: 100%; }
}

/* M20: privacy comparison — 1-col on small phones */
@media (max-width: 600px) { .wi-priv-before-after { grid-template-columns: 1fr; } }