/* MiDomain theme system: Marketplace (default) + Premium AI */
:root{
  --mg-teal:#00A4E0;
  --mg-teal-dk:#0077B6;
  --mg-teal-lt:#E8F7FD;
  --mg-teal-md:#B2DFF7;
  --mg-orange:#F28500;
  --mg-orange-dk:#D4750A;
  --mg-orange-lt:#FFF3E0;
  --mg-navy:#023E8A;
  --mg-navy-dk:#012A60;
  --mg-white:#FFFFFF;
  --mg-off:#F4FBFF;
  --mg-gray:#F0F6FA;
  --mg-text:#1A2332;
  --mg-text-md:#4A5A72;
  --mg-text-lt:#718096;
  --mg-border:#C8E8F5;
  --mg-border-md:#90CDE8;
  --mg-green:#2A7A2A;
  --mg-shadow:0 8px 24px rgba(0,72,140,.08);
  --mg-shadow-2:0 12px 28px rgba(0,72,140,.14);

  --fx-blue:#071a53;
  --fx-blue-2:#0d2c86;
  --fx-cyan:#8fd3f4;
  --fx-sky:#cfefff;
  --fx-orange:#f7a823;
  --fx-gold:#f3c553;
  --fx-bg-0:#050b1f;
  --fx-bg-1:#081437;
  --fx-bg-2:#102c74;
  --fx-text-1:#f2f7ff;
  --fx-text-2:rgba(242,247,255,.90);
  --fx-text-3:rgba(242,247,255,.76);
  --fx-border-1:rgba(143,211,244,.18);
  --fx-shadow:0 18px 42px rgba(0,0,0,.22);
}

html{background:var(--mg-off);}

body{
  font-family:'Inter','Segoe UI',Arial,sans-serif !important;
  transition:background .25s ease,color .25s ease;
}

h1,h2,h3,h4,.logo-text,.nav-brand .logo-text,.footer-brand .logo-text,.hero-badge,.sec-label,.domain-name,.domain-hero-name,.page-hero h1{
  font-family:'Sora','Inter','Segoe UI',Arial,sans-serif !important;
}

body[data-view="marketplace"],
body:not([data-view]){
  color:var(--mg-text) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(0,164,224,.10), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, var(--mg-off) 42%, #edf6fb 100%) !important;
}
body[data-view="marketplace"] a,
body:not([data-view]) a{
  color:var(--mg-teal-dk) !important;
}
body[data-view="marketplace"] a:hover,
body:not([data-view]) a:hover{
  color:var(--mg-navy) !important;
}

body[data-view="marketplace"] nav,
body:not([data-view]) nav{
  background:linear-gradient(135deg,var(--mg-navy-dk) 0%,var(--mg-navy) 45%,var(--mg-teal-dk) 100%) !important;
  border-bottom:2px solid var(--mg-orange) !important;
  box-shadow:0 6px 18px rgba(0,50,120,.22) !important;
}
body[data-view="marketplace"] .nav-brand .logo-text,
body[data-view="marketplace"] .logo-text,
body:not([data-view]) .nav-brand .logo-text,
body:not([data-view]) .logo-text{
  color:#fff !important;
  letter-spacing:-.6px;
}
body[data-view="marketplace"] .nav-brand .logo-text span,
body[data-view="marketplace"] .logo-text span,
body[data-view="marketplace"] .footer-brand .logo-text span,
body[data-view="marketplace"] .domain-name span,
body[data-view="marketplace"] .domain-hero-name span,
body:not([data-view]) .nav-brand .logo-text span,
body:not([data-view]) .logo-text span,
body:not([data-view]) .footer-brand .logo-text span,
body:not([data-view]) .domain-name span,
body:not([data-view]) .domain-hero-name span{
  color:var(--mg-orange) !important;
}
body[data-view="marketplace"] .nav-brand .logo-sub,
body:not([data-view]) .nav-brand .logo-sub{
  color:rgba(255,255,255,.72) !important;
}
body[data-view="marketplace"] .nav-links,
body:not([data-view]) .nav-links{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
body[data-view="marketplace"] .nav-links a,
body:not([data-view]) .nav-links a{
  color:rgba(255,255,255,.92) !important;
  border-radius:5px;
  transition:all .18s ease;
}
body[data-view="marketplace"] .nav-links a:hover,
body:not([data-view]) .nav-links a:hover{
  background:rgba(255,255,255,.10) !important;
  text-decoration:none !important;
}
body[data-view="marketplace"] .nav-links a.nav-cta,
body[data-view="marketplace"] .nav-links a.cta,
body[data-view="marketplace"] .path-btn.primary,
body[data-view="marketplace"] .btn-primary,
body[data-view="marketplace"] .btn-teal,
body[data-view="marketplace"] .submit-btn,
body[data-view="marketplace"] .nl-form button,
body:not([data-view]) .nav-links a.nav-cta,
body:not([data-view]) .nav-links a.cta,
body:not([data-view]) .path-btn.primary,
body:not([data-view]) .btn-primary,
body:not([data-view]) .btn-teal,
body:not([data-view]) .submit-btn,
body:not([data-view]) .nl-form button{
  background:var(--mg-orange) !important;
  color:#fff !important;
  border:1px solid var(--mg-orange-dk) !important;
  box-shadow:none !important;
}
body[data-view="marketplace"] .nav-links a.nav-cta:hover,
body[data-view="marketplace"] .nav-links a.cta:hover,
body[data-view="marketplace"] .path-btn.primary:hover,
body[data-view="marketplace"] .btn-primary:hover,
body[data-view="marketplace"] .btn-teal:hover,
body[data-view="marketplace"] .submit-btn:hover,
body[data-view="marketplace"] .nl-form button:hover,
body:not([data-view]) .nav-links a.nav-cta:hover,
body:not([data-view]) .nav-links a.cta:hover,
body:not([data-view]) .path-btn.primary:hover,
body:not([data-view]) .btn-primary:hover,
body:not([data-view]) .btn-teal:hover,
body:not([data-view]) .submit-btn:hover,
body:not([data-view]) .nl-form button:hover{
  background:var(--mg-orange-dk) !important;
}

body[data-view="marketplace"] .domain-btn,
body[data-view="marketplace"] .btn-outline,
body[data-view="marketplace"] .path-btn.secondary,
body:not([data-view]) .domain-btn,
body:not([data-view]) .btn-outline,
body:not([data-view]) .path-btn.secondary{
  background:#fff !important;
  color:var(--mg-teal-dk) !important;
  border:1px solid var(--mg-teal) !important;
  box-shadow:none !important;
}
body[data-view="marketplace"] .domain-btn:hover,
body[data-view="marketplace"] .btn-outline:hover,
body[data-view="marketplace"] .path-btn.secondary:hover,
body:not([data-view]) .domain-btn:hover,
body:not([data-view]) .btn-outline:hover,
body:not([data-view]) .path-btn.secondary:hover{
  background:var(--mg-teal) !important;
  color:#fff !important;
  text-decoration:none !important;
}

body[data-view="marketplace"] .hero,
body:not([data-view]) .hero{
  min-height:auto !important;
  background:
    linear-gradient(135deg,var(--mg-navy-dk),var(--mg-navy),var(--mg-teal-dk)) !important;
  padding-top:72px !important;
  padding-bottom:64px !important;
  border-bottom:1px solid rgba(2,62,138,.16) !important;
  position:relative;
}
body[data-view="marketplace"] .hero::before,
body:not([data-view]) .hero::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.18));
  opacity:.55;
}
body[data-view="marketplace"] .hero::after,
body:not([data-view]) .hero::after{
  display:none !important;
}
body[data-view="marketplace"] .hero-inner,
body:not([data-view]) .hero-inner{
  max-width:1100px !important;
}
body[data-view="marketplace"] .hero-badge,
body:not([data-view]) .hero-badge{
  background:rgba(242,133,0,.14) !important;
  border:1px solid rgba(242,133,0,.35) !important;
  color:#fff !important;
  letter-spacing:2px !important;
}
body[data-view="marketplace"] .hero h1,
body[data-view="marketplace"] .page-hero h1,
body[data-view="marketplace"] .domain-hero-name,
body:not([data-view]) .hero h1,
body:not([data-view]) .page-hero h1,
body:not([data-view]) .domain-hero-name{
  color:#fff !important;
}
body[data-view="marketplace"] .hero h1 .accent,
body:not([data-view]) .hero h1 .accent{
  color:var(--mg-orange) !important;
}
body[data-view="marketplace"] .hero-sub,
body[data-view="marketplace"] .page-hero p,
body[data-view="marketplace"] .tagline,
body:not([data-view]) .hero-sub,
body:not([data-view]) .page-hero p,
body:not([data-view]) .tagline{
  color:rgba(255,255,255,.86) !important;
}
body[data-view="marketplace"] .hero-stat .num,
body[data-view="marketplace"] .domain-price,
body[data-view="marketplace"] .sec-label,
body[data-view="marketplace"] .step-num,
body[data-view="marketplace"] .step-n,
body[data-view="marketplace"] .proc-num,
body:not([data-view]) .hero-stat .num,
body:not([data-view]) .domain-price,
body:not([data-view]) .sec-label,
body:not([data-view]) .step-num,
body:not([data-view]) .step-n,
body:not([data-view]) .proc-num{
  color:var(--mg-orange) !important;
}
body[data-view="marketplace"] .hero-stat .lbl,
body:not([data-view]) .hero-stat .lbl{
  color:rgba(255,255,255,.78) !important;
}

body[data-view="marketplace"] .paths,
body:not([data-view]) .paths{
  max-width:980px !important;
}
body[data-view="marketplace"] .path-card,
body[data-view="marketplace"] .domain-card,
body[data-view="marketplace"] .why-card,
body[data-view="marketplace"] .source-form,
body[data-view="marketplace"] .info-box,
body[data-view="marketplace"] .mini-card,
body[data-view="marketplace"] .offer-box,
body[data-view="marketplace"] .cta-box,
body[data-view="marketplace"] .callout,
body[data-view="marketplace"] .ai-assistant-panel,
body[data-view="marketplace"] .faq-item,
body[data-view="marketplace"] #sold > div > div,
body:not([data-view]) .path-card,
body:not([data-view]) .domain-card,
body:not([data-view]) .why-card,
body:not([data-view]) .source-form,
body:not([data-view]) .info-box,
body:not([data-view]) .mini-card,
body:not([data-view]) .offer-box,
body:not([data-view]) .cta-box,
body:not([data-view]) .callout,
body:not([data-view]) .ai-assistant-panel,
body:not([data-view]) .faq-item,
body:not([data-view]) #sold > div > div{
  background:#fff !important;
  border:1px solid var(--mg-border) !important;
  box-shadow:var(--mg-shadow) !important;
  backdrop-filter:none !important;
}
body[data-view="marketplace"] .path-card:hover,
body[data-view="marketplace"] .domain-card:hover,
body[data-view="marketplace"] .why-card:hover,
body[data-view="marketplace"] .mini-card:hover,
body:not([data-view]) .path-card:hover,
body:not([data-view]) .domain-card:hover,
body:not([data-view]) .why-card:hover,
body:not([data-view]) .mini-card:hover{
  transform:translateY(-2px) !important;
  border-color:var(--mg-teal-md) !important;
  box-shadow:var(--mg-shadow-2) !important;
}

body[data-view="marketplace"] section,
body[data-view="marketplace"] footer,
body[data-view="marketplace"] .container,
body[data-view="marketplace"] .page-wrap,
body:not([data-view]) section,
body:not([data-view]) footer,
body:not([data-view]) .container,
body:not([data-view]) .page-wrap{
  position:relative;
}
body[data-view="marketplace"] #featured,
body[data-view="marketplace"] #process,
body[data-view="marketplace"] #pricing,
body[data-view="marketplace"] #sold,
body[data-view="marketplace"] .container,
body:not([data-view]) #featured,
body:not([data-view]) #process,
body:not([data-view]) #pricing,
body:not([data-view]) #sold,
body:not([data-view]) .container{
  background:transparent !important;
}
body[data-view="marketplace"] #source,
body[data-view="marketplace"] #why,
body[data-view="marketplace"] #contact,
body[data-view="marketplace"] .nl-strip,
body[data-view="marketplace"] .cta-section,
body[data-view="marketplace"] footer,
body:not([data-view]) #source,
body:not([data-view]) #why,
body:not([data-view]) #contact,
body:not([data-view]) .nl-strip,
body:not([data-view]) .cta-section,
body:not([data-view]) footer{
  background:linear-gradient(180deg, rgba(232,247,253,.75), rgba(244,251,255,.95)) !important;
  border-top:1px solid rgba(200,232,245,.65) !important;
}
body[data-view="marketplace"] .page-hero,
body[data-view="marketplace"] .compact-hero,
body[data-view="marketplace"] .hero + section,
body:not([data-view]) .page-hero,
body:not([data-view]) .compact-hero,
body:not([data-view]) .hero + section{
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(232,247,253,.65)) !important;
}
body[data-view="marketplace"] .page-hero,
body[data-view="marketplace"] .compact-hero,
body:not([data-view]) .page-hero,
body:not([data-view]) .compact-hero{
  border-bottom:1px solid rgba(200,232,245,.85) !important;
}

body[data-view="marketplace"] .sec-title,
body[data-view="marketplace"] h2,
body[data-view="marketplace"] .step-body h4,
body[data-view="marketplace"] .why-card h3,
body[data-view="marketplace"] .source-form h3,
body[data-view="marketplace"] .offer-box h3,
body[data-view="marketplace"] .cta-box h3,
body[data-view="marketplace"] .also-like h3,
body[data-view="marketplace"] .faq-q,
body[data-view="marketplace"] .path-card h3,
body[data-view="marketplace"] .domain-name,
body[data-view="marketplace"] .mini-name,
body[data-view="marketplace"] .info-box p,
body:not([data-view]) .sec-title,
body:not([data-view]) h2,
body:not([data-view]) .step-body h4,
body:not([data-view]) .why-card h3,
body:not([data-view]) .source-form h3,
body:not([data-view]) .offer-box h3,
body:not([data-view]) .cta-box h3,
body:not([data-view]) .also-like h3,
body:not([data-view]) .faq-q,
body:not([data-view]) .path-card h3,
body:not([data-view]) .domain-name,
body:not([data-view]) .mini-name,
body:not([data-view]) .info-box p{
  color:var(--mg-navy) !important;
}
body[data-view="marketplace"] .sec-sub,
body[data-view="marketplace"] .domain-desc,
body[data-view="marketplace"] p,
body[data-view="marketplace"] .step-body p,
body[data-view="marketplace"] .faq-a,
body[data-view="marketplace"] .path-card p,
body[data-view="marketplace"] .why-card p,
body[data-view="marketplace"] .source-form p,
body[data-view="marketplace"] .mini-cat,
body[data-view="marketplace"] .domain-cat,
body[data-view="marketplace"] .info-box h3,
body[data-view="marketplace"] .hero-sub,
body[data-view="marketplace"] .footer-bottom p,
body[data-view="marketplace"] .footer-col a,
body[data-view="marketplace"] .footer-brand p,
body[data-view="marketplace"] ul li,
body:not([data-view]) .sec-sub,
body:not([data-view]) .domain-desc,
body:not([data-view]) p,
body:not([data-view]) .step-body p,
body:not([data-view]) .faq-a,
body:not([data-view]) .path-card p,
body:not([data-view]) .why-card p,
body:not([data-view]) .source-form p,
body:not([data-view]) .mini-cat,
body:not([data-view]) .domain-cat,
body:not([data-view]) .info-box h3,
body:not([data-view]) .hero-sub,
body:not([data-view]) .footer-bottom p,
body:not([data-view]) .footer-col a,
body:not([data-view]) .footer-brand p,
body:not([data-view]) ul li{
  color:var(--mg-text-md) !important;
}
body[data-view="marketplace"] .footer-col h4,
body:not([data-view]) .footer-col h4{
  color:var(--mg-text-lt) !important;
}
body[data-view="marketplace"] .footer-col a:hover,
body[data-view="marketplace"] .mini-btn,
body[data-view="marketplace"] .offer-box a,
body[data-view="marketplace"] .footer-bottom a,
body[data-view="marketplace"] .faq-a a,
body:not([data-view]) .footer-col a:hover,
body:not([data-view]) .mini-btn,
body:not([data-view]) .offer-box a,
body:not([data-view]) .footer-bottom a,
body:not([data-view]) .faq-a a{
  color:var(--mg-teal-dk) !important;
}
body[data-view="marketplace"] .badge.premium,
body:not([data-view]) .badge.premium{
  background:var(--mg-orange-lt) !important;
  color:var(--mg-orange-dk) !important;
  border:1px solid rgba(242,133,0,.28) !important;
}
body[data-view="marketplace"] .badge.hot,
body:not([data-view]) .badge.hot{
  background:#FFEAEA !important;
  color:#CC2929 !important;
  border:1px solid rgba(204,41,41,.20) !important;
}
body[data-view="marketplace"] .badge.new,
body:not([data-view]) .badge.new{
  background:var(--mg-teal-lt) !important;
  color:var(--mg-teal-dk) !important;
  border:1px solid rgba(0,164,224,.20) !important;
}
body[data-view="marketplace"] .callout,
body[data-view="marketplace"] .offer-box,
body[data-view="marketplace"] .cta-box,
body:not([data-view]) .callout,
body:not([data-view]) .offer-box,
body:not([data-view]) .cta-box{
  border-left:4px solid var(--mg-orange) !important;
}
body[data-view="marketplace"] .step-num,
body[data-view="marketplace"] .step-n,
body[data-view="marketplace"] .proc-num,
body:not([data-view]) .step-num,
body:not([data-view]) .step-n,
body:not([data-view]) .proc-num{
  background:var(--mg-orange-lt) !important;
  border:1px solid rgba(242,133,0,.25) !important;
  box-shadow:none !important;
}
body[data-view="marketplace"] .form-field label,
body:not([data-view]) .form-field label{
  color:var(--mg-text-lt) !important;
}
body[data-view="marketplace"] .form-field input,
body[data-view="marketplace"] .form-field select,
body[data-view="marketplace"] .form-field textarea,
body[data-view="marketplace"] .nl-form input,
body:not([data-view]) .form-field input,
body:not([data-view]) .form-field select,
body:not([data-view]) .form-field textarea,
body:not([data-view]) .nl-form input{
  background:#fff !important;
  border:1px solid var(--mg-border-md) !important;
  color:var(--mg-text) !important;
}
body[data-view="marketplace"] .form-field input:focus,
body[data-view="marketplace"] .form-field select:focus,
body[data-view="marketplace"] .form-field textarea:focus,
body[data-view="marketplace"] .nl-form input:focus,
body:not([data-view]) .form-field input:focus,
body:not([data-view]) .form-field select:focus,
body:not([data-view]) .form-field textarea:focus,
body:not([data-view]) .nl-form input:focus{
  outline:none !important;
  border-color:var(--mg-teal) !important;
  box-shadow:0 0 0 4px rgba(0,164,224,.10) !important;
}
body[data-view="marketplace"] .pt-row,
body:not([data-view]) .pt-row{
  background:var(--mg-border) !important;
}
body[data-view="marketplace"] .pt-cell,
body:not([data-view]) .pt-cell{
  background:#fff !important;
}
body[data-view="marketplace"] .pt-row.header .pt-cell,
body:not([data-view]) .pt-row.header .pt-cell{
  background:var(--mg-teal-lt) !important;
  color:var(--mg-navy) !important;
}
body[data-view="marketplace"] #sold > div > div > div:first-child,
body:not([data-view]) #sold > div > div > div:first-child{
  color:var(--mg-navy) !important;
}
body[data-view="marketplace"] #sold > div > div > div:nth-child(2),
body[data-view="marketplace"] #sold > div > div > div:nth-child(3),
body:not([data-view]) #sold > div > div > div:nth-child(2),
body:not([data-view]) #sold > div > div > div:nth-child(3){
  color:var(--mg-text-md) !important;
}
body[data-view="marketplace"] #contact [style*="background:#25d366"],
body:not([data-view]) #contact [style*="background:#25d366"]{
  box-shadow:0 8px 24px rgba(37,211,102,.18);
}
body[data-view="marketplace"] footer,
body:not([data-view]) footer{
  text-align:left;
}

body[data-view="marketplace"] .filter-btn,
body:not([data-view]) .filter-btn{
  background:#fff !important;
  border:1px solid var(--mg-border-md) !important;
  color:var(--mg-text-md) !important;
}
body[data-view="marketplace"] .filter-btn:hover,
body[data-view="marketplace"] .filter-btn.active,
body:not([data-view]) .filter-btn:hover,
body:not([data-view]) .filter-btn.active{
  background:var(--mg-teal-lt) !important;
  border-color:var(--mg-teal) !important;
  color:var(--mg-navy) !important;
}
body[data-view="marketplace"] .section-header,
body:not([data-view]) .section-header{
  color:var(--mg-orange) !important;
  border-bottom:1px solid var(--mg-border) !important;
}
body[data-view="marketplace"] .cat-badge,
body:not([data-view]) .cat-badge{
  background:var(--mg-orange-lt) !important;
  color:var(--mg-orange-dk) !important;
  border:1px solid rgba(242,133,0,.28) !important;
}



/* Homepage crest treatment */
.hero-flagmark{
  display:none !important;
}
.page-hero{
  position:relative;
  overflow:hidden;
}
.page-dolphins-mark{
  display:block !important;
  position:absolute;
  right:4.5%;
  top:50%;
  width:156px;
  height:156px;
  transform:translateY(-50%);
  background:url("/assets/anguilla-crest-preview.png") center/contain no-repeat;
  opacity:.15;
  pointer-events:none;
  filter:drop-shadow(0 18px 32px rgba(7,54,115,.10));
}
body.homepage .hero .hero-inner{
  position:relative;
  z-index:1;
}
body.homepage .hero-crest-wrap{
  display:flex;
  justify-content:center;
  margin:0 auto 18px;
}
body.homepage .hero-crest{
  width:clamp(80px, 10.5vw, 124px);
  height:auto;
  display:block;
  filter:drop-shadow(0 16px 28px rgba(8,47,107,.14));
}
body[data-view="premium"].homepage .hero-crest{
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.34));
}
body[data-view="premium"] .page-dolphins-mark{
  opacity:.12;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.18));
}
@media(max-width:900px){
  body.homepage .hero-crest-wrap{
    margin-bottom:14px;
  }
  body.homepage .hero-crest{
    width:88px;
  }
  .page-dolphins-mark{
    width:120px;
    height:120px;
    right:3%;
    opacity:.12;
  }
}
@media(max-width:640px){
  .page-dolphins-mark{
    width:88px;
    height:88px;
    top:20px;
    right:20px;
    transform:none;
    opacity:.10;
  }
}


/* Assistant - marketplace */
.ai-assistant{
  position:fixed;
  right:24px;
  bottom:24px;
  width:min(390px, calc(100vw - 24px));
  z-index:999;
  font-family:'Inter','Segoe UI',Arial,sans-serif;
}
.ai-assistant.hidden .ai-assistant-panel{display:none;}
.ai-assistant.hidden .ai-assistant-trigger{display:flex;}
.ai-assistant:not(.hidden) .ai-assistant-trigger{display:none;}
.ai-assistant-panel{
  overflow:hidden;
  border-radius:18px;
}
.ai-assistant-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
}
.ai-assistant-title{
  font-size:.98rem;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
}
.ai-status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#25d366;
  box-shadow:0 0 0 4px rgba(37,211,102,.14);
  display:inline-block;
}
.ai-assistant-subtitle{
  font-size:.78rem;
  margin-top:2px;
}
.ai-assistant-close{
  border:none;
  background:transparent;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
  padding:0 2px;
}
.ai-assistant-body{
  max-height:320px;
  overflow:auto;
  padding:0 16px 12px;
}
.ai-msg{
  font-size:.88rem;
  line-height:1.55;
  padding:11px 12px;
  border-radius:12px;
  margin:0 0 10px;
  white-space:pre-wrap;
}
.ai-msg.bot{
  margin-right:18px;
}
.ai-msg.user{
  margin-left:18px;
}
.ai-chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ai-chip{
  border-radius:999px;
  padding:7px 10px;
  cursor:pointer;
  font-size:.75rem;
  font-weight:600;
  transition:all .18s ease;
}
.ai-assistant-form{
  display:flex;
  gap:10px;
  padding:12px 16px 6px;
}
.ai-assistant-form input{
  flex:1;
  min-width:0;
  border-radius:12px;
  padding:11px 12px;
  font-family:inherit;
  font-size:.9rem;
}
.ai-assistant-form button{
  border:none;
  border-radius:12px;
  padding:0 16px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
}
.ai-assistant-note{
  font-size:.72rem;
  padding:4px 16px 16px;
}
.ai-assistant-trigger{
  width:60px;
  height:60px;
  border-radius:50%;
  border:none;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.ai-assistant-trigger svg{
  width:28px;
  height:28px;
}

body[data-view="marketplace"] .ai-assistant-header,
body:not([data-view]) .ai-assistant-header{
  background:linear-gradient(135deg,var(--mg-navy-dk),var(--mg-navy),var(--mg-teal-dk)) !important;
  color:#fff !important;
}
body[data-view="marketplace"] .ai-assistant-subtitle,
body:not([data-view]) .ai-assistant-subtitle{
  color:rgba(255,255,255,.82) !important;
}
body[data-view="marketplace"] .ai-assistant-close,
body:not([data-view]) .ai-assistant-close{
  color:#fff !important;
}
body[data-view="marketplace"] .ai-msg.bot,
body:not([data-view]) .ai-msg.bot{
  background:var(--mg-teal-lt);
  color:var(--mg-text);
  border:1px solid rgba(0,164,224,.16);
}
body[data-view="marketplace"] .ai-msg.user,
body:not([data-view]) .ai-msg.user{
  background:var(--mg-orange-lt);
  color:var(--mg-text);
  border:1px solid rgba(242,133,0,.18);
}
body[data-view="marketplace"] .ai-chip,
body:not([data-view]) .ai-chip{
  background:#fff;
  border:1px solid var(--mg-border-md);
  color:var(--mg-teal-dk);
}
body[data-view="marketplace"] .ai-chip:hover,
body:not([data-view]) .ai-chip:hover{
  background:var(--mg-teal);
  color:#fff;
}
body[data-view="marketplace"] .ai-assistant-form input,
body:not([data-view]) .ai-assistant-form input{
  background:#fff;
  border:1px solid var(--mg-border-md);
  color:var(--mg-text);
}
body[data-view="marketplace"] .ai-assistant-form button,
body:not([data-view]) .ai-assistant-form button{
  background:var(--mg-orange);
  color:#fff;
}
body[data-view="marketplace"] .ai-assistant-note,
body:not([data-view]) .ai-assistant-note{
  color:var(--mg-text-lt);
}
body[data-view="marketplace"] .ai-assistant-trigger,
body:not([data-view]) .ai-assistant-trigger{
  background:linear-gradient(135deg,var(--mg-navy-dk),var(--mg-teal-dk));
  color:#fff;
  border:3px solid #fff;
}

/* Toggle widget */
.view-toggle{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:10px;
  padding:4px;
  border-radius:999px;
}
.view-toggle button{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:8px 12px;
  font-family:'Inter','Segoe UI',Arial,sans-serif;
  font-size:.74rem;
  font-weight:700;
  white-space:nowrap;
  transition:all .18s ease;
}
body[data-view="marketplace"] .view-toggle,
body:not([data-view]) .view-toggle{
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
}
body[data-view="marketplace"] .view-toggle button,
body:not([data-view]) .view-toggle button{
  background:transparent;
  color:rgba(255,255,255,.88);
}
body[data-view="marketplace"] .view-toggle button.active,
body:not([data-view]) .view-toggle button.active{
  background:#fff;
  color:var(--mg-navy);
}

/* Premium AI alternate view */
body[data-view="premium"]{
  color:var(--fx-text-1) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(143,211,244,.14), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(247,168,35,.10), transparent 24%),
    radial-gradient(circle at 50% 85%, rgba(24,70,179,.18), transparent 36%),
    linear-gradient(180deg, #050b1f 0%, #071a53 46%, #040814 100%) !important;
}
body[data-view="premium"]::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(143,211,244,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143,211,244,.04) 1px, transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.12));
}
body[data-view="premium"] a{color:var(--fx-cyan) !important;}
body[data-view="premium"] a:hover{color:#fff !important;}
body[data-view="premium"] nav{
  background:linear-gradient(180deg, rgba(5,11,31,.94), rgba(5,11,31,.78)) !important;
  border-bottom:1px solid var(--fx-border-1) !important;
  box-shadow:var(--fx-shadow) !important;
}
body[data-view="premium"] .nav-brand .logo-text,
body[data-view="premium"] .logo-text,
body[data-view="premium"] .hero h1,
body[data-view="premium"] .page-hero h1,
body[data-view="premium"] .domain-hero-name,
body[data-view="premium"] .sec-title,
body[data-view="premium"] h2,
body[data-view="premium"] .path-card h3,
body[data-view="premium"] .why-card h3,
body[data-view="premium"] .source-form h3,
body[data-view="premium"] .offer-box h3,
body[data-view="premium"] .cta-box h3,
body[data-view="premium"] .faq-q,
body[data-view="premium"] .domain-name,
body[data-view="premium"] .mini-name,
body[data-view="premium"] .step-body h4,
body[data-view="premium"] .also-like h3{
  color:#fff !important;
}
body[data-view="premium"] .nav-brand .logo-text span,
body[data-view="premium"] .logo-text span,
body[data-view="premium"] .hero h1 .accent,
body[data-view="premium"] .domain-hero-name span,
body[data-view="premium"] .domain-name span{
  color:var(--fx-gold) !important;
}
body[data-view="premium"] .nav-brand .logo-sub,
body[data-view="premium"] .nav-links a,
body[data-view="premium"] .page-hero p,
body[data-view="premium"] .hero-sub,
body[data-view="premium"] p,
body[data-view="premium"] .sec-sub,
body[data-view="premium"] .domain-desc,
body[data-view="premium"] .domain-cat,
body[data-view="premium"] .mini-cat,
body[data-view="premium"] .footer-brand p,
body[data-view="premium"] .footer-col a,
body[data-view="premium"] .footer-bottom p,
body[data-view="premium"] .faq-a,
body[data-view="premium"] .step-body p,
body[data-view="premium"] .path-card p,
body[data-view="premium"] .why-card p,
body[data-view="premium"] .source-form p,
body[data-view="premium"] .tagline,
body[data-view="premium"] .info-box h3,
body[data-view="premium"] ul li{
  color:var(--fx-text-3) !important;
}
body[data-view="premium"] .hero,
body[data-view="premium"] .page-hero{
  background:
    radial-gradient(circle at 50% 0%, rgba(143,211,244,.18), transparent 40%),
    radial-gradient(circle at 50% 8%, rgba(247,168,35,.10), transparent 30%),
    linear-gradient(180deg, rgba(7,26,83,.78), rgba(5,11,31,.42)) !important;
  border-bottom:1px solid rgba(143,211,244,.12) !important;
}
body[data-view="premium"] .hero-badge{
  background:rgba(143,211,244,.12) !important;
  border:1px solid rgba(143,211,244,.30) !important;
  color:var(--fx-sky) !important;
}
body[data-view="premium"] .hero-stat .num,
body[data-view="premium"] .sec-label,
body[data-view="premium"] .domain-price,
body[data-view="premium"] .step-num,
body[data-view="premium"] .step-n,
body[data-view="premium"] .proc-num{
  color:var(--fx-orange) !important;
}
body[data-view="premium"] #featured,
body[data-view="premium"] #process,
body[data-view="premium"] #pricing,
body[data-view="premium"] #sold,
body[data-view="premium"] #source,
body[data-view="premium"] #why,
body[data-view="premium"] #contact,
body[data-view="premium"] .cta-section,
body[data-view="premium"] .nl-strip,
body[data-view="premium"] footer{
  background:transparent !important;
  border-top-color:transparent !important;
}
body[data-view="premium"] .path-card,
body[data-view="premium"] .domain-card,
body[data-view="premium"] .why-card,
body[data-view="premium"] .source-form,
body[data-view="premium"] .info-box,
body[data-view="premium"] .mini-card,
body[data-view="premium"] .offer-box,
body[data-view="premium"] .cta-box,
body[data-view="premium"] .callout,
body[data-view="premium"] .ai-assistant-panel,
body[data-view="premium"] .faq-item,
body[data-view="premium"] #sold > div > div{
  background:linear-gradient(180deg, rgba(248,251,255,.035), rgba(143,211,244,.045)) !important;
  border:1px solid var(--fx-border-1) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(12px);
}
body[data-view="premium"] .domain-btn,
body[data-view="premium"] .btn-outline,
body[data-view="premium"] .path-btn.secondary{
  color:var(--fx-sky) !important;
  border:1px solid rgba(143,211,244,.34) !important;
  background:rgba(143,211,244,.06) !important;
}
body[data-view="premium"] .domain-btn:hover,
body[data-view="premium"] .btn-outline:hover,
body[data-view="premium"] .path-btn.secondary:hover{
  background:rgba(143,211,244,.14) !important;
  color:#fff !important;
}
body[data-view="premium"] .nav-links a.nav-cta,
body[data-view="premium"] .nav-links a.cta,
body[data-view="premium"] .path-btn.primary,
body[data-view="premium"] .btn-primary,
body[data-view="premium"] .btn-teal,
body[data-view="premium"] .submit-btn,
body[data-view="premium"] .nl-form button{
  background:linear-gradient(135deg, var(--fx-orange), var(--fx-gold)) !important;
  color:#081437 !important;
  border:none !important;
}
body[data-view="premium"] .filter-btn{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.65) !important;
}
body[data-view="premium"] .filter-btn:hover,
body[data-view="premium"] .filter-btn.active{
  background:rgba(143,211,244,.12) !important;
  border-color:rgba(143,211,244,.4) !important;
  color:var(--fx-orange) !important;
}
body[data-view="premium"] .badge.premium{
  background:rgba(247,168,35,.12) !important;
  color:var(--fx-gold) !important;
  border:1px solid rgba(247,168,35,.26) !important;
}
body[data-view="premium"] .badge.hot{
  background:rgba(212,77,77,.15) !important;
  color:#ff7b7b !important;
  border:1px solid rgba(212,77,77,.28) !important;
}
body[data-view="premium"] .badge.new{
  background:rgba(143,211,244,.10) !important;
  color:var(--fx-cyan) !important;
  border:1px solid rgba(143,211,244,.28) !important;
}
body[data-view="premium"] .form-field label{color:rgba(207,239,255,.72) !important;}
body[data-view="premium"] .form-field input,
body[data-view="premium"] .form-field select,
body[data-view="premium"] .form-field textarea,
body[data-view="premium"] .nl-form input,
body[data-view="premium"] .ai-assistant-form input{
  background:rgba(248,251,255,.05) !important;
  border:1px solid rgba(143,211,244,.18) !important;
  color:#fff !important;
}
body[data-view="premium"] .pt-row{background:rgba(143,211,244,.10) !important;}
body[data-view="premium"] .pt-cell{background:rgba(5,11,31,.94) !important;}
body[data-view="premium"] .pt-row.header .pt-cell{
  background:linear-gradient(135deg, rgba(143,211,244,.12), rgba(247,168,35,.08)) !important;
  color:var(--fx-sky) !important;
}
body[data-view="premium"] .view-toggle{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(143,211,244,.14);
}
body[data-view="premium"] .view-toggle button{
  color:rgba(255,255,255,.82);
}
body[data-view="premium"] .view-toggle button.active{
  background:rgba(143,211,244,.18);
  color:#fff;
}
body[data-view="premium"] .ai-assistant-header{
  background:linear-gradient(135deg, rgba(5,11,31,.96), rgba(7,26,83,.86), rgba(13,44,134,.86)) !important;
  color:#fff !important;
}
body[data-view="premium"] .ai-assistant-close{color:#fff !important;}
body[data-view="premium"] .ai-msg.bot{
  background:rgba(143,211,244,.10);
  color:#fff;
  border:1px solid rgba(143,211,244,.18);
}
body[data-view="premium"] .ai-msg.user{
  background:rgba(247,168,35,.12);
  color:#fff;
  border:1px solid rgba(247,168,35,.18);
}
body[data-view="premium"] .ai-chip{
  background:rgba(143,211,244,.06);
  border:1px solid rgba(143,211,244,.18);
  color:var(--fx-sky);
}
body[data-view="premium"] .ai-chip:hover{
  background:rgba(143,211,244,.16);
  color:#fff;
}
body[data-view="premium"] .ai-assistant-form button{
  background:linear-gradient(135deg, var(--fx-orange), var(--fx-gold));
  color:#081437;
}
body[data-view="premium"] .ai-assistant-note{
  color:var(--fx-text-3);
}
body[data-view="premium"] .ai-assistant-trigger{
  background:linear-gradient(135deg,var(--fx-blue),var(--fx-blue-2));
  color:#fff;
  border:1px solid rgba(143,211,244,.24);
}

/* Responsive tweaks */
@media (max-width: 920px){
  .view-toggle{
    order:10;
    width:100%;
    justify-content:flex-end;
    margin-left:0;
    margin-top:8px;
  }
}
@media (max-width: 640px){
  .ai-assistant{
    right:12px;
    bottom:12px;
    width:min(390px, calc(100vw - 12px));
  }
  .ai-assistant-panel{
    border-radius:16px;
  }
  .view-toggle{
    justify-content:flex-start;
  }
  .view-toggle button{
    padding:7px 11px;
    font-size:.72rem;
  }
}

body[data-view="marketplace"] .footer-brand::before,body:not([data-view]) .footer-brand::before,body[data-view="premium"] .footer-brand::before{content:"";display:block;width:42px;height:52px;margin:0 0 12px;background:url('/assets/anguilla-crest-preview.png') center/contain no-repeat;opacity:.9;}


/* v5 contrast pass */
body[data-view="premium"] .footer-col a,
body[data-view="premium"] .footer-brand p,
body[data-view="premium"] .footer-bottom p,
body[data-view="premium"] .footer-bottom a,
body[data-view="premium"] .domain-desc,
body[data-view="premium"] .hero-sub,
body[data-view="premium"] .page-hero p,
body[data-view="premium"] .tagline,
body[data-view="premium"] .faq-a,
body[data-view="premium"] .step-body p,
body[data-view="premium"] .why-card p,
body[data-view="premium"] .source-form p,
body[data-view="premium"] .path-card p,
body[data-view="premium"] ul li{
  color:rgba(242,247,255,.88) !important;
}
body[data-view="premium"] .footer-col h4,
body[data-view="premium"] .nav-brand .logo-sub{
  color:rgba(242,247,255,.82) !important;
}
body[data-view="premium"] .footer-col a:hover,
body[data-view="premium"] .footer-bottom a:hover{
  color:#ffffff !important;
}
body[data-view="premium"] .pt-cell:not(:first-child),
body[data-view="premium"] .pt-cell:first-child{
  color:rgba(242,247,255,.88) !important;
}