/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@import url("sox-themes.css?v=20261001-blog-code1"); /* sync with src/sox-asset-version.php */
@import url("sox-theme-bridge.css?v=20260918-brand-beta1"); /* sync with src/sox-asset-version.php */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Open+Sans:wght@400;700;800&display=swap");

/* Reserve header space until the AJAX shell arrives. */
#header:empty {
  min-height: 7.25rem;
}
@media (max-width: 991px) {
  #header:empty {
    min-height: 4.5rem;
  }
}

/* Brand fallbacks — default theme only (seasonal tokens live in sox-themes.css). */
:root:not([data-theme]),
[data-theme="default"] {
  --sox-primary: #6d4aff;
  --sox-primary-dark: #4e2fd0;
  --sox-primary-soft: rgba(109, 74, 255, 0.10);
  --sox-text: #19233c;
  --sox-muted: #667085;
  --sox-border: #e5e9f2;
  --sox-surface: #ffffff;
  --sox-background: #f6f8fc;
  --sox-cta-bg: #6d4aff;
  --sox-cta-text: #ffffff;
  --sox-promo-bg: #f1efff;
  --sox-ui-tint: #f1efff;
  --sox-promo-text: #4e2fd0;
  --sox-cart-badge: #ee5586;
  --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background)));
  --sox-hero-muted: #3d4a5c;
  --sox-radius-md: 16px;
}

/* default-beta — official SoxDomains brand system (Indigo + Lime + Inter). */
html[data-theme="default-beta"] body {
  font-family: var(--sox-font-family);
}

html[data-theme="default-beta"] .sparkle-hero {
  background: var(--sox-background, #f7f8fa);
  background-image: none;
}

html[data-theme="default-beta"] .popular-domains-section {
  --pd-band: var(--sox-background, #f7f8fa);
  --pd-heading: var(--sox-text, #172033);
  --pd-eyebrow: var(--sox-primary, #4444dd);
  --pd-link: var(--sox-primary, #4444dd);
}

html[data-theme="default-beta"] .sox-unified-ui[data-background="light"] .home-experience.bg-colorstyle,
html[data-theme="default-beta"][data-background="light"] .home-experience.bg-colorstyle {
  background: var(--sox-surface, #ffffff) !important;
  background-color: var(--sox-surface, #ffffff) !important;
}

html[data-theme="default-beta"] .home-transfer {
  --ht-bg: var(--sox-promo-band, #171a2c);
  --ht-slab: var(--sox-search-btn-bg, #4444dd);
  --ht-site: var(--sox-accent, #93eb1d);
  --ht-cta: var(--sox-search-btn-bg, #4444dd);
  --ht-cta-hover: var(--sox-search-btn-hover, #3232ad);
}

html[data-theme="default-beta"] :is(.total-grad, .total-grad-inverse, .total-grad-pink-blue-intense) {
  background-image: none !important;
}

html[data-theme="default-beta"] :focus-visible {
  outline-color: var(--sox-primary, #4444dd);
}

/* Homepage section tokens — overridden on dark seasonal themes. */
.sox-unified-ui {
  --sox-home-heading: var(--sox-text, #111827);
  --sox-home-body: var(--sox-muted, #565b68);
  --sox-home-eyebrow: var(--sox-search-btn-bg, var(--sox-primary, #6d4aff));
  --sox-home-section-bg: var(--sox-background, #f6f8fc);
  --sox-home-surface: #fff;
  --sox-home-border: #e7e4ed;
  --sox-home-icon-bg: var(--sox-primary-soft, rgba(109, 74, 255, 0.10));
  --sox-home-icon-color: var(--sox-primary, #6d4aff);
  --sox-sds-heading: var(--sox-text, #151522);
  --sox-sds-eyebrow: var(--sox-primary, #6d4aff);
  --sox-sds-link: var(--sox-primary, #6d4aff);
  --sox-home-link: var(--sox-link, var(--sox-primary, #6d4aff));
}

/* Dark homepage surfaces only — tokens must not leak to white sections. */
[data-theme="halloween"] .sox-unified-ui :is(.seasonal-domain-showcase, .home-experience, .home-domain-reasons) {
  --sox-home-heading: #ffffff;
  --sox-home-body: #c9cdd3;
  --sox-home-eyebrow: var(--sox-search-btn-bg, #ff8a00);
  --sox-home-link: #9d86ff;
  --sox-home-section-bg: #141422;
  --sox-home-surface: #1c1c2b;
  --sox-home-border: #34344a;
  --sox-home-icon-bg: #000000;
  --sox-home-icon-color: #ffffff;
  color: #ffffff;
}

[data-theme="black-friday"] .sox-unified-ui :is(.seasonal-domain-showcase, .home-experience, .home-domain-reasons) {
  --sox-home-heading: #ffffff;
  --sox-home-body: #c9cdd3;
  --sox-home-eyebrow: var(--sox-search-btn-hover, #ffc94a);
  --sox-home-link: #8b7cff;
  --sox-home-section-bg: #141422;
  --sox-home-surface: #1c1c2b;
  --sox-home-border: #34344a;
  --sox-home-icon-bg: #000000;
  --sox-home-icon-color: #ffffff;
  color: #ffffff;
}

[data-theme="halloween"] .sox-unified-ui .seasonal-domain-showcase {
  --sox-sds-band: var(--sox-home-eyebrow, var(--sox-search-btn-bg, #ff8a00));
  --sox-sds-heading: #141422;
  --sox-sds-eyebrow: color-mix(in srgb, #141422 70%, var(--sox-sds-band));
  --sox-sds-link: var(--sox-primary-dark, #4e2fd0);
}

[data-theme="black-friday"] .sox-unified-ui .seasonal-domain-showcase {
  --sox-sds-band: var(--sox-home-eyebrow, var(--sox-search-btn-hover, #ffc94a));
  --sox-sds-heading: #141422;
  --sox-sds-eyebrow: color-mix(in srgb, #141422 72%, var(--sox-sds-band));
  --sox-sds-link: var(--sox-primary, #6d4aff);
}

/* National + dark retail promo bands — light copy on dark surfaces */
:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui :is(.seasonal-domain-showcase, .home-experience, .home-domain-reasons) {
  --sox-home-heading: var(--sox-hero-text, #ffffff);
  --sox-home-body: var(--sox-hero-muted, #c9d6cf);
  --sox-home-eyebrow: var(--sox-search-btn-bg, var(--sox-promo-text, var(--sox-primary)));
  --sox-home-link: var(--sox-link, var(--sox-primary));
  --sox-home-section-bg: var(--sox-promo-bg, #0f1f18);
  --sox-home-surface: color-mix(in srgb, var(--sox-promo-bg, #0f1f18) 88%, #ffffff);
  --sox-home-border: color-mix(in srgb, var(--sox-hero-text, #fff) 14%, transparent);
  --sox-home-icon-bg: color-mix(in srgb, var(--sox-promo-bg, #000) 70%, #000);
  --sox-home-icon-color: var(--sox-hero-text, #ffffff);
  --sox-sds-heading: #ffffff;
  color: var(--sox-hero-text, #ffffff);
}

:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui .seasonal-domain-showcase {
  --sox-sds-band: var(--sox-home-eyebrow, var(--sox-search-btn-bg, var(--sox-promo-text, var(--sox-primary))));
  --sox-sds-heading: #ffffff;
  --sox-sds-eyebrow: #ffffff;
  --sox-sds-link: var(--sox-link, var(--sox-primary));
}

[data-theme$="-independence"] .domains-seasonal-banner-inner,
[data-theme="europe-patriotic"] .domains-seasonal-banner-inner,
[data-theme="uk-patriotic"] .domains-seasonal-banner-inner,
[data-theme="au-patriotic"] .domains-seasonal-banner-inner,
[data-theme="halloween"] .domains-seasonal-banner-inner,
[data-theme="black-friday"] .domains-seasonal-banner-inner {
  color: var(--sox-hero-text, #ffffff);
}

[data-theme$="-independence"] .domains-seasonal-banner-eyebrow,
[data-theme="europe-patriotic"] .domains-seasonal-banner-eyebrow,
[data-theme="uk-patriotic"] .domains-seasonal-banner-eyebrow,
[data-theme="au-patriotic"] .domains-seasonal-banner-eyebrow,
[data-theme="halloween"] .domains-seasonal-banner-eyebrow,
[data-theme="black-friday"] .domains-seasonal-banner-eyebrow {
  color: var(--sox-promo-text, var(--sox-primary)) !important;
}

[data-theme$="-independence"] .domains-seasonal-banner-title,
[data-theme="europe-patriotic"] .domains-seasonal-banner-title,
[data-theme="uk-patriotic"] .domains-seasonal-banner-title,
[data-theme="au-patriotic"] .domains-seasonal-banner-title,
[data-theme="halloween"] .domains-seasonal-banner-title,
[data-theme="black-friday"] .domains-seasonal-banner-title {
  color: var(--sox-hero-text, #ffffff) !important;
}

[data-theme$="-independence"] .domain-page .domain-seasonal-ribbon {
  color: var(--sox-hero-text, #ffffff);
}

[data-theme="back-to-school"] .sox-unified-ui {
  --sox-home-eyebrow: var(--sox-search-btn-bg, #2563eb);
  --sox-home-link: #1d4ed8;
  --sox-sds-eyebrow: var(--sox-search-btn-bg, #2563eb);
  --sox-sds-link: #1d4ed8;
}

/* Light-surface copy on dark seasonal themes (hosting, reseller, FAQ, pricing, etc.). */
[data-theme="halloween"] .sox-unified-ui,
[data-theme="black-friday"] .sox-unified-ui,
[data-theme="europe-patriotic"] .sox-unified-ui,
[data-theme="uk-patriotic"] .sox-unified-ui,
[data-theme="au-patriotic"] .sox-unified-ui,
[data-theme="asia-patriotic"] .sox-unified-ui,
[data-theme="africa-patriotic"] .sox-unified-ui,
[data-theme="mena-patriotic"] .sox-unified-ui,
[data-theme$="-independence"] .sox-unified-ui {
  --sox-ui-ink: #19233c;
  --sox-ui-muted: #667085;
  --res-ink: #111c2d;
  --res-muted: #637083;
}

/* Light-surface copy on dark seasonal themes (hosting, reseller, FAQ, pricing, etc.).
   Exclude dark homepage bands — they keep light text via rules near .home-experience. */
[data-theme="halloween"] .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor),
[data-theme="black-friday"] .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor) {
  color: #212122 !important;
}

[data-theme="halloween"] .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.seccolor, .subtitle.seccolor, .info.seccolor, .section-subheading.seccolor),
[data-theme="black-friday"] .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.seccolor, .subtitle.seccolor, .info.seccolor, .section-subheading.seccolor),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2):not(.home-experience):not(.seasonal-domain-showcase):not(.domains-seasonal-banner) :is(.seccolor, .subtitle.seccolor, .info.seccolor, .section-subheading.seccolor) {
  color: #28282b !important;
}

[data-theme="halloween"] .sox-unified-ui .sox-faq-white :is(.section-heading, .section-subheading, .panel-title, .info, .info p),
[data-theme="black-friday"] .sox-unified-ui .sox-faq-white :is(.section-heading, .section-subheading, .panel-title, .info, .info p),
[data-theme$="-independence"] .sox-unified-ui .sox-faq-white :is(.section-heading, .section-subheading, .panel-title, .info, .info p) {
  color: #212122 !important;
}

[data-theme="halloween"] .sox-unified-ui .sox-faq-white .info p,
[data-theme="black-friday"] .sox-unified-ui .sox-faq-white .info p,
[data-theme$="-independence"] .sox-unified-ui .sox-faq-white .info p {
  color: #28282b !important;
}

/* Domains + trustee catalog pages (no sox-unified-ui on /domains). */
[data-theme="halloween"] .domains-clean-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor, h1.mergecolor, h2.mergecolor, h3.mergecolor),
[data-theme="black-friday"] .domains-clean-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor, h1.mergecolor, h2.mergecolor, h3.mergecolor),
[data-theme="halloween"] .trustee-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor, h1.mergecolor, h2.mergecolor, h3.mergecolor),
[data-theme="black-friday"] .trustee-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2) :is(.mergecolor, .section-heading.mergecolor, .section-subheading.mergecolor, .title.mergecolor, h1.mergecolor, h2.mergecolor, h3.mergecolor) {
  color: #212122 !important;
}

[data-theme="halloween"] .domains-clean-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle) :is(.seccolor, .section-subheading.seccolor, .info.seccolor, p.seccolor),
[data-theme="black-friday"] .domains-clean-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle) :is(.seccolor, .section-subheading.seccolor, .info.seccolor, p.seccolor),
[data-theme="halloween"] .trustee-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2) :is(.seccolor, .subtitle.seccolor, .info.seccolor, .section-subheading.seccolor, p.seccolor),
[data-theme="black-friday"] .trustee-page[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2) :is(.seccolor, .subtitle.seccolor, .info.seccolor, .section-subheading.seccolor, p.seccolor) {
  color: #28282b !important;
}

[data-theme="halloween"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill),
[data-theme="black-friday"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill) {
  background: var(--sox-primary) !important;
  border-color: var(--sox-primary) !important;
  color: #fff !important;
}

[data-theme="halloween"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill):hover,
[data-theme="black-friday"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill):hover,
[data-theme="halloween"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill):focus-visible,
[data-theme="black-friday"] :is(.domains-clean-page, .trustee-page) :is(.btn-default-pink-fill, input.btn-default-yellow-fill):focus-visible {
  background: var(--sox-primary-dark) !important;
  border-color: var(--sox-primary-dark) !important;
  color: #fff !important;
}

[data-theme="halloween"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill,
[data-theme="black-friday"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill {
  background: #fff !important;
  border: 1px solid #dce4ef !important;
  color: var(--sox-primary) !important;
}

[data-theme="halloween"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill:hover,
[data-theme="black-friday"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill:hover,
[data-theme="halloween"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill:focus-visible,
[data-theme="black-friday"] .domains-clean-page .domain-page-btn.btn-default-yellow-fill:focus-visible {
  background: var(--sox-ui-tint, #f1efff) !important;
  border-color: var(--sox-primary) !important;
  color: var(--sox-primary) !important;
}

/* =========================================
   SPARKLE HERO CUSTOM STYLES
   ========================================= */

/* 1. Base Variables & Backgrounds — consume sox-themes.css tokens */
:root {
  --gradient-hero: var(--sox-hero-accent-bg);
}

.sparkle-hero {
  background-color: var(--sox-promo-bg, var(--sox-background, #f6f8fc));
  color: var(--sox-hero-text, var(--sox-text, #19233c));
  padding-top: 60px;
  padding-bottom: 80px;
}

.sparkle-hero .hero-mesh-bg {
  opacity: 1 !important;
}

.sparkle-hero .hero-gradient-bg {
  opacity: 1;
}

.hero-mesh-bg {
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 5%, transparent);
}

.hero-gradient-bg {
  background: var(--sox-hero-accent-bg, color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, #f6f8fc)));
}

/* 2. Hero accent text — solid brand color, no gradient clip */
.text-gradient {
  color: var(--sox-promo-text, var(--sox-primary));
  background-image: none;
  -webkit-text-fill-color: currentColor;
  background-clip: border-box;
}

/* 3. Modern Pill Badge with Pulse */
.modern-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--sox-primary-soft, rgba(109, 74, 255, 0.10));
  color: var(--sox-primary-dark, #4e2fd0);
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 20%, transparent);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
}

.sparkle-hero h1,
.sparkle-hero .text-dark,
.sparkle-hero .fw-bold.text-dark {
  color: var(--sox-hero-text, var(--sox-text, #19233c)) !important;
}

.sparkle-hero .text-muted,
.sparkle-hero .lead,
.sparkle-hero .modern-features-row {
  color: var(--sox-hero-muted, var(--sox-muted, #667085)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sparkle-hero .text-gradient,
[data-theme="halloween"] .sparkle-hero .text-gradient,
[data-theme="black-friday"] .sparkle-hero .text-gradient {
  color: var(--sox-promo-text, var(--sox-primary)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sparkle-hero .sec-bg1 .seccolor,
[data-theme="halloween"] .sparkle-hero .sec-bg1 .seccolor,
[data-theme="black-friday"] .sparkle-hero .sec-bg1 .seccolor {
  color: #28282b !important;
}

[data-theme="halloween"] .sparkle-hero .modern-badge,
[data-theme="black-friday"] .sparkle-hero .modern-badge {
  background-color: #000000;
  color: #ffffff;
  border-color: color-mix(in srgb, var(--sox-promo-text, #ff8a00) 45%, #000);
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sparkle-hero .modern-badge {
  background-color: color-mix(in srgb, var(--sox-promo-bg, #000) 55%, #000);
  color: var(--sox-hero-text, #ffffff);
  border-color: color-mix(in srgb, var(--sox-promo-text, var(--sox-primary)) 45%, transparent);
}

[data-theme="back-to-school"] .sparkle-hero .modern-badge {
  background-color: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.28);
}

.pulse-dot {
  width: 8px;
  height: 8px;
  background-color: #10b981; /* Success Green */
  border-radius: 50%;
}

/* 4. Modern Search Form */
.modern-search-form {
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border-radius: var(--sox-radius-md, 16px);
  border: 0;
  outline: 0;
  box-shadow: none;
  height: 64px;
  overflow: hidden;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.modern-search-form:focus-within {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.search-input-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.search-input-wrapper input {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  font-size: 1.1rem;
  color: #333;
  outline: none;
}

.search-select-wrapper {
  display: flex;
  align-items: center;
  border-left: 1px solid #e5e7eb;
}

.search-select-wrapper select {
  border: none;
  background: transparent;
  padding: 0 20px;
  height: 100%;
  font-weight: 500;
  font-size: 1rem;
  color: #333;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modern-search-form button {
  background-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-cta-bg, var(--sox-primary, #6d4aff)) 78%, #ffffff));
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #ffffff));
  border: none;
  padding: 0 32px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.modern-search-form button:hover,
.modern-search-form button:focus-visible {
  background-color: var(--sox-cta-bg, var(--sox-primary, #6d4aff));
}

.modern-search-form button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 50%, transparent);
  outline-offset: 2px;
}

/* Homepage hero search: strong solid fills + contrasting hover (sox-themes --sox-search-btn-*). */
.sparkle-hero .modern-search-form button {
  background-color: var(--sox-search-btn-bg, var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-cta-bg, var(--sox-primary, #6d4aff)) 78%, #ffffff)));
  color: var(--sox-search-btn-text, var(--sox-btn-fill-text, var(--sox-cta-text, #ffffff)));
  border: 0;
}

.sparkle-hero .modern-search-form button:hover,
.sparkle-hero .modern-search-form button:focus-visible {
  background-color: var(--sox-search-btn-hover, var(--sox-cta-bg, var(--sox-primary, #6d4aff)));
  color: var(--sox-search-btn-hover-text, var(--sox-search-btn-text, var(--sox-btn-fill-text, #ffffff)));
}

.modern-features-row .text-primary {
  color: var(--sox-primary, #6d4aff) !important;
}

.modern-features-row .text-success {
  color: var(--sox-success, #10b981) !important;
}

/* Make search bar responsive on small mobile screens */
@media (max-width: 576px) {
  .modern-search-form {
    flex-direction: column;
    height: auto;
    border-radius: var(--sox-radius-md, 16px);
  }
  .search-input-wrapper {
    height: 60px;
  }
  .search-input-wrapper input {
    font-size: 16px;
  }
  .search-select-wrapper {
    border-left: none;
    border-top: 1px solid #e5e7eb;
    height: 50px;
  }
  .search-select-wrapper select {
    font-size: 16px;
  }
  .modern-search-form button {
    height: 54px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 767px) {
  .sparkle-hero {
    padding-top: calc(var(--sox-header-offset, 6.5rem) + 8px);
    padding-bottom: 36px;
  }
  .sparkle-hero .container.py-5 {
    padding-top: 0.35rem !important;
    padding-bottom: 1.25rem !important;
  }
  .sparkle-hero .container.mt-5 {
    margin-top: 0 !important;
  }
  .sparkle-hero .row.justify-content-center.text-center,
  .sparkle-hero .modern-badge,
  .sparkle-hero h1,
  .sparkle-hero .lead {
    display: none !important;
  }
  .sparkle-hero .modern-features-row.mt-5 {
    margin-top: 1.15rem !important;
  }
  .modern-search-form button,
  .btn.btn-default-yellow-fill:not(.domain-page-btn),
  input.btn.btn-default-yellow-fill:not(.domain-page-btn) {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }
}

/* =========================================
   INCLUDED FEATURES
   ========================================= */
.included-features {
  position: relative;
  overflow: hidden;
}

.included-features::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  top: -260px;
  right: -160px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, transparent);
  pointer-events: none;
}

.included-features .container {
  position: relative;
}

.included-feature-card {
  position: relative;
  padding: 30px;
  overflow: hidden;
  border: 1px solid #e8ebf2;
  border-radius: 18px;
  background: #fff;
  transition: transform .25s ease, border-color .25s ease;
}

.included-feature-card::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -48px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: currentColor;
  opacity: .035;
}

.included-feature-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 22%, transparent);
}

.included-feature-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 30px;
  line-height: 1;
  transition: transform .25s ease;
}

.included-feature-card:hover .included-feature-icon {
  transform: scale(1.08) rotate(-3deg);
}

.included-feature-icon i {
  margin: 0;
  color: inherit !important;
  font-size: inherit;
}

.included-feature-icon.icon-coral,
.included-feature-icon.icon-violet,
.included-feature-icon.icon-blue,
.included-feature-icon.icon-green,
.included-feature-icon.icon-amber,
.included-feature-icon.icon-rose { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }

.cloudicon,
.reseller-trust-icon,
.service-split-list i,
.reseller-tools .service-section .title i {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  color: var(--sox-chip-fg);
  background: var(--sox-chip-bg);
  font-size: 30px;
  line-height: 1;
}
.cloudicon i,
.cloudicon svg,
.reseller-trust-icon i,
.reseller-trust-icon svg,
.service-split-list i,
.reseller-tools .service-section .title i {
  /*width: 30px;
  height: 30px;*/
  display: inline-grid;
  place-items: center;
  font-size: 20px;
  line-height: 1;
}
.cloudicon svg,
.reseller-trust-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cloudicon.teal,
.cloudicon.blue,
.cloudicon.coral,
.cloudicon.yellow { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }

.included-feature-card h4 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.included-feature-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

[data-background="dark"] .box-container .included-feature-card {
  border-color: #283744;
  background: #182630;
}

[data-background="dark"] .box-container .included-feature-card:hover {
  border-color: #465a69;
}

/* Origin appearance: padding utilities only (dark mode sets data-background=origin). */
[data-background="origin"] .box-container .globalpadding {
  padding: 135px !important;
}

[data-background="origin"] .box-container .toppadding {
  padding-top: 135px !important;
}

[data-background="origin"] .box-container .bottompadding {
  padding-bottom: 135px !important;
}

[data-background="origin"] .box-container .notoppadding {
  padding-top: 0 !important;
}

[data-background="origin"] .box-container .nobottompadding {
  padding-bottom: 0 !important;
}

[data-background="origin"] .box-container .nopadding {
  padding: 0 !important;
}

[data-background="origin"] .box-container .tophalfpadding {
  padding-top: 85px !important;
}

[data-background="origin"] .box-container .bottomhalfpadding {
  padding-bottom: 85px !important;
}

@media (max-width: 575px) {
  .included-features-grid > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
  }

  .included-feature-card {
    padding: 22px 18px;
    border-radius: 15px;
  }

  .included-feature-icon {
    width: 54px;
    height: 54px;
    margin-bottom: 17px;
    border-radius: 15px;
    font-size: 26px;
  }

  .included-feature-card h4 {
    font-size: 16px;
  }
}

/* ========================================================================
   SOX unified visual system
   Scoped to explicitly opted-in root pages so domain/ and domains.html keep
   their independent presentation.
   ======================================================================== */
.sox-unified-ui {
  --sox-ui-ink: var(--sox-text, #19233c);
  --sox-ui-muted: var(--sox-muted, #667085);
  --sox-ui-line: var(--sox-border, #e5e9f2);
  --sox-ui-surface: var(--sox-surface, #ffffff);
  --sox-ui-surface-soft: var(--sox-background, #f6f8fc);
  --sox-ui-primary: var(--sox-primary, #6d4aff);
  --sox-ui-primary-dark: var(--sox-primary-dark, #4e2fd0);
  --sox-ui-icon-bg: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  --sox-ui-radius: var(--sox-radius-md, 14px);
  --sox-ui-space: 28px;
}

.sox-cart-count {
  background: var(--sox-cart-badge, #ee5586) !important;
}

.sox-unified-ui .section-heading,
.sox-unified-ui .heading,
.sox-unified-ui h1,
.sox-unified-ui h2,
.sox-unified-ui h3,
.sox-unified-ui h4 {
  letter-spacing: -.025em;
}

.sox-unified-ui .section-subheading,
.sox-unified-ui .subtitle,
.sox-unified-ui .info {
  line-height: 1.7;
}

/* Shared information-card language. Existing semantic classes are retained
   because several templates and integrations depend on them. */
.sox-unified-ui :is(
  .included-feature-card,
  .service-section,
  .service-wrap,
  .service-card,
  .feature-card,
  .support-plan,
  .knowledge-box,
  .blog-info,
  .team-info
) {
  /*height: 100%;
  border: 1px solid var(--sox-ui-line);
  border-radius: var(--sox-ui-radius);
  background: var(--sox-ui-surface);*/
  box-shadow: none;
}

.sox-unified-ui :is(.service-section, .service-wrap, .service-card, .feature-card) {
  padding: var(--sox-ui-space);
}

.sox-unified-ui :is(
  .included-feature-card,
  .service-section,
  .service-wrap,
  .service-card,
  .feature-card,
  .support-plan,
  .knowledge-box
) {
  /*transition: border-color .2s ease, transform .2s ease, background-color .2s ease;*/
}

.sox-unified-ui :is(
  .included-feature-card,
  .service-section,
  .service-wrap,
  .service-card,
  .feature-card,
  .support-plan,
  .knowledge-box
):hover {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 42%, transparent);
  transform: translateY(-3px);
}

/* One icon container treatment for Font Awesome and legacy wrappers that
   remain structurally necessary. */
.sox-unified-ui :is(
  .included-feature-icon,
  .reseller-trust-icon,
  .service-icon,
  .feature-icon,
  .icon-holder
) {
  display: inline-grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, transparent);
  border-radius: 12px;
  color: var(--sox-ui-primary);
  background: var(--sox-ui-icon-bg);
  font-size: 20px;
  line-height: 1;
}

/* Feature icon badges in service cards — solid primary fill, white icon. */
.sox-unified-ui .service-section > .plans.badge.feat.bg-purple:has(> i) {
  position: static;
  display: grid;
  width: 52px;
  height: 52px;
  margin: 0 0 18px;
  place-items: center;
  border: 0;
  border-radius: 12px;
  color: #fff !important;
  background: var(--sox-primary, var(--res-purple, #6d4aff)) !important;
  font-size: 20px;
  line-height: 1;
}

.sox-unified-ui .service-section > .plans.badge.feat.bg-purple:has(> i) > i {
  color: #fff !important;
}

body[data-color="purple"] .sox-unified-ui .service-section > .plans.badge.feat.bg-purple:has(> i) {
  background-color: var(--sox-primary, #6d4aff) !important;
  color: #fff !important;
}

.sox-unified-ui :is(.service-section, .service-wrap, .service-card, .feature-card) > i:first-child,
.sox-unified-ui :is(.service-section, .service-wrap, .service-card, .feature-card) .title > i:first-child {
  color: var(--sox-ui-primary);
}

/* Shared pricing card based on the compact hierarchy used on the homepage. */
.sox-unified-ui :is(.pricing, .best-plans, .reseller-pricing) :is(.price-container, .reseller-plan, .plan-container) {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--sox-ui-line);
  border-radius: var(--sox-ui-radius);
  background: var(--sox-ui-surface);
  box-shadow: none;
  transition: border-color .2s ease, transform .2s ease;
}

.sox-unified-ui :is(.pricing, .best-plans, .reseller-pricing) :is(.price-container, .reseller-plan, .plan-container):hover {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 50%, transparent);
  transform: translateY(-4px);
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .top-content {
  padding: 30px 28px 24px;
  background: var(--sox-ui-surface) !important;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .title {
  color: var(--sox-ui-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price {
  margin: 16px 0;
  color: var(--sox-ui-ink);
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price .value {
  color: var(--sox-ui-ink);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price > span:not(.period):not(.sox-promo-price):not(.sox-promo-current):not(.sox-promo-original):not(.sox-promo-sale-line):not(.sox-promo-quote) {
  color: var(--sox-ui-ink);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) :is(.coin, .period, .fromer) {
  color: var(--sox-ui-muted);
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .list-info {
  margin: 0;
  padding: 24px 28px 28px;
  border-top: 1px solid var(--sox-ui-line);
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .list-info li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  border-color: var(--sox-ui-line);
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .list-info li > i {
  width: 24px;
  flex: 0 0 24px;
  color: var(--sox-ui-primary);
  font-size: 27px;
  text-align: center;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .btn {
  min-height: 44px;
  border-radius: 8px;
  font-weight: 700;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .plans.badge:not(.feat) {
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container):has(.plans.badge.feat) {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 55%, transparent);
}

.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .btn-default-pink-fill, .reseller-btn-primary),
.sox-unified-ui .btn-default-fill:hover {
  border-color: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-ui-primary) 78%, #ffffff)) !important;
  border-radius: 8px;
  color: var(--sox-btn-fill-text, var(--sox-cta-text, #fff)) !important;
  background: var(--sox-btn-fill-bg, color-mix(in srgb, var(--sox-ui-primary) 78%, #ffffff)) !important;
  box-shadow: none !important;
}

.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .btn-default-pink-fill, .reseller-btn-primary):hover,
.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .btn-default-pink-fill, .reseller-btn-primary):focus-visible,
.sox-unified-ui .btn-default-fill {
  border-color: var(--sox-ui-primary-dark) !important;
  background: var(--sox-ui-primary-dark) !important;
  color: #fff !important;
}
/*
.sox-unified-ui a:focus-visible,
.sox-unified-ui button:focus-visible,
.sox-unified-ui input:focus-visible,
.sox-unified-ui select:focus-visible,
.sox-unified-ui textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 28%, transparent);
  outline-offset: 3px;
}*/

[data-background="dark"] .sox-unified-ui,
.sox-unified-ui[data-background="dark"] {
  --sox-ui-ink: #f4f6fb;
  --sox-ui-muted: #aab3c2;
  --sox-ui-line: #293846;
  --sox-ui-surface: #102330;
  --sox-ui-surface-soft: #0d202c;
  --sox-ui-icon-bg: #20294b;
}

@media (max-width: 767px) {
  .sox-unified-ui {
    --sox-ui-space: 22px;
  }

  .sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .top-content,
  .sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .list-info {
    padding-right: 22px;
    padding-left: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sox-unified-ui :is(.price-container, .reseller-plan, .plan-container, .included-feature-card, .service-section, .service-wrap, .service-card, .feature-card) {
    transition: none;
  }
}

/* Sectigo SSL sales page */
.ssl-page { --ssl-navy:#10233f; --ssl-blue:#3157d5; --ssl-purple:#7147db; --ssl-cyan:#25b7c9; --ssl-green:#14a879; --ssl-ink:#17233a; --ssl-muted:#637087; --ssl-line:#e3e8f1; --ssl-soft:#f6f8fc; }
.ssl-page main { overflow:hidden; background:#fff; }
.ssl-hero { position:relative; min-height:690px; padding:125px 0 105px; overflow:hidden; color:#fff; background:#172d53; }
.ssl-hero::after { content:""; position:absolute; right:-12%; bottom:-210px; width:65%; height:420px; border-radius:50%; background:rgba(255,255,255,.035); transform:rotate(-8deg); }
.ssl-hero-glow { position:absolute; border-radius:50%; filter:blur(8px); opacity:.65; }
.ssl-glow-one { top:-170px; left:38%; width:420px; height:420px; background:color-mix(in srgb, var(--ssl-blue) 18%, transparent); }
.ssl-glow-two { right:-80px; bottom:-90px; width:420px; height:420px; background:color-mix(in srgb, var(--ssl-cyan) 12%, transparent); }
.ssl-eyebrow,.ssl-section-heading>span { display:inline-flex; align-items:center; gap:9px; font-weight:900; letter-spacing:1.45px; text-transform:uppercase; }
.ssl-eyebrow { margin-bottom:23px; color:#74dddf; }
.ssl-hero h1 { max-width:720px; margin:0; color:#fff; font-size:59px; font-weight:800; line-height:1.08; letter-spacing:-2.2px; }
.ssl-hero .col-lg-7>p { max-width:650px; margin:25px 0 31px; color:#c4d0df; font-size:18px; line-height:1.75; }
.ssl-hero-actions { display:flex; align-items:center; gap:27px; }
.ssl-btn-primary,.ssl-btn-light { padding:15px 23px; border:0; border-radius:7px; font-weight:800; }
.ssl-btn-primary { color:#fff!important; background:var(--ssl-blue); }
.ssl-btn-primary i,.ssl-btn-light i { margin-left:8px; }
.ssl-text-link { color:#fff!important; font-weight:800; }
.ssl-text-link i { margin-left:7px; }
.ssl-hero-trust { display:flex; flex-wrap:wrap; gap:22px; margin-top:38px; color:#aebed2; }
.ssl-hero-trust i { margin-right:7px; color:#59d4b2; }
.ssl-lock-visual { position:relative; width:405px; height:405px; margin-left:auto; }
.ssl-lock-core { position:absolute; z-index:3; top:50%; left:50%; display:flex; width:220px; height:220px; align-items:center; justify-content:center; flex-direction:column; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(255,255,255,.10); backdrop-filter:blur(12px); transform:translate(-50%,-50%); }
.ssl-lock-core i { margin-bottom:13px; color:#6ee0d0; font-size:56px; }
.ssl-lock-core strong { color:#fff; font-size:20px; letter-spacing:2px; }
.ssl-lock-core small { margin-top:4px; color:#aebed2; }
.ssl-orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(132,162,234,.24); border-radius:50%; transform:translate(-50%,-50%); }
.ssl-orbit span { position:absolute; display:block; width:10px; height:10px; border-radius:50%; background:#63ddd1; }
.orbit-one { width:310px; height:310px; animation:sslSpin 18s linear infinite; }
.orbit-one span { top:31px; left:45px; }
.orbit-two { width:395px; height:395px; animation:sslSpin 25s linear infinite reverse; }
.orbit-two span { right:20px; bottom:105px; background:#829cf8; }
@keyframes sslSpin { to{transform:translate(-50%,-50%) rotate(360deg)} }
.ssl-float-note { position:absolute; z-index:4; display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid rgba(255,255,255,.14); border-radius:8px; color:#d9e5f2; background:rgba(11,28,55,.78); font-size:11px; font-weight:500; }
.ssl-float-note i { color:#6ee0d0; }
.ssl-note-top { top:67px; right:-7px; }.ssl-note-bottom { bottom:58px; left:-4px; }
.ssl-plans { padding:105px 0 95px; background:var(--ssl-soft); }
.ssl-section-heading { max-width:760px; margin:0 auto 55px; }
.ssl-section-heading>span { color:var(--ssl-blue); }
.ssl-section-heading h2 { margin:13px 0 16px; color:var(--ssl-ink); font-size:52px; font-weight:700; letter-spacing:-1.1px; }
.ssl-section-heading p { margin:0; color:var(--ssl-muted); font-size:20px; line-height:1.75; }
.ssl-plan-row>div { display:flex; }
.ssl-plan-card { position:relative; width:100%; margin:13px 0; padding:42px 34px 36px; overflow:hidden; border:1px solid var(--ssl-line); border-radius:17px; background:#fff; transition:.25s ease; }
.ssl-plan-card:hover { transform:translateY(-7px); }
.ssl-card-topline { position:absolute; z-index:2; top:0; right:0; left:0; height:5px; background:var(--ssl-blue); }
.ssl-plan-featured { border-color:#c9c4f5; }
.ssl-plan-featured .ssl-card-topline { background:var(--ssl-purple); }
.ssl-plan-wildcard .ssl-card-topline { background:var(--ssl-green); }
.ssl-popular,
.ssl-plan-card > .sox-promo-ribbon {
  position:absolute;
  z-index:6;
  top:18px;
  right:-34px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:158px;
  padding:7px 8px;
  border:0;
  border-radius:0;
  color:#fff;
  background:var(--ssl-purple);
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.03em;
  white-space:nowrap;
  transform:rotate(42deg);
  pointer-events:none;
}
.ssl-plan-icon { display:grid; width:54px; height:54px; margin-bottom:25px; place-items:center; border-radius:14px; color:var(--ssl-blue); background:#ebefff; font-size:22px; }
.ssl-plan-featured .ssl-plan-icon { color:var(--ssl-purple); background:#f0ebff; }
.ssl-plan-wildcard .ssl-plan-icon { color:var(--ssl-green); background:#e8f8f2; }
.ssl-plan-label { margin-bottom:8px; color:var(--ssl-muted); font-size:13px; font-weight:500; text-transform:uppercase; letter-spacing:.7px; }
.ssl-plan-card h3 { margin:0; color:var(--ssl-ink); font-size:26px; font-weight:800; }
.ssl-plan-summary { height:110px; margin:13px 0 20px; color:var(--ssl-muted); line-height:1.63; font-size:15px; }
.ssl-price { display:flex; align-items:flex-end; min-height:64px; margin-bottom:23px; color:var(--ssl-ink); }
.ssl-price small { align-self:flex-start; margin:8px 7px 0 0; color:var(--ssl-muted); font-weight:800; text-transform:uppercase; }
.ssl-price strong { font-size:46px; font-weight:800; line-height:1; letter-spacing:-2px; }
.ssl-price sup { top:-1.2em; margin-right:2px; font-size:16px; }
.ssl-price em { font-size:21px; font-style:normal; letter-spacing:-1px; }
.ssl-price > span { margin:0 0 4px 7px; color:var(--ssl-muted); }
.ssl-price strong span { margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
.ssl-plan-btn { width:100%; padding:13px 14px; border:1px solid var(--ssl-blue); border-radius:7px; color:var(--ssl-blue)!important; background:#fff; font-size:12px; font-weight:800; }
.ssl-plan-featured .ssl-plan-btn { border-color:transparent; color:#fff!important; background:var(--ssl-purple); }
.ssl-plan-card ul { margin:28px 0 0; padding:0; list-style:none; }
.ssl-plan-card li { display:flex; gap:11px; margin:15px 0; color:#56647a; line-height:1.5; }
.ssl-plan-card li i { margin-top:3px; color:var(--ssl-green); font-size:11px; }
.ssl-plan-card li b { color:var(--ssl-ink); font-weight:800; }
.ssl-price-note { margin:25px 0 0; color:#8490a3; font-size:11px; }
.ssl-guide { padding:100px 0; background:#fff; }
.ssl-heading-left { margin:0; }
.ssl-choice-list { padding-left:45px; }
.ssl-choice-item { display:grid; grid-template-columns:45px 1fr 24px; gap:19px; align-items:center; padding:23px 20px; border-bottom:1px solid var(--ssl-line); color:inherit!important; transition:.2s ease; }
.ssl-choice-item:first-child { border-top:1px solid var(--ssl-line); }
.ssl-choice-item:hover { padding-left:27px; background:#f8f9fd; }
.ssl-choice-number { color:var(--ssl-blue); font-size:18px; font-weight:900; }
.ssl-choice-item strong { display:block; margin-bottom:5px; color:var(--ssl-ink); font-size:16px; font-weight:800; }
.ssl-choice-item span { color:var(--ssl-muted); }
.ssl-choice-item>i { color:var(--ssl-blue); }
.ssl-comparison { padding:100px 0; background:#111f35; }
.ssl-comparison .ssl-section-heading>span { color:#66d8ce; }
.ssl-comparison .ssl-section-heading h2 { color:#fff; }
.ssl-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.1); border-radius:14px; }
.ssl-table { width:100%; min-width:760px; margin:0; color:#c6d0de; background:#16273f; border-collapse:collapse; }
.ssl-table th,.ssl-table td { padding:19px 22px; border-right:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); text-align:center;}
.ssl-table thead th { padding:24px 22px; color:#fff; background:#1c3150; font-weight:800; }
.ssl-table th:first-child { width:21%; text-align:left; }
.ssl-table tbody th { color:#fff; font-weight:800; }
.ssl-table tr:last-child>* { border-bottom:0; }.ssl-table tr>*:last-child { border-right:0; }
.ssl-table .fa-check-circle { color:#59d4b2; font-size:16px; }
.ssl-process { padding:100px 0; background:var(--ssl-soft); }
.ssl-step { position:relative; height:100%; padding:34px 30px 30px; border:1px solid var(--ssl-line); border-radius:14px; background:#fff; }
.ssl-step>span { position:absolute; top:23px; right:25px; color:#d6dce7; font-size:28px; font-weight:900; }
.ssl-step>i { display:grid; width:48px; height:48px; margin-bottom:23px; place-items:center; border-radius:12px; color:var(--ssl-blue); background:#ebefff; font-size:18px; }
.ssl-step h3 { margin:0 0 10px; color:var(--ssl-ink); font-size:19px; font-weight:800; }
.ssl-step p { margin:0; color:var(--ssl-muted); font-size:13px; line-height:1.7; }
.ssl-faq { padding:105px 0; background:#fff; }
.ssl-faq .ssl-heading-left p { margin-bottom:27px; }
.ssl-lifecycle { position:relative; padding:105px 0; background:#f3f6fb; }
.ssl-lifecycle::before { content:""; position:absolute; top:0; right:0; left:0; height:1px; background:#dce3ef; }
.ssl-lifecycle-intro { margin-bottom:53px; }
.ssl-lifecycle-kicker { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--ssl-blue); font-weight:900; letter-spacing:1.35px; text-transform:uppercase; }
.ssl-lifecycle-intro h2 { max-width:790px; margin:0 0 19px; color:var(--ssl-ink); font-size:46px; font-weight:800; line-height:1.14; letter-spacing:-1.35px; }
.ssl-lifecycle-intro p { max-width:850px; margin:0; color:var(--ssl-muted); font-size:16px; line-height:1.8; }
.ssl-lifecycle-intro p strong { color:var(--ssl-ink); }
.ssl-lifecycle-callout { display:flex; align-items:center; justify-content:center; gap:15px; width:255px; min-height:112px; margin-left:auto; border:1px solid #d6dcfb; border-radius:16px; background:#f4f5ff; }
.ssl-lifecycle-callout strong { color:var(--ssl-purple); font-size:58px; font-weight:900; line-height:1; letter-spacing:-3px; }
.ssl-lifecycle-callout span { color:#4e5d75; font-size:12px; font-weight:800; line-height:1.5; text-transform:uppercase; letter-spacing:.4px; }
.ssl-lifecycle-panel { padding:37px 39px 42px; border:1px solid var(--ssl-line); border-radius:18px; background:#fff; }
.ssl-lifecycle-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-bottom:30px; }
.ssl-lifecycle-panel-head span,.ssl-reuse-copy>span,.ssl-lifecycle-bottom>div>span { color:var(--ssl-blue); font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.ssl-lifecycle-panel-head h3 { margin:7px 0 0; color:var(--ssl-ink); font-size:24px; font-weight:800; }
.ssl-lifecycle-panel-head a { color:var(--ssl-blue); font-weight:800; white-space:nowrap; }
.ssl-lifecycle-panel-head a i { margin-left:6px; }
.ssl-validity-timeline { position:relative; display:grid; grid-template-columns:repeat(4,1fr); padding-top:25px; }
.ssl-validity-timeline::before { content:""; position:absolute; top:30px; right:10%; left:10%; height:2px; background:var(--ssl-blue); }
.ssl-validity-item { position:relative; z-index:1; padding:31px 14px 6px; text-align:center; }
.ssl-validity-dot { position:absolute; top:0; left:50%; width:12px; height:12px; border:3px solid #fff; border-radius:50%; background:var(--ssl-purple); transform:translateX(-50%); }
.ssl-validity-past .ssl-validity-dot { background:#a6b0bf; }
.ssl-validity-current .ssl-validity-dot { top:-2px; width:16px; height:16px; background:var(--ssl-blue); }
.ssl-validity-item>span { display:block; min-height:30px; color:var(--ssl-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.45px; }
.ssl-validity-item strong { display:block; margin:5px 0 3px; color:var(--ssl-ink); font-size:25px; font-weight:900; }
.ssl-validity-current strong { color:var(--ssl-blue); }
.ssl-validity-item small { color:#8b96a8; font-size:10px; }
.ssl-lifecycle-reasons { margin-top:28px; }
.ssl-lifecycle-reasons>div { display:flex; }
.ssl-lifecycle-card { position:relative; width:100%; margin-top:20px; padding:31px 29px 29px; overflow:hidden; border:1px solid var(--ssl-line); border-radius:15px; background:#fff; }
.ssl-lifecycle-card-accent { border-color:#d8d4f4; background:#f9f8ff; }
.ssl-lifecycle-card-number { position:absolute; top:19px; right:22px; color:#e5e9f0; font-size:34px; font-weight:900; }
.ssl-lifecycle-card-icon { display:grid; width:48px; height:48px; margin-bottom:22px; place-items:center; border-radius:12px; color:var(--ssl-blue); background:#ebefff; font-size:18px; }
.ssl-lifecycle-card-accent .ssl-lifecycle-card-icon { color:var(--ssl-purple); background:#eee9ff; }
.ssl-lifecycle-card h3 { min-height:52px; margin:0 0 13px; color:var(--ssl-ink); font-size:18px; font-weight:800; line-height:1.45; }
.ssl-lifecycle-card p { margin:0 0 19px; color:var(--ssl-muted); font-size:17px; line-height:1.75; }
.ssl-lifecycle-card a { color:var(--ssl-blue); font-weight:800; }
.ssl-lifecycle-card a i { margin-left:6px; }
.ssl-lifecycle-tag { display:inline-flex; align-items:center; gap:7px; color:var(--ssl-purple); font-weight:900; text-transform:uppercase; letter-spacing:.45px; }
.ssl-lifecycle-tag i { color:var(--ssl-green); }
.ssl-reuse-panel { display:grid; grid-template-columns:.95fr 1.05fr; gap:50px; align-items:center; margin-top:48px; padding:40px 42px; border-radius:17px; color:#fff; background:#1a3960; }
.ssl-reuse-copy>span { color:#68d9d1; }
.ssl-reuse-copy h3 { margin:8px 0 12px; color:#fff; font-size:23px; font-weight:800; line-height:1.4; }
.ssl-reuse-copy p { margin:0; color:#afbdd0; line-height:1.75; }
.ssl-reuse-grid { display:grid; gap:12px; }
.ssl-reuse-item { display:flex; gap:16px; align-items:center; padding:18px 20px; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:rgba(255,255,255,.055); }
.ssl-reuse-item>i { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border-radius:10px; color:#70ded3; background:rgba(92,215,204,.11); }
.ssl-reuse-item strong { display:block; margin-bottom:4px; color:#fff; }
.ssl-reuse-item span { color:#b7c4d4; font-size:13px; line-height:1.55; }
.ssl-reuse-item b { color:#fff; }
.ssl-lifecycle-bottom { display:grid; grid-template-columns:58px 1fr auto; gap:23px; align-items:center; margin-top:35px; padding:29px 33px; border:1px solid #d7dfec; border-radius:15px; background:#fff; }
.ssl-lifecycle-bottom-icon { display:grid; width:58px; height:58px; place-items:center; border-radius:14px; color:var(--ssl-green); background:#e7f7f2; font-size:22px; }
.ssl-lifecycle-bottom h3 { margin:5px 0 6px; color:var(--ssl-ink); font-size:19px; font-weight:800; }
.ssl-lifecycle-bottom p { max-width:750px; margin:0; color:var(--ssl-muted); font-size:17px; line-height:1.65; }
.ssl-lifecycle-bottom .btn { white-space:nowrap; }
.ssl-final-cta { margin-top: 76px; padding:0 0 100px; background:#fff; }
.ssl-final-inner { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:52px 58px; border-radius:18px; color:var(--sox-cta-text, #fff); background:var(--sox-cta-bg, var(--ssl-blue, var(--sox-primary, #6d4aff))); }
.ssl-final-inner span { color:color-mix(in srgb, var(--sox-cta-text, #fff) 82%, transparent); font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.ssl-final-inner h2 { margin:8px 0 9px; color:var(--sox-cta-text, #fff); font-size:34px; font-weight:800; }
.ssl-final-inner p { margin:0; color:color-mix(in srgb, var(--sox-cta-text, #fff) 90%, transparent); }
.ssl-btn-light { flex:0 0 auto; color:var(--sox-cta-bg, var(--ssl-blue, var(--sox-primary, #6d4aff)))!important; background:#fff; }
[data-background="dark"] .ssl-page main,[data-background="dark"] .ssl-guide,[data-background="dark"] .ssl-faq,[data-background="dark"] .ssl-final-cta { background:#12202b; }
[data-background="dark"] .ssl-plans,[data-background="dark"] .ssl-process { background:#0f1c25; }
[data-background="dark"] .ssl-plan-card,[data-background="dark"] .ssl-step { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .ssl-section-heading h2,[data-background="dark"] .ssl-plan-card h3,[data-background="dark"] .ssl-plan-card li b,[data-background="dark"] .ssl-choice-item strong,[data-background="dark"] .ssl-step h3,[data-background="dark"] .ssl-price { color:#f4f7f9; }
[data-background="dark"] .ssl-choice-item { border-color:#2b3c49; }
[data-background="dark"] .ssl-choice-item:hover { background:#172531; }
@media(max-width:991px){.ssl-hero{text-align:center}.ssl-hero h1,.ssl-hero .col-lg-7>p{margin-right:auto;margin-left:auto}.ssl-hero-actions,.ssl-hero-trust{justify-content:center}.ssl-lock-visual{margin:65px auto 0}.ssl-plan-card{margin-bottom:25px}.ssl-plan-summary{height:auto;min-height:0}.ssl-heading-left{text-align:center;margin:0 auto 45px}.ssl-choice-list{padding-left:0}.ssl-final-inner{display:block;text-align:center}.ssl-final-inner .btn{margin-top:25px}}
@media(max-width:767px){.ssl-hero{min-height:auto;padding:95px 0 80px}.ssl-hero h1{font-size:44px;letter-spacing:-1.4px}.ssl-lock-visual{width:330px;height:330px}.orbit-one{width:270px;height:270px}.orbit-two{width:325px;height:325px}.ssl-lock-core{width:185px;height:185px}.ssl-lock-core i{font-size:45px}.ssl-note-top{right:-5px}.ssl-note-bottom{left:-5px}.ssl-plans,.ssl-guide,.ssl-comparison,.ssl-process,.ssl-faq{padding:78px 0}.ssl-section-heading h2{font-size:34px}.ssl-step{margin-bottom:20px;height:auto}.ssl-final-cta{padding-bottom:75px}.ssl-final-inner{padding:42px 30px}.ssl-final-inner h2{font-size:29px}}
@media(max-width:575px){.ssl-hero h1{font-size:36px}.ssl-hero-actions{align-items:stretch;flex-direction:column;gap:18px}.ssl-hero-trust{display:grid;gap:10px}.ssl-lock-visual{width:285px;height:285px}.orbit-one{width:235px;height:235px}.orbit-two{width:280px;height:280px}.ssl-lock-core{width:165px;height:165px}.ssl-float-note{font-size:9px}.ssl-note-top{top:30px}.ssl-note-bottom{bottom:28px}.ssl-section-heading h2{font-size:30px}.ssl-plan-card{padding:38px 25px 31px}.ssl-choice-item{grid-template-columns:34px 1fr}.ssl-choice-item>i{display:none}.ssl-final-inner{padding:38px 22px}}

/* SSL lifecycle responsive and dark-mode adjustments */
[data-background="dark"] .ssl-lifecycle { background:#0f1c25; }
[data-background="dark"] .ssl-lifecycle-panel,
[data-background="dark"] .ssl-lifecycle-card,
[data-background="dark"] .ssl-lifecycle-bottom { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .ssl-lifecycle-card-accent { background:#1d2838; }
[data-background="dark"] .ssl-lifecycle-intro h2,
[data-background="dark"] .ssl-lifecycle-intro p strong,
[data-background="dark"] .ssl-lifecycle-panel-head h3,
[data-background="dark"] .ssl-validity-item strong,
[data-background="dark"] .ssl-lifecycle-card h3,
[data-background="dark"] .ssl-lifecycle-bottom h3 { color:#f4f7f9; }

@media (max-width: 991px) {
  .ssl-lifecycle-callout { margin:30px 0 0; }
  .ssl-lifecycle-reasons > div { display:block; }
  .ssl-lifecycle-card h3 { min-height:auto; }
  .ssl-reuse-panel { grid-template-columns:1fr; }
  .ssl-lifecycle-bottom { grid-template-columns:58px 1fr; }
  .ssl-lifecycle-bottom .btn { grid-column:1/-1; width:max-content; }
}
@media (max-width: 767px) {
  .ssl-lifecycle { padding:78px 0; }
  .ssl-lifecycle-intro h2 { font-size:36px; }
  .ssl-lifecycle-panel { padding:31px 22px; }
  .ssl-lifecycle-panel-head { display:block; }
  .ssl-lifecycle-panel-head a { display:inline-block; margin-top:14px; }
  .ssl-validity-timeline { grid-template-columns:1fr 1fr; gap:30px 0; }
  .ssl-validity-timeline::before { display:none; }
  .ssl-validity-item { padding-top:25px; }
  .ssl-validity-dot { top:0; }
  .ssl-reuse-panel { padding:34px 27px; }
}
@media (max-width: 575px) {
  .ssl-lifecycle-intro h2 { font-size:31px; }
  .ssl-lifecycle-callout { width:100%; }
  .ssl-validity-item strong { font-size:22px; }
  .ssl-lifecycle-card { padding:28px 24px; }
  .ssl-reuse-panel { padding:30px 22px; }
  .ssl-reuse-item { align-items:flex-start; }
  .ssl-lifecycle-bottom { display:block; padding:27px 23px; }
  .ssl-lifecycle-bottom-icon { margin-bottom:19px; }
  .ssl-lifecycle-bottom .btn { width:100%; margin-top:22px; }
}

/* =========================================
   ABOUT PAGE
   ========================================= */
:root {
  --about-ink: #17212b;
  --about-muted: #586776;
  --about-paper: #f7f9fb;
  --about-white: #ffffff;
  --about-coral: #f04f5f;
  --about-coral-dark: #d93648;
  --about-cyan: #22a8c7;
  --about-yellow: #f5bd3a;
  --about-green: #2ea678;
  --about-line: #dfe6eb;
}

.about-page, .about-page * { box-sizing: border-box; }
.about-page { color: var(--about-ink); background: var(--about-white); overflow: hidden; }
.about-page h1, .about-page h2, .about-page h3, .about-page p { margin-top: 0; }
.about-container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.about-section { padding: 96px 0; }
.about-kicker {
  display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px;
  color: var(--about-coral); font-size: 13px; font-weight: 800; letter-spacing: 0;
  text-transform: uppercase;
}
.about-kicker::before { content: ""; width: 26px; height: 3px; background: currentColor; }
.about-title { max-width: 720px; margin-bottom: 18px; font-size: 42px; line-height: 1.12; color: var(--about-ink); }
.about-lead { max-width: 650px; color: var(--about-muted); font-size: 18px; line-height: 1.75; }
.about-btn {
  min-height: 52px; padding: 0 24px; border: 2px solid transparent; border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-size: 15px; font-weight: 800; text-decoration: none !important; transition: .2s ease;
}
.about-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }
.about-btn-primary { background: var(--about-coral); color: var(--about-white) !important; }
.about-btn-primary:hover { background: var(--about-coral-dark); transform: translateY(-2px); }
.about-btn-light { border-color: rgba(255,255,255,.55); color: var(--about-white) !important; background: rgba(255,255,255,.08); }
.about-btn-light:hover { background: var(--about-white); color: var(--about-ink) !important; }

.about-hero {
  position: relative; min-height: min(690px, calc(100vh - 80px)); display: flex; align-items: flex-start;
  background: var(--about-ink);
  isolation: isolate;
}
.about-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, var(--about-ink));
}
.about-hero::after {
  content: ""; position: absolute; inset: auto 0 0; height: 7px; z-index: -1;
  background: var(--about-coral);
}
.about-hero-content { max-width: 730px; padding: 0 0 125px; color: var(--about-white); }
.about-hero .about-kicker { color: #77dded; }
.about-hero h1 { margin-bottom: 24px; max-width: 700px; color: var(--about-white); font-size: 64px; line-height: 1.03; }
.about-hero h1 span { color: #ffd15c; }
.about-hero-copy { max-width: 630px; margin-bottom: 32px; color: #e3ebef; font-size: 20px; line-height: 1.65; }
.about-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }
.about-hero-points { display: flex; flex-wrap: wrap; gap: 12px 26px; margin: 0; padding: 0; list-style: none; }
.about-hero-points li { display: flex; align-items: center; gap: 8px; color: #f1f5f7; font-size: 14px; font-weight: 700; }
.about-hero-points svg { width: 18px; height: 18px; color: #66dbc4; }
.about-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 420px); column-gap: 54px; row-gap: 0; align-items: start; }
.about-hero-grid > .sox-page-breadcrumb {
  grid-column: 1 / -1;
}
.about-hero-visual {
  padding: 26px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 8px;
  color: var(--about-white);
  background: rgba(17, 28, 40, .72);
}
.about-visual-brand {
  display: grid;
  gap: 14px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255,255,255,.16);
}
.about-visual-brand span { color: #dbe7ef; font-size: 16px; line-height: 1.65; }
.about-domain-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 24px 0;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
}
.about-domain-search span { color: #fff; font-size: 19px; font-weight: 700; }
.about-domain-search strong {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 6px;
  color: #14201b;
  background: var(--about-yellow);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.about-visual-services { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.about-visual-services div {
  min-height: 124px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.07);
}
.about-visual-services i {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 15px;
  place-items: center;
  border-radius: 8px;
  color: #1b2230;
  background: #77dded;
}
.about-visual-services div:nth-child(2) i { background: var(--about-yellow); }
.about-visual-services div:nth-child(3) i { background: #66dbc4; }
.about-visual-services div:nth-child(4) i { background: #ff6f61; color: #fff; }
.about-visual-services span { display: block; margin-bottom: 4px; color: #f8fafc; font-size: 15px; font-weight: 700; }
.about-visual-services b { display: block; color: #b9c8d1; font-size: 13px; font-weight: 600; }

.about-proof { position: relative; z-index: 2; margin-top: -52px; }
.about-proof-inner {
  display: grid; grid-template-columns: repeat(4, 1fr); background: var(--about-white);
  border: 1px solid var(--about-line);
}
.about-proof-item { min-height: 116px; padding: 25px 28px; border-right: 1px solid var(--about-line); }
.about-proof-item:last-child { border-right: 0; }
.about-proof strong { display: block; margin-bottom: 4px; color: var(--about-ink); font-size: 28px; line-height: 1.15; }
.about-proof span { color: var(--about-muted); font-size: 13px; font-weight: 700; }

.about-story { padding-top: 125px; }
.about-story-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 92px; align-items: center; }
.about-story-panel { position: relative; min-height: 440px; padding: 48px; background: #2f0f78; color: var(--about-white); }
.about-story-panel::before { content: ""; position: absolute; top: 0; left: 0; width: 92px; height: 8px; background: var(--about-yellow); }
.about-story-mark { color: #54c8df; font-size: 86px; font-weight: 800; line-height: .8; }
.about-story-panel blockquote { margin: 28px 0 36px; color: var(--about-white); font-size: 28px; font-weight: 700; line-height: 1.38; }
.about-story-panel p { margin-bottom: 0; color: #b9c8d1; line-height: 1.7; }
.about-story-copy p { margin-bottom: 22px; color: var(--about-muted); font-size: 17px; line-height: 1.8; }
.about-story-signoff { display: flex; align-items: center; gap: 14px; margin-top: 30px; color: var(--about-ink); font-weight: 800; }
.about-story-signoff span { width: 42px; height: 4px; background: var(--about-coral); }

.about-benefits { background: var(--about-paper); }
.about-section-head { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 48px; }
.about-section-head .about-lead { max-width: 470px; margin-bottom: 0; }
.about-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--about-line); border-left: 1px solid var(--about-line); }
.about-benefit {
  min-height: 290px; padding: 36px; background: var(--about-white);
  border-right: 1px solid var(--about-line); border-bottom: 1px solid var(--about-line);
  transition: .2s ease;
}
.about-benefit:hover { position: relative; z-index: 1; transform: translateY(-5px); }
.about-icon {
  width: 54px; height: 54px; margin-bottom: 26px; border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
}
.about-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.about-icon.coral,
.about-icon.cyan,
.about-icon.yellow,
.about-icon.green { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.about-benefit h3 { margin-bottom: 13px; color: var(--about-ink); font-size: 21px; line-height: 1.3; }
.about-benefit p { margin-bottom: 0; color: var(--about-muted); line-height: 1.75; }

.about-journey { background: var(--about-white); }
.about-journey-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start; }
.about-journey-intro { position: sticky; top: 30px; }
.about-steps { counter-reset: steps; }
.about-step { counter-increment: steps; position: relative; padding: 4px 0 42px 86px; }
.about-step:not(:last-child)::before { content: ""; position: absolute; top: 52px; bottom: 8px; left: 27px; width: 1px; background: var(--about-line); }
.about-step::after {
  content: "0" counter(steps); position: absolute; top: 0; left: 0; width: 56px; height: 56px;
  display: grid; place-items: center; border: 2px solid var(--about-ink); color: var(--about-ink);
  background: var(--about-white); font-size: 14px; font-weight: 800;
}
.about-step:nth-child(2)::after { border-color: var(--about-coral); color: var(--about-coral); }
.about-step:nth-child(3)::after { border-color: var(--about-cyan); color: var(--about-cyan); }
.about-step h3 { margin-bottom: 10px; color: var(--about-ink); font-size: 24px; }
.about-step p { margin-bottom: 0; color: var(--about-muted); font-size: 16px; line-height: 1.75; }

.about-promise { background: #10202c; color: var(--about-white); }
.about-promise .about-kicker { color: #ffd15c; }
.about-promise .about-title { color: var(--about-white); }
.about-promise .about-lead { color: #b9c8d1; }
.about-promise-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 82px; align-items: center; }
.about-promise-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #31414d; }
.about-promise-list li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid #31414d; }
.about-promise-list svg { width: 30px; height: 30px; color: #60d8c0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.about-promise-list strong { display: block; margin-bottom: 5px; color: var(--about-white); font-size: 18px; }
.about-promise-list span { color: #b9c8d1; line-height: 1.65; }

.about-cta { padding: 84px 0; background: #ffd15c; }
.about-cta-inner { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
.about-cta h2 { margin-bottom: 12px; color: var(--about-ink); font-size: 42px; line-height: 1.15; }
.about-cta p { max-width: 720px; margin-bottom: 0; color: #4a4f4e; font-size: 18px; line-height: 1.7; }
.about-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.about-cta .about-btn-primary { background: var(--about-ink); }
.about-cta .about-btn-primary:hover { background: #263744; }
.about-btn-outline { border-color: var(--about-ink); color: var(--about-ink) !important; background: transparent; }
.about-btn-outline:hover { background: var(--about-white); }

@media (max-width: 991px) {
  .about-hero { min-height: min(640px, calc(100vh - 72px)); }
  .about-hero-grid { grid-template-columns: 1fr; gap: 0; }
  .about-hero-visual { max-width: 560px; margin: -70px auto 95px; }
  .about-hero h1 { font-size: 52px; }
  .about-proof-inner { grid-template-columns: repeat(2, 1fr); }
  .about-proof-item:nth-child(2) { border-right: 0; }
  .about-proof-item:nth-child(-n+2) { border-bottom: 1px solid var(--about-line); }
  .about-story-grid, .about-journey-grid, .about-promise-grid { grid-template-columns: 1fr; gap: 54px; }
  .about-story-panel { min-height: auto; }
  .about-section-head { display: block; }
  .about-section-head .about-lead { max-width: 650px; }
  .about-benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .about-journey-intro { position: static; }
  .about-cta-inner { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .about-container { width: min(100% - 28px, 1160px); }
  .about-section { padding: 70px 0; }
  .about-title, .about-cta h2 { font-size: 34px; }
  .about-hero { min-height: min(650px, calc(100vh - 64px)); }
  .about-hero::before { background: color-mix(in srgb, var(--sox-primary, #6d4aff) 10%, var(--about-ink)); }
  .about-hero-content { padding: 0 0 100px; }
  .about-hero h1 { font-size: 43px; }
  .about-hero-copy { font-size: 17px; }
  .about-hero-actions .about-btn { width: 100%; }
  .about-hero-visual { margin: -68px auto 78px; padding: 20px; }
  .about-domain-search { display: block; }
  .about-domain-search strong { display: inline-block; margin-top: 10px; }
  .about-visual-services { grid-template-columns: 1fr; }
  .about-visual-services div { min-height: 0; }
  .about-proof { margin-top: -34px; }
  .about-proof-inner { grid-template-columns: 1fr 1fr; }
  .about-proof-item { min-height: 98px; padding: 20px 17px; }
  .about-proof strong { font-size: 22px; }
  .about-story { padding-top: 92px; }
  .about-story-panel { padding: 38px 28px; }
  .about-story-panel blockquote { font-size: 23px; }
  .about-benefit-grid { grid-template-columns: 1fr; }
  .about-benefit { min-height: 0; padding: 30px 26px; }
  .about-step { padding-left: 72px; }
  .about-step::after { width: 48px; height: 48px; }
  .about-step:not(:last-child)::before { left: 23px; top: 48px; }
  .about-cta-actions .about-btn { width: 100%; }
}

/* =========================================
   RESELLER HOSTING PAGE
   ========================================= */
:root {
  --res-ink: #111c2d;
  --res-muted: #637083;
  --res-purple: var(--sox-primary, #6d4aff);
  --res-purple-dark: var(--sox-primary-dark, #4e2fd0);
  --res-blue: var(--sox-secondary, #3787f5);
  --res-teal: var(--sox-accent, #10b7a1);
  --res-coral: #ff6174;
  --res-yellow: var(--sox-highlight, #ffc94a);
  --res-paper: var(--sox-background, #f6f8fc);
  --res-line: var(--sox-border, #e5e9f1);
}

.reseller-page { overflow-x: hidden; }
.reseller-page .box-container { overflow: hidden; }
.reseller-page .section-heading { color: var(--res-ink); font-size: 42px; line-height: 1.15; }
.reseller-page .section-subheading { color: var(--res-muted); font-size: 17px; line-height: 1.7; }

.reseller-hero {
  position: relative; min-height: 720px; padding: 112px 0 100px; overflow: hidden;
  display: flex; align-items: center; isolation: isolate;
  background: #17243b;
}
.reseller-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2; opacity: .35;
  background-color: color-mix(in srgb, #ffffff 4%, transparent);
  background-image: none;
}
.reseller-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;
  background: var(--res-purple);
}
.reseller-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); }
.reseller-orb-one { width: 460px; height: 460px; top: -220px; right: 12%; background: rgba(115,87,255,.16); }
.reseller-orb-two { width: 320px; height: 320px; bottom: -180px; left: 34%; background: rgba(16,183,161,.12); }
.reseller-hero-copy { max-width: 620px; padding-right: 30px; }
.hero-eyebrow,
.reseller-eyebrow,
.ssl-eyebrow,
.dc-kicker,
.whois-eyebrow,
.privacy-eyebrow,
.faq-eyebrow,
.workspace-eyebrow,
.affiliate-eyebrow,
.emailsec-eyebrow,
.sitelock-eyebrow,
.about-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #dffcf6;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hero-eyebrow::before,
.reseller-eyebrow::before,
.ssl-eyebrow::before,
.dc-kicker::before,
.whois-eyebrow::before,
.privacy-eyebrow::before,
.faq-eyebrow::before,
.workspace-eyebrow::before,
.affiliate-eyebrow::before,
.emailsec-eyebrow::before,
.sitelock-eyebrow::before,
.about-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}
.hero-eyebrow i,
.reseller-eyebrow i,
.ssl-eyebrow i,
.dc-kicker i,
.whois-eyebrow i,
.privacy-eyebrow i,
.faq-eyebrow i,
.workspace-eyebrow i,
.affiliate-eyebrow i,
.emailsec-eyebrow i,
.sitelock-eyebrow i,
.about-eyebrow i {
  color: #f6d84f;
  font-size: 14px;
}
.reseller-hero h1 { margin: 0 0 25px; color: #fff; font-size: 62px; font-weight: 800; line-height: 1.04; letter-spacing: -2px; }
.reseller-hero h1 em { position: relative; color: #ffd15d; font-style: normal; white-space: nowrap; }
.reseller-hero h1 em::after { content: ""; position: absolute; right: 0; bottom: -5px; width: 88%; height: 5px; border-radius: 5px; background: var(--res-coral); transform: rotate(-1.5deg); }
.reseller-hero-copy > p { max-width: 590px; margin: 0 0 32px; color: #c1ccda; font-size: 18px; line-height: 1.75; }
.reseller-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.reseller-btn {
  min-height: 53px; padding: 0 23px; border: 1px solid transparent; border-radius: 9px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-weight: 800; text-decoration: none !important; transition: .22s ease;
}
.reseller-btn:hover { transform: translateY(-2px); }
.reseller-btn-primary { color: #fff !important; background: var(--res-purple); }
.reseller-btn-primary:hover { }
.reseller-btn-ghost { color: #e9eef6 !important; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.06); }
.reseller-btn-ghost:hover { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.11); }
.reseller-hero-proof { display: flex; align-items: center; gap: 15px; margin-top: 32px; }
.reseller-proof-avatars { display: flex; }
.reseller-proof-avatars span {
  width: 39px; height: 39px; margin-left: -8px; border: 3px solid #17243b; border-radius: 50%;
  display: grid; place-items: center; color: #fff; background: var(--res-purple); font-size: 9px; font-weight: 900;
}
.reseller-proof-avatars span:first-child { margin-left: 0; background: var(--res-coral); }
.reseller-proof-avatars span:last-child { background: var(--res-teal); }
.reseller-hero-proof p { margin: 0; color: #8fa0b5; line-height: 1.45; }
.reseller-hero-proof strong { color: #fff; }

.reseller-visual { position: relative; min-height: 510px; margin-left: 25px; display: flex; align-items: center; justify-content: center; }
.reseller-visual-glow { position: absolute; width: 470px; height: 470px; border-radius: 50%; background: color-mix(in srgb, var(--res-purple) 14%, transparent); }
.reseller-dashboard {
  position: relative; z-index: 2; width: 550px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 18px;
  background: #f7f9fd; transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
}
.reseller-dashboard-top { height: 48px; padding: 0 17px; display: flex; align-items: center; gap: 15px; color: #fff; background: #1a2639; }
.reseller-window-dots { display: flex; gap: 5px; }
.reseller-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--res-coral); }
.reseller-window-dots i:nth-child(2) { background: var(--res-yellow); }
.reseller-window-dots i:nth-child(3) { background: var(--res-teal); }
.reseller-dashboard-top > span { font-size: 11px; font-weight: 900; letter-spacing: 1px; }
.reseller-live { margin-left: auto; color: #aab7c8; font-size: 9px; }
.reseller-live i { width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; display: inline-block; background: #55d5a9; }
.reseller-dashboard-body { min-height: 350px; display: grid; grid-template-columns: 58px 1fr; }
.reseller-side-icons { padding: 18px 10px; display: flex; flex-direction: column; gap: 11px; background: #202d42; }
.reseller-side-icons span { width: 37px; height: 37px; border-radius: 9px; display: grid; place-items: center; color: #8290a4; }
.reseller-side-icons span.active { color: #fff; background: var(--res-purple); }
.reseller-side-icons svg { width: 17px; height: 17px; fill: currentColor; }
.reseller-dashboard-content { padding: 23px 24px 25px; }
.reseller-dashboard-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.reseller-dashboard-heading small, .reseller-chart-card small { display: block; margin-bottom: 3px; color: #9ba6b5; font-size: 7px; font-weight: 800; letter-spacing: .8px; }
.reseller-dashboard-heading strong { display: block; color: var(--res-ink); font-size: 16px; }
.reseller-dashboard-heading button { padding: 8px 12px; border: 0; border-radius: 6px; color: #fff; background: var(--res-purple); font-size: 8px; font-weight: 800; }
.reseller-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.reseller-stat { position: relative; min-height: 78px; padding: 14px; border: 1px solid #e8ebf2; border-radius: 10px; display: flex; align-items: center; gap: 11px; background: #fff; }
.reseller-stat > span { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.reseller-stat.teal > span { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.reseller-stat svg { width: 17px; height: 17px; fill: currentColor; }
.reseller-stat small { display: block; color: #98a3b1; font-size: 7px; }
.reseller-stat strong { display: block; margin-top: 2px; color: var(--res-ink); font-size: 15px; }
.reseller-stat b { position: absolute; top: 12px; right: 11px; color: #23a781; font-size: 7px; }
.reseller-chart-card { position: relative; height: 158px; padding: 15px 16px 0; overflow: hidden; border: 1px solid #e8ebf2; border-radius: 10px; background: #fff; }
.reseller-chart-card strong { color: var(--res-ink); font-size: 12px; }
.reseller-chart-card > svg { position: absolute; left: 15px; right: 15px; bottom: 0; width: calc(100% - 30px); height: 105px; }
.reseller-chart-card .area { fill: url(#revenueFill); }
.reseller-chart-card .line { fill: none; stroke: var(--res-purple); stroke-width: 3; stroke-linecap: round; }
.reseller-float-card { position: absolute; z-index: 4; padding: 12px 15px; border: 1px solid rgba(255,255,255,.6); border-radius: 12px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.96); }
.reseller-float-card > span { width: 35px; height: 35px; border-radius: 9px; display: grid; place-items: center; color: #fff; background: var(--res-teal); font-size: 10px; font-weight: 900; }
.reseller-float-card svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.reseller-float-card small { display: block; color: #929eac; font-size: 8px; }
.reseller-float-card strong { color: var(--res-ink); font-size: 11px; }
.reseller-float-sale { left: -15px; bottom: 36px; }
.reseller-float-client { top: 35px; right: -12px; }
.reseller-float-client > span { background: var(--res-coral); }
.reseller-float-client > i { margin-left: 6px; color: var(--res-teal); font-size: 10px; }

.reseller-trust-strip { position: relative; z-index: 5; background: #fff; border-bottom: 1px solid var(--res-line); }
.reseller-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.reseller-trust-grid > div { min-height: 108px; padding: 24px 25px; border-right: 1px solid var(--res-line); display: flex; align-items: center; gap: 13px; }
.reseller-trust-grid > div:last-child { border-right: 0; }
.reseller-trust-icon,
.reseller-trust-icon.coral,
.reseller-trust-icon.teal,
.reseller-trust-icon.yellow { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.reseller-trust-icon svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.reseller-trust-grid p { margin: 0; }
.reseller-trust-grid strong { display: block; margin-bottom: 3px; color: var(--res-ink); font-size: 14px; }
.reseller-trust-grid small { color: var(--res-muted); font-size: 11px; }

.reseller-pricing { padding: 100px 0 90px; }
.reseller-pricing .randomline { display: none; }
.reseller-pricing .row > [class*="col-"] { margin-bottom: 24px; }
.reseller-plan { position: relative; height: 100%; overflow: hidden; border: 1px solid var(--res-line); border-radius: 18px; background: #fff; transition: .25s ease; }
.reseller-plan::before { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 3; height: 5px; background: var(--plan-color); }
.reseller-plan:hover { transform: translateY(-8px); border-color: color-mix(in srgb, var(--plan-color) 45%, #fff); }
.reseller-plan-blue { --plan-color: var(--res-blue); }
.reseller-plan-teal { --plan-color: var(--res-teal); }
.reseller-plan-purple { --plan-color: var(--res-purple); border-color: #cfc7ff; }
.reseller-plan-coral { --plan-color: var(--res-coral); }
.reseller-plan .top-content { min-height: 246px; padding: 34px 22px 28px; background: #fff !important; }
.reseller-plan .title { color: var(--res-ink); font-size: 22px; font-weight: 800; }
.reseller-plan .fromer { margin-top: 7px; color: var(--res-muted); font-size: 12px; }
.reseller-plan .price-content { margin: 15px 0; }
.reseller-plan .price .value { color: var(--res-ink); font-size: 42px; font-weight: 800; letter-spacing: -1px; }
.reseller-plan .price .coin, .reseller-plan .price small, .reseller-plan .price .period { color: var(--res-muted); }
.reseller-plan .btn { width: 100%; border: 0; border-radius: 8px; color: #fff; background: var(--plan-color); }
.vps-page .reseller-pricing .reseller-plan .btn,
.dedicated-page .reseller-pricing .reseller-plan .btn {
  background: var(--res-purple) !important;
}
.vps-page .reseller-pricing .reseller-plan .btn:hover,
.dedicated-page .reseller-pricing .reseller-plan .btn:hover {
  background: var(--res-purple-dark) !important;
}
.reseller-plan .list-info { margin: 0; padding: 7px 23px 24px; background: #fff !important; }
.reseller-plan .list-info li { min-height: 63px; border-color: var(--res-line); }
.reseller-plan .list-info li i { color: var(--plan-color) !important; font-size: 24px; }
.reseller-plan .list-info li div { color: #919bab; font-size: 9px; letter-spacing: .45px; }
.reseller-plan .list-info li span { color: var(--res-ink); font-size: 13px; font-weight: 800; letter-spacing: 0; }
.reseller-plan .plans.badge.feat { position: absolute; z-index: 5; top: 22px; right: -46px; display: flex; align-items: center; justify-content: center; width: 168px; padding: 8px 8px; border-radius: 0; transform: rotate(45deg); background: var(--res-purple) !important; font-size: 11px; font-weight: 800; line-height: 1.15; letter-spacing: .04em; text-align: center; white-space: nowrap; }
.home-pricing.reseller-pricing { padding-top: 30px; }
.home-pricing .reseller-plan .top-content { min-height: 292px; }
.home-pricing .reseller-plan > .plans.badge.feat,
.home-pricing .reseller-plan > .sox-promo-ribbon {
  top: 24px;
  right: -44px;
  width: 176px;
  padding: 9px 10px;
  font-size: 11px;
  line-height: 1.2;
}
/* Fixed plan hues — do not map to --sox-accent (white on us-independence). */
.home-pricing .reseller-plan-blue { --plan-color: #3787f5; }
.home-pricing .reseller-plan-purple { --plan-color: #7357ff; }
.home-pricing .reseller-plan-teal { --plan-color: #10b7a1; }
.sox-unified-ui .services.sec-normal:has(.home-pricing) .section-heading {
  color: var(--res-ink, #111c2d);
}
.sox-unified-ui .services.sec-normal:has(.home-pricing) .section-subheading {
  color: var(--res-muted, #637083);
}
.home-plan-visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 86px;
  height: 86px;
  margin: 0 auto 18px;
  border-radius: 18px;
  color: var(--plan-color);
  background: color-mix(in srgb, var(--plan-color) 12%, #fff);
}
.home-pricing .home-plan-visual i {
  display: block;
  margin: 0 !important;
  padding: 0;
  font-size: 34px !important;
  line-height: 1;
  text-align: center;
  color: var(--plan-color) !important;
}
.home-pricing .sox-promo-original-line {
  justify-content: center;
}

.reseller-value { position: relative; background: #101c2e !important; }
.reseller-value::before { content: ""; position: absolute; inset: 0; opacity: .22; background: color-mix(in srgb, var(--res-purple) 18%, transparent); }
.reseller-value .container { position: relative; }
.reseller-value .section-heading, .reseller-value .section-subheading { color: #fff !important; }
.reseller-value .section-subheading { color: #b7c4d4 !important; }
.reseller-value .service-section { min-height: 265px; padding: 36px 31px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.055) !important; backdrop-filter: blur(8px); transition: .25s ease; }
.reseller-value .service-section:hover { transform: translateY(-6px); border-color: rgba(115,87,255,.6); background: #2f0f78 !important; }
.reseller-value .service-section .title { color: var(--sox-primary, #6d4aff) !important; font-size: 20px; font-weight: 700; }
.reseller-value .service-section .subtitle { line-height: 1.75; margin-top: 10px; }
.reseller-value .service-section:hover .subtitle { color: #ffffff !important; line-height: 1.75; margin-top: 10px; }
.reseller-value .plans.badge { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: var(--res-purple) !important; font-size: 20px; }
.reseller-value [class*="col-"]:nth-child(3) .plans.badge { background: var(--res-teal) !important; }
.reseller-value [class*="col-"]:nth-child(4) .plans.badge { background: var(--res-coral) !important; }
.vps-page .reseller-value,
.dedicated-page .reseller-value {
  background: var(--res-paper) !important;
}
.vps-page .reseller-value::before,
.dedicated-page .reseller-value::before {
  display: none;
}
.vps-page .reseller-value .section-heading,
.dedicated-page .reseller-value .section-heading {
  color: var(--res-ink) !important;
}
.vps-page .reseller-value .section-subheading,
.dedicated-page .reseller-value .section-subheading {
  max-width: 930px;
  margin-right: auto;
  margin-left: auto;
  color: var(--res-muted) !important;
}
.vps-page .reseller-value .service-section,
.dedicated-page .reseller-value .service-section {
  position: relative;
  height: 100%;
  min-height: 300px;
  padding: 38px 32px 34px;
  overflow: hidden;
  border-color: var(--res-line);
  background: #fff !important;
  backdrop-filter: none;
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
}
.vps-page .reseller-value .service-section::after,
.dedicated-page .reseller-value .service-section::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: currentColor;
  opacity: .045;
  pointer-events: none;
}
.vps-page .reseller-value .service-section:hover,
.dedicated-page .reseller-value .service-section:hover {
  border-color: rgba(115, 87, 255, .34);
  background: #fff !important;
  transform: translateY(-4px);
}
.vps-page .reseller-value .server-step-badge,
.dedicated-page .reseller-value .server-step-badge {
  width: 60px;
  height: 60px;
  margin: 0 auto 24px;
  border: 0;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--sox-chip-solid-fg) !important;
  font-size: 22px;
  font-weight: 800;
  opacity: 1;
  background: var(--sox-chip-solid-bg) !important;
}
.vps-page .reseller-value [class*="col-"]:nth-child(3) .server-step-badge,
.dedicated-page .reseller-value [class*="col-"]:nth-child(3) .server-step-badge {
  background: var(--sox-chip-solid-bg-2) !important;
}
.vps-page .reseller-value [class*="col-"]:nth-child(4) .server-step-badge,
.dedicated-page .reseller-value [class*="col-"]:nth-child(4) .server-step-badge {
  background: var(--sox-chip-solid-bg-3) !important;
}
.vps-page .reseller-value .service-section .title,
.dedicated-page .reseller-value .service-section .title {
  margin: 0 0 12px;
  color: var(--res-ink) !important;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.35;
}
.vps-page .reseller-value .service-section .subtitle,
.dedicated-page .reseller-value .service-section .subtitle,
.vps-page .reseller-value .service-section:hover .subtitle,
.dedicated-page .reseller-value .service-section:hover .subtitle {
  max-width: 320px;
  margin: 0 auto;
  color: var(--res-muted) !important;
  line-height: 1.75;
}
.vps-page .reseller-value .row > [class*="col-md-4"],
.dedicated-page .reseller-value .row > [class*="col-md-4"] {
  margin-top: 24px;
}

.reseller-tools { background: var(--res-paper) !important; }
.reseller-tools .service-section { min-height: 245px; padding: 32px 25px; border: 1px solid var(--res-line); border-radius: 15px; background: #fff !important; }
.reseller-tools .service-section .title { color: var(--res-ink) !important; font-size: 18px; font-weight: 700;}
.reseller-tools .service-section .title i,
.reseller-tools [class*="col-"]:nth-child(3) .title i,
.reseller-tools [class*="col-"]:nth-child(4) .title i,
.reseller-tools [class*="col-"]:nth-child(5) .title i { margin-bottom: 18px; color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.reseller-tools .service-section .subtitle { margin-top: 15px; color: var(--res-muted) !important; line-height: 1.72; }

.reseller-process { background: #fff !important; }
.reseller-process .service-section { position: relative; min-height: 230px; padding: 38px 30px 30px; border: 1px solid var(--res-line); border-radius: 16px; background: #fff !important; }
.reseller-process .service-section::after { content: ""; position: absolute; top: 0; left: 30px; width: 54px; height: 4px; border-radius: 0 0 5px 5px; background: var(--res-purple); }
.reseller-process [class*="col-"]:nth-child(3) .service-section::after { background: var(--res-teal); }
.reseller-process [class*="col-"]:nth-child(4) .service-section::after { background: var(--res-coral); }
.reseller-process .plans.badge { width: 47px; height: 47px; border: 2px solid #e2dcff; border-radius: 50%; display: grid; place-items: center; color: var(--res-purple); background: #2f0f78 !important; font-size: 15px; }
.reseller-process .service-section .title { color: var(--res-ink) !important; font-weight: 700; }
.reseller-process .service-section .subtitle { margin-top: 15px; color: var(--res-muted) !important; line-height: 1.72; }

.service-split {
  position: relative;
  padding: 96px 0;
  overflow: hidden;
}
.service-split.bg-colorstyle {
  background: #fff !important;
}
.service-split.bg-seccolorstyle {
  background: var(--res-paper) !important;
}
.service-split-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1fr);
  gap: 70px;
  align-items: center;
}
.service-split-reverse .service-split-copy {
  order: 2;
}
.service-split-reverse .service-split-visual {
  order: 1;
}
.service-split-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--res-purple);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}
.service-split-kicker::before {
  content: "";
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: var(--res-teal);
}
.service-split-copy h2 {
  max-width: 620px;
  margin: 0 0 19px;
  color: var(--res-ink);
  font-size: 46px;
  font-weight: 800;
  line-height: 1.13;
}
.service-split-copy p {
  max-width: 660px;
  margin: 0 0 25px;
  color: var(--res-muted);
  font-size: 18px;
  line-height: 1.75;
}
.service-split-list {
  margin: 0 0 31px;
  padding: 0;
  list-style: none;
}
.service-split-list li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
  color: var(--res-muted);
  font-size: 16px;
  line-height: 1.62;
}
.service-split-list i,
.service-split-list li:nth-child(2) i,
.service-split-list li:nth-child(3) i { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.service-split-visual {
  position: relative;
}
.service-visual-panel {
  position: relative;
  min-height: 410px;
  overflow: hidden;
  border: 1px solid var(--res-line);
  border-radius: 18px;
  background: #152031;
}
.service-visual-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--visual-accent, var(--res-purple)) 10%, transparent);
}
.service-visual-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 26px;
  color: #dfe8f3;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.service-visual-top i,
.service-visual-status b {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--res-teal);
  animation: servicePulse 2.3s ease-in-out infinite;
}
.service-visual-node {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 150px;
  min-height: 88px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  animation: serviceFloat 6.5s ease-in-out infinite;
}
.service-visual-node strong {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}
.service-visual-node small {
  margin-top: 5px;
  color: #b9c7d8;
  font-size: 11px;
}
.node-main {
  top: 92px;
  left: 42px;
}
.node-panel {
  top: 118px;
  right: 38px;
  animation-delay: .7s;
}
.node-backup {
  right: 84px;
  bottom: 78px;
  animation-delay: 1.2s;
}
.node-billing {
  left: 72px;
  bottom: 54px;
  animation-delay: 1.8s;
}
.service-visual-bars {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: grid;
  width: 180px;
  gap: 10px;
  transform: translate(-50%, -50%);
}
.service-visual-bars span {
  display: block;
  height: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  overflow: hidden;
}
.service-visual-bars span::after {
  content: "";
  display: block;
  width: 72%;
  height: 100%;
  border-radius: inherit;
  background: var(--visual-accent, var(--res-purple));
  animation: serviceBar 4.3s ease-in-out infinite;
}
.service-visual-bars span:nth-child(2)::after {
  width: 56%;
  animation-delay: .5s;
}
.service-visual-bars span:nth-child(3)::after {
  width: 83%;
  animation-delay: 1s;
}
.service-visual-bars-wide {
  left: 48px;
  right: 48px;
  top: auto;
  bottom: 48px;
  width: auto;
  transform: none;
}
.service-visual-status {
  position: absolute;
  z-index: 2;
  left: 42px;
  right: 42px;
  top: 94px;
  display: grid;
  grid-template-columns: 12px 1fr;
  gap: 10px 15px;
  align-items: center;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.08);
}
.service-visual-status strong {
  color: #fff;
  font-size: 23px;
  font-weight: 800;
}
.service-visual-status small {
  grid-column: 2;
  color: #b9c7d8;
}
.service-visual-ticket {
  position: absolute;
  z-index: 2;
  left: 72px;
  right: 72px;
  top: 205px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.08);
  animation: serviceFloat 6.5s ease-in-out infinite;
}
.service-visual-ticket i {
  color: var(--res-teal);
}
.service-rack {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 53%;
  display: grid;
  width: 250px;
  gap: 14px;
  transform: translate(-50%, -50%);
}
.service-rack span {
  height: 46px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 11px;
  background: rgba(255,255,255,.07);
}
.service-rack span::before {
  content: "";
  display: block;
  width: 34px;
  height: 8px;
  margin: 19px 0 0 18px;
  border-radius: 999px;
  background: var(--visual-accent, var(--res-coral));
  animation: servicePulse 2.8s ease-in-out infinite;
}
.dedicated-page .dedicated-market-visual,
.vps-page .vps-market-visual {
  position: relative;
  width: 100%;
  min-width: 0;
  color: var(--sox-primary, #6d4aff);
}
.dedicated-page .service-market-art,
.vps-page .service-market-art {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  mask-mode: alpha;
}
.dedicated-page .dedicated-market-art-hardware {
  -webkit-mask-image: url("../img/dedicated/sox-world-class-dedicated.svg");
  mask-image: url("../img/dedicated/sox-world-class-dedicated.svg");
}
.dedicated-page .dedicated-market-art-deploy {
  -webkit-mask-image: url("../img/dedicated/sox-world-class-dedicated-deploy.svg");
  mask-image: url("../img/dedicated/sox-world-class-dedicated-deploy.svg");
}
.vps-page .vps-market-art-control {
  -webkit-mask-image: url("../img/vps/sox-world-class-vps.svg");
  mask-image: url("../img/vps/sox-world-class-vps.svg");
}
.vps-page .vps-market-art-support {
  -webkit-mask-image: url("../img/vps/sox-world-class-vps-support.svg");
  mask-image: url("../img/vps/sox-world-class-vps-support.svg");
}
.dedicated-page .dedicated-split-build .service-split-kicker::before {
  background: var(--res-coral);
}
.server-step-badge {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
  border: 1px solid rgb(0 0 0 / 0%);
  border-radius: 16px;
  color: var(--sox-chip-solid-fg);
  background: var(--sox-chip-solid-bg);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.reseller-value .service-section {
  text-align: center;
}
@media (max-width: 575px) {
  .vps-page .reseller-value .service-section,
  .dedicated-page .reseller-value .service-section {
    min-height: 0;
    padding: 30px 22px 28px;
  }
  .vps-page .reseller-value .server-step-badge,
  .dedicated-page .reseller-value .server-step-badge {
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 14px;
    font-size: 20px;
  }
  .vps-page .reseller-value .service-section .title,
  .dedicated-page .reseller-value .service-section .title {
    font-size: 19px;
  }
}
@keyframes serviceFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes serviceBar {
  0%, 100% { transform: translateX(-18%); opacity: .72; }
  50% { transform: translateX(12%); opacity: 1; }
}
@keyframes servicePulse {
  0%, 100% { opacity: .55; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1); }
}

.reseller-bottom-cta { margin-top: 76px; padding: 50px 55px; border-radius: 20px; display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; color: var(--sox-cta-text, #ffffff); background: var(--sox-cta-bg, var(--sox-primary, #6d4aff)); }
.reseller-bottom-cta span { color: color-mix(in srgb, var(--sox-cta-text, #ffffff) 82%, transparent); font-weight: 900; letter-spacing: 1.4px; }
.reseller-bottom-cta h3 { max-width: 850px; margin: 8px 0 9px; color: var(--sox-cta-text, #ffffff); font-size: 31px; line-height: 1.2; }
.reseller-bottom-cta p { margin: 0; color: color-mix(in srgb, var(--sox-cta-text, #ffffff) 90%, transparent); }
.reseller-bottom-actions { display: flex; flex-direction: column; align-items: center; gap: 13px; }
.reseller-btn-light { color: var(--sox-cta-bg, var(--sox-primary, #6d4aff)) !important; background: #fff; }
.reseller-bottom-actions > a:last-child { color: var(--sox-cta-text, #ffffff); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }

.service-bottom-cta {
  margin-top: 76px;
  padding: 50px 55px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 45px;
  align-items: center;
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
.service-bottom-cta span {
  color: #dcd6ff;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.service-bottom-cta h3 {
  max-width: 650px;
  margin: 8px 0 9px;
  color: #fff;
  font-size: 31px;
  line-height: 1.2;
}
.service-bottom-cta p { margin: 0; color: #e6e2ff; }
.service-bottom-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.service-bottom-actions > a:last-child {
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

[data-background="dark"] .reseller-trust-strip,
[data-background="dark"] .reseller-plan,
[data-background="dark"] .reseller-plan .top-content,
[data-background="dark"] .reseller-plan .list-info,
[data-background="dark"] .vps-page .reseller-value .service-section,
[data-background="dark"] .dedicated-page .reseller-value .service-section,
[data-background="dark"] .reseller-tools .service-section,
[data-background="dark"] .reseller-process .service-section,
[data-background="dark"] .reseller-faq .panel-wrap { background: #172531 !important; border-color: #2b3c49; }
[data-background="dark"] .reseller-trust-grid strong,
[data-background="dark"] .reseller-plan .title,
[data-background="dark"] .reseller-plan .price .value,
[data-background="dark"] .reseller-plan .list-info li span,
[data-background="dark"] .vps-page .reseller-value .service-section .title,
[data-background="dark"] .dedicated-page .reseller-value .service-section .title,
[data-background="dark"] .reseller-tools .service-section .title,
[data-background="dark"] .reseller-process .service-section .title,
[data-background="dark"] .reseller-faq .panel-title { color: #f4f7f9 !important; }
[data-background="dark"] .reseller-trust-strip,
[data-background="dark"] .vps-page .reseller-value,
[data-background="dark"] .dedicated-page .reseller-value,
[data-background="dark"] .reseller-tools,
[data-background="dark"] .reseller-faq { background: #12202b !important; }
[data-background="dark"] .reseller-process { background: #0f1c25 !important; }
[data-background="dark"] .service-split.bg-colorstyle,
[data-background="dark"] .service-split.bg-seccolorstyle { background: #12202b !important; }
[data-background="dark"] .service-split-copy h2 { color: #f4f7f9; }
[data-background="dark"] .service-split-copy p,
[data-background="dark"] .vps-page .reseller-value .service-section .subtitle,
[data-background="dark"] .dedicated-page .reseller-value .service-section .subtitle,
[data-background="dark"] .service-split-list li { color: #b8c5d5; }

@media (max-width: 1199px) {
  .reseller-hero h1 { font-size: 53px; }
  .reseller-dashboard { width: 490px; }
  .reseller-float-client { right: -4px; }
  .reseller-trust-grid > div { padding: 22px 16px; }
  .service-split-grid { gap: 48px; }
  .service-split-copy h2 { font-size: 40px; }
}

@media (max-width: 991px) {
  .reseller-hero { padding: 90px 0 80px; }
  .reseller-hero-copy { max-width: 720px; padding-right: 0; text-align: center; margin: 0 auto; }
  .reseller-eyebrow, .reseller-hero-actions, .reseller-hero-proof { justify-content: center; }
  .reseller-hero-copy > p { margin-left: auto; margin-right: auto; }
  .reseller-visual { max-width: 610px; margin: 55px auto 0; }
  .reseller-dashboard { width: 540px; }
  .reseller-trust-grid { grid-template-columns: repeat(2, 1fr); }
  .reseller-trust-grid > div:nth-child(2) { border-right: 0; }
  .reseller-trust-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--res-line); }
  .reseller-bottom-cta { grid-template-columns: 1fr; text-align: center; }
  .service-bottom-cta { grid-template-columns: 1fr; text-align: center; }
  .service-split { padding: 78px 0; }
  .service-split-grid { grid-template-columns: 1fr; gap: 42px; }
  .service-split-reverse .service-split-copy,
  .service-split-reverse .service-split-visual { order: initial; }
  .service-split-copy { text-align: center; }
  .service-split-copy h2,
  .service-split-copy p { margin-left: auto; margin-right: auto; }
  .service-split-list { max-width: 680px; margin-left: auto; margin-right: auto; text-align: left; }
  .service-split .reseller-btn { justify-content: center; }
  .service-visual-panel { max-width: 620px; margin: 0 auto; }
  .dedicated-page .dedicated-market-visual,
  .vps-page .vps-market-visual { max-width: 620px; margin: 0 auto; }
}

@media (max-width: 767px) {
  .reseller-page .section-heading { font-size: 34px; }
  .reseller-hero { min-height: auto; padding: 78px 0 68px; }
  .reseller-hero h1 { font-size: 43px; letter-spacing: -1.2px; }
  .reseller-hero-copy > p { font-size: 16px; }
  .reseller-hero-actions .reseller-btn { width: 100%; }
  .reseller-visual { min-height: 390px; margin-top: 42px; transform: scale(.82); transform-origin: center; }
  .reseller-dashboard { width: 520px; }
  .reseller-trust-grid > div { min-height: 96px; }
  .reseller-pricing { padding: 75px 0 65px; }
  .reseller-bottom-cta { margin-top: 55px; padding: 40px 26px; border-radius: 16px; }
  .reseller-bottom-cta h3 { font-size: 27px; }
  .service-bottom-cta { margin-top: 55px; padding: 40px 26px; border-radius: 16px; }
  .service-bottom-cta h3 { font-size: 27px; }
  .service-split-copy h2 { font-size: 34px; }
  .service-split-copy p { font-size: 16px; }
  .service-visual-panel { min-height: 370px; }
  .service-visual-node { min-width: 135px; padding: 16px; }
  .node-panel { right: 22px; }
  .node-backup { right: 42px; }
}

@media (max-width: 575px) {
  .reseller-hero h1 { font-size: 37px; }
  .reseller-hero h1 em { white-space: normal; }
  .reseller-kicker { font-size: 10px; letter-spacing: .8px; }
  .reseller-hero-proof { align-items: flex-start; text-align: left; }
  .reseller-visual { min-height: 310px; margin: 30px -85px -5px; transform: scale(.62); }
  .reseller-float-sale { left: 2px; }
  .reseller-float-client { right: 2px; }
  .reseller-trust-grid { grid-template-columns: 1fr; }
  .reseller-trust-grid > div { border-right: 0; border-bottom: 1px solid var(--res-line); }
  .reseller-trust-grid > div:last-child { border-bottom: 0; }
  .reseller-plan { max-width: 370px; margin-left: auto; margin-right: auto; }
  .reseller-bottom-actions, .reseller-bottom-actions .reseller-btn { width: 100%; }
  .service-bottom-actions, .service-bottom-actions .reseller-btn { width: 100%; }
  .service-split { padding: 66px 0; }
  .service-split-copy h2 { font-size: 31px; }
  .service-split-list li { font-size: 15px; }
  .service-visual-panel { min-height: 345px; border-radius: 15px; }
  .service-visual-node { min-width: 118px; min-height: 74px; }
  .service-visual-node strong { font-size: 17px; }
  .service-visual-node small { font-size: 10px; }
  .node-main { left: 18px; }
  .node-panel { top: 112px; right: 16px; }
  .node-backup { right: 22px; bottom: 62px; }
  .node-billing { left: 24px; bottom: 46px; }
  .service-visual-bars { width: 132px; }
  .service-visual-status { left: 22px; right: 22px; }
  .service-visual-ticket { left: 30px; right: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .service-visual-node,
  .service-visual-ticket,
  .service-visual-bars span::after,
  .service-visual-top i,
  .service-visual-status b,
  .service-rack span::before {
    animation: none;
  }
}

/* Reseller plan comparison */
.reseller-compare { padding-top: 95px; background: var(--res-paper) !important; }
.reseller-compare-kicker {
  display: inline-block; margin-bottom: 14px; color: var(--res-purple);
  font-size: 11px; font-weight: 900; letter-spacing: 1.35px;
}
.reseller-compare .section-subheading { max-width: 760px; margin-right: auto; margin-left: auto; }
.reseller-compare-shell {
  overflow: hidden; border: 1px solid var(--res-line); border-radius: 20px;
  background: #fff !important;
}
.reseller-compare-table { min-width: 1050px; margin-bottom: 0; table-layout: fixed; }
.reseller-compare-table th:first-child { width: 220px; }
.reseller-compare-table thead th {
  position: relative; min-width: 195px; padding: 30px 18px 27px; vertical-align: bottom;
  border-color: var(--res-line); background: #fff;
}
.reseller-compare-table thead th:first-child { color: var(--res-muted); background: #f8f9fc; }
.reseller-feature-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.reseller-table-plan {
  display: inline-flex; margin-bottom: 9px; padding: 5px 9px; border-radius: 5px;
  color: var(--res-blue); background: #eaf3ff; font-size: 9px; font-weight: 900;
  text-transform: uppercase; letter-spacing: .65px;
}
.reseller-table-plan.teal { color: #087d70; background: #e4f8f5; }
.reseller-table-plan.purple { color: var(--res-purple-dark); background: #eeeaff; }
.reseller-table-plan.coral { color: #d63d52; background: #ffedf0; }
.reseller-compare-table thead .title { color: var(--res-ink); font-size: 21px; font-weight: 900; }
.reseller-compare-table thead .price { margin: 9px 0 7px; color: var(--res-ink); font-size: 34px; font-weight: 900; letter-spacing: -1px; }
.reseller-compare-table thead .price sup { top: -.7em; margin-right: 2px; font-size: 14px; }
.reseller-compare-table thead .period { color: var(--res-muted); font-size: 11px; font-weight: 700; letter-spacing: 0; }
.reseller-compare-table thead .plans.badge { margin-bottom: 11px; font-size: 8px; }
.reseller-compare-table thead .info { min-height: 38px; margin-bottom: 16px; font-size: 11px; line-height: 1.5; }
.reseller-compare-table thead .btn,
.reseller-table-actions .btn { width: 100%; padding-right: 10px; padding-left: 10px; border-radius: 7px; }
.reseller-compare-table .reseller-recommended { background: #faf8ff; }
.reseller-popular {
  position: absolute; top: 0; left: -1px; right: -1px; padding: 5px;
  color: #fff; background: var(--res-purple); font-size: 8px; font-weight: 900;
  text-align: center; text-transform: uppercase; letter-spacing: .75px;
}
.reseller-compare-table tbody th,
.reseller-compare-table tbody td { padding: 16px 18px; border-color: var(--res-line); vertical-align: middle; }
.reseller-compare-table tbody th { color: var(--res-ink); background: #fbfcfe; }
.reseller-compare-table tbody td { color: var(--res-muted); text-align: center; font-size: 12px; }
.reseller-compare-table tbody td strong { color: var(--res-ink); }
.reseller-compare-table tbody tr:not(.reseller-table-group):hover td { background: #fafbff; }
.reseller-table-group th {
  padding: 11px 18px !important; color: var(--res-purple-dark) !important;
  background: #f0edff !important; font-weight: 900 !important;
  text-transform: uppercase; letter-spacing: .85px;
}
.reseller-best-rate th, .reseller-best-rate td { background: #fffaf0 !important; }
.reseller-check {
  width: 25px; height: 25px; border-radius: 50%; display: inline-grid; place-items: center;
  color: #fff; font-size: 10px;
}
.reseller-table-actions th, .reseller-table-actions td { padding-top: 23px !important; padding-bottom: 23px !important; background: #fff !important; }
.reseller-compare-note { margin: 18px 20px 0; font-size: 11px; line-height: 1.65; }

.hosting-page .reseller-pricing .section-heading,
.hosting-page .hosting-compare .section-heading,
.hosting-page .hosting-specs .section-heading,
.hosting-page .hosting-tools .section-heading,
.hosting-page .sec-bg2.bg-colorstyle .section-heading {
  color: var(--res-ink) !important;
}
.hosting-page .reseller-pricing .section-subheading,
.hosting-page .hosting-compare .section-subheading,
.hosting-page .hosting-specs .section-subheading,
.hosting-page .hosting-tools .section-subheading,
.hosting-page .sec-bg2.bg-colorstyle .section-subheading {
  color: var(--res-muted) !important;
}
.hosting-page .hosting-compare-table { min-width: 900px; }
.hosting-page .hosting-compare-table th:first-child { width: 250px; }
.hosting-page .reseller-plan .list-info,
.vps-page .reseller-plan .list-info,
.dedicated-page .reseller-plan .list-info {
  padding-top: 14px;
}
.hosting-page .reseller-plan .list-info li,
.vps-page .reseller-plan .list-info li,
.dedicated-page .reseller-plan .list-info li {
  min-height: 74px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.hosting-page .reseller-plan .list-info li i,
.vps-page .reseller-plan .list-info li i,
.dedicated-page .reseller-plan .list-info li i {
  flex: 0 0 28px;
  margin-top: 2px;
  text-align: center;
}
.hosting-page .reseller-plan .list-info li div,
.vps-page .reseller-plan .list-info li div,
.dedicated-page .reseller-plan .list-info li div {
  flex: 1 1 auto;
  color: #8f9aac;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}
.hosting-page .reseller-plan .list-info li span,
.vps-page .reseller-plan .list-info li span,
.dedicated-page .reseller-plan .list-info li span {
  display: inline-block;
  margin-top: 5px;
  color: var(--res-ink);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  text-transform: none;
}
.hosting-page .hosting-plan-area {
  background: var(--res-paper) !important;
}
.hosting-page .hosting-plan-area::before {
  display: none;
}
.hosting-page .hosting-plan-area .section-heading {
  color: var(--res-ink) !important;
}
.hosting-page .hosting-plan-area .section-subheading {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: var(--res-muted) !important;
}
.hosting-page .hosting-plan-area .service-section {
  position: relative;
  height: 100%;
  min-height: 300px;
  padding: 38px 32px 34px;
  overflow: hidden;
  border-color: var(--res-line);
  background: #fff !important;
  backdrop-filter: none;
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
}
.hosting-page .hosting-plan-area .service-section::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: currentColor;
  opacity: .045;
  pointer-events: none;
}
.hosting-page .hosting-plan-area .service-section:hover {
  border-color: rgba(115, 87, 255, .34);
  transform: translateY(-4px);
}
.hosting-page .hosting-plan-area .hosting-step-badge {
  width: 60px;
  height: 60px;
  margin: 0 auto 24px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff !important;
  font-size: 22px;
  font-weight: 800;
  opacity: 1;
  background: var(--res-purple) !important;
}
.hosting-page .hosting-plan-area [class*="col-"]:nth-child(3) .hosting-step-badge {
  background: var(--res-teal) !important;
}
.hosting-page .hosting-plan-area [class*="col-"]:nth-child(4) .hosting-step-badge {
  background: var(--res-coral) !important;
}
.hosting-page .hosting-plan-area .service-section .title {
  margin: 0 0 12px;
  color: var(--res-ink) !important;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.35;
}
.hosting-page .hosting-plan-area .service-section .subtitle {
  max-width: 320px;
  margin: 0 auto;
  color: var(--res-muted) !important;
  line-height: 1.75;
}
.hosting-page .hosting-specs,
.hosting-page .hosting-compare {
  background: var(--res-paper) !important;
}
.hosting-page .hosting-tools {
  background: #fff !important;
}
.hosting-tools .service-section .title i { color: var(--res-purple); }
.hosting-tools .service-section {
  min-height: 280px;
}

[data-background="dark"] .hosting-page .reseller-pricing .section-heading,
[data-background="dark"] .hosting-page .hosting-compare .section-heading,
[data-background="dark"] .hosting-page .hosting-specs .section-heading,
[data-background="dark"] .hosting-page .hosting-tools .section-heading,
[data-background="dark"] .hosting-page .sec-bg2.bg-colorstyle .section-heading {
  color: #f4f7f9 !important;
}
[data-background="dark"] .hosting-page .reseller-pricing .section-subheading,
[data-background="dark"] .hosting-page .hosting-compare .section-subheading,
[data-background="dark"] .hosting-page .hosting-specs .section-subheading,
[data-background="dark"] .hosting-page .hosting-tools .section-subheading,
[data-background="dark"] .hosting-page .sec-bg2.bg-colorstyle .section-subheading {
  color: #b8c5d5 !important;
}
[data-background="dark"] .hosting-page .hosting-plan-area,
[data-background="dark"] .hosting-page .hosting-tools {
  background: #12202b !important;
}
[data-background="dark"] .hosting-page .hosting-plan-area .service-section {
  border-color: #2b3c49;
  background: #172531 !important;
}
[data-background="dark"] .hosting-page .hosting-plan-area .service-section .title {
  color: #f4f7f9 !important;
}
[data-background="dark"] .hosting-page .hosting-plan-area .service-section .subtitle {
  color: #b8c5d5 !important;
}

@media (max-width: 991px) {
  .hosting-page .hosting-plan-area .row > [class*="col-md-4"] {
    margin-top: 24px;
  }
}
@media (max-width: 575px) {
  .hosting-page .hosting-plan-area .service-section {
    min-height: 0;
    padding: 30px 22px 28px;
  }
  .hosting-page .hosting-plan-area .hosting-step-badge {
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 14px;
    font-size: 20px;
  }
  .hosting-page .hosting-plan-area .service-section .title {
    font-size: 19px;
  }
}

[data-background="dark"] .reseller-compare,
[data-background="dark"] .reseller-compare-table thead th,
[data-background="dark"] .reseller-table-actions th,
[data-background="dark"] .reseller-table-actions td { background: #12202b !important; }
[data-background="dark"] .reseller-compare-shell,
[data-background="dark"] .reseller-compare-table thead th:first-child,
[data-background="dark"] .reseller-compare-table tbody th { background: #172531 !important; border-color: #2b3c49; }
[data-background="dark"] .reseller-compare-table .reseller-recommended { background: #211f38 !important; }
[data-background="dark"] .reseller-compare-table thead .title,
[data-background="dark"] .reseller-compare-table thead .price,
[data-background="dark"] .reseller-compare-table tbody th,
[data-background="dark"] .reseller-compare-table tbody td strong { color: #f4f7f9; }
[data-background="dark"] .reseller-table-group th { color: #dcd5ff !important; background: #282442 !important; }
[data-background="dark"] .reseller-best-rate th,
[data-background="dark"] .reseller-best-rate td { background: #27251f !important; }

@media (max-width: 991px) {
  .reseller-compare-shell { border-radius: 14px; }
  .reseller-compare #table-container { overflow-x: auto; }
  .reseller-compare-table { min-width: 980px; }
}

@media (max-width: 575px) {
  .reseller-compare { padding-top: 70px; }
  .reseller-compare-table { min-width: 930px; }
  .reseller-compare-table th:first-child { width: 190px; }
  .reseller-compare-table thead th { min-width: 185px; padding: 27px 14px 23px; }
  .reseller-compare-note { margin-right: 5px; margin-left: 5px; }
}

/* Phoenix data center */
.datacenter-page {
  --dc-ink: #142234;
  --dc-muted: #667386;
  --dc-line: #e5eaf0;
  --dc-paper: #f7f9fc;
  --dc-purple: #6956e8;
  --dc-teal: #16a58c;
}
.datacenter-page main { overflow: hidden; background: #fff; }
.dc-hero { position: relative; overflow: hidden; padding: 105px 0 88px; background: #0d1f34; }
.dc-hero::before { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--dc-teal) 8%, transparent); }
.dc-hero-copy { position: relative; z-index: 1; max-width: 720px; }
.dc-kicker, .dc-section-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #63d8c3; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.45px; }
.dc-hero h1 { max-width: 700px; margin: 0 0 24px; color: #fff; font-size: 60px; font-weight: 800; line-height: 1.06; letter-spacing: -1.8px; }
.dc-hero-copy > p { max-width: 650px; margin: 0 0 30px; color: #c6d1de; font-size: 18px; line-height: 1.72; }
.dc-hero-points { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.dc-hero-points span { color: #eef3f8; font-size: 13px; font-weight: 700; }
.dc-hero-points i { margin-right: 7px; color: #63d8c3; }
.dc-hero-visual { position: relative; z-index: 1; max-width: 470px; margin-left: auto; }
.dc-hero-visual > img { display: block; width: 100%; height: auto; border-radius: 24px; }
.dc-status-card { position: absolute; right: -10px; bottom: 24px; display: flex; align-items: center; gap: 12px; min-width: 230px; padding: 15px 18px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px; background: rgba(12, 29, 48, .88); backdrop-filter: blur(10px); }
.dc-live-dot { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: #52d7a9; }
.dc-status-card small, .dc-status-card strong { display: block; }
.dc-status-card small { margin-bottom: 2px; color: #90a1b5; font-size: 10px; text-transform: uppercase; letter-spacing: .7px; }
.dc-status-card strong { color: #fff; font-size: 12px; }

.dc-metrics { position: relative; z-index: 2; margin-top: -1px; border-bottom: 1px solid var(--dc-line); background: #fff; }
.dc-metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.dc-metrics-grid > div { padding: 30px 25px; border-right: 1px solid var(--dc-line); text-align: center; }
.dc-metrics-grid > div:last-child { border-right: 0; }
.dc-metrics strong { display: block; margin-bottom: 3px; color: var(--dc-ink); font-size: 29px; font-weight: 900; line-height: 1.1; }
.dc-metrics span { color: var(--dc-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .75px; }

.dc-section { padding: 100px 0; }
.dc-section-kicker { color: var(--dc-purple); }
.dc-title { margin: 0; color: var(--dc-ink); font-size: 42px; font-weight: 800; line-height: 1.15; letter-spacing: -.8px; }
.dc-lead { margin: 0; color: var(--dc-muted); font-size: 17px; line-height: 1.85; }
.dc-benefit-row { margin-top: 62px; }
.dc-benefit { height: 100%; padding: 31px 30px; border: 1px solid var(--dc-line); border-radius: 16px; background: #fff; transition: .25s ease; }
.dc-benefit:hover { transform: translateY(-5px); }
.dc-benefit > i { display: grid; width: 48px; height: 48px; margin-bottom: 22px; place-items: center; border-radius: 12px; color: var(--dc-purple); background: #efedff; font-size: 19px; }
.dc-benefit-row > div:nth-child(2) .dc-benefit > i { color: #168caf; background: #e8f7fb; }
.dc-benefit-row > div:nth-child(3) .dc-benefit > i { color: #148b76; background: #e7f7f3; }
.dc-benefit h3 { margin: 0 0 11px; color: var(--dc-ink); font-size: 19px; font-weight: 800; }
.dc-benefit p { margin: 0; color: var(--dc-muted); line-height: 1.72; }

.dc-gallery-section { background: var(--dc-paper); }
.dc-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 45px; }
.dc-section-heading > p { max-width: 430px; margin: 0; color: var(--dc-muted); line-height: 1.75; }
.dc-gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 245px; gap: 14px; }
.dc-gallery-item { position: relative; overflow: hidden; border-radius: 14px; background: #dfe5ea; }
.dc-gallery-wide { grid-column: span 2; }
.dc-gallery-item img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; transition: transform .45s ease; }
.dc-gallery-item::after { content: ""; position: absolute; inset: 45% 0 0; background: rgba(8, 22, 38, .55); }
.dc-gallery-item span { position: absolute; z-index: 1; right: 20px; bottom: 17px; left: 20px; color: #fff; font-size: 13px; font-weight: 800; }
.dc-gallery-item:hover img { transform: scale(1.06); }

.dc-systems { background: #fff; }
.dc-centered-heading { max-width: 720px; margin: 0 auto 52px; }
.dc-centered-heading > p { margin: 17px 0 0; color: var(--dc-muted); font-size: 16px; }
.dc-system-card { display: flex; gap: 23px; min-height: 245px; margin-bottom: 24px; padding: 32px; border: 1px solid var(--dc-line); border-radius: 16px; background: #fff; }
.dc-system-icon { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border-radius: 13px; font-size: 19px; }
.dc-icon-purple { color: var(--dc-purple); background: #efedff; }
.dc-icon-blue { color: #2385c7; background: #e8f4fc; }
.dc-icon-teal { color: var(--dc-teal); background: #e6f7f4; }
.dc-icon-coral { color: #df5a67; background: #fff0f1; }
.dc-system-card h3 { margin: 2px 0 12px; color: var(--dc-ink); font-size: 20px; font-weight: 800; }
.dc-system-card p { margin: 0 0 17px; color: var(--dc-muted); line-height: 1.72; }
.dc-system-card span { color: var(--dc-purple); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .65px; }

.dc-cta { padding: 0 0 100px; background: #fff; }
.dc-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 55px; padding: 52px 58px; border-radius: 20px; color: #fff; background: #233f60; }
.dc-cta-inner span { color: #63d8c3; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.2px; }
.dc-cta-inner h2 { max-width: 670px; margin: 9px 0 10px; color: #fff; font-size: 33px; font-weight: 800; }
.dc-cta-inner p { margin: 0; color: #bac8d6; }
.dc-cta-inner .btn { flex: 0 0 auto; border-radius: 7px; }
.dc-cta-inner .btn i { margin-left: 7px; font-size: 11px; }

[data-background="dark"] .datacenter-page main,
[data-background="dark"] .dc-metrics,
[data-background="dark"] .dc-intro,
[data-background="dark"] .dc-systems,
[data-background="dark"] .dc-cta { background: #12202b; }
[data-background="dark"] .dc-gallery-section { background: #0f1c25; }
[data-background="dark"] .dc-benefit,
[data-background="dark"] .dc-system-card { border-color: #2b3c49; background: #172531; }
[data-background="dark"] .dc-title,
[data-background="dark"] .dc-benefit h3,
[data-background="dark"] .dc-system-card h3,
[data-background="dark"] .dc-metrics strong { color: #f4f7f9; }

@media (max-width: 991px) {
  .dc-hero { padding: 85px 0 75px; text-align: center; }
  .dc-hero-copy { margin: 0 auto; }
  .dc-hero h1 { margin-right: auto; margin-left: auto; font-size: 51px; }
  .dc-hero-copy > p { margin-right: auto; margin-left: auto; }
  .dc-hero-points { justify-content: center; }
  .dc-hero-visual { max-width: 440px; margin: 55px auto 0; }
  .dc-section-heading { display: block; }
  .dc-section-heading > p { max-width: 680px; margin-top: 18px; }
  .dc-benefit { margin-bottom: 22px; }
  .dc-system-card { min-height: 280px; }
}

@media (max-width: 767px) {
  .dc-hero { padding: 72px 0 64px; }
  .dc-hero h1 { font-size: 42px; letter-spacing: -1px; }
  .dc-hero-copy > p { font-size: 16px; }
  .dc-metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .dc-metrics-grid > div:nth-child(2) { border-right: 0; }
  .dc-metrics-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--dc-line); }
  .dc-section { padding: 76px 0; }
  .dc-title { font-size: 35px; }
  .dc-lead { margin-top: 24px; }
  .dc-benefit-row { margin-top: 42px; }
  .dc-gallery { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
  .dc-system-card { min-height: auto; }
  .dc-cta { padding-bottom: 75px; }
  .dc-cta-inner { display: block; padding: 42px 34px; text-align: center; }
  .dc-cta-inner h2 { font-size: 28px; }
  .dc-cta-inner .btn { margin-top: 27px; }
}

@media (max-width: 575px) {
  .dc-hero h1 { font-size: 36px; }
  .dc-hero-points { display: grid; gap: 10px; }
  .dc-status-card { right: 8px; bottom: 14px; min-width: 210px; }
  .dc-metrics-grid > div { padding: 25px 10px; }
  .dc-metrics strong { font-size: 25px; }
  .dc-metrics span { font-size: 9px; }
  .dc-title { font-size: 31px; }
  .dc-gallery { grid-auto-rows: 180px; }
  .dc-gallery-wide { grid-column: span 2; }
  .dc-system-card { display: block; padding: 28px 25px; }
  .dc-system-icon { margin-bottom: 20px; }
  .dc-cta-inner { padding: 38px 24px; }
}

/* WHOIS lookup */
.whois-page { --whois-ink:var(--sox-text,#172b4d); --whois-muted:var(--sox-muted,#62728a); --whois-purple:var(--sox-primary, #6d4aff); --whois-blue:var(--sox-secondary,#3787f5); --whois-teal:var(--sox-accent,#22bfa8); --whois-line:var(--sox-border,#dfe6ef); --whois-band:color-mix(in srgb, var(--sox-primary-dark, #243a75) 78%, #16144a); }
.whois-page main { background:var(--sox-background,#f7f9fc); }
.whois-hero { position:relative; overflow:hidden; padding:138px 0 48px; color:#fff; background:var(--whois-band); }
.whois-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.whois-orb { position:absolute; border-radius:50%; filter:blur(2px); }
.whois-orb-one { top:-140px; right:21%; width:320px; height:320px; background:color-mix(in srgb, var(--sox-accent,#22bfa8) 19%, transparent); }
.whois-orb-two { bottom:-170px; left:4%; width:350px; height:350px; background:color-mix(in srgb, var(--sox-primary,#6d4aff) 32%, transparent); }
.whois-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:12px; margin-top:0; padding:0; border:0; border-radius:0; color:var(--sox-highlight,#a9f0e4); background:transparent; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.whois-hero h1 { max-width:680px; margin:0 0 14px; color:#fff; font-size:59px; font-weight:850; line-height:1.05; letter-spacing:-1.8px; }
.whois-hero .col-lg-7>p { max-width:630px; margin:0; color:#d9e1ef; font-size:18px; line-height:1.75; }
.whois-hero-points { display:flex; flex-wrap:wrap; gap:14px 25px; margin-top:16px; }
.whois-hero-points span { color:#f5f8ff; font-size:13px; font-weight:700; }
.whois-hero-points i { margin-right:7px; color:var(--sox-highlight,#52dbc6); }
.whois-hero-art { position:relative; margin-left:auto; margin-top: 20px; padding:22px; }
.whois-hero-art::before { content:""; position:absolute; inset:12px; border:1px solid rgba(99,91,255,.11); border-radius:21px; pointer-events:none; }
.whois-hero-art img { position:relative; display:block; width:100%; height:auto; transform:rotate(-1.5deg); }
.whois-lookup-section { padding:0 0 95px; }
.whois-lookup-card { position:relative; z-index:2; margin-top:-64px; padding:43px 48px 46px; border:1px solid color-mix(in srgb, var(--whois-line) 90%, transparent); border-radius:22px; background:var(--sox-surface,#fff); }
.whois-lookup-heading { text-align:center; }
.whois-lookup-heading>span { color:var(--whois-purple); font-weight:900; text-transform:uppercase; letter-spacing:1.15px; }
.whois-lookup-heading h2 { margin:8px 0 10px; color:var(--whois-ink); font-size:34px; font-weight:850; }
.whois-lookup-heading p { margin:0; color:var(--whois-muted); }
.whois-lookup-heading b { color:var(--whois-ink); }
.whois-form { max-width:830px; margin:30px auto 0; }
.whois-input-wrap { display:flex; align-items:center; padding:8px 8px 8px 20px; border:2px solid var(--sox-border,#dce4ef); border-radius:14px; background:var(--sox-background,#fbfcff); transition:.2s ease; }
.whois-input-wrap:focus-within { border-color:var(--whois-purple); }
.whois-input-wrap>svg { width:23px; height:23px; flex:0 0 23px; color:#8695aa; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.whois-input-wrap input { width:100%; min-width:0; height:48px; padding:0 17px; border:0; outline:0; color:var(--whois-ink); background:transparent; font-size:17px; font-weight:700; }
.whois-input-wrap input::placeholder { color:#9aa8ba; font-weight:500; }
.whois-input-wrap button { height:48px; padding:0 24px; border:0; border-radius:9px; color:var(--sox-cta-text,#fff); background:var(--whois-purple); font-weight:800; white-space:nowrap; cursor:pointer; }
.whois-input-wrap button i { margin-left:8px; font-size:10px; }
.whois-status { max-width:830px; min-height:0; margin:17px auto 0; color:var(--whois-purple); font-weight:600; }
.whois-status:empty { display:none; }
.whois-result { margin:24px auto 0; color:var(--whois-ink); text-align:left; }
.whois-result[hidden] { display:none; }
.whois-result-head { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:29px 31px; border-radius:16px 16px 0 0; color:#fff; background:var(--whois-band); }
.whois-result-head span { color:var(--sox-highlight,#7de2d3); font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.whois-result-head h2 { margin:6px 0 5px; color:#fff; font-size:27px; font-weight:850; text-transform:lowercase; overflow-wrap:anywhere; }
.whois-result-head p { margin:0; color:#bfcbe0; font-size:12px; overflow-wrap:anywhere; }
.whois-result-badge { display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border-radius:99px; color:#0e725f; background:#baf5e8; font-size:11px; font-weight:900; }
.whois-badge-fallback { color:#8a6213; background:#ffe9af; }
.whois-register-badge { color:#26125f; background:#ffe78f; text-decoration:none; }
.whois-support-badge { color:#172b4d; background:#e7efff; text-decoration:none; }
.whois-register-badge:hover,.whois-support-badge:hover { color:#172b4d; }
.whois-basket-panel { display:grid; grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr) auto; gap:18px; align-items:center; padding:24px 28px; border:1px solid var(--whois-line); border-top:0; background:#fff; }
.whois-basket-title { display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; align-items:center; min-width:0; }
.whois-basket-title>i { display:grid; width:52px; height:52px; place-items:center; border-radius:13px; color:var(--whois-purple); background:var(--sox-primary-soft,#eeecff); font-size:20px; }
.whois-basket-title span,.whois-basket-title h3 { display:block; }
.whois-basket-title span { color:var(--whois-purple); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; }
.whois-basket-title h3 { margin:4px 0 0; color:var(--whois-ink); font-size:21px; font-weight:850; overflow-wrap:anywhere; }
.whois-basket-prices { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.whois-basket-prices div { padding:14px 15px; border:1px solid #e5ebf4; border-radius:10px; background:#f8faff; }
.whois-basket-prices span,.whois-basket-prices strong { display:block; }
.whois-basket-prices span { color:#7b899c; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.55px; }
.whois-basket-prices strong { margin-top:5px; color:#29278a; font-size:16px; font-weight:850; }
.whois-basket-action,.whois-support-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; }
.whois-action-support { color:var(--sox-cta-text,#fff)!important; background:var(--sox-primary,#6f63ff)!important; }
.whois-availability-offer { position:relative; overflow:hidden; padding:42px 48px 38px; border:3px solid var(--sox-primary, #6d4aff); border-radius:24px; color:#e5eaf4; background:var(--whois-band); box-shadow:0 22px 55px color-mix(in srgb, var(--sox-primary-dark, #152948) 28%, transparent); }
.whois-availability-offer::before { content:""; position:absolute; top:-180px; right:-130px; width:430px; height:430px; border-radius:50%; background:color-mix(in srgb, var(--sox-primary, #6d4aff) 14%, transparent); pointer-events:none; }
.whois-availability-top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.whois-availability-badge,.whois-promo-urgency { display:inline-flex; align-items:center; gap:8px; border-radius:99px; font-size:13px; font-weight:850; }
.whois-availability-badge { padding:9px 18px; border:1px solid var(--sox-primary, #6d4aff); color:#bec5ff; background:color-mix(in srgb, var(--sox-primary, #6d4aff) 14%, transparent); }
.whois-promo-urgency { padding:10px 16px; color:#fff; background:var(--sox-primary, #6d4aff); }
.whois-promo-urgency[hidden] { display:none; }
.whois-promo-urgency i { font-size:11px; }
.whois-availability-offer h2 { position:relative; margin:34px 0 12px; color:#fff; font-size:clamp(38px,6vw,70px); font-weight:900; line-height:1; letter-spacing:-2.4px; text-transform:lowercase; overflow-wrap:anywhere; }
.whois-availability-lead { position:relative; max-width:850px; margin:0; color:#d8dfeb; font-size:21px; line-height:1.5; }
.whois-availability-notice { position:relative; display:flex; gap:13px; align-items:center; margin:32px 0; padding:17px 20px; border-left:5px solid var(--sox-primary, #6d4aff); border-radius:10px; color:#e8ebf5; background:color-mix(in srgb, var(--sox-primary, #6d4aff) 17%, transparent); font-size:14px; }
.whois-availability-notice i { color:var(--sox-highlight,#fcd34d); }
.whois-availability-purchase { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,360px); gap:38px; align-items:end; }
.whois-availability-price>span { display:block; margin-bottom:8px; color:#aeb8cc; font-size:12px; font-weight:800; letter-spacing:.7px; }
.whois-availability-price>strong { display:block; color:var(--sox-highlight,#fcd34d); font-size:54px; font-weight:900; line-height:1.05; }
.whois-availability-price>small { display:block; margin-top:7px; color:#aeb8cc; font-size:13px; }
.whois-availability-price>p { margin:11px 0 0; color:#bbc5d7; font-size:14px; }
.whois-availability-price>p b { color:#fff; }
.whois-availability-cta { display:flex; min-height:72px; padding:18px 27px; align-items:center; justify-content:center; gap:10px; border-radius:15px; color:var(--sox-btn-fill-text,#102040); background:var(--sox-btn-fill-bg,#fcd34d); box-shadow:0 18px 30px color-mix(in srgb, var(--sox-btn-fill-bg,#fcd34d) 28%, transparent); font-size:20px; font-weight:900; text-align:center; transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease; }
.whois-availability-cta:hover { color:var(--sox-btn-fill-text,#102040); background:color-mix(in srgb, var(--sox-btn-fill-bg,#ffdf6e) 86%, #ffffff); box-shadow:0 21px 34px color-mix(in srgb, var(--sox-btn-fill-bg,#fcd34d) 34%, transparent); transform:translateY(-2px); }
.whois-availability-benefits { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:18px 45px; margin-top:34px; padding-top:28px; border-top:1px solid rgba(119,120,255,.35); }
.whois-availability-benefits span { display:flex; gap:11px; align-items:center; color:#d7deeb; font-size:14px; }
.whois-availability-benefits i { color:#fff; }
.whois-availability-offer+.whois-raw { margin-top:0; }
.whois-support-panel { border-top:0; border-radius:0; }
.whois-support-panel .whois-support-action { margin-top:18px; }
.whois-chain { display:grid; grid-template-columns:1fr 42px 1fr; align-items:center; padding:22px 28px; border:1px solid var(--whois-line); border-top:0; background:#f8faff; }
.whois-chain>div { display:grid; grid-template-columns:37px 1fr; align-items:center; column-gap:12px; }
.whois-chain i { grid-row:1/3; display:grid; width:37px; height:37px; place-items:center; border-radius:10px; color:var(--whois-blue); background:#e7efff; }
.whois-chain .is-complete i { color:#148d78; background:#ddf7f1; }
.whois-chain span { color:#7b899c; font-weight:900; text-transform:uppercase; letter-spacing:.55px; }
.whois-chain strong { color:var(--whois-ink); font-size:12px; overflow-wrap:anywhere; }
.whois-chain>b { height:2px; background:#a9b9db; }
.whois-data-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:18px; border:1px solid var(--whois-line); border-top:0; background:#f4f7fb; }
.whois-data-card { min-width:0; padding:25px; border:1px solid var(--whois-line); border-radius:13px; background:#fff; }
.whois-commercial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:20px; border-right:1px solid var(--whois-line); border-left:1px solid var(--whois-line); background:#f4f7fb; }
.whois-commercial-card { display:flex; min-width:0; padding:24px; border:1px solid #e1e5ec; border-radius:16px; background:#fff; flex-direction:column; box-shadow:0 2px 7px rgba(27,39,59,.04); }
.whois-commercial-head { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:center; margin-bottom:22px; }
.whois-commercial-head>i { display:grid; width:48px; height:48px; place-items:center; border-radius:50%; color:#fff; background:var(--sox-primary,#625ff3); font-size:18px; }
.whois-commercial-head h3 { margin:0; color:#202a3a; font-size:21px; font-weight:850; line-height:1.2; }
.whois-commercial-head p { margin:6px 0 0; color:#747e8f; font-size:14px; line-height:1.4; }
.whois-commercial-data { display:grid; gap:15px; margin-bottom:22px; padding:20px; border-radius:13px; background:#f8f7f4; }
.whois-commercial-row { display:grid; grid-template-columns:minmax(105px,.85fr) minmax(0,1.35fr); gap:18px; align-items:baseline; }
.whois-commercial-row>span { color:#747e8f; font-size:12px; font-weight:750; }
.whois-commercial-row>strong { min-width:0; color:#252e3d; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.whois-commercial-row>strong.is-emphasis { color:#1e2737; font-weight:850; }
.whois-commercial-row>strong.is-alert { color:#df2727; font-weight:850; }
.whois-commercial-cta { display:flex; width:100%; min-height:50px; margin-top:auto; padding:13px 18px; align-items:center; justify-content:center; gap:8px; border:0; border-radius:12px; color:var(--sox-cta-text,#fff); background:var(--sox-primary,#625ff3); font-size:15px; font-weight:850; text-align:center; transition:background-color .2s ease,transform .2s ease; }
.whois-commercial-cta:hover { color:var(--sox-cta-text,#fff); background:var(--sox-primary-dark,#4e4bd4); transform:translateY(-1px); }
.whois-commercial-cta span { font-size:18px; line-height:1; }
.whois-data-wide { grid-column:1/-1; }
.whois-data-title { display:flex; align-items:center; gap:11px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #edf1f6; }
.whois-data-title i { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; color:var(--whois-purple); background:var(--sox-primary-soft,#eeecff); font-size:13px; }
.whois-data-title h3 { margin:0; color:var(--whois-ink); font-size:16px; font-weight:850; }
.whois-data-row { display:grid; grid-template-columns:125px minmax(0,1fr); gap:15px; padding:10px 0; border-bottom:1px solid #f0f3f7; }
.whois-data-row:last-child { border-bottom:0; }
.whois-data-row>span { color:#8390a2; font-size:11px; font-weight:700; }
.whois-data-row>strong { color:#29278a; font-weight:800; overflow-wrap:anywhere; }
.whois-status-row>div { display:flex; flex-wrap:wrap; gap:6px; }
.whois-status-row em { padding:5px 8px; border-radius:6px; color:#315fac; background:#eaf1ff; font-size:9px; font-style:normal; font-weight:900; }
.whois-event { display:grid; grid-template-columns:minmax(170px,.8fr) 1.2fr; gap:20px; padding:10px 0; border-bottom:1px solid #f0f3f7; }
.whois-event:last-child { border-bottom:0; }
.whois-event span { color:#718095; font-size:11px; font-weight:700; }
.whois-event strong { color:#33445d; font-size:12px; }
.whois-nameserver { display:flex; align-items:center; gap:11px; margin-bottom:8px; padding:10px 12px; border-radius:8px; color:#33445d; background:#f5f8fc; font-size:11px; overflow-wrap:anywhere; }
.whois-nameserver:last-child { margin-bottom:0; }
.whois-nameserver i { color:var(--whois-teal); }
.whois-dnssec { display:flex; gap:14px; align-items:center; padding:16px; border-radius:10px; color:#8a6418; background:#fff8e6; }
.whois-dnssec>i { font-size:22px; }
.whois-dnssec strong,.whois-dnssec span { display:block; }
.whois-dnssec strong { font-size:12px; }
.whois-dnssec span { margin-top:4px; color:#887a5a; font-size:10px; }
.whois-dnssec.is-signed { color:#147d6d; background:#e9f8f4; }
.whois-contact { display:grid; grid-template-columns:1fr 1.2fr; gap:25px; padding:14px 0; border-bottom:1px solid #edf1f6; }
.whois-contact:last-child { border-bottom:0; }
.whois-contact span,.whois-contact strong { display:block; }
.whois-contact span { margin-bottom:5px; color:var(--whois-purple); font-weight:900; text-transform:uppercase; letter-spacing:.55px; }
.whois-contact strong { color:#33445d; font-size:12px; overflow-wrap:anywhere; }
.whois-contact p { margin:0; color:#718095; font-size:11px; line-height:1.65; overflow-wrap:anywhere; }
.whois-empty-note { margin:0; color:#7b899c; font-size:12px; }
.whois-raw { border:1px solid var(--whois-line); border-top:0; border-radius:0 0 14px 14px; background:#fff; }
.whois-raw summary { display:flex; align-items:center; gap:9px; padding:18px 23px; color:#42536c; font-size:15px; font-weight:500; cursor:pointer; list-style:none; }
.whois-raw summary::-webkit-details-marker { display:none; }
.whois-raw summary .fa-chevron-down { margin-left:auto; transition:.2s ease; }
.whois-raw[open] summary .fa-chevron-down { transform:rotate(180deg); }
.whois-raw pre,.whois-fallback-text { margin:0; padding:24px; overflow:auto; color:#dce8f8; background:#14253d; font-family:Consolas,"Courier New",monospace; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.whois-fallback-text { border-radius:9px; }
.whois-disclaimer { display:flex; gap:19px; align-items:flex-start; margin-top:28px; padding:27px 30px; border:1px solid #f0d999; border-radius:16px; background:#fffaf0; }
.whois-disclaimer-icon { display:grid; width:48px; height:48px; flex:0 0 48px; place-items:center; border-radius:13px; color:#c98917; background:#fff0c7; }
.whois-disclaimer-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.whois-disclaimer h3 { margin:1px 0 8px; color:var(--whois-ink); font-size:17px; font-weight:850; }
.whois-disclaimer p { margin:0; color:#6b6455; font-size:13px; line-height:1.75; }
.whois-disclaimer .whois-logging-note { margin-top:12px; padding-top:12px; border-top:1px solid #eedfb8; color:#776d58; font-size:11px; font-weight:700; }
.whois-logging-note i { margin-right:7px; color:#c98917; }
[data-background="dark"] .whois-page main { background:#0f1c25; }
[data-background="dark"] .whois-lookup-card { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .whois-lookup-heading h2 { color:#f4f7f9; }
[data-background="dark"] .whois-input-wrap { border-color:#40505f; background:#10202d; }
[data-background="dark"] .whois-input-wrap input { color:#fff; }
[data-background="dark"] .whois-chain,[data-background="dark"] .whois-data-grid { border-color:#2b3c49; background:#111f2b; }
[data-background="dark"] .whois-data-card,[data-background="dark"] .whois-raw,[data-background="dark"] .whois-basket-panel,[data-background="dark"] .whois-commercial-card { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .whois-commercial-grid { border-color:#2b3c49; background:#111f2b; }
[data-background="dark"] .whois-commercial-data { background:#10202d; }
[data-background="dark"] .whois-commercial-head h3,[data-background="dark"] .whois-commercial-row>strong { color:#f2f5f8; }
[data-background="dark"] .whois-basket-prices div { border-color:#2b3c49; background:#10202d; }
[data-background="dark"] .whois-data-title,[data-background="dark"] .whois-data-row,[data-background="dark"] .whois-event,[data-background="dark"] .whois-contact { border-color:#2b3c49; }
[data-background="dark"] .whois-data-title h3,[data-background="dark"] .whois-data-row>strong,[data-background="dark"] .whois-event strong,[data-background="dark"] .whois-contact strong,[data-background="dark"] .whois-chain strong,[data-background="dark"] .whois-basket-title h3,[data-background="dark"] .whois-basket-prices strong { color:#f2f5f8; }
[data-background="dark"] .whois-nameserver { color:#dce4ec; background:#10202d; }
[data-background="dark"] .whois-raw summary { color:#dce4ec; }
[data-background="dark"] .whois-disclaimer { border-color:#6a5830; background:#29271f; }
[data-background="dark"] .whois-disclaimer h3 { color:#fff; }
[data-background="dark"] .whois-disclaimer p { color:#c6bdab; }
[data-background="dark"] .whois-disclaimer .whois-logging-note { border-color:#51472f; color:#bdb39f; }
@media (max-width:991px) { .whois-hero { padding:80px 0 64px; text-align:center; } .whois-hero h1,.whois-hero .col-lg-7>p { margin-right:auto; margin-left:auto; } .whois-hero-points,.whois-hero-art { display:none; } .whois-lookup-card { margin-top:-48px; } }
@media (max-width:767px) { .whois-hero { padding:68px 0 48px; } .whois-hero h1 { font-size:43px; letter-spacing:-1px; } .whois-lookup-card { margin-top:-32px; padding:37px 27px 39px; } .whois-lookup-heading h2 { font-size:30px; } .whois-input-wrap { padding:7px; } .whois-input-wrap>svg { display:none; } .whois-input-wrap input { padding:0 12px; } }
@media (max-width:575px) { .whois-hero h1 { font-size:36px; } .whois-hero .col-lg-7>p { font-size:16px; } .whois-hero-points { display:grid; gap:10px; } .whois-hero-art { margin-top:30px; } .whois-lookup-card { padding:32px 20px 34px; } .whois-input-wrap { display:block; } .whois-input-wrap input { display:block; height:51px; text-align:center; } .whois-input-wrap button { width:100%; } .whois-disclaimer { display:block; padding:24px; } .whois-disclaimer-icon { margin-bottom:17px; } }
@media (max-width:991px) { .whois-basket-panel { grid-template-columns:1fr; align-items:stretch; } .whois-basket-action { width:100%; } }
@media (max-width:991px) { .whois-commercial-grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .whois-result-head { align-items:flex-start; padding:24px; } .whois-result-head h2 { font-size:22px; } .whois-chain { grid-template-columns:1fr; gap:13px; padding:20px; } .whois-chain>b { width:2px; height:20px; margin-left:17px; background:#a9b9db; } .whois-basket-panel { padding:22px; } .whois-basket-prices { grid-template-columns:1fr; } .whois-data-grid { grid-template-columns:1fr; padding:12px; } .whois-data-wide { grid-column:auto; } .whois-data-card { padding:21px; } .whois-contact { grid-template-columns:1fr; gap:8px; } }
@media (max-width:767px) { .whois-availability-offer { padding:32px 25px 29px; } .whois-availability-purchase { grid-template-columns:1fr; gap:25px; } .whois-availability-cta { width:100%; } .whois-availability-benefits { grid-template-columns:1fr; } }
@media (max-width:575px) { .whois-result-head { display:block; } .whois-result-badge { margin-top:18px; } .whois-basket-title { grid-template-columns:1fr; text-align:center; } .whois-basket-title>i { margin:0 auto; } .whois-data-row,.whois-event { grid-template-columns:1fr; gap:5px; } }
@media (max-width:575px) { .whois-availability-top { align-items:flex-start; flex-direction:column; } .whois-availability-offer h2 { margin-top:26px; font-size:40px; letter-spacing:-1.4px; } .whois-availability-lead { font-size:17px; } .whois-availability-price>strong { font-size:44px; } }
@media (max-width:575px) { .whois-commercial-grid { padding:12px; } .whois-commercial-card { padding:20px; } .whois-commercial-head { grid-template-columns:42px minmax(0,1fr); gap:13px; } .whois-commercial-head>i { width:42px; height:42px; } .whois-commercial-head h3 { font-size:18px; } .whois-commercial-row { grid-template-columns:1fr; gap:4px; } }

/* WHOIS privacy */
.privacy-page { --privacy-ink:var(--sox-text,#172b4d); --privacy-muted:var(--sox-muted,#62728a); --privacy-purple:var(--sox-primary,#6d4aff); --privacy-pink:var(--sox-secondary,#ff6f91); --privacy-teal:var(--sox-accent,#28c6a7); --privacy-orange:var(--sox-highlight,#ffad4d); --privacy-line:var(--sox-border,#e3e8f1); --privacy-fill-1:var(--sox-chip-solid-bg,var(--sox-primary,#6d4aff)); --privacy-fill-2:var(--sox-chip-solid-bg-2,var(--sox-primary-dark,#4e2fd0)); --privacy-fill-3:var(--sox-chip-solid-bg-3,color-mix(in srgb, var(--sox-primary,#6d4aff) 55%, #000)); --privacy-fill-4:var(--sox-promo-text,var(--sox-primary-dark,#4e2fd0)); --privacy-icon-fg:var(--sox-chip-solid-fg,#fff); }
.privacy-page main { overflow:hidden; background:var(--sox-background,#f8f9fd); }
.privacy-hero { position:relative; overflow:hidden; padding:94px 0 132px; color:#fff; background:var(--sox-primary-dark,#4e2fd0) !important; }
.privacy-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.privacy-glow { position:absolute; border-radius:50%; filter:blur(3px); }
.privacy-glow-one { top:-170px; right:19%; width:390px; height:390px; background:color-mix(in srgb, var(--sox-accent,#28c6a7) 28%, transparent); }
.privacy-glow-two { bottom:-190px; left:3%; width:380px; height:380px; background:color-mix(in srgb, var(--sox-secondary,#ff6f91) 24%, transparent); }
.privacy-eyebrow { display:inline-flex; align-items:center; gap:10px; margin:45px 0 22px; padding:0; border:0; border-radius:0; color:var(--sox-highlight,#a9f0e4); background:transparent; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.privacy-hero h1 { max-width:680px; margin:0 0 24px; color:#fff; font-size:59px; font-weight:850; line-height:1.05; letter-spacing:-1.8px; }
.privacy-hero .col-lg-7>p { max-width:650px; margin:0; color:#d9e1ef; font-size:18px; line-height:1.75; }
.privacy-hero-points { display:flex; flex-wrap:wrap; gap:14px 25px; margin-top:28px; }
.privacy-hero-points span { color:#f5f8ff;  font-weight:700; }
.privacy-hero-points i { margin-right:7px; color:var(--sox-highlight,#59e2c4); }
.privacy-hero-art { position:relative; margin:40px 0 0 auto; }
.privacy-hero-art svg { display:block; width:100%; height:auto; overflow:visible; }
.privacy-offer-wrap { position:relative; z-index:2; margin-top:-61px; }
.privacy-offer-banner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; align-items:center; padding:28px 34px; border:1px solid rgba(218,225,238,.9); border-radius:22px; background:#fff; }
.privacy-offer-banner .privacy-offer-price[hidden] { display: none !important; }
.privacy-offer-icon { display:grid; width:66px; height:66px; place-items:center; border-radius:18px; color:var(--privacy-icon-fg,#fff); background:var(--privacy-fill-1); }
.privacy-offer-icon svg,.privacy-card-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.privacy-offer-copy>span,.privacy-section-heading>span { color:var(--privacy-purple); font-weight:900; text-transform:uppercase; letter-spacing:1.15px; }
.privacy-offer-copy h2 { margin:5px 0 4px; color:var(--privacy-ink); font-size:27px; font-weight:700; }
.privacy-offer-copy p { margin:0; color:var(--privacy-muted); }
.privacy-offer-price { min-width:140px; padding-left:28px; border-left:1px solid var(--privacy-line); text-align:right; }
.privacy-offer-price strong,.privacy-offer-price span { display:block; }
.privacy-offer-price strong { color:var(--privacy-purple); font-size:66px; font-weight:700; line-height:1; letter-spacing:-1.5px; }
.privacy-offer-price strong > [data-sox-currency-price] { display:inline; margin:0; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; }
.privacy-offer-price.privacy-offer-free { min-width:200px; }
.privacy-offer-price.privacy-offer-free strong { font-size:48px; letter-spacing:-1px; }
.privacy-offer-renewal { display:block; margin-top:10px; color:var(--privacy-muted); font-size:13px; font-weight:700; line-height:1.4; }
.privacy-offer-renewal [data-sox-currency-price] { display:inline; font-size:inherit; font-weight:inherit; color:inherit; }
.privacy-offer-price sup { top:-.65em; margin-right:2px; font-size:18px; }
.privacy-offer-price span { margin-top:6px; color:var(--privacy-muted); font-size:12px; font-weight:700; }
.privacy-benefits { padding:100px 0 90px; }
.privacy-section-heading { max-width:710px; margin:0 auto 45px; text-align:center; }
.privacy-section-heading h2 { margin:8px 0 13px; color:var(--privacy-ink); font-size:52px; font-weight:700; line-height:1.2; letter-spacing:-.8px; }
.privacy-section-heading p { margin:0; color:var(--privacy-muted); line-height:1.75; font-size:20px !important; }
.privacy-card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.privacy-benefit-card { position:relative; overflow:hidden; min-height:270px; padding:30px 27px; border:1px solid var(--privacy-line); border-radius:19px; background:#fff; transition:transform .2s ease; }
.privacy-benefit-card::after { content:""; position:absolute; right:-42px; bottom:-55px; width:130px; height:130px; border-radius:50%; background:currentColor; opacity:.08; }
.privacy-benefit-card:hover { transform:translateY(-5px); }
.privacy-card-icon { display:grid; width:60px; height:60px; margin-bottom:25px; place-items:center; border-radius:17px; color:inherit; background:currentColor; }
.privacy-card-icon svg { color:var(--privacy-icon-fg,#fff) !important; stroke:#fff !important; }
.privacy-card-purple { color:var(--privacy-fill-1); }.privacy-card-pink { color:var(--privacy-fill-2); }.privacy-card-teal { color:var(--privacy-fill-3); }.privacy-card-orange { color:var(--privacy-fill-4); }
.privacy-benefit-card h3 { margin:0 0 12px; color:var(--privacy-ink); font-size:19px; font-weight:850; }
.privacy-benefit-card p { margin:0; color:var(--privacy-muted); line-height:1.75; }
.privacy-how { padding:92px 0; background:var(--sox-ui-tint,var(--sox-hero-accent-bg,#eef2ff)); }
.privacy-how .privacy-section-heading { margin:0; padding-right:40px; }
.privacy-flow { padding:30px; border:1px solid rgba(213,222,237,.9); border-radius:22px; background:rgba(255,255,255,.88); }
.privacy-flow-item { display:flex; align-items:center; gap:18px; padding:19px 21px; border-radius:14px; background:#fff; }
.privacy-flow-item b { display:grid; width:43px; height:43px; flex:0 0 43px; place-items:center; border-radius:12px; color:var(--privacy-icon-fg,#fff); background:var(--privacy-fill-1); }
.privacy-flow-item:nth-of-type(3) b { background:var(--privacy-fill-2); }
.privacy-flow-item:nth-of-type(5) b { background:var(--privacy-fill-3); }
.privacy-flow-item span,.privacy-flow-item strong { display:block; }
.privacy-flow-item span { margin-bottom:4px; color:var(--privacy-purple); font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; }
.privacy-flow-item strong { color:var(--privacy-ink); font-size:15px; }
.privacy-flow-line { height:28px; padding-left:34px; color:#9ba8ba; line-height:28px; }
.privacy-note-section { padding:85px 0 0; background:#fff; }
.privacy-catalog-section{padding:85px 0;background:#fff}.privacy-catalog-shell{border:1px solid var(--privacy-line,#e2e7ef);border-radius:18px;padding:28px;background:var(--sox-background,#f8fafc)}.privacy-catalog-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:20px}.privacy-catalog-toolbar input{max-width:420px;border:1px solid #ccd5e0;border-radius:10px;padding:12px 15px}.privacy-catalog-summary{font-weight:700;color:#526174}.privacy-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.privacy-catalog-item{display:grid;grid-template-columns:110px 1fr auto auto;gap:12px;align-items:center;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #e5e9f0;color:#26354a}.privacy-catalog-item:hover{border-color:var(--privacy-purple,#6d4aff);transform:translateY(-1px)}.privacy-catalog-item.is-free{border-color:color-mix(in srgb,var(--sox-accent,#10b7a1) 35%,transparent)}.privacy-catalog-item strong{font-size:18px}.privacy-catalog-item span{color:#718096}.privacy-catalog-free,.privacy-catalog-paid{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.privacy-catalog-free{color:var(--sox-accent,#10b7a1)}.privacy-catalog-paid{color:#718096}.privacy-promo-tlds{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--sox-accent,#10b7a1)}.privacy-catalog-pages{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px}.privacy-catalog-status{grid-column:1/-1;text-align:center;margin:20px 0;color:#718096}@media(max-width:767px){.privacy-catalog-toolbar{display:block}.privacy-catalog-toolbar input{width:100%;max-width:none;margin-bottom:10px}.privacy-catalog-grid{grid-template-columns:1fr}.privacy-catalog-item{grid-template-columns:90px 1fr auto auto}}
.privacy-note { display:flex; gap:22px; align-items:flex-start; padding:33px 36px; border:1px solid #f0d999; border-radius:19px; background:#fff9e9; }
.privacy-note-icon { display:grid; width:52px; height:52px; flex:0 0 52px; place-items:center; border-radius:14px; color:#a86d0a; background:#ffe9af; font-size:20px; }
.privacy-note h2 { margin:0 0 8px; color:var(--privacy-ink); font-size:21px; font-weight:850; }
.privacy-note p { margin:0; color:#6d6655; font-size:13px; line-height:1.75; }
[data-background="dark"] .privacy-page main,[data-background="dark"] .privacy-faq,[data-background="dark"] .privacy-note-section { background:#0f1c25; }
[data-background="dark"] .privacy-offer-banner,[data-background="dark"] .privacy-benefit-card,[data-background="dark"] .privacy-flow,[data-background="dark"] .privacy-flow-item,[data-background="dark"] .privacy-accordion .panel-wrap { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .privacy-offer-copy h2,[data-background="dark"] .privacy-section-heading h2,[data-background="dark"] .privacy-benefit-card h3,[data-background="dark"] .privacy-flow-item strong,[data-background="dark"] .privacy-note h2,[data-background="dark"] .privacy-accordion .panel-title { color:#f4f7f9; }
[data-background="dark"] .privacy-how { background:#111f2b; }
[data-background="dark"] .privacy-accordion .panel-title.active,[data-background="dark"] .privacy-accordion .wrapper-collapse { background:#1d293b; }
[data-background="dark"] .privacy-note { border-color:#6a5830; background:#29271f; }
[data-background="dark"] .privacy-note p { color:#c6bdab; }
@media (max-width:991px) { .privacy-hero { padding:82px 0 122px; text-align:center; } .privacy-hero h1,.privacy-hero .col-lg-7>p { margin-right:auto; margin-left:auto; } .privacy-hero-points { justify-content:center; } .privacy-hero-art { max-width:430px; margin:35px auto 0; } .privacy-card-grid { grid-template-columns:1fr 1fr; } .privacy-how .privacy-section-heading { margin:0 auto 42px; padding-right:0; text-align:center!important; } }
@media (max-width:767px) { .privacy-hero { padding:70px 0 108px; } .privacy-hero h1 { font-size:43px; letter-spacing:-1px; } .privacy-offer-banner { grid-template-columns:auto 1fr; padding:25px; } .privacy-offer-price { grid-column:1/-1; padding:18px 0 0; border-top:1px solid var(--privacy-line); border-left:0; text-align:left; } .privacy-offer-price strong,.privacy-offer-price span { display:inline-block; } .privacy-offer-price span { margin:0 0 0 8px; } .privacy-offer-price.privacy-offer-free strong,.privacy-offer-price.privacy-offer-free span,.privacy-offer-renewal { display:block; } .privacy-offer-price.privacy-offer-free span { margin:6px 0 0; } .privacy-section-heading h2 { font-size:33px; } }
@media (max-width:575px) { .privacy-hero h1 { font-size:36px; } .privacy-hero .col-lg-7>p { font-size:16px; } .privacy-hero-points { display:grid; gap:10px; } .privacy-offer-banner { display:block; } .privacy-offer-icon { margin-bottom:18px; } .privacy-offer-price { margin-top:20px; } .privacy-card-grid { grid-template-columns:1fr; } .privacy-benefit-card { min-height:0; } .privacy-note { display:block; padding:27px; } .privacy-note-icon { margin-bottom:18px; } .privacy-flow { padding:18px; } }

/* FAQ page */
.faq-page { --faq-ink:var(--sox-text,#172b4d); --faq-muted:var(--sox-muted,#64748b); --faq-line:var(--sox-border,#dfe7f2); --faq-blue:var(--sox-secondary,#3787f5); --faq-purple:var(--sox-primary, #6d4aff); --faq-teal:var(--sox-accent,#25c7aa); --faq-coral:#ff6f61; --faq-gold:var(--sox-highlight,#ffb84d); --faq-paper:var(--sox-background,#f7f9fd); }
.faq-page main { overflow:hidden; background:var(--faq-paper); }
.faq-hero { position:relative; overflow:hidden; padding:104px 0 122px; color:#fff; background:var(--sox-primary-dark, #4e2fd0); }
.faq-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.faq-eyebrow { display:inline-flex; align-items:center; gap:10px; margin:42px 0 22px; padding:0; border:0; border-radius:0; color:#f6d365; background:transparent; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.faq-hero h1 { max-width:660px; margin:0 0 23px; color:#fff; font-size:58px; font-weight:850; line-height:1.06; letter-spacing:0; }
.faq-hero .col-lg-7>p { max-width:620px; margin:0; color:#d9e5ee; font-size:18px; line-height:1.72; }
.faq-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.faq-hero-panel { position:relative; margin-top:38px; padding:18px; border:1px solid rgba(255,255,255,.2); border-radius:10px; background:rgba(255,255,255,.12)!important; backdrop-filter:blur(10px); }
.faq-hero-item { display:grid; grid-template-columns:46px 1fr auto; gap:14px; align-items:center; padding:16px; border-radius:8px; color:#fff; background:rgba(255,255,255,.11); }
.faq-hero-item+ .faq-hero-item { margin-top:12px; }
.faq-hero-item i { display:grid; width:46px; height:46px; place-items:center; border-radius:8px; color: var(--sox-primary-dark, #4e2fd0); background:#f6d365; }
.faq-hero-item span { color:#e9ddff; font-weight:700; }
.faq-hero-item b { color:#fff; text-transform:uppercase; letter-spacing:0; }
.faq-overview { position:relative; z-index:2; margin-top:-58px; }
.faq-jump-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.faq-jump-card { display:block; min-height:195px; padding:28px 26px; border:1px solid rgba(218,226,238,.95); border-radius:8px; color:inherit; background:#fff; transition:transform .2s ease,border-color .2s ease; }
.faq-jump-card:hover { transform:translateY(-4px); border-color:rgba(40,120,255,.42); }
.faq-jump-card i { display:grid; width:52px; height:52px; margin-bottom:24px; place-items:center; border-radius:8px; color:#fff; background:var(--faq-blue); font-size:19px; }
.faq-jump-card:nth-child(2) i { background:var(--faq-coral); }
.faq-jump-card:nth-child(3) i { background:var(--sox-primary, #6d4aff); }
.faq-jump-card span { color:var(--faq-ink); font-size:19px; font-weight:850; }
.faq-jump-card p { margin:10px 0 0; color:var(--faq-muted); line-height:1.68; }
.faq-content { padding:86px 0 30px; }
.faq-section { display:grid; grid-template-columns:minmax(250px,360px) minmax(0,1fr); gap:48px; padding:56px 0; border-bottom:1px solid var(--faq-line); }
.faq-section:last-child { border-bottom:0; }
.faq-section-head { position:sticky; top:24px; align-self:start; }
.faq-section-head>span { display:grid; width:54px; height:54px; margin-bottom:22px; place-items:center; border-radius:8px; color:#fff; background:var(--faq-ink); font-size:16px; font-weight:900; }
.faq-section:nth-child(2) .faq-section-head>span { background:var(--faq-coral); }
.faq-section:nth-child(3) .faq-section-head>span { background:var(--faq-blue); }
.faq-section-head h2 { margin:0 0 15px; color:var(--faq-ink); font-size:38px; font-weight:850; line-height:1.16; letter-spacing:0; }
.faq-section-head p { margin:0; color:var(--faq-muted); font-size:16px; line-height:1.75; }
.faq-accordion .panel-wrap { overflow:hidden; background:#fff; }
.faq-accordion .panel-title { display:flex; align-items:flex-start; justify-content:space-between; min-height:72px; padding:22px 24px; border:0; border-radius:8px 8px 0 0; color:var(--faq-ink)!important; font-size:17px; font-weight:850; }
.faq-accordion .panel-title.active { color:#000!important; }
.faq-accordion .panel-title .float-end { flex:0 0 auto; margin-left:18px; }
.faq-accordion .wrapper-collapse { padding:0 24px 24px; border-radius:0 0 8px 8px; background:#fff; }
.faq-accordion p { color:var(--faq-muted)!important; line-height:1.75; }
.faq-cta { padding:48px 0 94px; }
.faq-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:38px 42px; border-radius:8px; color:#fff; background:#1f4458; }
.faq-cta-inner span { display:block; margin-bottom:9px; color:#79e3d5; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.faq-cta-inner h2 { margin:0 0 8px; color:#fff; font-size:30px; font-weight:850; letter-spacing:0; }
.faq-cta-inner p { margin:0; color:#c7d5df; line-height:1.7; }
[data-background="dark"] .faq-page main { background:#0f1c25; }
[data-background="dark"] .faq-jump-card,[data-background="dark"] .faq-accordion .panel-wrap { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .faq-jump-card span,[data-background="dark"] .faq-section-head h2,[data-background="dark"] .faq-accordion .panel-title { color:#f4f7f9!important; }
[data-background="dark"] .faq-jump-card p,[data-background="dark"] .faq-section-head p,[data-background="dark"] .faq-accordion p { color:#b8c4d1; }
[data-background="dark"] .faq-accordion .wrapper-collapse { background:#172531; }
[data-background="dark"] .faq-section { border-color:#2b3c49; }
@media (max-width:991px) {
  .faq-hero { padding:82px 0 116px; text-align:center; }
  .faq-hero h1,.faq-hero .col-lg-7>p { margin-right:auto; margin-left:auto; }
  .faq-hero-actions { justify-content:center; }
  .faq-hero-panel { max-width:520px; margin-right:auto; margin-left:auto; }
  .faq-jump-grid { grid-template-columns:1fr; }
  .faq-jump-card { min-height:0; }
  .faq-section { grid-template-columns:1fr; gap:28px; }
  .faq-section-head { position:static; text-align:center; }
  .faq-section-head>span { margin-right:auto; margin-left:auto; }
}
@media (max-width:767px) {
  .faq-hero { padding:72px 0 102px; }
  .faq-hero h1 { font-size:42px; }
  .faq-overview { margin-top:-44px; }
  .faq-content { padding-top:58px; }
  .faq-section { padding:43px 0; }
  .faq-section-head h2 { font-size:31px; }
  .faq-accordion .panel-title { min-height:66px; padding:19px 20px; font-size:16px; }
  .faq-accordion .wrapper-collapse { padding:0 20px 22px; }
  .faq-cta-inner { display:block; padding:34px 28px; text-align:center; }
  .faq-cta-inner .btn { margin-top:24px; }
}
@media (max-width:575px) {
  .faq-hero h1 { font-size:36px; }
  .faq-hero .col-lg-7>p { font-size:16px; }
  .faq-hero-actions { align-items:stretch; flex-direction:column; }
  .faq-jump-card { padding:24px; }
  .faq-cta { padding-bottom:74px; }
}

/* Google Workspace */
.workspace-page { --workspace-ink:var(--sox-text,#172b4d); --workspace-muted:var(--sox-muted,#63758d); --workspace-purple:var(--sox-primary, #6d4aff); --workspace-blue:var(--sox-secondary,#3787f5); --workspace-teal:var(--sox-accent,#28c6a7); --workspace-coral:#ef5b6b; --workspace-gold:var(--sox-highlight,#f6c84c); --workspace-line:var(--sox-border,#e1e8f2); --workspace-paper:var(--sox-background,#f7f9fd); }
.workspace-page main { overflow:hidden; background:var(--workspace-paper); }
.workspace-hero { position:relative; padding:118px 0 98px; color:#fff; background:#21475c; }
.workspace-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.workspace-hero .container { position:relative; z-index:1; }
.workspace-eyebrow { display:inline-flex; align-items:center; gap:10px; margin:36px 0 21px; padding:0; border:0; border-radius:0; color:#dffcf6; background:transparent; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.workspace-eyebrow i { color:var(--workspace-gold); }
.workspace-hero h1 { max-width:720px; margin:0 0 22px; color:#fff; font-size:58px; font-weight:850; line-height:1.06; letter-spacing:0; }
.workspace-hero p { max-width:650px; margin:0; color:#dae5ef; font-size:18px; line-height:1.72; }
.workspace-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
.workspace-command { margin-top:38px; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:rgba(12,23,40,.54); backdrop-filter:blur(10px); }
.workspace-command-top { display:flex; align-items:center; gap:7px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.13); }
.workspace-command-top span { width:9px; height:9px; border-radius:50%; background:var(--workspace-coral); }
.workspace-command-top span:nth-child(2) { background:var(--workspace-gold); }
.workspace-command-top span:nth-child(3) { background:var(--workspace-teal); }
.workspace-command-top b { margin-left:8px; color:#fff; font-size:13px; font-weight:850; }
.workspace-command-row { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; margin:16px; padding:16px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:rgba(255,255,255,.08); }
.workspace-command-row.is-live { border-color:rgba(246,200,76,.44); background:rgba(246,200,76,.12); }
.workspace-command-row i { display:grid; width:48px; height:48px; place-items:center; border-radius:8px; color:#fff; background:var(--workspace-purple); font-size:19px; }
.workspace-command-row:nth-of-type(3) i { background:var(--workspace-blue); }
.workspace-command-row:nth-of-type(4) i { background:var(--workspace-teal); }
.workspace-command-row strong,.workspace-command-row span { display:block; }
.workspace-command-row strong { color:#fff; font-size:16px; font-weight:850; }
.workspace-command-row span { margin-top:4px; color:#c4d3df; font-size:13px; line-height:1.5; }
.workspace-command-metric { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.12); }
.workspace-command-metric div { padding:18px 12px; text-align:center; background:rgba(12,23,40,.42); }
.workspace-command-metric span,.workspace-command-metric b { display:block; }
.workspace-command-metric span { color:var(--workspace-gold); font-size:26px; font-weight:850; }
.workspace-command-metric b { margin-top:4px; color:#dbe6ef; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0; }
.workspace-trust { position:relative; z-index:2; margin-top:-43px; }
.workspace-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.workspace-trust-grid div { display:flex; align-items:center; gap:13px; min-height:86px; padding:20px 22px; border:1px solid var(--workspace-line); border-radius:8px; background:#fff; }
.workspace-trust-grid i { display:grid; width:42px; height:42px; place-items:center; border-radius:8px; color:#fff; background:var(--workspace-purple); }
.workspace-trust-grid div:nth-child(2) i { background:var(--workspace-blue); }
.workspace-trust-grid div:nth-child(3) i { background:var(--workspace-teal); }
.workspace-trust-grid div:nth-child(4) i { background:var(--workspace-coral); }
.workspace-trust-grid span { color:var(--workspace-ink); font-weight:850; }
.workspace-plans { padding:96px 0 92px; }
.workspace-section-head { max-width:790px; margin:0 auto 44px; text-align:center; }
.workspace-section-head>span { color:var(--workspace-purple); font-weight:900; text-transform:uppercase; letter-spacing:0; }
.workspace-section-head h2 { margin:8px 0 13px; color:var(--workspace-ink); font-size:44px; font-weight:850; line-height:1.18; letter-spacing:0; }
.workspace-section-head p { margin:0; color:var(--workspace-muted); font-size:16px; line-height:1.76; }
.workspace-plan-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.workspace-plan-card { position:relative; display:flex; flex-direction:column; min-height:100%; padding:28px 24px; border:1px solid var(--workspace-line); border-radius:8px; background:#fff; }
.workspace-plan-card.is-featured { border-color:rgba(124,92,231,.46); }
.workspace-plan-badge { position:absolute; top:18px; right:18px; padding:6px 9px; border-radius:8px; color:#fff; background:var(--workspace-purple); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.workspace-plan-card:nth-child(1) .workspace-plan-badge { background:var(--workspace-coral); }
.workspace-plan-card:nth-child(3) .workspace-plan-badge { background:var(--workspace-blue); }
.workspace-plan-card:nth-child(4) .workspace-plan-badge { background:#14253a; }
.workspace-plan-icon { display:grid; width:64px; height:64px; margin-bottom:22px; place-items:center; border-radius:8px; color:var(--sox-chip-solid-fg)!important; background:var(--sox-chip-solid-bg); font-size:30px; }
.workspace-plan-card:nth-child(1) .workspace-plan-icon { background:var(--sox-chip-solid-bg-2); }
.workspace-plan-card:nth-child(3) .workspace-plan-icon { background:var(--sox-chip-solid-bg-3); }
.workspace-plan-card:nth-child(4) .workspace-plan-icon { background:var(--sox-chip-solid-bg-2); }
.workspace-plan-card h3 { margin:0 0 10px; color:var(--workspace-ink); font-size:22px; font-weight:850; }
.workspace-plan-card p { margin:0 0 18px; color:var(--workspace-muted); line-height:1.65; }
.workspace-price { margin:0 0 21px; color:var(--workspace-ink); font-size:38px; font-weight:850; line-height:1; }
.workspace-price sup { top:-.55em; margin-right:2px; font-size:16px; }
.workspace-price span { display:block; margin-top:7px; color:var(--workspace-muted); font-size:12px; font-weight:700; }
.workspace-price > [data-sox-currency-price] { display:inline; margin:0; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; }
.workspace-plan-card ul { flex:1 1 auto; margin:0 0 24px; padding:0; list-style:none; }
.workspace-plan-card li { display:flex; gap:10px; padding:8px 0; border-top:1px solid #edf2f8; color:#44566f; font-size:13px; line-height:1.55; }
.workspace-plan-card li i { margin-top:4px; color:var(--workspace-teal); font-size:11px; }
.workspace-plan-card .btn { align-self:flex-start; }
.workspace-features { padding:88px 0; background:#fff; }
.workspace-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.workspace-feature-grid article { min-height:232px; padding:27px 25px; border:1px solid var(--workspace-line); border-radius:8px; background:#fbfcff; }
.workspace-feature-grid i { display:grid; width:50px; height:50px; margin-bottom:21px; place-items:center; border-radius:8px; color:#fff; background:var(--workspace-purple); font-size:20px; }
.workspace-feature-grid article:nth-child(2) i { background:var(--workspace-blue); }
.workspace-feature-grid article:nth-child(3) i { background:var(--workspace-teal); }
.workspace-feature-grid article:nth-child(4) i { background:var(--workspace-coral); }
.workspace-feature-grid h3 { margin:0 0 10px; color:var(--workspace-ink); font-size:20px; font-weight:850; }
.workspace-feature-grid p { margin:0; color:var(--workspace-muted); line-height:1.72; }
.workspace-migration { padding:92px 0; background:#eef5ff; }
.workspace-flow { padding:26px; border:1px solid rgba(213,222,237,.95); border-radius:8px; background:rgba(255,255,255,.88); }
.workspace-flow-item { display:flex; align-items:center; gap:17px; padding:19px 21px; border-radius:8px; background:#fff; }
.workspace-flow-item b { display:grid; width:43px; height:43px; flex:0 0 43px; place-items:center; border-radius:8px; color:#fff; background:var(--workspace-purple); font-size:17px; }
.workspace-flow-item:nth-of-type(3) b { background:var(--workspace-blue); }
.workspace-flow-item:nth-of-type(5) b { background:var(--workspace-teal); }
.workspace-flow-item span,.workspace-flow-item strong { display:block; }
.workspace-flow-item span { margin-bottom:4px; color:var(--workspace-purple); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.workspace-flow-item strong { color:var(--workspace-ink); font-size:15px; line-height:1.55; }
.workspace-flow-line { width:2px; height:27px; margin-left:41px; background:var(--workspace-purple); }
.workspace-faq { padding-top:88px; }
.workspace-accordion .panel-wrap { overflow:hidden; border:1px solid var(--workspace-line); border-radius:8px; background:#fff; }
.workspace-accordion .panel-title { display:flex; align-items:flex-start; justify-content:space-between; min-height:70px; padding:21px 24px; border:0; color:var(--workspace-ink)!important; font-weight:850; }
.workspace-accordion .panel-title.active { color:#000!important; }
.workspace-accordion .panel-title .float-end { flex:0 0 auto; margin-left:18px; }
.workspace-accordion .wrapper-collapse { padding:0 24px 23px; background:#fff; }
.workspace-accordion p { margin:0; line-height:1.74; }
[data-background="dark"] .workspace-page main,[data-background="dark"] .workspace-faq { background:#0f1c25; }
[data-background="dark"] .workspace-trust-grid div,[data-background="dark"] .workspace-plan-card,[data-background="dark"] .workspace-feature-grid article,[data-background="dark"] .workspace-flow,[data-background="dark"] .workspace-flow-item,[data-background="dark"] .workspace-accordion .panel-wrap { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .workspace-section-head h2,[data-background="dark"] .workspace-trust-grid span,[data-background="dark"] .workspace-plan-card h3,[data-background="dark"] .workspace-price,[data-background="dark"] .workspace-feature-grid h3,[data-background="dark"] .workspace-flow-item strong,[data-background="dark"] .workspace-accordion .panel-title { color:#f4f7f9!important; }
[data-background="dark"] .workspace-section-head p,[data-background="dark"] .workspace-plan-card p,[data-background="dark"] .workspace-plan-card li,[data-background="dark"] .workspace-feature-grid p,[data-background="dark"] .workspace-accordion p { color:#b8c4d1!important; }
[data-background="dark"] .workspace-feature-grid article { background:#111f2b; }
[data-background="dark"] .workspace-migration { background:#101e2b; }
[data-background="dark"] .workspace-accordion .wrapper-collapse { background:#172531; }
@media (max-width:1199px) {
  .workspace-plan-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:991px) {
  .workspace-hero { padding:86px 0 86px; text-align:center; }
  .workspace-hero h1,.workspace-hero p { margin-right:auto; margin-left:auto; }
  .workspace-hero-actions { justify-content:center; }
  .workspace-command { max-width:540px; margin-right:auto; margin-left:auto; }
  .workspace-trust-grid { grid-template-columns:1fr 1fr; }
  .workspace-section-head.text-start { text-align:center!important; }
  .workspace-feature-grid { margin-top:24px; }
}
@media (max-width:767px) {
  .workspace-hero { padding:74px 0 78px; }
  .workspace-hero h1 { font-size:42px; }
  .workspace-trust { margin-top:-32px; }
  .workspace-trust-grid,.workspace-plan-grid,.workspace-feature-grid { grid-template-columns:1fr; }
  .workspace-section-head h2 { font-size:32px; }
  .workspace-plans,.workspace-features,.workspace-migration { padding:72px 0; }
  .workspace-feature-grid article { min-height:0; }
}
@media (max-width:575px) {
  .workspace-hero h1 { font-size:36px; }
  .workspace-hero p { font-size:16px; }
  .workspace-hero-actions { align-items:stretch; flex-direction:column; }
  .workspace-command-row { grid-template-columns:1fr; text-align:center; }
  .workspace-command-row i { margin:0 auto; }
  .workspace-command-metric { grid-template-columns:1fr; }
  .workspace-trust-grid div { align-items:flex-start; flex-direction:column; min-height:0; }
  .workspace-plan-card { padding:25px 22px; }
  .workspace-flow { padding:18px; }
  .workspace-flow-item { align-items:flex-start; padding:17px; }
}

/* SiteLock */
.sitelock-page { --sitelock-ink:#151922; --sitelock-muted:#617083; --sitelock-purple:var(--sox-primary, #6d4aff); --sitelock-yellow:#f6d84f; --sitelock-green:#28c6a7; --sitelock-red:#ef5b6b; --sitelock-line:#e1e8f2; --sitelock-paper:#f7f9fd; }
.sitelock-page main { overflow:hidden; background:var(--sitelock-paper); }
.sitelock-hero { position:relative; padding:118px 0 98px; color:#fff; background:#0f1117; }
.sitelock-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.sitelock-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:7px; background:var(--sitelock-purple); }
.sitelock-hero .container { position:relative; z-index:1; }
.sitelock-logo-mark { display:inline-flex; align-items:center; justify-content:center; margin:38px 0 27px; padding:13px 18px; border:1px solid rgba(255,255,255,.82); border-radius:8px; background:#fff; }
.sitelock-logo { display:block; width:198px; max-width:72vw; margin:0; }
.sitelock-hero h1 { max-width:760px; margin:0 0 22px; color:#fff; font-size:58px; font-weight:850; line-height:1.06; letter-spacing:0; }
.sitelock-hero p { max-width:650px; margin:0; color:#d5dde9; font-size:18px; line-height:1.72; }
.sitelock-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
.sitelock-scan-panel { margin-top:38px; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.07); backdrop-filter:blur(10px); }
.sitelock-scan-top { display:flex; align-items:center; gap:7px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.12); }
.sitelock-scan-top span { width:9px; height:9px; border-radius:50%; background:var(--sitelock-red); }
.sitelock-scan-top span:nth-child(2) { background:var(--sitelock-yellow); }
.sitelock-scan-top span:nth-child(3) { background:var(--sitelock-green); }
.sitelock-scan-top b { margin-left:8px; color:#fff; font-size:13px; font-weight:850; }
.sitelock-scan-row { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; margin:16px; padding:16px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:rgba(255,255,255,.08); }
.sitelock-scan-row.is-clean { border-color:rgba(246,216,79,.46); background:rgba(246,216,79,.11); }
.sitelock-scan-row i { display:grid; width:48px; height:48px; place-items:center; border-radius:8px; color:#fff; background:var(--sitelock-purple); font-size:18px; }
.sitelock-scan-row:nth-of-type(3) i { background:var(--sitelock-red); }
.sitelock-scan-row:nth-of-type(4) i { background:var(--sitelock-green); }
.sitelock-scan-row strong,.sitelock-scan-row span { display:block; }
.sitelock-scan-row strong { color:#fff; font-size:16px; font-weight:850; }
.sitelock-scan-row span { margin-top:4px; color:#c8d2df; font-size:13px; line-height:1.5; }
.sitelock-scan-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.12); }
.sitelock-scan-stats div { padding:18px 12px; text-align:center; background:rgba(8,10,15,.46); }
.sitelock-scan-stats span,.sitelock-scan-stats b { display:block; }
.sitelock-scan-stats span { color:var(--sitelock-yellow); font-size:26px; font-weight:850; }
.sitelock-scan-stats b { margin-top:4px; color:#dbe6ef; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0; }
.sitelock-proof { position:relative; z-index:2; margin-top:-43px; }
.sitelock-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sitelock-proof-grid div { display:flex; align-items:center; gap:13px; min-height:86px; padding:20px 22px; border:1px solid var(--sitelock-line); border-radius:8px; background:#fff; }
.sitelock-proof-grid i { display:grid; width:42px; height:42px; place-items:center; border-radius:8px; color:#fff; background:var(--sitelock-purple); }
.sitelock-proof-grid div:nth-child(2) i { background:#151922; }
.sitelock-proof-grid div:nth-child(3) i { color:#151922; background:var(--sitelock-yellow); }
.sitelock-proof-grid div:nth-child(4) i { background:var(--sitelock-green); }
.sitelock-proof-grid span { color:var(--sitelock-ink); font-weight:850; }
.sitelock-plans { padding:96px 0 92px; }
.sitelock-section-head { max-width:790px; margin:0 auto 44px; text-align:center; }
.sitelock-section-head>span { color:var(--sitelock-purple); font-weight:900; text-transform:uppercase; letter-spacing:0; }
.sitelock-section-head h2 { margin:8px 0 13px; color:var(--sitelock-ink); font-size:44px; font-weight:850; line-height:1.18; letter-spacing:0; }
.sitelock-section-head p { margin:0; color:var(--sitelock-muted); font-size:16px; line-height:1.76; }
.sitelock-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sitelock-plan-card { position:relative; display:flex; flex-direction:column; min-height:100%; padding:30px 26px; border:1px solid var(--sitelock-line); border-radius:8px; background:#fff; }
.sitelock-plan-card.is-featured { border-color:rgba(124,92,231,.48); }
.sitelock-plan-badge { position:absolute; top:18px; right:18px; padding:6px 9px; border-radius:8px; color:#fff; background:var(--sitelock-purple); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.sitelock-plan-icon { display:grid; width:56px; height:56px; margin-bottom:22px; place-items:center; border-radius:8px; color:#fff; background:#151922; font-size:21px; }
.sitelock-plan-card:nth-child(2) .sitelock-plan-icon { background:var(--sitelock-purple); }
.sitelock-plan-card:nth-child(3) .sitelock-plan-icon { color:#151922; background:var(--sitelock-yellow); }
.sitelock-plan-card h3 { margin:0 0 10px; color:var(--sitelock-ink); font-size:24px; font-weight:850; }
.sitelock-plan-card p { margin:0 0 18px; color:var(--sitelock-muted); line-height:1.65; }
.sitelock-price { margin:0 0 21px; color:var(--sitelock-ink); font-size:40px; font-weight:850; line-height:1; }
.sitelock-price sup { top:-.55em; margin-right:2px; font-size:16px; }
.sitelock-price span { margin-top:7px; color:var(--sitelock-muted); font-size:12px; font-weight:700; }
.sitelock-price > [data-sox-currency-price] { display:inline; margin:0; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; }
.sitelock-plan-card ul { flex:1 1 auto; margin:0 0 24px; padding:0; list-style:none; }
.sitelock-plan-card li { display:flex; gap:10px; padding:8px 0; border-top:1px solid #edf2f8; color:#44566f; font-size:13px; line-height:1.55; }
.sitelock-plan-card li i { margin-top:4px; color:var(--sitelock-green); font-size:11px; }
.sitelock-plan-card .btn { align-self:flex-start; }
.sitelock-features { padding:88px 0; background:#fff; }
.sitelock-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sitelock-feature-grid article { min-height:210px; padding:27px 25px; border:1px solid var(--sitelock-line); border-radius:8px; background:#fbfcff; }
.sitelock-feature-grid i { display:grid; width:50px; height:50px; margin-bottom:21px; place-items:center; border-radius:8px; color:#fff; background:var(--sitelock-purple); font-size:19px; }
.sitelock-feature-grid article:nth-child(2) i { background:#151922; }
.sitelock-feature-grid article:nth-child(3) i { color:#151922; background:var(--sitelock-yellow); }
.sitelock-feature-grid article:nth-child(4) i { background:var(--sitelock-green); }
.sitelock-feature-grid article:nth-child(5) i { background:#252d3a; }
.sitelock-feature-grid article:nth-child(6) i { background:var(--sitelock-purple); }
.sitelock-feature-grid h3 { margin:0 0 10px; color:var(--sitelock-ink); font-size:20px; font-weight:850; }
.sitelock-feature-grid p { margin:0; color:var(--sitelock-muted); line-height:1.72; }
.sitelock-emergency { padding:92px 0; color:#fff; background:#151922; }
.sitelock-alert-label { display:inline-block; margin-bottom:13px; color:var(--sitelock-yellow); font-weight:900; text-transform:uppercase; letter-spacing:0; }
.sitelock-emergency h2 { margin:0 0 17px; color:#fff; font-size:44px; font-weight:850; letter-spacing:0; }
.sitelock-emergency p { max-width:720px; margin:0; color:#d5dde9; font-size:17px; line-height:1.76; }
.sitelock-emergency-card { padding:30px 28px; border:1px solid rgba(255,255,255,.14); border-radius:8px; background:rgba(255,255,255,.07); }
.sitelock-emergency-card strong { display:block; color:#fff; font-size:46px; font-weight:850; line-height:1; }
.sitelock-emergency-card>span { display:block; margin-top:8px; color:#cbd6e4; font-weight:700; }
.sitelock-emergency-card ul { margin:24px 0; padding:0; list-style:none; }
.sitelock-emergency-card li { display:flex; gap:10px; padding:9px 0; border-top:1px solid rgba(255,255,255,.1); color:#e4ebf3; }
.sitelock-emergency-card li i { margin-top:4px; color:var(--sitelock-yellow); font-size:11px; }
.sitelock-faq { padding:88px 0 72px; }
.sitelock-accordion { max-width:920px; margin:0 auto; }
.sitelock-accordion .panel-wrap { overflow:hidden; border:1px solid var(--sitelock-line); border-radius:8px; background:#fff; }
.sitelock-accordion .panel-title { display:flex; align-items:flex-start; justify-content:space-between; min-height:70px; padding:21px 24px; border:0; color:var(--sitelock-ink)!important; font-weight:850; }
.sitelock-accordion .panel-title.active { color:#000!important; }
.sitelock-accordion .panel-title .float-end { flex:0 0 auto; margin-left:18px; }
.sitelock-accordion .wrapper-collapse { padding:0 24px 23px; background:#fff; }
.sitelock-accordion p { margin:0; line-height:1.74; }
[data-background="dark"] .sitelock-page main,[data-background="dark"] .sitelock-faq { background:#0f1c25; }
[data-background="dark"] .sitelock-proof-grid div,[data-background="dark"] .sitelock-plan-card,[data-background="dark"] .sitelock-feature-grid article,[data-background="dark"] .sitelock-accordion .panel-wrap { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .sitelock-section-head h2,[data-background="dark"] .sitelock-proof-grid span,[data-background="dark"] .sitelock-plan-card h3,[data-background="dark"] .sitelock-price,[data-background="dark"] .sitelock-feature-grid h3,[data-background="dark"] .sitelock-accordion .panel-title { color:#f4f7f9!important; }
[data-background="dark"] .sitelock-section-head p,[data-background="dark"] .sitelock-plan-card p,[data-background="dark"] .sitelock-plan-card li,[data-background="dark"] .sitelock-feature-grid p,[data-background="dark"] .sitelock-accordion p { color:#b8c4d1!important; }
[data-background="dark"] .sitelock-feature-grid article { background:#111f2b; }
[data-background="dark"] .sitelock-accordion .wrapper-collapse { background:#172531; }
@media (max-width:991px) {
  .sitelock-hero { padding:86px 0 86px; text-align:center; }
  .sitelock-logo-mark,.sitelock-hero h1,.sitelock-hero p { margin-right:auto; margin-left:auto; }
  .sitelock-hero-actions { justify-content:center; }
  .sitelock-scan-panel { max-width:540px; margin-right:auto; margin-left:auto; }
  .sitelock-proof-grid { grid-template-columns:1fr 1fr; }
  .sitelock-plan-grid { grid-template-columns:1fr; }
  .sitelock-section-head.text-start { text-align:center!important; }
  .sitelock-feature-grid { margin-top:24px; }
  .sitelock-emergency-card { margin-top:32px; }
}
@media (max-width:767px) {
  .sitelock-hero { padding:74px 0 78px; }
  .sitelock-hero h1 { font-size:42px; }
  .sitelock-proof { margin-top:-32px; }
  .sitelock-proof-grid,.sitelock-feature-grid { grid-template-columns:1fr; }
  .sitelock-section-head h2,.sitelock-emergency h2 { font-size:32px; }
  .sitelock-plans,.sitelock-features,.sitelock-emergency { padding:72px 0; }
  .sitelock-feature-grid article { min-height:0; }
}
@media (max-width:575px) {
  .sitelock-hero h1 { font-size:36px; }
  .sitelock-hero p { font-size:16px; }
  .sitelock-hero-actions { align-items:stretch; flex-direction:column; }
  .sitelock-scan-row { grid-template-columns:1fr; text-align:center; }
  .sitelock-scan-row i { margin:0 auto; }
  .sitelock-scan-stats { grid-template-columns:1fr; }
  .sitelock-proof-grid div { align-items:flex-start; flex-direction:column; min-height:0; }
  .sitelock-plan-card { padding:25px 22px; }
  .sitelock-emergency-card strong { font-size:38px; }
}

/* Email Services */
.email-security-page { --emailsec-ink:#151922; --emailsec-muted:#617083; --emailsec-purple:var(--sox-primary, #6d4aff); --emailsec-yellow:#f6d84f; --emailsec-green:#28c6a7; --emailsec-red:#ef5b6b; --emailsec-line:#e1e8f2; --emailsec-paper:#f7f9fd; }
.email-security-page main { overflow:hidden; background:var(--emailsec-paper); }
.emailsec-hero { position:relative; padding:118px 0 98px; color:#fff; background:#0f1117; }
.emailsec-hero::before { content:""; position:absolute; inset:0; opacity:.10; background:rgba(255,255,255,.08); }
.emailsec-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:7px; background:var(--emailsec-purple); }
.emailsec-hero .container { position:relative; z-index:1; }
.emailsec-logo { width:220px; max-width:76%; margin:38px 0 27px; }
.emailsec-hero h1 { max-width:760px; margin:0 0 22px; color:#fff; font-size:58px; font-weight:850; line-height:1.06; letter-spacing:0; }
.emailsec-hero p { max-width:650px; margin:0; color:#d5dde9; font-size:18px; line-height:1.72; }
.emailsec-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:31px; }
.emailsec-panel { margin-top:38px; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.07); backdrop-filter:blur(10px); }
.emailsec-panel-top { display:flex; align-items:center; gap:7px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.12); }
.emailsec-panel-top span { width:9px; height:9px; border-radius:50%; background:var(--emailsec-red); }
.emailsec-panel-top span:nth-child(2) { background:var(--emailsec-yellow); }
.emailsec-panel-top span:nth-child(3) { background:var(--emailsec-green); }
.emailsec-panel-top b { margin-left:8px; color:#fff; font-size:13px; font-weight:850; }
.emailsec-panel-row { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:center; margin:16px; padding:16px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:rgba(255,255,255,.08); }
.emailsec-panel-row.is-active { border-color:rgba(246,216,79,.46); background:rgba(246,216,79,.11); }
.emailsec-panel-row i { display:grid; width:48px; height:48px; place-items:center; border-radius:8px; color:#fff; background:var(--emailsec-purple); font-size:18px; }
.emailsec-panel-row:nth-of-type(3) i { background:var(--emailsec-green); }
.emailsec-panel-row:nth-of-type(4) i { color:#151922; background:var(--emailsec-yellow); }
.emailsec-panel-row strong,.emailsec-panel-row span { display:block; }
.emailsec-panel-row strong { color:#fff; font-size:16px; font-weight:850; }
.emailsec-panel-row span { margin-top:4px; color:#c8d2df; font-size:13px; line-height:1.5; }
.emailsec-panel-metric { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.12); }
.emailsec-panel-metric div { padding:18px 12px; text-align:center; background:rgba(8,10,15,.46); }
.emailsec-panel-metric span,.emailsec-panel-metric b { display:block; }
.emailsec-panel-metric span { color:var(--emailsec-yellow); font-size:26px; font-weight:850; }
.emailsec-panel-metric b { margin-top:4px; color:#dbe6ef; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0; }
.emailsec-proof { position:relative; z-index:2; margin-top:-43px; }
.emailsec-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.emailsec-proof-grid div { display:flex; align-items:center; gap:13px; min-height:86px; padding:20px 22px; border:1px solid var(--emailsec-line); border-radius:8px; background:#fff; }
.emailsec-proof-grid i { display:grid; width:42px; height:42px; place-items:center; border-radius:8px; color:#fff; background:var(--emailsec-purple); }
.emailsec-proof-grid div:nth-child(2) i { background:#151922; }
.emailsec-proof-grid div:nth-child(3) i { color:#151922; background:var(--emailsec-yellow); }
.emailsec-proof-grid div:nth-child(4) i { background:var(--emailsec-green); }
.emailsec-proof-grid span { color:var(--emailsec-ink); font-weight:850; }
.emailsec-services { padding:96px 0 92px; }
.emailsec-section-head { max-width:790px; margin:0 auto 44px; text-align:center; }
.emailsec-section-head>span { color:var(--emailsec-purple); font-weight:900; text-transform:uppercase; letter-spacing:0; }
.emailsec-section-head h2 { margin:8px 0 13px; color:var(--emailsec-ink); font-size:44px; font-weight:850; line-height:1.18; letter-spacing:0; }
.emailsec-section-head p { margin:0; color:var(--emailsec-muted); font-size:16px; line-height:1.76; }
.emailsec-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.emailsec-card { position:relative; display:flex; flex-direction:column; min-height:100%; padding:30px 26px; border:1px solid var(--emailsec-line); border-radius:8px; background:#fff; }
.emailsec-card-icon { display:grid; width:56px; height:56px; margin-bottom:22px; place-items:center; border-radius:8px; color:#fff; background:#151922; font-size:21px; }
.emailsec-card:nth-child(2) .emailsec-card-icon { background:var(--emailsec-purple); }
.emailsec-card:nth-child(3) .emailsec-card-icon { color:#151922; background:var(--emailsec-yellow); }
.emailsec-card h3 { margin:0 0 10px; color:var(--emailsec-ink); font-size:24px; font-weight:850; }
.emailsec-card p { margin:0 0 18px; color:var(--emailsec-muted); line-height:1.65; }
.emailsec-price { margin:0 0 21px; color:var(--emailsec-ink); }
.emailsec-price span,.emailsec-price b { display:block; color:var(--emailsec-muted); font-size:12px; font-weight:700; }
.emailsec-price strong { display:block; color:var(--emailsec-ink); font-size:40px; font-weight:850; line-height:1; }
.emailsec-card ul { flex:1 1 auto; margin:0 0 24px; padding:0; list-style:none; }
.emailsec-card li { display:flex; gap:10px; padding:8px 0; border-top:1px solid #edf2f8; color:#44566f; font-size:13px; line-height:1.55; }
.emailsec-card li i { margin-top:4px; color:var(--emailsec-green); font-size:11px; }
.emailsec-card .btn { align-self:flex-start; }
.emailsec-benefits { padding:88px 0; background:#fff; }
.emailsec-benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.emailsec-benefit-grid article { min-height:210px; padding:27px 25px; border:1px solid var(--emailsec-line); border-radius:8px; background:#fbfcff; }
.emailsec-benefit-grid i { display:grid; width:50px; height:50px; margin-bottom:21px; place-items:center; border-radius:8px; color:#fff; background:var(--emailsec-purple); font-size:19px; }
.emailsec-benefit-grid article:nth-child(2) i { background:#151922; }
.emailsec-benefit-grid article:nth-child(3) i { color:#151922; background:var(--emailsec-yellow); }
.emailsec-benefit-grid article:nth-child(4) i { background:var(--emailsec-green); }
.emailsec-benefit-grid h3 { margin:0 0 10px; color:var(--emailsec-ink); font-size:20px; font-weight:850; }
.emailsec-benefit-grid p { margin:0; color:var(--emailsec-muted); line-height:1.72; }
.emailsec-deepdive { padding:92px 0; }
.emailsec-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.emailsec-detail-card { padding:30px 26px; border:1px solid var(--emailsec-line); border-radius:8px; }
.emailsec-detail-title { display:grid; grid-template-columns:52px 1fr; gap:16px; align-items:center; margin-bottom:19px; }
.emailsec-detail-title i { display:grid; width:52px; height:52px; place-items:center; border-radius:8px; color:#fff; background:var(--emailsec-purple); font-size:20px; }
.emailsec-detail-card:nth-child(2) .emailsec-detail-title i { background:#151922; }
.emailsec-detail-card:nth-child(3) .emailsec-detail-title i { background:var(--emailsec-green); }
.emailsec-detail-title h3 { margin:0; color:var(--emailsec-ink); font-size:22px; font-weight:850; line-height:1.25; }
.emailsec-detail-card p { margin:0 0 19px; color:var(--emailsec-muted); line-height:1.72; }
.emailsec-detail-card ul { margin:0; padding:0; list-style:none; }
.emailsec-detail-card li { display:flex; gap:10px; padding:9px 0; border-top:1px solid #edf2f8; color:#44566f; font-size:13px; line-height:1.55; }
.emailsec-detail-card li i { margin-top:4px; color:var(--emailsec-green); font-size:11px; }
.emailsec-options { padding:92px 0; }
.emailsec-option-table { overflow:hidden; border:1px solid var(--emailsec-line); border-radius:8px; }
.emailsec-option-table div { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; padding:22px 25px; border-bottom:1px solid rgba(123,132,151,.16); }
.emailsec-option-table div:last-child { border-bottom:0; }
.emailsec-option-table span { color:var(--emailsec-ink); font-size:16px; font-weight:850; }
.emailsec-option-table strong { color:var(--emailsec-purple); font-size:24px; font-weight:850; white-space:nowrap; }
.emailsec-addons { margin-top:18px; padding:25px; border:1px solid var(--emailsec-line); border-radius:8px; }
.emailsec-addons h3 { margin:0 0 10px; font-size:22px; font-weight:850; }
.emailsec-addons p { margin:0 0 20px; line-height:1.72; }
.emailsec-faq { padding:88px 0 72px; }
.emailsec-accordion { max-width:920px; margin:0 auto; }
.emailsec-accordion .panel-wrap { overflow:hidden; border:1px solid var(--emailsec-line); border-radius:8px; background:#fff; }
.emailsec-accordion .panel-title { display:flex; align-items:flex-start; justify-content:space-between; min-height:70px; padding:21px 24px; border:0; color:var(--emailsec-ink)!important; font-weight:850; }
.emailsec-accordion .panel-title.active { color:#000!important; }
.emailsec-accordion .panel-title .float-end { flex:0 0 auto; margin-left:18px; }
.emailsec-accordion .wrapper-collapse { padding:0 24px 23px; background:#fff; }
.emailsec-accordion p { margin:0; line-height:1.74; }
[data-background="dark"] .email-security-page main,[data-background="dark"] .emailsec-faq { background:#0f1c25; }
[data-background="dark"] .emailsec-proof-grid div,[data-background="dark"] .emailsec-card,[data-background="dark"] .emailsec-benefit-grid article,[data-background="dark"] .emailsec-detail-card,[data-background="dark"] .emailsec-option-table,[data-background="dark"] .emailsec-addons,[data-background="dark"] .emailsec-accordion .panel-wrap { border-color:#2b3c49; background:#172531; }
[data-background="dark"] .emailsec-section-head h2,[data-background="dark"] .emailsec-proof-grid span,[data-background="dark"] .emailsec-card h3,[data-background="dark"] .emailsec-price strong,[data-background="dark"] .emailsec-benefit-grid h3,[data-background="dark"] .emailsec-detail-title h3,[data-background="dark"] .emailsec-option-table span,[data-background="dark"] .emailsec-addons h3,[data-background="dark"] .emailsec-accordion .panel-title { color:#f4f7f9!important; }
[data-background="dark"] .emailsec-section-head p,[data-background="dark"] .emailsec-card p,[data-background="dark"] .emailsec-card li,[data-background="dark"] .emailsec-benefit-grid p,[data-background="dark"] .emailsec-detail-card p,[data-background="dark"] .emailsec-detail-card li,[data-background="dark"] .emailsec-addons p,[data-background="dark"] .emailsec-accordion p { color:#b8c4d1!important; }
[data-background="dark"] .emailsec-benefit-grid article { background:#111f2b; }
[data-background="dark"] .emailsec-accordion .wrapper-collapse { background:#172531; }
@media (max-width:991px) {
  .emailsec-hero { padding:86px 0 86px; text-align:center; }
  .emailsec-logo,.emailsec-hero h1,.emailsec-hero p { margin-right:auto; margin-left:auto; }
  .emailsec-hero-actions { justify-content:center; }
  .emailsec-panel { max-width:540px; margin-right:auto; margin-left:auto; }
  .emailsec-proof-grid { grid-template-columns:1fr 1fr; }
  .emailsec-service-grid { grid-template-columns:1fr; }
  .emailsec-detail-grid { grid-template-columns:1fr; }
  .emailsec-section-head.text-start { text-align:center!important; }
  .emailsec-benefit-grid { margin-top:24px; }
}
@media (max-width:767px) {
  .emailsec-hero { padding:74px 0 78px; }
  .emailsec-hero h1 { font-size:42px; }
  .emailsec-proof { margin-top:-32px; }
  .emailsec-proof-grid,.emailsec-benefit-grid { grid-template-columns:1fr; }
  .emailsec-option-table div { grid-template-columns:1fr; }
  .emailsec-section-head h2 { font-size:32px; }
  .emailsec-services,.emailsec-benefits { padding:72px 0; }
  .emailsec-benefit-grid article { min-height:0; }
}
@media (max-width:575px) {
  .emailsec-hero h1 { font-size:36px; }
  .emailsec-hero p { font-size:16px; }
  .emailsec-hero-actions { align-items:stretch; flex-direction:column; }
  .emailsec-panel-row { grid-template-columns:1fr; text-align:center; }
  .emailsec-panel-row i { margin:0 auto; }
  .emailsec-panel-metric { grid-template-columns:1fr; }
  .emailsec-proof-grid div { align-items:flex-start; flex-direction:column; min-height:0; }
  .emailsec-card { padding:25px 22px; }
}

/* Custom page typography aligned with hosting.html */
.ssl-page,
.reseller-page,
.datacenter-page,
.whois-page,
.privacy-page,
.faq-page,
.workspace-page,
.sitelock-page,
.email-security-page,
.about-page {
  font-family: "Open Sans", sans-serif;
}
.ssl-page h1,
.ssl-page h2,
.ssl-page h3,
.reseller-page h1,
.reseller-page h2,
.reseller-page h3,
.datacenter-page h1,
.datacenter-page h2,
.datacenter-page h3,
.whois-page h1,
.whois-page h2,
.whois-page h3,
.privacy-page h1,
.privacy-page h2,
.privacy-page h3,
.faq-page h1,
.faq-page h2,
.faq-page h3,
.workspace-page h1,
.workspace-page h2,
.workspace-page h3,
.sitelock-page h1,
.sitelock-page h2,
.sitelock-page h3,
.email-security-page h1,
.email-security-page h2,
.email-security-page h3,
.about-page h1,
.about-page h2,
.about-page h3 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
}
.ssl-hero h1,
.reseller-hero h1,
.dc-hero h1,
.whois-hero h1,
.privacy-hero h1,
.faq-hero h1,
.workspace-hero h1,
.sitelock-hero h1,
.emailsec-hero h1,
.about-hero h1 {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.12;
}
.ssl-hero .col-lg-7>p,
.reseller-hero-copy>p,
.dc-hero-copy>p,
.whois-hero .col-lg-7>p,
.privacy-hero .col-lg-7>p,
.faq-hero .col-lg-7>p,
.workspace-hero p,
.sitelock-hero p,
.emailsec-hero p,
.about-hero-copy {
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
}
.ssl-section-heading h2,
.reseller-page .section-heading,
.dc-title,
.whois-lookup-heading h2,
.privacy-section-heading h2,
.faq-section-head h2,
.workspace-section-head h2,
.sitelock-section-head h2,
.sitelock-emergency h2,
.emailsec-section-head h2,
.about-title,
.about-cta h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.18;
}
.ssl-section-heading p,
.reseller-page .section-subheading,
.dc-lead,
.dc-centered-heading>p,
.whois-lookup-heading p,
.privacy-section-heading p,
.faq-section-head p,
.workspace-section-head p,
.sitelock-section-head p,
.sitelock-emergency p,
.emailsec-section-head p,
.about-lead,
.about-cta p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
}
.ssl-plan-card h3,
.reseller-plan .title,
.reseller-compare-table thead .title,
.dc-benefit h3,
.dc-system-card h3,
.whois-data-title h3,
.privacy-benefit-card h3,
.privacy-note h2,
.faq-jump-card span,
.workspace-plan-card h3,
.workspace-feature-grid h3,
.sitelock-plan-card h3,
.sitelock-feature-grid h3,
.emailsec-card h3,
.emailsec-benefit-grid h3,
.about-benefit h3,
.about-step h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
}
.ssl-plan-summary,
.ssl-plan-card li,
.ssl-step p,
.reseller-plan .fromer,
.reseller-plan .list-info li span,
.reseller-tools .service-section .subtitle,
.reseller-compare-table tbody td,
.dc-benefit p,
.dc-system-card p,
.whois-data-row>strong,
.whois-event strong,
.whois-contact strong,
.whois-disclaimer p,
.privacy-benefit-card p,
.privacy-flow-item strong,
.privacy-note p,
.faq-jump-card p,
.faq-accordion p,
.workspace-plan-card p,
.workspace-plan-card li,
.workspace-feature-grid p,
.workspace-flow-item strong,
.workspace-accordion p,
.sitelock-plan-card p,
.sitelock-plan-card li,
.sitelock-feature-grid p,
.sitelock-accordion p,
.emailsec-card p,
.emailsec-card li,
.emailsec-benefit-grid p,
.emailsec-accordion p,
.about-benefit p,
.about-step p,
.about-promise-list li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
.ssl-price strong,
.reseller-plan .price .value,
.reseller-compare-table thead .price,
.privacy-offer-price strong,
.workspace-price,
.sitelock-price,
.sitelock-emergency-card strong,
.emailsec-price strong {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0;
}
.ssl-plan-btn,
.reseller-plan .btn,
.reseller-compare-table .btn,
.whois-input-wrap button,
.workspace-plan-card .btn,
.sitelock-plan-card .btn,
.sitelock-emergency-card .btn,
.emailsec-card .btn,
.about-btn {
  font-size: 14px;
  font-weight: 600;
}
.ssl-eyebrow,
.ssl-section-heading>span,
.reseller-eyebrow,
.reseller-feature-label,
.dc-kicker,
.dc-section-kicker,
.privacy-eyebrow,
.privacy-section-heading>span,
.faq-eyebrow,
.workspace-eyebrow,
.workspace-section-head>span,
.affiliate-eyebrow,
.emailsec-eyebrow,
.sitelock-eyebrow,
.about-eyebrow,
.sitelock-section-head>span,
.sitelock-alert-label,
.emailsec-section-head>span,
.about-kicker {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
}
@media (max-width:991px) {
  .ssl-hero h1,
  .reseller-hero h1,
  .dc-hero h1,
  .whois-hero h1,
  .privacy-hero h1,
  .faq-hero h1,
  .workspace-hero h1,
  .sitelock-hero h1,
  .emailsec-hero h1,
  .about-hero h1 {
    font-size: 52px;
  }
}
@media (max-width:767px) {
  .ssl-hero h1,
  .reseller-hero h1,
  .dc-hero h1,
  .whois-hero h1,
  .privacy-hero h1,
  .faq-hero h1,
  .workspace-hero h1,
  .sitelock-hero h1,
  .emailsec-hero h1,
  .about-hero h1 {
    font-size: 43px;
    line-height: 1.14;
  }
  .ssl-hero .col-lg-7>p,
  .reseller-hero-copy>p,
  .dc-hero-copy>p,
  .whois-hero .col-lg-7>p,
  .privacy-hero .col-lg-7>p,
  .faq-hero .col-lg-7>p,
  .workspace-hero p,
  .sitelock-hero p,
  .emailsec-hero p,
  .about-hero-copy {
    font-size: 17px;
    line-height: 1.7;
  }
  .ssl-section-heading h2,
  .reseller-page .section-heading,
  .dc-title,
  .whois-lookup-heading h2,
  .privacy-section-heading h2,
  .faq-section-head h2,
  .workspace-section-head h2,
  .sitelock-section-head h2,
  .sitelock-emergency h2,
  .emailsec-section-head h2,
  .about-title,
  .about-cta h2 {
    font-size: 34px;
  }
}
@media (max-width:575px) {
  .ssl-hero h1,
  .reseller-hero h1,
  .dc-hero h1,
  .whois-hero h1,
  .privacy-hero h1,
  .faq-hero h1,
  .workspace-hero h1,
  .sitelock-hero h1,
  .emailsec-hero h1 {
    font-size: 36px;
  }
  .ssl-plan-card h3,
  .reseller-plan .title,
  .reseller-compare-table thead .title,
  .dc-benefit h3,
  .dc-system-card h3,
  .whois-data-title h3,
  .privacy-benefit-card h3,
  .privacy-note h2,
  .faq-jump-card span,
  .workspace-plan-card h3,
  .workspace-feature-grid h3,
  .sitelock-plan-card h3,
  .sitelock-feature-grid h3,
  .emailsec-card h3,
  .emailsec-benefit-grid h3,
  .about-benefit h3,
  .about-step h3 {
    font-size: 22px;
  }
  .ssl-price strong,
  .reseller-plan .price .value,
  .reseller-compare-table thead .price,
  .privacy-offer-price strong,
  .workspace-price,
  .sitelock-price,
  .sitelock-emergency-card strong,
  .emailsec-price strong {
    font-size: 38px;
  }
}

/* FAQ sections aligned with hosting.html */
.emailsec-faq,
.sitelock-faq,
.workspace-faq,
.privacy-faq-section,
.faq-content,
.ssl-faq {
  padding: 80px 0;
}
.emailsec-faq .emailsec-section-head,
.sitelock-faq .sitelock-section-head,
.privacy-faq-section .privacy-section-heading,
.ssl-faq .ssl-section-heading {
  margin: 0 auto;
  max-width: 850px;
  text-align: center;
}
.emailsec-faq .emailsec-section-head > span,
.sitelock-faq .sitelock-section-head > span,
.privacy-faq-section .privacy-section-heading > span,
.ssl-faq .ssl-section-heading > span,
.faq-section-head > span {
  display: none;
}
.emailsec-faq .emailsec-section-head h2,
.sitelock-faq .sitelock-section-head h2,
.privacy-faq-section .privacy-section-heading h2,
.ssl-faq .ssl-section-heading h2 {
  margin-bottom: 10px;
  color: #000 !important;
}
.emailsec-faq .emailsec-section-head h2::after,
.sitelock-faq .sitelock-section-head h2::after,
.privacy-faq-section .privacy-section-heading h2::after,
.ssl-faq .ssl-section-heading h2::after {
  display: none;
}
.emailsec-accordion,
.sitelock-accordion,
.workspace-accordion,
.faq-accordion,
.privacy-page .accordion.faq,
.ssl-accordion {
  max-width: none;
  padding-top: 48px !important;
}
.faq-section {
  display: block;
  padding: 58px 0;
}
.faq-section-head {
  position: static;
  margin: 0 auto;
  max-width: 850px;
  text-align: center;
}
.faq-section-head h2 {
  margin-bottom: 10px;
}
.faq-section .accordion.faq {
  padding-top: 48px !important;
}
.emailsec-accordion .panel-wrap,
.sitelock-accordion .panel-wrap,
.workspace-accordion .panel-wrap,
.faq-accordion .panel-wrap,
.privacy-page .accordion.faq .panel-wrap,
.ssl-accordion .panel-wrap {
  margin-bottom: 5px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}
.emailsec-accordion .panel-title,
.sitelock-accordion .panel-title,
.workspace-accordion .panel-title,
.faq-accordion .panel-title,
.privacy-page .accordion.faq .panel-title,
.ssl-accordion .panel-title,
.accordion.faq .panel-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding: 20px 10px 20px 0;
  border: 0;
  border-bottom: 1px solid #4c4a4a;
  border-radius: 0;
  background: transparent !important;
  color: inherit !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}

.accordion.faq button.panel-title {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.sox-faq-white .accordion.faq:not(.faq-accordion),
.trustee-faq-section .accordion.faq,
.faq > .container .accordion.faq {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.emailsec-accordion .panel-title > span,
.sitelock-accordion .panel-title > span,
.workspace-accordion .panel-title > span,
.faq-accordion .panel-title > span,
.privacy-page .accordion.faq .panel-title > span,
.ssl-accordion .panel-title > span,
.accordion.faq .panel-title > span {
  flex: 1 1 auto;
  min-width: 0;
}
.emailsec-accordion .panel-title.active,
.sitelock-accordion .panel-title.active,
.workspace-accordion .panel-title.active,
.faq-accordion .panel-title.active,
.privacy-page .accordion.faq .panel-title.active,
.ssl-accordion .panel-title.active {
  border-bottom-color: var(--sox-primary, #6d4aff);
  color: inherit !important;
  font-weight: 500;
}
.emailsec-accordion .panel-title .float-end,
.sitelock-accordion .panel-title .float-end,
.workspace-accordion .panel-title .float-end,
.faq-accordion .panel-title .float-end,
.privacy-page .accordion.faq .panel-title .float-end,
.ssl-accordion .panel-title .float-end,
.accordion.faq .panel-title .float-end {
  float: none !important;
  flex: 0 0 auto;
  margin-left: 0;
}
.emailsec-accordion .wrapper-collapse,
.sitelock-accordion .wrapper-collapse,
.workspace-accordion .wrapper-collapse,
.faq-accordion .wrapper-collapse,
.privacy-page .accordion.faq .wrapper-collapse,
.ssl-accordion .wrapper-collapse {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.emailsec-accordion .info > p,
.sitelock-accordion .info > p,
.workspace-accordion .info > p,
.faq-accordion .info > p,
.privacy-page .accordion.faq .info > p,
.ssl-accordion .info > p {
  margin: 0;
  padding: 20px 0;
  color: inherit;
  font-size: 16px;
  line-height: 1.75;
}
.ssl-faq .row {
  display: block;
}
.ssl-faq .col-lg-5,
.ssl-faq .col-lg-7 {
  max-width: none;
  width: 100%;
}
.ssl-faq .ssl-heading-left {
  padding: 0;
}
.ssl-faq .ssl-heading-left .btn {
  display: none;
}
[data-background="dark"] .emailsec-accordion .panel-title,
[data-background="dark"] .sitelock-accordion .panel-title,
[data-background="dark"] .workspace-accordion .panel-title,
[data-background="dark"] .faq-accordion .panel-title,
[data-background="dark"] .privacy-page .accordion.faq .panel-title,
[data-background="dark"] .ssl-accordion .panel-title {
  border-bottom-color: #4c4a4a;
  background: transparent !important;
}
[data-background="dark"] .emailsec-accordion .panel-title.active,
[data-background="dark"] .sitelock-accordion .panel-title.active,
[data-background="dark"] .workspace-accordion .panel-title.active,
[data-background="dark"] .faq-accordion .panel-title.active,
[data-background="dark"] .privacy-page .accordion.faq .panel-title.active,
[data-background="dark"] .ssl-accordion .panel-title.active {
  border-bottom-color: var(--sox-primary, #6d4aff);
}
@media (max-width: 767px) {
  .emailsec-accordion .panel-title,
  .sitelock-accordion .panel-title,
  .workspace-accordion .panel-title,
  .faq-accordion .panel-title,
  .privacy-page .accordion.faq .panel-title,
  .ssl-accordion .panel-title,
  .accordion.faq .panel-title {
    font-size: 16px;
    line-height: 26px;
  }
}

/* SoxDomains footer */
.sox-footer {
  padding: 72px 0 46px;
  border-top: 1px solid rgba(123, 132, 151, .18);
}
/* Theme .footer { z-index:0 } traps the footer currency sheet under the
   cookie banner (z-index 99). Keep footer in normal flow so the sheet
   can stack with the rest of the page. */
.footer.sox-footer {
  z-index: auto;
}

/* Cookie card sits on the footer bottom (lang / currency / payments).
   Leave scroll room and shrink it on small screens so the footer is usable. */
html:has(.gdprcookie) {
  --sox-cookie-space: 12rem;
}
html:has(.gdprcookie) body {
  padding-bottom: var(--sox-cookie-space);
}
.gdprcookie {
  z-index: 99;
}
@media (max-width: 767px) {
  html:has(.gdprcookie) {
    --sox-cookie-space: 17rem;
  }
  .gdprcookie {
    width: calc(100% - 20px);
    max-width: none;
    left: 10px;
    right: 10px;
    transform: none;
    bottom: 10px;
    padding: 14px 14px 12px;
  }
  .gdprcookie-intro {
    float: none;
    display: block;
    width: 100%;
  }
  .gdprcookie-intro span {
    display: block;
    font-size: 13px;
    line-height: 1.45;
  }
  .gdprcookie-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    text-align: stretch;
  }
  .gdprcookie-buttons button {
    width: 100%;
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .gdprcookie {
    padding: 18px 24px;
  }
}
.sox-footer-row {
  display: grid;
  gap: 42px;
}
.sox-footer-primary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sox-footer-secondary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 42px;
  padding-top: 38px;
  border-top: 1px solid rgba(123, 132, 151, .18);
}
.sox-footer .heading {
  margin: 0 0 18px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
}
.sox-footer-acc > .heading:focus-visible {
  outline: 2px solid var(--sox-primary, #6d4aff);
  outline-offset: 2px;
}
.sox-footer-menu {
  margin: 0;
  padding: 0;
}
.sox-footer .footer-menu .menu-item {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  line-height: 1.45;
}
.sox-footer .footer-menu .menu-item a {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  cursor: pointer;
  transition: color .2s ease;
}
.sox-footer .footer-menu .menu-item a:hover,
.sox-footer .footer-menu .menu-item a:focus-visible,
.footer.sox-footer .footer-menu .menu-item a:hover,
.footer.sox-footer .footer-menu .menu-item a:focus-visible {
  text-decoration: none;
  color: var(--sox-primary, #6d4aff) !important;
}
.sox-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sox-footer-logo {
  display: inline-flex;
  margin-bottom: 18px;
}
.sox-footer .logo-footer {
  width: 200px;
  max-width: 100%;
  height: auto;
  margin: 0;
}
/* Wordmark is transparent SVG; keep letters on the header/footer surface.
   logo-dark.svg = origin/dark header; logo-light.svg = light header. */
img.logo-menu,
img.logo-footer,
svg.logo-menu,
svg.logo-footer {
  background: transparent;
  image-rendering: auto;
}
svg.logo-menu path,
svg.logo-footer path {
  stroke: none;
}
.sox-footer .copyright {
  max-width: 290px;
  margin: 0;
  font-size: 10px;
  line-height: 1.65;
}
.sox-footer-heading-mobile {
  display: none;
}
.sox-appearance {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0 16px 10px 0;
  padding: 3px;
  list-style: none;
  vertical-align: middle;
  border-radius: 999px;
  background: rgba(15, 23, 42, .08);
}
.sox-appearance-btn {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  line-height: 0;
}
.sox-appearance-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}
.sox-appearance-btn.is-active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .14);
}
.sox-appearance-btn:hover,
.sox-appearance-btn:focus-visible {
  color: #0f172a;
}
.sox-appearance-btn:focus-visible {
  outline: 2px solid var(--sox-primary, #6d4aff);
  outline-offset: 2px;
}
.sox-appearance .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body:not([data-background="light"]) .sox-appearance,
.sox-footer-on-dark .sox-appearance {
  background: rgba(226, 232, 240, .12);
}
body:not([data-background="light"]) .sox-appearance-btn,
.sox-footer-on-dark .sox-appearance-btn {
  color: #94a3b8;
}
body:not([data-background="light"]) .sox-appearance-btn.is-active,
.sox-footer-on-dark .sox-appearance-btn.is-active {
  background: rgba(248, 250, 252, .16);
  color: #f8fafc;
  box-shadow: none;
}
body:not([data-background="light"]) .sox-appearance-btn:hover,
body:not([data-background="light"]) .sox-appearance-btn:focus-visible,
.sox-footer-on-dark .sox-appearance-btn:hover,
.sox-footer-on-dark .sox-appearance-btn:focus-visible {
  color: #f8fafc;
}

/* Footer chrome: language, currency and appearance share one height. */
.sox-footer-bottom .footer-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}
.sox-footer-bottom .btn-lang-footer {
  display: inline-flex;
  align-items: center;
  height: 38px;
  gap: 6px;
}
.footer.sox-footer .sox-footer-bottom .btn-lang-footer label,
.footer.sox-footer .sox-footer-bottom .btn-lang-footer .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-height: 38px;
  min-width: 42px;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
  box-sizing: border-box;
}
.sox-footer-bottom .sox-currency-wrapper {
  height: 38px;
  margin: 0 0 0 2px;
}
.sox-footer-bottom .sox-currency-trigger {
  height: 38px;
  padding: 0 12px;
  box-sizing: border-box;
  font-size: 13px;
}
.sox-footer-bottom .sox-appearance {
  height: 38px;
  margin: 0;
  padding: 3px;
  box-sizing: border-box;
}
.sox-footer-bottom .sox-appearance-btn {
  width: 32px;
  height: 32px;
}
.sox-footer-bottom .menu-item.by {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin: 0;
}

/* Origin/dark header: white labels on a dark bar (Hostiko origin leaves a light hero). */
@media (min-width: 992px) {
  body:not([data-background="light"]) .menu-wrap:not(.mobile) {
    background-color: #15212a;
  }
  body:not([data-background="light"]) .menu-wrap.fixed:not(.mobile) {
    background: #15212a !important;
  }
  body:not([data-background="light"]) .nav-menu .main-menu > .menu-item > a,
  body:not([data-background="light"]) .nav-menu .main-menu > .menu-item > a.mergecolor {
    color: #ffffff !important;
  }
}

/* Dark/origin (all themes): news top bar ~2 tones lighter than menu-wrap (#15212a).
   Site dark appearance sets data-background=origin (see sox-theme-boot.php). */
body:not([data-background="light"]) .sec-bg3.infonews,
body:not([data-background="light"]) .box-container .sec-bg3.infonews,
[data-background="dark"] .sec-bg3.infonews,
[data-background="dark"] .box-container .sec-bg3.infonews,
[data-background="origin"] .sec-bg3.infonews,
[data-background="origin"] .box-container .sec-bg3.infonews {
  background-color: #243442;
}

/* Menu hover chips + submenu icons (sox-nav-hover). */
.menu-wrap {
  --sox-nav-hover: #f3f4f6;
  --sox-nav-icon-bg: #e6f6f8;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item {
  margin: 0;
  padding: 8px 15px !important;
  border-radius: 10px;
  transition: background-color 0.18s ease;
  cursor: pointer;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:hover,
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:focus-within {
  background-color: var(--sox-nav-hover);
}
body:not([data-background="light"]) .menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:hover,
body:not([data-background="light"]) .menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:focus-within {
  background-color: rgba(255, 255, 255, 0.12);
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:last-child,
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:last-child:hover,
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:last-child:focus-within,
[data-background="light"] .nav-menu .main-menu > .menu-item:last-child:hover,
[data-background="dark"] .nav-menu .main-menu > .menu-item:last-child:hover,
body:not([data-background="light"]) .menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item:last-child:hover {
  background-color: transparent !important;
}
.menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn) {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 2px 0;
  padding: 7px 12px;
  border-radius: 10px;
  line-height: 1.3;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn):hover,
.menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn):focus-visible {
  background-color: var(--sox-nav-hover);
  color: #111111 !important;
  text-decoration: none;
}
[data-background="dark"] .menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn):hover,
[data-background="dark"] .menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn):focus-visible {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff !important;
}
.menu-wrap .sub-menu .media-body > a::before,
.menu-wrap.mobile .dropdown-item::before {
  content: "\f0ac";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--sox-nav-icon-bg, #e6f6f8);
  color: #181b22;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.menu-wrap:not(.mobile) .sub-menu .media-body > a::before {
  margin-right: 16px !important;
}
.menu-wrap .sub-menu .media-body > a[href*="Africa"]::before,
.menu-wrap.mobile .dropdown-item[href*="Africa"]::before { content: "\f1bb"; }
.menu-wrap .sub-menu .media-body > a[href*="Asia"]::before,
.menu-wrap.mobile .dropdown-item[href*="Asia"]::before { content: "\f14e"; }
.menu-wrap .sub-menu .media-body > a[href*="middle-east"]::before,
.menu-wrap.mobile .dropdown-item[href*="middle-east"]::before { content: "\f185"; }
.menu-wrap .sub-menu .media-body > a[href*="America"]::before,
.menu-wrap.mobile .dropdown-item[href*="America"]::before { content: "\f024"; }
.menu-wrap .sub-menu .media-body > a[href*="Europe"]::before,
.menu-wrap.mobile .dropdown-item[href*="Europe"]::before { content: "\f041"; }
.menu-wrap .sub-menu .media-body > a[href*="Oceania"]::before,
.menu-wrap.mobile .dropdown-item[href*="Oceania"]::before { content: "\f279"; }
.menu-wrap .sub-menu .media-body > a[href$="/gTLD"]::before,
.menu-wrap.mobile .dropdown-item[href$="/gTLD"]::before { content: "\f02b"; }
.menu-wrap .sub-menu .media-body > a[href*="Generic-Country"]::before,
.menu-wrap.mobile .dropdown-item[href*="Generic-Country"]::before { content: "\f11d"; }
.menu-wrap .sub-menu .media-body > a[href*="Alternative"]::before,
.menu-wrap.mobile .dropdown-item[href*="Alternative"]::before { content: "\f362"; }
.menu-wrap .sub-menu .media-body > a[href*="/idn"]::before,
.menu-wrap.mobile .dropdown-item[href*="/idn"]::before { content: "\f1ab"; }
.menu-wrap .sub-menu .media-body > a[href*="New-gTLD"]::before,
.menu-wrap.mobile .dropdown-item[href*="New-gTLD"]::before { content: "\f005"; }
.menu-wrap .sub-menu .media-body > a[href$="/ccTLD"]::before,
.menu-wrap.mobile .dropdown-item[href$="/ccTLD"]::before { content: "\f11d"; }
.menu-wrap .sub-menu .media-body > a[href$="domain/"]::before,
.menu-wrap.mobile .dropdown-item[href$="domain/"]::before { content: "\f002"; }
.menu-wrap .sub-menu .media-body > a[href$="domains"]::before,
.menu-wrap.mobile .dropdown-item[href$="domains"]::before { content: "\f155"; }
.menu-wrap .sub-menu .media-body > a[href*="whois"]::before,
.menu-wrap.mobile .dropdown-item[href*="whois"]::before { content: "\f002"; }
.menu-wrap .sub-menu .media-body > a[href*="whois-privacy"]::before,
.menu-wrap.mobile .dropdown-item[href*="whois-privacy"]::before { content: "\f21b"; }
.menu-wrap .sub-menu .media-body > a[href*="trustee"]::before,
.menu-wrap.mobile .dropdown-item[href*="trustee"]::before { content: "\f2b5"; }
.menu-wrap .sub-menu .media-body > a[href*="cctld-registration"]::before,
.menu-wrap.mobile .dropdown-item[href*="cctld-registration"]::before { content: "\f46d"; }
.menu-wrap .sub-menu .media-body > a[href*="cctld-local-presence"]::before,
.menu-wrap.mobile .dropdown-item[href*="cctld-local-presence"]::before { content: "\f3c5"; }
.menu-wrap .sub-menu .media-body > a[href*="hosting"]::before,
.menu-wrap.mobile .dropdown-item[href*="hosting"]::before { content: "\f233"; }
.menu-wrap .sub-menu .media-body > a[href*="reseller"]::before,
.menu-wrap.mobile .dropdown-item[href*="reseller"]::before { content: "\f0e8"; }
.menu-wrap .sub-menu .media-body > a[href*="dedicated"]::before,
.menu-wrap.mobile .dropdown-item[href*="dedicated"]::before { content: "\f0a0"; }
.menu-wrap .sub-menu .media-body > a[href*="vps"]::before,
.menu-wrap.mobile .dropdown-item[href*="vps"]::before { content: "\f0c2"; }
.menu-wrap .sub-menu .media-body > a[href*="ssl"]::before,
.menu-wrap.mobile .dropdown-item[href*="ssl"]::before { content: "\f023"; }
.menu-wrap .sub-menu .media-body > a[href*="emailsecurity"]::before,
.menu-wrap.mobile .dropdown-item[href*="emailsecurity"]::before { content: "\f0e0"; }
.menu-wrap .sub-menu .media-body > a[href*="sitelock"]::before,
.menu-wrap.mobile .dropdown-item[href*="sitelock"]::before { content: "\f3ed"; }
.menu-wrap .sub-menu .media-body > a[href*="gsuite"]::before,
.menu-wrap.mobile .dropdown-item[href*="gsuite"]::before { content: "\f0c0"; }
.menu-wrap .sub-menu .media-body > a[href*="faq"]::before,
.menu-wrap.mobile .dropdown-item[href*="faq"]::before { content: "\f059"; }
.menu-wrap .sub-menu .media-body > a[href*="knowledgebase"]::before,
.menu-wrap.mobile .dropdown-item[href*="knowledgebase"]::before { content: "\f02d"; }
.menu-wrap .sub-menu .media-body > a[href*="submitticket"]::before,
.menu-wrap.mobile .dropdown-item[href*="submitticket"]::before { content: "\f3ff"; }
.menu-wrap .sub-menu .media-body > a[href*="announcements"]::before,
.menu-wrap.mobile .dropdown-item[href*="announcements"]::before { content: "\f0a1"; }
.menu-wrap .sub-menu .media-body > a[href*="about"]::before,
.menu-wrap.mobile .dropdown-item[href*="about"]::before { content: "\f05a"; }
.menu-wrap .sub-menu .media-body > a[href*="datacenter"]::before,
.menu-wrap.mobile .dropdown-item[href*="datacenter"]::before { content: "\f1ad"; }
.menu-wrap:not(.mobile) .sub-menu .media-body > p {
  margin: 0 0 6px;
  padding-left: 44px;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item > .sub-menu.menu-large {
  min-width: 320px;
  padding: 16px 28px 16px 20px;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.menu-large .service-list .service .media-body,
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.megamenu .service-list .service .media-body {
  display: grid !important;
  grid-template-columns: 28px 16px minmax(0, 1fr);
  align-items: start;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.menu-large .service-list .service .media-body > a,
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.megamenu .service-list .service .media-body > a,
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.megamenu-list .service-list .service .media-body > a {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: center;
  gap: 0 !important;
  padding: 0 !important;
  line-height: 1.3;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.menu-large .service-list .service .media-body > p,
.menu-wrap:not(.mobile) .nav-menu .main-menu .menu-item .sub-menu.megamenu .service-list .service .media-body > p {
  grid-column: 3;
  margin: 0 0 8px;
  padding-left: 0 !important;
}
.menu-wrap .sub-menu .badge.inside,
.menu-wrap.mobile .dropdown-item .badge.inside {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 10px;
  background-color: #4c4a4a !important;
  color: #ffffff !important;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
@media (prefers-reduced-motion: reduce) {
  .menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item,
  .menu-wrap:not(.mobile) .sub-menu .media-body > a:not(.btn) {
    transition: none;
  }
}

.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item {
  display: inline-flex;
  align-items: center;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item > .badge {
  position: relative;
  top: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-height: 16px;
  margin: 0 0 0 6px;
  padding: 3px 6px 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  border-radius: 3px;
  transform: none;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
.menu-wrap:not(.mobile) .nav-menu .main-menu > .menu-item > .badge.bg-grey {
  min-width: 28px;
  padding: 3px 6px 2px;
}
.sox-footer-trust-badge {
  border-color: rgba(226, 232, 240, .16);
  background: #172531 !important;
  box-shadow: none;
}
.sox-footer-trust-badge strong {
  color: #f8fafc;
}
.sox-footer-trust-badge span {
  color: #cbd5e1;
}
.sox-footer-trust-icon {
  color: #fff !important;
  background: var(--sox-primary, #6d4aff) !important;
}
[data-background="light"] .box-container .sox-footer-trust-badge {
  border-color: rgba(17, 24, 39, .26) !important;
  background: #fff !important;
}
[data-background="light"] .box-container .sox-footer-trust-badge strong {
  color: #111827;
}
[data-background="light"] .box-container .sox-footer-trust-badge span {
  color: #4b5563;
}
[data-background="light"] .box-container .footer.sox-footer .footer-menu .menu-item a:hover,
[data-background="light"] .box-container .footer.sox-footer .footer-menu .menu-item a:focus-visible {
  color: var(--sox-primary, #6d4aff) !important;
}
body:not([data-background="light"]) .footer.sox-footer .heading,
.sox-footer-on-dark .heading {
  color: #f8fafc;
}
body:not([data-background="light"]) .footer.sox-footer .footer-menu .menu-item a,
.footer.sox-footer.sox-footer-on-dark .footer-menu .menu-item a {
  color: #e2e8f0;
}
body:not([data-background="light"]) .footer.sox-footer .copyright,
body:not([data-background="light"]) .footer.sox-footer .footer-menu .menu-item.by,
body:not([data-background="light"]) .footer.sox-footer .sox-footer-payments p,
body:not([data-background="light"]) .footer.sox-footer .sox-footer-payments i,
.sox-footer-on-dark .copyright,
.sox-footer-on-dark .footer-menu .menu-item.by,
.sox-footer-on-dark .sox-footer-payments p,
.sox-footer-on-dark .sox-footer-payments i {
  color: #e2e8f0;
}
body:not([data-background="light"]) .footer.sox-footer .sox-footer-payments i:hover,
.sox-footer-on-dark .sox-footer-payments i:hover {
  color: var(--sox-primary, #6d4aff) !important;
}
body:not([data-background="light"]) .sox-footer,
body:not([data-background="light"]) .sox-footer-secondary,
body:not([data-background="light"]) .sox-footer-bottom,
body:not([data-background="light"]) .sox-footer-acc {
  border-top-color: rgba(226, 232, 240, .12);
  border-bottom-color: rgba(226, 232, 240, .12);
}
@media (max-width: 991px) {
  .sox-footer-primary,
  .sox-footer-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .sox-footer {
    padding: 56px 0 38px;
  }
  .sox-footer .container {
    display: flex;
    flex-direction: column;
  }
  .sox-footer-primary,
  .sox-footer-secondary {
    display: contents;
  }
  .sox-footer-secondary {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .sox-footer-column {
    margin-bottom: 31px;
  }
  .sox-footer-spacer {
    display: none;
  }
  .sox-footer-legal,
  .sox-footer-trust,
  .sox-footer-support,
  .sox-footer-tools {
    display: block;
  }
  .sox-footer-tools {
    order: 2;
  }
  .sox-footer-support {
    order: 3;
  }
  .sox-footer-legal {
    order: 5;
  }
  .sox-footer-trust {
    order: 6;
  }
  .sox-footer-acc {
    margin-bottom: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--sox-border, #d9dee8) 88%, transparent);
  }
  .sox-footer-acc > .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0;
    padding: 16px 2px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    user-select: none;
  }
  .sox-footer-acc > .heading::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
  }
  .sox-footer-acc.is-open > .heading::after {
    margin-top: 4px;
    transform: rotate(-135deg);
  }
  .sox-footer-acc > .sox-footer-menu,
  .sox-footer-acc > .sox-footer-trust-list {
    display: none;
    padding: 0 2px 16px;
  }
  .sox-footer-acc.is-open > .sox-footer-menu,
  .sox-footer-acc.is-open > .sox-footer-trust-list {
    display: block;
  }
  .sox-footer-legal .sox-footer-menu {
    display: none;
    flex-wrap: nowrap;
    gap: 0;
  }
  .sox-footer-legal.is-open .sox-footer-menu {
    display: block;
  }
  .sox-footer-legal .footer-menu .menu-item {
    margin-bottom: 9px;
  }
  .sox-footer-trust-badge {
    border-radius: var(--sox-radius-md, 16px);
  }
  .sox-footer-trust-badge span {
    font-size: 14px;
  }
  .sox-footer-brand {
    order: 7;
    margin: 2px 0 0;
  }
  .sox-footer-mobile-group {
    order: 1;
  }
  .sox-footer-secondary .sox-footer-mobile-group {
    order: 4;
  }
  .sox-footer-heading-desktop {
    display: none;
  }
  .sox-footer-heading-mobile {
    display: block;
  }
  .sox-footer .heading {
    margin-bottom: 13px;
    font-size: 18px;
  }
  .sox-footer-acc > .heading {
    margin-bottom: 0;
    justify-content: flex-start;
    text-align: left;
  }
  .footer.sox-footer .sox-footer-column,
  .footer.sox-footer .sox-footer-column .heading,
  .footer.sox-footer .sox-footer-column .footer-menu,
  .footer.sox-footer .sox-footer-column .footer-menu .menu-item,
  .footer.sox-footer .sox-footer-column .footer-menu .menu-item a {
    text-align: left;
  }
  .sox-footer .footer-menu .menu-item {
    margin-bottom: 9px;
  }
  .sox-footer .footer-menu .menu-item a {
    font-size: 16px;
  }
  .sox-footer .copyright {
    max-width: none;
  }
}

/* SoxDomains promos */
.sox-promo-price {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1.2;
}
.sox-promo-price-compact {
  justify-content: flex-start;
}
.sox-promo-table-price {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-height: 58px;
  margin: 8px 0 9px !important;
  letter-spacing: 0 !important;
}
.sox-promo-table-price .sox-promo-original {
  font-size: 18px;
  line-height: 1;
}
.sox-promo-sale-line {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
}
.sox-promo-original {
  color: inherit;
  font-size: .62em;
  font-weight: 600;
  opacity: .62;
  text-decoration: line-through;
}
.sox-promo-original-line {
  display: block;
  margin: 0 0 1px;
  text-align: center;
  font-size: 22px;
  line-height: 1.1;
}
.sox-promo-current {
  color: var(--sox-primary, #6d4aff);
  font-size: 1.05em;
  font-weight: 800;
}
.sox-domain-discount-mark {
  position: relative;
  top: -.2em;
  margin-left: 1px;
  color: currentColor;
  font-size: .58em;
  font-weight: 800;
  line-height: 0;
}
.sox-domain-discount-footnote {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1140px;
  margin: 24px auto 36px;
  padding: 13px 20px;
  border: 0;
  border-radius: 6px;
  background: #d9d0f4;
  color: #374151;
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}
[data-background="dark"] .sox-domain-discount-footnote {
  background: #403768;
  color: #f3f0ff;
}
@media (max-width: 575px) {
  .sox-domain-discount-footnote {
    width: calc(100% - 24px);
    margin: 20px auto 28px;
    padding: 12px 14px;
  }
}
.domain-hero-price .sox-promo-price,
.domain-price-table .sox-promo-price,
.domain-catalog-price .sox-promo-price {
  flex-wrap: nowrap;
}
.hosting-page .reseller-plan .sox-promo-table-price .sox-promo-current {
  font-size: 52px !important;
  line-height: .9;
  letter-spacing: -.045em;
}
.hosting-page .reseller-plan .sox-promo-table-price .period {
  font-size: 18px;
}
.sox-billing-price,
.sox-promo-billing-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  min-height: 46px;
  line-height: 1.12;
}
.sox-promo-billing-price .sox-promo-original {
  display: block;
  font-size: 12px;
  line-height: 1;
}
.sox-promo-billing-price .sox-promo-current {
  font-size: 17px;
  line-height: 1.1;
  white-space: nowrap;
}
.sox-promo-code-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, transparent);
  color: var(--sox-primary-dark, #4e2fd0);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .25px;
  text-transform: uppercase;
  white-space: nowrap;
}
.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price .sox-promo-current,
.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price .value.sox-promo-current,
.hosting-page .reseller-plan .price .value.sox-promo-current,
.reseller-page .reseller-plan .price .value.sox-promo-current {
  color: var(--sox-primary, #6d4aff) !important;
}
.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .price .sox-promo-original,
.sox-unified-ui :is(.price-container, .reseller-plan, .plan-container) .sox-promo-original-line {
  color: var(--sox-ui-muted) !important;
}
.sox-has-promo {
  position: relative;
}
.sox-promo-ribbon,
.sox-promo-corner-badge {
  position: absolute;
  z-index: 5;
  top: 22px;
  right: -46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  padding: 8px 8px;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: var(--sox-primary, #6d4aff);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
  transform: rotate(45deg);
  pointer-events: none;
}
.sox-promo-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 12px;
  padding: 7px 11px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 32%, transparent);
  border-radius: 4px;
  color: var(--sox-primary, #6d4aff);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.reseller-plan .sox-promo-rate-badge {
  display: inline-flex;
  align-self: center;
  margin: 0 0 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--sox-primary, #6d4aff) !important;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .25px;
  text-transform: uppercase;
}
.sox-promo-card {
  height: 100%;
  padding: 30px;
  border: 1px solid rgba(123, 132, 151, .18);
  border-radius: 8px;
}
.sox-promo-card-top,
.sox-promo-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.sox-promo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 50px;
  border: 1px solid rgba(123, 132, 151, .18);
  border-radius: 6px;
  color: var(--sox-primary, #6d4aff);
  font-size: 24px;
}
.sox-promo-icon img {
  max-width: 56px;
  max-height: 38px;
  object-fit: contain;
}
.sox-promo-card h3 {
  margin: 24px 0 12px;
  font-size: 24px;
  font-weight: 800;
}
.sox-promo-card-price {
  margin: 0 0 16px;
  font-size: 25px;
  font-weight: 800;
}
.sox-promo-card p {
  min-height: 82px;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.65;
}
.sox-promo-code {
  margin: 0 0 20px;
  padding: 11px 13px;
  border: 1px dashed rgba(123, 132, 151, .35);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
}
.sox-promo-link {
  color: var(--sox-primary, #6d4aff);
  font-size: 14px;
  font-weight: 800;
}
[data-color="purple"] .sox-promo-ribbon,
[data-color="purple"] .sox-promo-corner-badge {
  background: var(--sox-primary, #6d4aff);
}
[data-color="pink"] .sox-promo-current,
[data-color="pink"] .sox-promo-badge,
[data-color="pink"] .sox-promo-icon,
[data-color="pink"] .sox-promo-link {
  color: var(--sox-cart-badge, #ee5586) !important;
}
[data-color="pink"] .sox-promo-ribbon,
[data-color="pink"] .sox-promo-corner-badge {
  background: var(--sox-cart-badge, #ee5586);
}
[data-color="blue"] .sox-promo-current,
[data-color="blue"] .sox-promo-badge,
[data-color="blue"] .sox-promo-icon,
[data-color="blue"] .sox-promo-link {
  color: var(--sox-secondary, #3787f5) !important;
}
[data-color="blue"] .sox-promo-ribbon,
[data-color="blue"] .sox-promo-corner-badge {
  background: var(--sox-secondary, #3787f5);
}
[data-color="green"] .sox-promo-current,
[data-color="green"] .sox-promo-badge,
[data-color="green"] .sox-promo-icon,
[data-color="green"] .sox-promo-link {
  color: var(--sox-success, #10b981) !important;
}
[data-color="green"] .sox-promo-ribbon,
[data-color="green"] .sox-promo-corner-badge {
  background: var(--sox-success, #10b981);
}
[data-color="black"] .sox-promo-current,
[data-color="black"] .sox-promo-badge,
[data-color="black"] .sox-promo-icon,
[data-color="black"] .sox-promo-link {
  color: var(--sox-primary, #6d4aff) !important;
}
[data-color="black"] .sox-promo-ribbon,
[data-color="black"] .sox-promo-corner-badge {
  background: #111827;
}
.sox-promo-empty {
  padding: 24px;
  border: 1px solid rgba(123, 132, 151, .18);
  border-radius: 8px;
}
.promo-page .reseller-hero {
  min-height: auto;
}
.promo-page .sox-promo-card-wrap {
  margin-bottom: 30px;
}

.affiliate-page {
  --affiliate-ink: #17212b;
  --affiliate-muted: #586776;
  --affiliate-paper: #f7f9fb;
  --affiliate-purple: var(--sox-primary, #6d4aff);
  --affiliate-coral: #f04f5f;
  --affiliate-cyan: #22a8c7;
  --affiliate-yellow: #f5bd3a;
  --affiliate-green: #2ea678;
  --affiliate-line: #dfe6eb;
  overflow-x: hidden;
}
.affiliate-page .section-heading {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
}
.affiliate-page .section-subheading {
  font-size: 17px;
  line-height: 1.7;
}
body.affiliate-page .affiliate-hero {
  position: relative;
  padding: 130px 0 90px;
  overflow: hidden;
  border-bottom: 0;
  background: color-mix(in srgb, var(--affiliate-coral, #f04f5f) 8%, var(--sox-hero-accent-bg, #fff)) !important;
}
body.affiliate-page .affiliate-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 7px;
  background: var(--affiliate-coral);
}
body.affiliate-page .affiliate-hero .container {
  position: relative;
  z-index: 1;
}
.affiliate-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--affiliate-coral);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.affiliate-kicker i {
  color: var(--affiliate-yellow);
}
.affiliate-hero h1 {
  max-width: 760px;
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: 0;
}
.affiliate-hero p {
  max-width: 650px;
  margin-bottom: 32px;
  font-size: 19px;
  line-height: 1.75;
}
.affiliate-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.affiliate-link,
.affiliate-step a,
.affiliate-cta-link {
  color: var(--affiliate-purple);
  font-weight: 800;
  text-decoration: none;
}
.affiliate-link:hover,
.affiliate-step a:hover,
.affiliate-cta-link:hover {
  color: var(--affiliate-coral);
}
.affiliate-visual {
  position: relative;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(34, 168, 199, .22);
  border-radius: 8px;
  background: #ffffff !important;
}
.affiliate-visual::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: var(--affiliate-cyan);
}
.affiliate-visual-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(123, 132, 151, .18);
}
.affiliate-visual-head span {
  color: var(--affiliate-cyan);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.affiliate-route {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 28px 0;
}
.affiliate-route div {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--affiliate-line);
  border-radius: 8px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease;
}
.affiliate-route div:hover {
  border-color: rgba(34, 168, 199, .35);
  transform: translateY(-3px);
}
.affiliate-route i {
  color: var(--affiliate-purple);
  font-size: 24px;
}
.affiliate-route div:nth-child(2) i { color: var(--affiliate-cyan); }
.affiliate-route div:nth-child(3) i { color: var(--affiliate-coral); }
.affiliate-route div:nth-child(4) i { color: var(--affiliate-green); }
.affiliate-route span {
  color: var(--affiliate-ink);
  font-size: 13px;
  font-weight: 800;
}
.affiliate-visual-total {
  padding: 28px;
  border-radius: 8px;
  background: #10202c;
  color: #fff;
}
.affiliate-visual-total span,
.affiliate-visual-total small {
  display: block;
  color: rgba(255, 255, 255, .72);
  font-weight: 700;
}
.affiliate-visual-total strong {
  display: block;
  margin: 8px 0;
  color: var(--affiliate-yellow);
  font-size: 54px;
  line-height: 1;
  font-weight: 800;
}
.affiliate-strip {
  padding: 28px 0;
  border-bottom: 1px solid var(--affiliate-line);
  background: #fff !important;
}
.affiliate-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.affiliate-strip-grid div {
  padding: 18px 20px;
  border-left: 3px solid var(--affiliate-purple);
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 10%, #ffffff);
}
.affiliate-strip-grid div:nth-child(2) {
  border-left-color: var(--affiliate-cyan);
  background: #e8f8fb;
}
.affiliate-strip-grid div:nth-child(3) {
  border-left-color: var(--affiliate-yellow);
  background: #fff7dd;
}
.affiliate-strip-grid div:nth-child(4) {
  border-left-color: var(--affiliate-green);
  background: #eaf8f3;
}
.affiliate-strip-grid strong,
.affiliate-strip-grid span {
  display: block;
}
.affiliate-strip-grid strong {
  color: var(--affiliate-ink, #17212b);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}
.affiliate-strip-grid span {
  color: var(--affiliate-muted, #586776);
  font-size: 14px;
  line-height: 1.5;
}
.affiliate-benefit-grid,
.affiliate-step-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.affiliate-benefit,
.affiliate-step {
  padding: 28px;
  border: 1px solid var(--affiliate-line);
  border-radius: 8px;
  background: #fff !important;
  transition: transform .2s ease, border-color .2s ease;
}
.affiliate-benefit:hover,
.affiliate-step:hover {
  border-color: rgba(124, 92, 231, .28);
  transform: translateY(-4px);
}
.affiliate-benefit i {
  display: inline-flex;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--sox-chip-bg);
  color: var(--sox-chip-fg);
  font-size: 20px;
}
.affiliate-benefit:nth-child(2) i,
.affiliate-benefit:nth-child(3) i,
.affiliate-benefit:nth-child(4) i { color: var(--sox-chip-fg); background: var(--sox-chip-bg); }
.affiliate-benefit h3,
.affiliate-step h3 {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
}
.affiliate-benefit p,
.affiliate-step p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.7;
}
.affiliate-step-grid {
  grid-template-columns: repeat(3, 1fr);
}
.affiliate-step span {
  display: inline-flex;
  width: 44px;
  height: 44px;
  margin-bottom: 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(124, 92, 231, .32);
  border-radius: 50%;
  color: var(--sox-chip-fg);
  background: var(--sox-chip-bg);
  font-weight: 800;
}
.affiliate-step:nth-child(2) span,
.affiliate-step:nth-child(3) span {
  border-color: color-mix(in srgb, var(--sox-chip-fg) 32%, transparent);
  color: var(--sox-chip-fg);
  background: var(--sox-chip-bg);
}
.affiliate-step p {
  margin-bottom: 20px;
}
.affiliate-commission-table {
  border: 1px solid var(--affiliate-line);
  border-radius: 8px;
  overflow: hidden;
}
.affiliate-commission-table div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 24px 28px;
  border-left: 5px solid var(--affiliate-purple);
  border-bottom: 1px solid var(--affiliate-line);
  background: #fff;
}
.affiliate-commission-table div:nth-child(2) { border-left-color: var(--affiliate-cyan); }
.affiliate-commission-table div:nth-child(3) { border-left-color: var(--affiliate-yellow); }
.affiliate-commission-table div:nth-child(4) { border-left-color: var(--affiliate-coral); }
.affiliate-commission-table div:nth-child(5) { border-left-color: var(--affiliate-green); }
.affiliate-commission-table div:last-child {
  border-bottom: 0;
}
.affiliate-commission-table span {
  color: var(--affiliate-ink);
  font-size: 18px;
  font-weight: 800;
}
.affiliate-commission-table strong {
  color: var(--affiliate-purple);
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
}
.affiliate-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: center;
  padding: 46px;
  border-radius: 8px;
  color: #fff;
  background: #10202c !important;
}
.affiliate-cta span {
  display: block;
  margin-bottom: 10px;
  color: #f6c84c;
  font-size: 12px;
  font-weight: 800;
}
.affiliate-cta h2 {
  max-width: 720px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 36px;
  line-height: 1.15;
  font-weight: 800;
}
.affiliate-cta p {
  max-width: 740px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.7;
}
.affiliate-cta-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.affiliate-cta-link {
  color: #fff;
}
[data-background="dark"] .affiliate-route div {
  background: rgba(255, 255, 255, .04);
}
[data-background="dark"] body.affiliate-page .affiliate-hero,
body.affiliate-page[data-background="dark"] .affiliate-hero {
  background: #102338 !important;
}
[data-background="dark"] .affiliate-visual {
  background: rgba(255, 255, 255, .04) !important;
}
[data-background="dark"] .affiliate-strip,
[data-background="dark"] .affiliate-benefit,
[data-background="dark"] .affiliate-step,
[data-background="dark"] .affiliate-commission-table div {
  background: rgba(255, 255, 255, .04) !important;
  border-color: rgba(255, 255, 255, .12);
}
[data-background="dark"] .affiliate-route span,
[data-background="dark"] .affiliate-strip-grid strong,
[data-background="dark"] .affiliate-commission-table span {
  color: #fff;
}
@media (max-width: 1199px) {
  .affiliate-hero h1 {
    font-size: 48px;
  }
  .affiliate-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .affiliate-hero {
    padding: 100px 0 70px;
  }
  .affiliate-visual {
    margin-top: 44px;
  }
  .affiliate-strip-grid,
  .affiliate-step-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .affiliate-cta {
    grid-template-columns: 1fr;
  }
  .affiliate-cta-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .affiliate-page .section-heading {
    font-size: 34px;
  }
  .affiliate-hero h1 {
    font-size: 38px;
  }
  .affiliate-hero p {
    font-size: 17px;
  }
  .affiliate-route,
  .affiliate-strip-grid,
  .affiliate-benefit-grid,
  .affiliate-step-grid {
    grid-template-columns: 1fr;
  }
  .affiliate-visual-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .affiliate-visual-total strong {
    font-size: 42px;
  }
  .affiliate-cta {
    padding: 30px;
  }
  .affiliate-cta h2 {
    font-size: 30px;
  }
}
.reseller-plan.sox-has-promo,
.reseller-compare-table thead th.sox-has-promo,
.ssl-plan-card.sox-has-promo {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 42%, transparent) !important;
}
.reseller-plan.sox-has-promo > .plans.badge.feat,
.ssl-plan-card.sox-has-promo > .ssl-popular {
  display: none !important;
}
.ssl-plan-card .sox-promo-ribbon {
  top: 18px;
  right: -34px;
  width: 158px;
  font-size: 10px;
  transform: rotate(42deg);
  z-index: 6;
}
.reseller-compare-table thead th .sox-promo-ribbon {
  top: 18px;
  right: -48px;
  width: 160px;
  font-size: 10px;
}
.vps-page .reseller-plan.sox-has-promo .top-content,
.dedicated-page .reseller-plan.sox-has-promo .top-content,
.vps-page .reseller-compare-table thead th.sox-has-promo,
.dedicated-page .reseller-compare-table thead th.sox-has-promo {
  background: #faf8ff !important;
}
.vps-page .reseller-plan.sox-has-promo::before,
.dedicated-page .reseller-plan.sox-has-promo::before {
  height: 7px;
  background: var(--sox-primary, #6d4aff);
}
.domain-hero-visual.sox-has-promo,
.domain-price-table .sox-has-promo {
  overflow: hidden;
}
.domain-price-table .sox-promo-ribbon {
  display: none !important;
}
.domain-hero-visual .sox-promo-ribbon {
  top: 28px;
  right: -42px;
  width: 176px;
}
.domain-hero-visual { container-type: inline-size; }
.domain-hero-price { gap: 14px; }
.domain-hero-price .domain-price-details { flex: 1 1 auto; min-width: 0; }
.domain-hero-price .domain-price-value,
.domain-hero-price strong,
.domain-hero-price .sox-promo-price { min-width: 0; max-width: 100%; }
.domain-hero-price strong { font-size: clamp(24px, 10cqi, 38px); }
.domain-hero-price strong:has(.sox-promo-price) { font-size: clamp(24px, 9cqi, 34px); }
.domain-hero-price .sox-promo-price { justify-content: flex-start; gap: 4px 8px; flex-wrap: wrap; }
.domain-hero-price .sox-promo-current { overflow-wrap: anywhere; }
.domain-hero-price .sox-promo-original { white-space: nowrap; }
#domain-catalog-body tr {
  position: relative;
  z-index: 0;
}
#domain-catalog-body tr:hover,
#domain-catalog-body tr:focus-within {
  z-index: 6;
}
#domain-catalog-body th {
  position: relative;
  overflow: visible;
}
.domains-clean-page .table-responsive-lg,
.domain-catalog-page .table-responsive-lg {
  overflow: visible;
}
.domain-catalog-ext {
  text-transform: none;
}
.domain-catalog-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: visible;
}
.domain-trustee-badge {
  --arrow-size: 5px;
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 25%, transparent);
  border-radius: var(--sox-radius-sm, 12px);
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  cursor: pointer;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.domain-privacy-badge {
  cursor: help;
}
.domain-privacy-badge-free {
  width: auto;
  min-width: 28px;
  flex: 0 0 auto;
  padding: 0 8px;
  gap: 5px;
  border-color: color-mix(in srgb, var(--sox-accent, #10b7a1) 45%, transparent);
  color: var(--sox-accent, #10b7a1);
  background: color-mix(in srgb, var(--sox-accent, #10b7a1) 14%, transparent);
}
.domain-privacy-badge-free em {
  font-style: normal;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.domain-trustee-badge i {
  font-size: 13px;
}
.domain-trustee-badge:hover,
.domain-trustee-badge:focus,
.domain-trustee-badge:focus-visible {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 55%, transparent);
  color: #fff;
  background: var(--sox-primary, #6d4aff);
  outline: 0;
  text-decoration: none;
}
.domain-trustee-badge::before,
.domain-trustee-badge::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + var(--arrow-size));
  pointer-events: none;
  transition: .2s;
  will-change: transform;
}
.domain-trustee-badge::before {
  content: attr(data-tooltip);
  z-index: 20;
  width: max-content;
  max-width: 260px;
  padding: 10px 16px;
  border-radius: 6px;
  color: #fff;
  background-color: rgba(59, 72, 80, .94);
  background-image: none;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  transform: translate(-50%, calc(0px - var(--arrow-size))) scale(.5);
}
.domain-trustee-badge::after {
  content: "";
  border-style: solid;
  border-width: var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);
  border-color: rgba(55, 64, 70, .94) transparent transparent transparent;
  transition-duration: 0s;
  transform-origin: top;
  transform: translateX(-50%) scaleY(0);
}
.domain-trustee-badge:hover::before,
.domain-trustee-badge:hover::after,
.domain-trustee-badge:focus::before,
.domain-trustee-badge:focus::after {
  visibility: visible;
  opacity: 1;
}
.domain-trustee-badge:hover::before,
.domain-trustee-badge:focus::before {
  transition-delay: .25s;
  transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
}
.domain-trustee-badge:hover::after,
.domain-trustee-badge:focus::after {
  transition-delay: .4s;
  transition-duration: .2s;
  transform: translateX(-50%) scaleY(1);
}
.domain-catalog-promo {
  top: 8px;
  right: -36px;
}

/* Clean domain catalog page */
.domains-clean-page main {
  overflow: hidden;
}
.domain-catalog-price .domain-price-term {
  margin-left: 3px;
  color: inherit;
  white-space: nowrap;
}
.domains-section-head {
  max-width: 820px;
  margin: 0 auto 38px;
}
.domains-seasonal-banner {
  max-width: 920px;
  margin: 0 auto 28px;
}
.domains-seasonal-banner[hidden] {
  display: none !important;
}
.domains-seasonal-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 26px;
  border-radius: 12px;
  background: var(--sox-promo-bg, #f1efff);
  color: var(--sox-hero-text, var(--sox-text, #151522));
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, transparent);
}
.domains-seasonal-banner-copy {
  min-width: 0;
}
.domains-seasonal-banner-eyebrow {
  display: block;
  margin-bottom: 6px;
  color: var(--sox-promo-text, var(--sox-primary, #6d4aff));
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.domains-seasonal-banner-title {
  display: block;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.2;
  font-weight: 800;
}
.domains-seasonal-banner-tlds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.domains-seasonal-banner-tld {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: var(--sox-primary-dark, var(--sox-primary, #6d4aff));
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 18%, transparent);
}
.domains-seasonal-banner-tld:hover {
  color: var(--sox-cta-text, #fff);
  background: var(--sox-primary, #6d4aff);
}
.domains-seasonal-banner-cta {
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .domains-seasonal-banner-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Market selector — hidden; GeoIP runs server-side only */
.sox-market-widget {
  display: none !important;
}
.sox-market-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 24%, #d8deea);
  border-radius: 999px;
  background: #fff;
  color: #19233c;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
[data-background="dark"] .sox-market-trigger {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
}
.sox-market-trigger:hover,
.sox-market-trigger:focus-visible {
  background: rgba(255, 255, 255, 0.12);
}
.sox-market-trigger-value {
  opacity: 0.88;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sox-market-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1200;
  min-width: 190px;
  max-height: 280px;
  overflow: auto;
  padding: 6px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e5e9f2;
  box-shadow: 0 12px 28px rgba(24, 27, 34, 0.12);
}
.sox-market-widget:not(.is-open) .sox-market-dropdown {
  display: none;
}

/* Keep the currency list collapsed even before sox-currency.css arrives.
   Otherwise the 14 options expand the fixed mobile header over the page. */
.sox-currency-dropdown[hidden],
.sox-currency-wrapper:not(.is-open) .sox-currency-dropdown,
.sox-currency-backdrop[hidden] {
  display: none !important;
}
.sox-market-option {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #19233c;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}
.sox-market-option:hover,
.sox-market-option.is-active {
  background: #f1efff;
  color: #4e2fd0;
}

.domains-trustee-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  color: var(--sox-primary, #6d4aff);
  cursor: pointer;
  font-weight: 800;
  text-decoration: none;
  transition: color 0.2s ease;
}
.domains-trustee-link:hover,
.domains-trustee-link:focus {
  color: #151922;
}
.domains-cctld-intro {
  margin: 22px 0 0;
  text-align: left;
}
.domains-cctld-intro .section-heading {
  display: block !important;
  margin: 0 0 10px !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  line-height: 1.25 !important;
  text-align: left;
  text-transform: none !important;
}
.domains-cctld-intro .section-subheading {
  max-width: 720px;
  margin: 0 0 18px;
  text-align: left;
}
.domains-resource-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 28px;
  margin-top: 0;
}
.domains-resource-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sox-primary, #6d4aff);
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.2s ease;
}
.domains-resource-links a i {
  font-size: 12px;
}
.domains-resource-links a:hover,
.domains-resource-links a:focus {
  color: var(--sox-primary-dark, #4e2fd0);
  text-decoration: underline;
}
[data-background="dark"] .domains-trustee-link:hover,
[data-background="dark"] .domains-trustee-link:focus,
[data-background="dark"] .domains-resource-links a:hover,
[data-background="dark"] .domains-resource-links a:focus {
  color: #fff;
}
.domains-filter-shell,
.domains-catalog-card {
  padding: 28px;
  border: 1px solid #e1e8f2;
  border-radius: var(--sox-radius-md, 16px);
}
.domains-filter-shell {
  margin-bottom: 22px;
}
.domains-filter-searchrow {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(240px, 340px) auto;
  gap: 12px;
  align-items: stretch;
}
.domains-filter-control {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 70px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #dce4ef;
  border-radius: var(--sox-radius-md, 16px);
  background: #fff;
  cursor: pointer;
}
.domains-filter-search-control {
  cursor: text;
}
.domains-filter-category-control {
  grid-template-columns: 1fr;
}
.domains-filter-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  font-size: 18px;
}
.domains-filter-control-text {
  min-width: 0;
}
.domains-filter-label {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
}
.domains-filter-input,
.domains-filter-shell .select-filter {
  width: 100%;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #151922;
  font-size: 16px;
  line-height: 1.2;
}
.domains-filter-input:focus,
.domains-filter-shell .select-filter:focus {
  outline: 0;
}
.domains-native-category-select {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0;
  pointer-events: none;
}
.domains-category-dropdown {
  position: relative;
}
.domains-category-trigger {
  display: grid;
  grid-template-columns: 1fr 18px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 0;
  border: 0;
  color: #151922;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.domains-category-option > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 8px;
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  font-size: 15px;
}
.domains-category-trigger-copy {
  min-width: 0;
}
.domains-category-trigger strong,
.domains-category-option strong {
  display: block;
}
.domains-category-trigger strong {
  color: #151922;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.15;
}
.domains-category-trigger > i {
  color: #151922;
  transition: transform .18s ease;
}
.domains-category-dropdown.is-open .domains-category-trigger > i {
  transform: rotate(180deg);
}
.domains-category-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: -56px;
  z-index: 40;
  display: none;
  width: min(360px, calc(100vw - 48px));
  max-height: 390px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid #dce4ef;
  border-radius: 8px;
  background: #fff;
}
.domains-category-dropdown.is-open .domains-category-menu {
  display: block;
}
.domains-category-option {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  color: #151922;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.domains-category-option + .domains-category-option {
  margin-top: 4px;
}
.domains-category-option strong {
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
}
.domains-category-option:hover,
.domains-category-option:focus,
.domains-category-option.is-active {
  background: #f4f2f8;
  outline: 0;
}
.domains-category-option.is-active > span {
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
.domains-filter-row {
  display: grid;
  grid-template-columns: 128px 1fr;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #edf2f8;
}
.domains-filter-row-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #151922;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.domains-filter-row-label i {
  color: var(--sox-primary, #6d4aff);
}
.domains-chip-group {
  min-width: 0;
}
.domains-choice-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.domains-choice-list li {
  margin: 0;
}
.domains-choice-list input,
.domains-type-filters input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.domains-choice-list label,
.domains-type-filters label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid #dce4ef;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.domains-choice-list label:hover,
.domains-type-filters label:hover {
  border-color: var(--sox-primary, #6d4aff);
  color: #6d49e8;
  background: #faf8ff;
  transform: translateY(-1px);
}
.domains-choice-list input:checked + label,
.domains-type-filters input:checked + label {
  border-color: var(--sox-primary, #6d4aff);
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
.domains-type-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 100px));
  gap: 8px;
}
.domains-filter-combo-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, auto);
  gap: 18px;
  align-items: start;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #edf2f8;
}
.domains-filter-row-inline {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  grid-template-columns: auto 1fr;
}
.domains-highlight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.domains-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #dce4ef;
  border-radius: 999px;
  color: #111827;
  background: #fff;
  font-size: 15px;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.domains-filter-pill:hover,
.domains-filter-pill:focus {
  border-color: var(--sox-primary, #6d4aff);
  color: #6d49e8;
  background: #faf8ff;
}
.domains-filter-pill.is-active {
  border-color: var(--sox-primary, #6d4aff);
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
.domains-filter-pill:focus-visible {
  outline: 2px solid #f6d84f;
  outline-offset: 3px;
}
.domains-clear-filter {
  min-height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 850;
  white-space: nowrap;
}
.domain-catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.domain-catalog-summary {
  font-size: 14px;
}
.domains-filter-mobile-toggle {
  display: none;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #dce4ef;
  border-radius: var(--sox-radius-md, 16px);
  color: #151922;
  background: #fff;
  font-weight: 850;
  text-align: left;
}
.domains-filter-mobile-toggle > i {
  transition: transform .18s ease;
}
.domains-filter-shell:not(.is-mobile-collapsed) .domains-filter-mobile-toggle > i {
  transform: rotate(180deg);
}
.domains-clean-table {
  margin-bottom: 0;
}
.domains-clean-table thead th {
  border-top: 0;
  color: #151922;
  font-weight: 850;
}
.domains-clean-table tbody tr {
  transition: background-color .18s ease, color .18s ease;
}
.domains-clean-table tbody tr:hover {
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
}
.domains-clean-table tbody tr:hover th,
.domains-clean-table tbody tr:hover td {
  color: #151922;
}
.domain-catalog-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 22px;
}
.domain-page-btn {
  min-width: 42px;
  padding: 9px 14px;
}
.domain-page-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}
/* Domain catalog pagination — inactive/prev/next saturated; active page soft tint. */
.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill,
body[data-color="purple"] .domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill,
body[data-color="purple"] .domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill {
  background-color: var(--sox-primary, #6d4aff) !important;
  border: 1px solid var(--sox-primary, #6d4aff) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill,
body[data-color="purple"] .domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill,
body[data-color="purple"] .domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill {
  background-color: var(--sox-primary-soft, color-mix(in srgb, var(--sox-primary, #6d4aff) 20%, #ffffff)) !important;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 40%, #ffffff) !important;
  color: var(--sox-primary-dark, #4e2fd0) !important;
  box-shadow: none !important;
  font-weight: 700;
}

.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill:hover,
.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill:focus-visible,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill:hover,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-yellow-fill:focus-visible {
  background-color: var(--sox-primary-dark, #4e2fd0) !important;
  border-color: var(--sox-primary-dark, #4e2fd0) !important;
  color: #fff !important;
}

.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill:hover,
.domain-catalog-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill:focus-visible,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill:hover,
.domains-clean-page .domain-catalog-pagination .domain-page-btn.btn-default-pink-fill:focus-visible {
  background-color: color-mix(in srgb, var(--sox-primary-soft, var(--sox-primary)) 78%, #ffffff) !important;
  border-color: var(--sox-primary, #6d4aff) !important;
  color: var(--sox-primary-dark, #4e2fd0) !important;
}
.domain-row-meta {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
}
.domain-catalog-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}
.domain-catalog-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #263449;
  background: #edf2fb;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.domain-catalog-badge-privacy { color: #136b5d; background: #dff8f3; }
.domain-catalog-badge-trustee { color: #7a4f00; background: #fff0c8; }
.domain-catalog-badge-term { color: #6a3fd1; background: #eee8ff; }
.domain-catalog-badge-idn { color: #1d5a90; background: #e1f1ff; }
.domain-catalog-badge-setup { color: #8a3f21; background: #ffe8dc; }
.domain-catalog-badge-quote { color: #8c2350; background: #ffe1ee; }
.domain-catalog-empty {
  padding: 24px;
}
.domains-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.domains-benefit-grid article {
  padding: 28px;
  border: 1px solid #e1e8f2;
  border-radius: var(--sox-radius-md, 16px);
}
.domains-benefit-grid h3 {
  margin: 20px 0 10px;
  font-size: 22px;
  font-weight: 800;
}
.domains-benefit-grid p {
  margin: 0;
  line-height: 1.7;
}
[data-background="dark"] .domains-filter-shell,
[data-background="dark"] .domains-filter-control,
[data-background="dark"] .domains-catalog-card,
[data-background="dark"] .domains-choice-list label,
[data-background="dark"] .domains-type-filters label,
[data-background="dark"] .domains-benefit-grid article {
  border-color: #2b3c49;
  background: #172531;
}
[data-background="dark"] .domains-filter-row-label,
[data-background="dark"] .domains-clean-table thead th {
  color: #f4f7f9;
}
[data-background="dark"] .domains-clean-table tbody tr:hover {
  background: #211f3a;
}
[data-background="dark"] .domains-clean-table tbody tr:hover th,
[data-background="dark"] .domains-clean-table tbody tr:hover td {
  color: #f4f7f9;
}
[data-background="dark"] .domains-filter-input,
[data-background="dark"] .domains-filter-shell .select-filter {
  color: #f4f7f9;
  background: transparent;
}
[data-background="dark"] .domains-category-trigger strong,
[data-background="dark"] .domains-category-trigger > i,
[data-background="dark"] .domains-category-option strong {
  color: #f4f7f9;
}
[data-background="dark"] .domains-category-menu {
  border-color: #2b3c49;
  background: #172531;
}
[data-background="dark"] .domains-category-option:hover,
[data-background="dark"] .domains-category-option:focus,
[data-background="dark"] .domains-category-option.is-active {
  background: #211f3a;
}
[data-background="dark"] .domains-filter-pill {
  border-color: #2b3c49;
  color: #f4f7f9;
  background: #172531;
}
[data-background="dark"] .domains-filter-pill:hover,
[data-background="dark"] .domains-filter-pill:focus {
  border-color: var(--sox-primary, #6d4aff);
  color: #fff;
  background: #211f3a;
}
[data-background="dark"] .domains-filter-pill.is-active {
  border-color: var(--sox-primary, #6d4aff);
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
[data-background="dark"] .domains-filter-mobile-toggle {
  border-color: #2b3c49;
  color: #f4f7f9;
  background: #172531;
}
@media (max-width: 767px) {
  html body.domain-catalog-page .top-header .wrapper > a.btn.cd-filter-trigger,
  html body.domain-catalog-page a.btn.btn-default-pink-fill.cd-filter-trigger {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 18px;
    position: relative;
    z-index: 4;
  }
  body.domain-catalog-page .top-header .general-input {
    width: 100% !important;
  }
  .sox-promo-card {
    padding: 24px;
  }
  .sox-promo-card-top,
  .sox-promo-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .sox-promo-card p {
    min-height: 0;
  }
  .reseller-compare-table thead th.sox-has-promo {
    padding-top: 34px;
  }
}
@media (max-width: 991px) {
  .domains-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .domains-filter-searchrow,
  .domains-filter-row,
  .domains-filter-combo-row {
    grid-template-columns: 1fr;
  }
  .domains-choice-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .domains-clear-filter {
    width: 100%;
    min-height: 50px;
  }
}
@media (max-width: 767px) {
  .domains-benefit-grid {
    grid-template-columns: 1fr;
  }
  .domains-filter-shell,
  .domains-catalog-card {
    padding: 20px;
  }
  .domains-filter-mobile-toggle {
    display: flex;
  }
  .domains-filter-shell.is-mobile-collapsed .domains-filter-searchrow,
  .domains-filter-shell.is-mobile-collapsed .domains-filter-combo-row {
    display: none;
  }
  .domains-filter-shell:not(.is-mobile-collapsed) .domains-filter-searchrow {
    margin-top: 16px;
  }
  .domains-choice-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domains-filter-control {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .domains-category-menu {
    left: 0;
    width: 100%;
    max-height: 330px;
  }
  .domains-category-trigger {
    grid-template-columns: 1fr 18px;
  }
  .domains-filter-icon {
    width: 40px;
    height: 40px;
  }
  .domains-filter-row {
    gap: 8px;
  }
  .domains-filter-combo-row {
    gap: 14px;
  }
  .domains-filter-row-label {
    min-height: 0;
  }
  .domains-highlight-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domains-filter-pill {
    width: 100%;
  }
  .domains-type-filters {
    grid-template-columns: 1fr;
  }
  .domains-type-filters label,
  .domains-clear-filter {
    width: 100%;
  }
  .domain-catalog-toolbar {
    align-items: flex-start;
  }
  .domain-row-meta {
    display: block;
    font-size: 14px;
    line-height: 1.45;
  }
  .domain-catalog-badge {
    min-height: 26px;
    padding: 6px 10px;
    font-size: 12px;
  }
  body.domain-catalog-page,
  body.domains-clean-page {
    overflow-x: hidden;
  }
  body.domain-catalog-page .table-responsive-lg,
  body.domains-clean-page .table-responsive-lg {
    overflow: visible;
  }
  body.domain-catalog-page .domains-clean-table thead,
  body.domains-clean-page .domains-clean-table thead {
    display: none;
  }
  body.domain-catalog-page .domains-clean-table,
  body.domain-catalog-page .domains-clean-table tbody,
  body.domain-catalog-page .domains-clean-table tr,
  body.domain-catalog-page .domains-clean-table th,
  body.domain-catalog-page .domains-clean-table td,
  body.domains-clean-page .domains-clean-table,
  body.domains-clean-page .domains-clean-table tbody,
  body.domains-clean-page .domains-clean-table tr,
  body.domains-clean-page .domains-clean-table th,
  body.domains-clean-page .domains-clean-table td {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix,
  body.domains-clean-page .domains-clean-table tbody tr.mix {
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1px solid var(--sox-border, #e5e9f2);
    border-radius: var(--sox-radius-md, 16px);
    background: var(--sox-surface, #fff);
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix th,
  body.domains-clean-page .domains-clean-table tbody tr.mix th {
    padding: 0 0 12px;
    border: 0;
    font-size: 16px;
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td,
  body.domains-clean-page .domains-clean-table tbody tr.mix td {
    display: grid;
    grid-template-columns: minmax(6.25rem, auto) minmax(0, 1fr);
    align-items: start;
    gap: 4px 12px;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid var(--sox-border, #e5e9f2);
    font-size: 16px;
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td::before,
  body.domains-clean-page .domains-clean-table tbody tr.mix td::before {
    grid-column: 1;
    grid-row: 1 / span 8;
    padding-top: 2px;
    color: var(--sox-muted, #3d4a5c);
    font-size: 14px;
    font-weight: 700;
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td > *,
  body.domains-clean-page .domains-clean-table tbody tr.mix td > * {
    grid-column: 2;
    justify-self: end;
    min-width: 0;
    max-width: 100%;
    text-align: right;
  }
  body.domain-catalog-page .domain-catalog-price .sox-promo-price,
  body.domains-clean-page .domain-catalog-price .sox-promo-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px 8px;
  }
  body.domain-catalog-page .domain-catalog-price .domain-price-term,
  body.domains-clean-page .domain-catalog-price .domain-price-term {
    margin-left: 0;
    white-space: normal;
  }
  body.domain-catalog-page .domain-catalog-price .domain-minimum-price-note,
  body.domain-catalog-page .domain-catalog-price .sox-multiyear-offer,
  body.domains-clean-page .domain-catalog-price .domain-minimum-price-note,
  body.domains-clean-page .domain-catalog-price .sox-multiyear-offer {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: left;
  }
  body.domain-catalog-page .domains-clean-table tbody tr:not(.mix),
  body.domains-clean-page .domains-clean-table tbody tr:not(.mix) {
    padding: 18px 8px;
    border: 0;
    background: transparent;
  }
  body.domain-catalog-page .domains-clean-table tbody tr:not(.mix) td,
  body.domains-clean-page .domains-clean-table tbody tr:not(.mix) td {
    display: block;
    padding: 0;
    border: 0;
    text-align: center;
  }
  body.domain-catalog-page .domains-clean-table tbody tr:not(.mix) td::before,
  body.domains-clean-page .domains-clean-table tbody tr:not(.mix) td::before {
    content: none;
    display: none;
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(2)::before,
  body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(2)::before {
    content: "Register";
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(3)::before,
  body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(3)::before {
    content: "Renew";
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(4)::before,
  body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(4)::before {
    content: "Transfer";
  }
  html[lang="es"] body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(2)::before,
  html[lang="es"] body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(2)::before {
    content: "Registro";
  }
  html[lang="es"] body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(3)::before,
  html[lang="es"] body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(3)::before {
    content: "Renovar";
  }
  html[lang="es"] body.domain-catalog-page .domains-clean-table tbody tr.mix td:nth-child(4)::before,
  html[lang="es"] body.domains-clean-page .domains-clean-table tbody tr.mix td:nth-child(4)::before {
    content: "Transferir";
  }
  body.domain-catalog-page .domains-clean-table tbody tr.mix td[data-label]::before,
  body.domains-clean-page .domains-clean-table tbody tr.mix td[data-label]::before {
    content: attr(data-label);
  }
  .domain-catalog-pagination {
    justify-content: flex-start;
  }
  .domain-page-btn {
    padding: 8px 10px;
  }
  .domain-trustee-badge::before {
    left: 0;
    right: auto;
    max-width: min(220px, calc(100vw - 48px));
    transform: translate(0, calc(0px - var(--arrow-size))) scale(.5);
  }
  .domain-trustee-badge:hover::before,
  .domain-trustee-badge:focus::before {
    transform: translate(0, calc(0px - var(--arrow-size))) scale(1);
  }
  .domain-trustee-badge::after {
    left: 12px;
    right: auto;
    transform: scaleY(0);
  }
  .domain-trustee-badge:hover::after,
  .domain-trustee-badge:focus::after {
    transform: scaleY(1);
  }
}

@media (max-width: 991px) {
  html:not(.sox-nav-open) {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  html:not(.sox-nav-open) body {
    position: static !important;
    top: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  html.sox-nav-open:has(.menu-wrap.mobile.active),
  html.sox-nav-open:has(.menu-wrap.mobile.active) body {
    overflow: hidden;
  }
  .sparkle-hero,
  .top-header,
  .zone-docs-page main,
  .domain-info-page main,
  .knowledgebase-root-page main,
  .iana-page main,
  .reseller-hero,
  .ssl-hero,
  .dc-hero,
  .privacy-hero,
  .faq-hero,
  .workspace-hero,
  .sitelock-hero,
  .emailsec-hero,
  body.affiliate-page .affiliate-hero,
  .about-hero,
  .saas-hero,
  .promo-hero,
  .whois-hero,
  .trustee-hero,
  .announcements-hero,
  .tools-hero,
  .abuse-hero {
    padding-top: calc(var(--sox-header-offset, 6.5rem) + 12px) !important;
  }
  #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1200 !important;
    padding-top: env(safe-area-inset-top, 0px);
    background: var(--sox-surface, #ffffff);
  }
  html.sox-currency-open #header,
  html:has([data-sox-currency-widget].is-open) #header {
    z-index: 1400 !important;
  }
  /* Dark/origin: only the logo + hamburger strip turns black.
     The inner drawer stays white until a later pass. */
  body:not([data-background="light"]) #header .menu-wrap.mobile,
  body:not([data-background="light"]) .menu-wrap.mobile,
  [data-background="dark"] .menu-wrap.mobile {
    background: #15212a;
  }
  [data-background="light"] #header .menu-wrap.mobile,
  [data-background="light"] .menu-wrap.mobile {
    background: var(--sox-surface, #ffffff);
  }
  #header .infonews,
  [data-layout="frame"] #header .infonews {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 12;
  }
  #header .infonews-nav a.iconews {
    margin-left: 10px;
  }
  .menu-wrap.mobile,
  #header .menu-wrap.mobile,
  [data-layout="frame"] #header .menu-wrap.mobile {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 13;
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--sox-surface, #ffffff);
  }
  .menu-wrap.mobile .row.align-items-center {
    flex-wrap: nowrap;
    gap: 8px;
  }
  .menu-wrap.mobile .col-6:first-child {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
  }
  .menu-wrap.mobile .col-6:last-child {
    flex: 0 0 52px !important;
    width: 52px !important;
    max-width: 52px !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .menu-wrap.mobile .logo-menu {
    display: block;
    width: 132px !important;
    max-width: 132px !important;
    max-height: 36px !important;
    height: auto !important;
    object-fit: contain;
    overflow: hidden;
  }
  /* Theme keeps .logo-menu at z-index:10 while .nav-menu is z-index:9,
     so the header logo paints over scrolling drawer text. Keep the logo
     clipped in the header row and the drawer on a higher layer. */
  .menu-wrap.mobile.active .col-6:first-child,
  .menu-wrap.mobile.active .col-6:first-child a,
  .menu-wrap.mobile.active .logo-menu,
  .menu-wrap.mobile.active svg.logo-menu,
  .menu-wrap.mobile.active .logo-responsive {
    position: relative;
    z-index: 0 !important;
    overflow: hidden;
  }
  .menu-wrap.mobile.active .nav-menu,
  .menu-wrap.mobile.active .nav-menu .main-menu {
    z-index: 1303 !important;
    isolation: isolate;
  }
  #header:has(.menu-wrap.mobile.active) {
    z-index: 1300;
    overflow: visible;
  }
  .menu-wrap.mobile.active {
    z-index: 1300;
  }
  .menu-wrap.mobile #nav-toggle,
  .menu-wrap.mobile .menu-toggle {
    position: relative;
    z-index: 1304;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0 !important;
    overflow: visible;
    pointer-events: auto;
  }
  .menu-wrap.mobile #nav-toggle span,
  .menu-wrap.mobile #nav-toggle span.icon {
    position: static !important;
    display: block !important;
    width: 22px !important;
    max-width: 22px;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 1px;
    background: #181b22 !important;
  }
  .menu-wrap.mobile #nav-toggle span:before,
  .menu-wrap.mobile #nav-toggle span:after {
    content: none !important;
    display: none !important;
  }
  .menu-wrap.mobile.active #nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .menu-wrap.mobile.active #nav-toggle span:nth-child(2) {
    opacity: 0;
  }
  .menu-wrap.mobile.active #nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  [data-background="dark"] .menu-wrap.mobile #nav-toggle span,
  [data-background="dark"] .menu-wrap.mobile #nav-toggle span.icon,
  body:not([data-background="light"]) .menu-wrap.mobile #nav-toggle span,
  body:not([data-background="light"]) .menu-wrap.mobile #nav-toggle span.icon {
    background: #ffffff !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu,
  .menu-wrap.mobile:not(.active) .nav-menu .main-menu {
    left: auto !important;
    right: 0 !important;
    top: 0;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    text-align: left;
    background: var(--sox-surface, #ffffff) !important;
    box-shadow: none;
    transform: translate3d(100%, 0, 0) !important;
    z-index: 1303;
    pointer-events: none !important;
  }
  .menu-wrap.mobile.active .nav-menu .main-menu {
    visibility: visible !important;
    pointer-events: auto !important;
    top: var(--sox-header-offset, 6.75rem) !important;
    width: min(100vw, 22.5rem) !important;
    max-width: 100% !important;
    height: calc(100vh - var(--sox-header-offset, 6.75rem)) !important;
    height: calc(100dvh - var(--sox-header-offset, 6.75rem)) !important;
    max-height: calc(100vh - var(--sox-header-offset, 6.75rem)) !important;
    max-height: calc(100dvh - var(--sox-header-offset, 6.75rem)) !important;
    padding: 0.5rem 0 2rem !important;
    box-shadow: -16px 0 40px rgba(17, 24, 39, 0.18);
    transform: translate3d(0, 0, 0) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .menu-wrap.mobile.active .nav-menu .main-menu a,
  .menu-wrap.mobile.active .nav-menu .main-menu button {
    pointer-events: auto !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu > .menu-item {
    background: transparent !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a.mergecolor,
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    margin: 2px 8px !important;
    padding: 12px 14px;
    overflow: visible;
    border-bottom: 0;
    border-radius: 10px;
    color: var(--sox-text, #19233c) !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a:hover,
  .menu-wrap.mobile .nav-menu .main-menu .menu-item:hover > a,
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a:focus-visible {
    color: #111111 !important;
    background: var(--sox-nav-hover, #f3f4f6) !important;
    border-radius: 10px;
  }
  .sox-mobile-nav-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--sox-nav-icon-bg, #e6f6f8);
    color: #181b22;
    font-size: 14px;
    text-align: center;
    flex-shrink: 0;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a .badge,
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-item .badge {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 2px 6px !important;
    transform: none !important;
    flex-shrink: 0;
    border-radius: 3px;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
    box-sizing: border-box;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item > a .badge.bg-grey {
    min-width: 28px;
    padding: 2px 6px !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu a[data-bs-toggle="dropdown"]::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item.is-open > a[data-bs-toggle="dropdown"]::after {
    margin-top: 4px;
    transform: rotate(-135deg);
  }
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-menu {
    display: none !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 8px 10px 48px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--sox-background, #f6f8fc) !important;
    box-shadow: none !important;
    transform: none !important;
    inset: auto !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu .menu-item.is-open > .dropdown-menu {
    display: block !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 2px 8px 2px 0;
    padding: 8px 12px !important;
    border-radius: 10px;
    color: var(--sox-text, #19233c) !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
  }
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-item::before {
    width: 24px;
    height: 24px;
    font-size: 11px;
  }
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-item:hover,
  .menu-wrap.mobile .nav-menu .main-menu .dropdown-item:focus {
    color: #111111 !important;
    background: var(--sox-nav-hover, #f3f4f6) !important;
  }
  .menu-wrap.mobile .nav-menu .main-menu .float-start {
    padding: 18px 20px 0;
  }
  .menu-wrap.mobile .nav-menu .main-menu .float-start p {
    margin-bottom: 4px;
  }
  .menu-wrap.mobile .nav-menu .main-menu .sox-account-link {
    display: block;
    padding: 8px 20px 24px;
  }
  .menu-wrap.mobile .nav-menu .main-menu .sox-account-link .btn {
    width: 100%;
    font-size: 16px;
  }
  body:not([data-background="light"]) .menu-wrap.mobile .nav-menu .main-menu,
  [data-background="dark"] .menu-wrap.mobile .nav-menu .main-menu {
    background: #ffffff !important;
  }
  body:not([data-background="light"]) .menu-wrap.mobile .nav-menu .main-menu .menu-item > a,
  body:not([data-background="light"]) .menu-wrap.mobile .nav-menu .main-menu .dropdown-item,
  [data-background="dark"] .menu-wrap.mobile .nav-menu .main-menu .menu-item > a,
  [data-background="dark"] .menu-wrap.mobile .nav-menu .main-menu .dropdown-item {
    color: var(--sox-text, #19233c) !important;
    border-bottom-color: var(--sox-border, #e5e9f2);
  }
  body:not([data-background="light"]) .menu-wrap.mobile .nav-menu .main-menu .dropdown-menu,
  [data-background="dark"] .menu-wrap.mobile .nav-menu .main-menu .dropdown-menu {
    background: var(--sox-background, #f6f8fc) !important;
  }
}

@media (max-width: 767px) {
  .cd-filter:not(.filter-is-visible) {
    pointer-events: none;
  }
  .cd-filter.filter-is-visible,
  .cd-filter-trigger {
    pointer-events: auto;
  }
}

@media (max-width: 991px) {
  .reseller-visual,
  .reseller-hero-actions,
  .reseller-hero-proof,
  .ssl-lock-visual,
  .ssl-hero-actions,
  .about-hero-actions,
  .about-hero-points,
  .about-hero-visual,
  .dc-hero-points,
  .dc-hero-visual,
  .emailsec-hero-actions,
  .emailsec-panel,
  .emailsec-proof,
  .sitelock-hero-actions,
  .sitelock-scan-panel,
  .sitelock-proof,
  .workspace-hero-actions,
  .workspace-command,
  .affiliate-visual,
  .faq-hero-actions,
  .whois-hero-points,
  .whois-hero-art,
  .privacy-hero-art {
    display: none !important;
  }
}

.reseller-hero,
.ssl-hero,
.dc-hero,
.privacy-hero,
.faq-hero,
.workspace-hero,
.sitelock-hero,
.emailsec-hero,
body.affiliate-page .affiliate-hero,
.about-hero,
.whois-hero,
.tools-hero,
.announcements-hero,
.promo-hero,
.abuse-hero {
  padding-top: 138px;
}

.hero-eyebrow,
.reseller-eyebrow,
.ssl-eyebrow,
.dc-kicker,
.whois-eyebrow,
.privacy-eyebrow,
.faq-eyebrow,
.workspace-eyebrow,
.affiliate-eyebrow,
.emailsec-eyebrow,
.sitelock-eyebrow,
.about-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #dffcf6;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.hero-eyebrow::before,
.reseller-eyebrow::before,
.ssl-eyebrow::before,
.dc-kicker::before,
.whois-eyebrow::before,
.privacy-eyebrow::before,
.faq-eyebrow::before,
.workspace-eyebrow::before,
.affiliate-eyebrow::before,
.emailsec-eyebrow::before,
.sitelock-eyebrow::before,
.about-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}

.hero-eyebrow i,
.reseller-eyebrow i,
.ssl-eyebrow i,
.dc-kicker i,
.whois-eyebrow i,
.privacy-eyebrow i,
.faq-eyebrow i,
.workspace-eyebrow i,
.affiliate-eyebrow i,
.emailsec-eyebrow i,
.sitelock-eyebrow i,
.about-eyebrow i {
  color: #f6d84f;
  font-size: 14px;
}

.emailsec-eyebrow + .emailsec-logo,
.sitelock-eyebrow + .sitelock-logo-mark {
  margin-top: 0;
}

[data-background="light"] .affiliate-eyebrow,
[data-background="light"] body.affiliate-page .affiliate-eyebrow,
body.affiliate-page .affiliate-eyebrow {
  color: var(--sox-primary-dark, #4e2fd0);
  background: transparent;
}

body.affiliate-page .affiliate-eyebrow i {
  color: var(--sox-primary, #6d4aff);
}

@media (max-width: 991px) {
  .reseller-hero,
  .ssl-hero,
  .dc-hero,
  .privacy-hero,
  .faq-hero,
  .workspace-hero,
  .sitelock-hero,
  .emailsec-hero,
  body.affiliate-page .affiliate-hero,
  .about-hero {
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .reseller-hero,
  .ssl-hero,
  .dc-hero,
  .privacy-hero,
  .faq-hero,
  .workspace-hero,
  .sitelock-hero,
  .emailsec-hero,
  body.affiliate-page .affiliate-hero,
  .about-hero {
    padding-top: 20px;
  }
}

.trustee-page {
  --trustee-ink: var(--sox-text, #0f172a);
  --trustee-muted: var(--sox-muted, #475569);
  --trustee-gold: #b45309;
  --trustee-gold-soft: #fff6e8;
  --trustee-teal: #0f766e;
  --trustee-teal-soft: #e8f7f4;
  --trustee-paper: #f6f8fc;
  --trustee-band: #f1efff;
}
.trustee-page .box-container,
.trustee-page main {
  background: var(--trustee-paper, #f6f8fc);
}
.trustee-page main {
  overflow: hidden;
}
.trustee-hero {
  position: relative;
  overflow: hidden;
  padding: 138px 0 96px;
  color: #fff;
  background: color-mix(in srgb, var(--sox-primary-dark, #3b28a8) 78%, #16144a) !important;
}
.trustee-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, .06);
}
.trustee-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(8px);
}
.trustee-glow-a {
  top: -150px;
  right: 8%;
  width: 420px;
  height: 420px;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 42%, transparent);
}
.trustee-glow-b {
  bottom: -180px;
  left: -60px;
  width: 380px;
  height: 380px;
  background: rgba(245, 158, 11, .28);
}
.trustee-glow-c {
  top: 42%;
  right: 36%;
  width: 180px;
  height: 180px;
  background: rgba(20, 184, 166, .24);
}
.trustee-hero .container {
  position: relative;
  z-index: 1;
}
.trustee-eyebrow,
.trustee-section-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--sox-primary, #6d4aff);
  font-weight: 800;
  line-height: 1;
}
.trustee-eyebrow {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #fde68a;
  background: transparent;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.trustee-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}
.trustee-hero h1,
[data-background="light"] .trustee-page .box-container .trustee-hero h1.mergecolor {
  max-width: 760px;
  margin: 0 0 20px;
  color: #fff !important;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}
.trustee-hero .col-lg-7 > p,
[data-background="light"] .trustee-page .box-container .trustee-hero .col-lg-7 > p.seccolor {
  max-width: 680px;
  margin: 0;
  color: #dbe4ff !important;
  font-size: 18px;
  line-height: 1.75;
}
.trustee-search-form {
  margin-top: 30px;
  max-width: 650px;
}
.trustee-hero .sox-search-pill,
[data-background="dark"] .trustee-hero .sox-search-pill {
  max-width: 650px;
  background: #fff;
  border-color: var(--sox-primary, #6d4aff);
}
.trustee-hero .sox-search-pill .fill-input,
.trustee-hero .sox-search-pill input[name="domain"],
[data-background="dark"] .trustee-hero .sox-search-pill .fill-input,
[data-background="dark"] .trustee-hero .sox-search-pill input[name="domain"] {
  color: #181b22;
}
.trustee-hero-panel {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 8px;
  background-color: #fff !important;
  box-shadow: 0 18px 40px rgba(22, 20, 74, .18);
}
.trustee-hero-panel .cloudicon {
  color: #fff;
  background: var(--sox-primary, #6d4aff);
}
.trustee-hero-panel h2 {
  margin: 22px 0 12px;
  color: var(--trustee-ink, #0f172a);
  font-size: 32px;
  font-weight: 800;
}
.trustee-hero-panel p {
  color: var(--trustee-muted, #475569);
}
.trustee-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 24px;
}
.trustee-hero-stats div {
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.trustee-hero-stats div:first-child {
  border-color: #e5e9f2;
  background: #f8f7ff;
}
.trustee-hero-stats div:last-child {
  border-color: #e5e9f2;
  background: #fffaf3;
}
.trustee-hero-stats strong,
.trustee-hero-stats span {
  display: block;
}
.trustee-hero-stats strong {
  color: var(--trustee-ink, #151922);
  font-size: 24px;
  font-weight: 850;
}
.trustee-hero-stats span {
  margin-top: 4px;
  color: #617083;
  font-size: 12px;
  font-weight: 700;
}
.trustee-intro {
  background: var(--trustee-paper, #f6f8fc) !important;
}
.trustee-process {
  background: var(--trustee-band, #f1efff) !important;
}
.trustee-table-section {
  background: #fff !important;
}
.trustee-faq-section {
  background: #fff !important;
}
.trustee-section-label {
  color: var(--sox-primary, #6d4aff);
}
.trustee-feature-list {
  display: grid;
  gap: 14px;
}
.trustee-feature-list article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  padding: 24px;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background-color: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.trustee-feature-list i,
.trustee-step-grid article > i {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 8px;
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  font-size: 20px;
}
.trustee-feature-list article:nth-child(1) i {
  color: var(--trustee-teal, #0f766e);
  background: var(--trustee-teal-soft, #e8f7f4);
}
.trustee-feature-list article:nth-child(3) i {
  color: var(--trustee-gold, #b45309);
  background: var(--trustee-gold-soft, #fff6e8);
}
.trustee-feature-list h3,
.trustee-step-grid h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
}
.trustee-feature-list p,
.trustee-step-grid p {
  margin: 0;
  line-height: 1.7;
}
.trustee-section-head {
  max-width: 820px;
  margin: 0 auto 42px;
}
.trustee-step-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.trustee-step-grid article {
  position: relative;
  min-height: 280px;
  padding: 30px;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.trustee-step-grid article:nth-child(1) > i {
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, #f1efff);
}
.trustee-step-grid article:nth-child(2) > i {
  color: var(--trustee-teal, #0f766e);
  background: var(--trustee-teal-soft, #e8f7f4);
}
.trustee-step-grid article:nth-child(3) > i {
  color: var(--trustee-gold, #b45309);
  background: var(--trustee-gold-soft, #fff6e8);
}
.trustee-step-grid article > span {
  position: absolute;
  top: 24px;
  right: 24px;
  color: color-mix(in srgb, var(--sox-primary, #6d4aff) 28%, transparent);
  font-size: 32px;
  font-weight: 850;
}
.trustee-step-grid article > i {
  margin-bottom: 24px;
}
.trustee-table-card,
[data-background="light"] .trustee-page .box-container .trustee-table-card.bg-colorstyle {
  padding: 28px;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: #fff !important;
}
.trustee-table-toolbar {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}
.trustee-table-toolbar label {
  margin: 0;
  font-weight: 850;
}
.trustee-table-toolbar input {
  min-height: 48px;
  padding: 0 15px;
  border: 1px solid #dce4ef;
  border-radius: 8px;
  background: #fff;
}
.trustee-hub-link {
  margin: 0 0 18px;
  font-size: 14px;
}
.trustee-hub-link a {
  color: var(--sox-primary, #6d4aff);
  font-weight: 700;
}
.trustee-table {
  margin: 0;
}
.trustee-table thead th {
  color: #617083;
  background: transparent;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e9f2;
}
.trustee-table tbody tr:nth-child(even of :not([hidden])),
.trustee-table tbody tr.is-alt {
  background: #f7f8fc;
}
.trustee-table tbody tr:hover {
  background: #e8edf7;
}
.trustee-table td,
.trustee-table th {
  vertical-align: middle;
}
.trustee-table td strong,
.trustee-table td span {
  display: block;
}
.trustee-table tbody tr[hidden] {
  display: none;
}
.trustee-table-ext {
  color: var(--sox-primary, #6d4aff);
  font-size: 20px;
  font-weight: 850;
}
.trustee-table-ext-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.trustee-table-ext-link i {
  font-size: 12px;
  transition: transform .2s ease;
}
.trustee-table-ext-link:hover,
.trustee-table-ext-link:focus {
  color: var(--sox-primary-dark, #4e2fd0);
  text-decoration: underline;
}
.trustee-table-ext-link:hover i,
.trustee-table-ext-link:focus i {
  transform: translateX(3px);
}
.trustee-required-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 10px;
  border-radius: 8px;
  color: #27155f;
  background: var(--sox-ui-tint, var(--sox-promo-bg, #f1efff));
  font-size: 12px;
  font-weight: 850;
}
.trustee-table-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin-top: 18px;
}
.trustee-table-summary {
  margin: 0;
  font-size: 14px;
}
.trustee-table-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
.trustee-page-btn {
  min-width: 42px;
  padding: 9px 14px;
  border: 1px solid var(--sox-primary, #6d4aff);
  border-radius: 8px;
  background-color: var(--sox-primary, #6d4aff);
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.trustee-page-btn.is-current {
  background-color: var(--sox-primary-soft, color-mix(in srgb, var(--sox-primary, #6d4aff) 20%, #ffffff));
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 40%, #ffffff);
  color: var(--sox-primary-dark, #4e2fd0);
}
.trustee-page-btn:hover,
.trustee-page-btn:focus-visible {
  background-color: var(--sox-primary-dark, #4e2fd0);
  border-color: var(--sox-primary-dark, #4e2fd0);
  color: #fff;
}
.trustee-page-btn.is-current:hover,
.trustee-page-btn.is-current:focus-visible {
  background-color: color-mix(in srgb, var(--sox-primary-soft, var(--sox-primary)) 78%, #ffffff);
  border-color: var(--sox-primary, #6d4aff);
  color: var(--sox-primary-dark, #4e2fd0);
}
.trustee-page-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}
.trustee-faq {
  max-width: 920px;
  margin: 0 auto;
}
[data-background="dark"] .trustee-page .box-container,
[data-background="dark"] .trustee-page main,
[data-background="dark"] .trustee-intro,
[data-background="dark"] .trustee-process,
[data-background="dark"] .trustee-table-section {
  background: #0f1c25 !important;
}
[data-background="dark"] .trustee-hero {
  background: color-mix(in srgb, var(--sox-primary-dark, #3b28a8) 55%, #0b1220) !important;
}
[data-background="dark"] .trustee-hero-panel,
[data-background="dark"] .trustee-hero-stats div,
[data-background="dark"] .trustee-feature-list article,
[data-background="dark"] .trustee-step-grid article,
[data-background="dark"] .trustee-table-card {
  border-color: #2b3c49;
  background: #172531 !important;
}
[data-background="dark"] .trustee-hero-panel h2,
[data-background="dark"] .trustee-hero-stats strong,
[data-background="dark"] .trustee-table-toolbar label,
[data-background="dark"] .trustee-feature-list h3,
[data-background="dark"] .trustee-step-grid h3 {
  color: #f4f7f9 !important;
}
[data-background="dark"] .trustee-hero-stats div:first-child,
[data-background="dark"] .trustee-hero-stats div:last-child,
[data-background="dark"] .trustee-table tbody tr:nth-child(even of :not([hidden])),
[data-background="dark"] .trustee-table tbody tr.is-alt {
  background: #1d293b;
}
[data-background="dark"] .trustee-table tbody tr:hover {
  background: #243242;
}
@media (max-width: 991px) {
  .trustee-page main,
  .trustee-hero {
    overflow: visible;
  }
  .trustee-hero {
    padding: 108px 0 110px;
    text-align: center;
  }
  .trustee-hero .sox-page-breadcrumb {
    text-align: left;
  }
  .trustee-hero h1,
  .trustee-hero p,
  .trustee-search-form,
  .trustee-hero .sox-search-pill {
    margin-right: auto;
    margin-left: auto;
  }
  .trustee-hero h1 {
    font-size: 50px;
  }
  .trustee-hero-panel {
    margin-top: 34px;
  }
  .trustee-step-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .trustee-hero .sox-search-pill {
    display: flex;
    align-items: center;
    padding: 7px 7px 7px 12px;
  }
  .trustee-hero .sox-search-pill > svg {
    display: none;
  }
  .trustee-hero .sox-search-pill .fill-input,
  .trustee-hero .sox-search-pill input[name="domain"] {
    height: 44px;
    padding: 0 10px;
    text-align: left;
  }
  .trustee-hero .sox-search-pill button {
    flex: 0 0 auto;
    width: auto;
    height: 44px;
    margin-top: 0;
    padding: 0 14px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .trustee-hero {
    padding: 60px 0 96px;
  }
  .trustee-hero h1 {
    font-size: 38px;
  }
  .trustee-feature-list article,
  .trustee-table-toolbar {
    grid-template-columns: 1fr;
  }
  .trustee-feature-list i {
    margin: 0 auto;
  }
  .trustee-feature-list article {
    text-align: center;
  }
  .trustee-table-card {
    padding: 20px;
  }
  .trustee-table thead {
    display: none;
  }
  .trustee-table,
  .trustee-table tbody,
  .trustee-table tr,
  .trustee-table th,
  .trustee-table td {
    display: block;
    width: 100%;
  }
  .trustee-table tr {
    padding: 16px 0;
    border-bottom: 1px solid #e1e8f2;
  }
  .trustee-table tr[hidden] {
    display: none !important;
  }
  .trustee-table tr:last-child {
    border-bottom: 0;
  }
  .trustee-table td,
  .trustee-table th {
    padding: 6px 0;
    border: 0;
  }
  .trustee-table-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .trustee-table-pagination {
    justify-content: center;
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .trustee-table-ext-link i,
  .trustee-feature-list article,
  .trustee-step-grid article,
  .hub-why-grid article {
    transition: none;
  }
}

/* =========================================
   SAAS LANDING PAGE
   ========================================= */
.saas-page {
  font-family: "Plus Jakarta Sans", "Inter", Arial, sans-serif;
}

.saas-page main {
  background: #f0f9ff;
  color: #0c4a6e;
}

.saas-hero {
  position: relative;
  overflow: hidden;
  padding: 150px 0 92px;
  background: #f0f9ff;
}

.saas-hero h1 {
  max-width: 640px;
  margin: 0;
  color: #082f49;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.03;
  font-weight: 800;
  letter-spacing: 0;
}

.saas-hero-copy,
.saas-section-copy {
  color: #475569;
  font-size: 18px;
  line-height: 1.75;
}

.saas-hero-copy {
  max-width: 590px;
  margin: 24px 0 0;
}

.saas-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0369a1;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.saas-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}

.saas-eyebrow i {
  color: #f97316;
}

.saas-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
}

.saas-primary-cta,
.saas-plan .btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.saas-secondary-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #0c4a6e;
  font-weight: 800;
  transition: color .2s ease;
}

.saas-secondary-cta:hover,
.saas-secondary-cta:focus {
  color: #f97316;
}

.saas-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 34px;
}

.saas-proof-row span {
  padding: 12px 16px;
  border: 1px solid rgba(14, 165, 233, .18);
  border-radius: 8px;
  background: rgba(255,255,255,.82);
  color: #475569;
  font-size: 14px;
}

.saas-proof-row strong {
  color: #0c4a6e;
}

.saas-dashboard {
  margin-left: auto;
  max-width: 560px;
  border: 1px solid rgba(14, 165, 233, .2);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(8, 47, 73, .14);
  overflow: hidden;
}

.saas-dashboard-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid #e0f2fe;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.saas-window-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 50%;
  background: #38bdf8;
}

.saas-window-dot:nth-child(2) {
  background: #f97316;
}

.saas-window-dot:nth-child(3) {
  background: #22c55e;
}

.saas-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 18px;
}

.saas-metric,
.saas-chart,
.saas-activity,
.saas-feature,
.saas-plan {
  border: 1px solid #e0f2fe;
  border-radius: 8px;
  background: #ffffff;
}

.saas-metric {
  padding: 18px;
}

.saas-metric span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.saas-metric strong {
  display: block;
  margin-top: 8px;
  color: #082f49;
  font-size: 34px;
  line-height: 1;
}

.saas-meter {
  height: 8px;
  margin-top: 16px;
  border-radius: 999px;
  background: #e0f2fe;
  overflow: hidden;
}

.saas-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #0ea5e9;
}

.saas-chart {
  min-height: 190px;
  grid-column: span 2;
  display: flex;
  align-items: end;
  gap: 14px;
  padding: 20px;
}

.saas-chart div {
  flex: 1;
  min-width: 24px;
  border-radius: 8px 8px 0 0;
  background: #0ea5e9;
}

.saas-activity {
  grid-column: span 2;
  display: grid;
  gap: 10px;
  padding: 18px;
}

.saas-activity span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #334155;
  font-weight: 700;
}

.saas-activity i,
.saas-plan li i {
  color: #0ea5e9;
}

.saas-logo-strip,
.saas-section,
.saas-testimonial,
.saas-pricing {
  padding: 78px 0;
}

.saas-logo-strip {
  background: #ffffff;
  text-align: center;
}

.saas-logo-strip p {
  margin-bottom: 24px;
  color: #64748b;
  font-weight: 800;
}

.saas-logo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.saas-logo-grid span {
  padding: 16px 10px;
  border: 1px solid #e0f2fe;
  border-radius: 8px;
  color: #0c4a6e;
  background: #f8fafc;
  font-weight: 900;
}

.saas-section {
  background: #f8fafc;
}

.saas-section h2,
.saas-pricing h2 {
  margin: 0 0 16px;
  color: #082f49;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
}

.saas-feature {
  min-height: 100%;
  padding: 30px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.saas-feature:hover {
  border-color: rgba(14, 165, 233, .38);
  box-shadow: 0 18px 42px rgba(8, 47, 73, .08);
}

.saas-feature i {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 8px;
  background: #e0f2fe;
  color: #0ea5e9;
  font-size: 20px;
}

.saas-feature h3 {
  margin-bottom: 12px;
  color: #082f49;
  font-size: 22px;
  font-weight: 800;
}

.saas-feature p {
  margin: 0;
  color: #475569;
  line-height: 1.7;
}

.saas-testimonial {
  background: #0c4a6e;
  color: #ffffff;
}

.saas-testimonial blockquote {
  margin: 0;
  color: #ffffff;
  font-size: clamp(28px, 3.5vw, 42px);
  line-height: 1.2;
  font-weight: 800;
}

.saas-testimonial p {
  margin: 22px 0 0;
  color: #bae6fd;
  font-weight: 800;
}

.saas-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.saas-results div {
  padding: 24px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
}

.saas-results strong {
  display: block;
  color: #ffffff;
  font-size: 42px;
  line-height: 1;
}

.saas-results span {
  display: block;
  margin-top: 10px;
  color: #bae6fd;
  line-height: 1.5;
}

.saas-pricing {
  background: #ffffff;
}

.saas-plan {
  padding: 34px;
  box-shadow: 0 24px 60px rgba(8, 47, 73, .1);
}

.saas-plan-label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #ffedd5;
  color: #c2410c;
  font-size: 13px;
  font-weight: 900;
}

.saas-plan-price {
  color: #082f49;
  font-size: 54px;
  line-height: 1;
  font-weight: 900;
}

.saas-plan-price span {
  color: #64748b;
  font-size: 16px;
  font-weight: 800;
}

.saas-plan ul {
  display: grid;
  gap: 12px;
  margin: 26px 0;
  padding: 0;
  list-style: none;
  color: #334155;
  font-weight: 800;
}

.saas-plan li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.saas-page a:focus-visible,
.saas-page button:focus-visible {
  outline: 3px solid rgba(249, 115, 22, .45);
  outline-offset: 3px;
}

[data-background="dark"] .saas-page main,
.saas-page[data-background="dark"] main {
  background: #071f2d;
}

[data-background="dark"] .saas-section,
[data-background="dark"] .saas-pricing {
  background: #0b2535;
}

[data-background="dark"] .saas-hero h1,
[data-background="dark"] .saas-section h2,
[data-background="dark"] .saas-pricing h2,
[data-background="dark"] .saas-feature h3,
[data-background="dark"] .saas-plan-price {
  color: #f8fafc;
}

[data-background="dark"] .saas-hero-copy,
[data-background="dark"] .saas-section-copy,
[data-background="dark"] .saas-feature p {
  color: #cbd5e1;
}

@media (prefers-reduced-motion: reduce) {
  .saas-page *,
  .saas-page *::before,
  .saas-page *::after {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 991px) {
  .saas-hero {
    padding-top: 120px;
  }

  .saas-dashboard {
    margin: 46px 0 0;
    max-width: none;
  }

  .saas-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .saas-results {
    margin-top: 34px;
  }
}

@media (max-width: 575px) {
  .saas-hero {
    padding: 104px 0 68px;
  }

  .saas-hero-actions,
  .saas-proof-row,
  .saas-results {
    display: grid;
    grid-template-columns: 1fr;
  }

  .saas-secondary-cta {
    justify-content: center;
  }

  .saas-dashboard-grid,
  .saas-logo-grid {
    grid-template-columns: 1fr;
  }

  .saas-chart,
  .saas-activity {
    grid-column: span 1;
  }
}
/* Hero eyebrows: catalog index mark, not AI pills */
.hero-eyebrow,
.reseller-eyebrow,
.ssl-eyebrow,
.whois-eyebrow,
.privacy-eyebrow,
.faq-eyebrow,
.workspace-eyebrow,
.affiliate-eyebrow,
.emailsec-eyebrow,
.sitelock-eyebrow,
.about-eyebrow,
.trustee-eyebrow,
.saas-eyebrow,
.dc-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.hero-eyebrow::before,
.reseller-eyebrow::before,
.ssl-eyebrow::before,
.whois-eyebrow::before,
.privacy-eyebrow::before,
.faq-eyebrow::before,
.workspace-eyebrow::before,
.affiliate-eyebrow::before,
.emailsec-eyebrow::before,
.sitelock-eyebrow::before,
.about-eyebrow::before,
.trustee-eyebrow::before,
.saas-eyebrow::before,
.dc-kicker::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}

.hero-eyebrow i,
.reseller-eyebrow i,
.ssl-eyebrow i,
.whois-eyebrow i,
.privacy-eyebrow i,
.faq-eyebrow i,
.workspace-eyebrow i,
.affiliate-eyebrow i,
.emailsec-eyebrow i,
.sitelock-eyebrow i,
.about-eyebrow i,
.trustee-eyebrow i,
.saas-eyebrow i,
.dc-kicker i {
  display: none !important;
}

body.affiliate-page .affiliate-eyebrow {
  color: var(--sox-primary-dark, #4e2fd0) !important;
}

body.trustee-page .trustee-hero .trustee-eyebrow {
  color: #fde68a !important;
}

.about-hero .about-eyebrow {
  color: #dffcf6 !important;
}

.dc-hero .dc-kicker {
  margin-bottom: 18px !important;
  color: #63d8c3 !important;
}

.reseller-hero .reseller-eyebrow,
.emailsec-hero .emailsec-eyebrow,
.sitelock-hero .sitelock-eyebrow {
  margin: 0 0 22px !important;
  color: #dffcf6 !important;
}

.ssl-hero .ssl-eyebrow {
  margin: 0 0 23px !important;
  color: #74dddf !important;
}

.whois-hero .whois-eyebrow,
.tools-hero .tools-eyebrow {
  margin: 0 0 12px !important;
  color: var(--sox-highlight, #a9f0e4) !important;
}

.privacy-hero .privacy-eyebrow {
  margin: 0 0 22px !important;
  color: var(--sox-highlight, #a9f0e4) !important;
}

.faq-hero .faq-eyebrow {
  margin: 0 0 22px !important;
  color: #f6d365 !important;
}

.workspace-hero .workspace-eyebrow {
  margin: 0 0 22px !important;
  color: #dffcf6 !important;
}

.announcements-hero .announcements-eyebrow {
  margin: 0 0 22px !important;
  color: var(--sox-highlight, #ffc94a) !important;
}

.promo-hero .promo-eyebrow,
.promo-page .promo-eyebrow {
  margin: 0 0 22px !important;
  color: var(--sox-highlight, #ffc94a) !important;
}

/* Compact, contextual multi-year domain registration offer */
.sox-multiyear-offer{display:block;width:max-content;max-width:100%;margin-top:7px;padding:3px 6px;color:#172033!important;background:#ffe78a;border-radius:3px;font-size:11px;font-weight:700;line-height:1.35;text-decoration:none!important;white-space:normal}.domain-catalog-price .sox-multiyear-offer{margin:6px auto 0}.domain-price-table td .sox-multiyear-offer{margin:0}.domain-hero-price .sox-multiyear-offer{margin-top:8px;letter-spacing:0;text-transform:none}.whois-availability-price .sox-multiyear-offer{margin-top:12px;color:#172033!important;background:#fcd34d}.sox-multiyear-ribbon{position:absolute;z-index:5;top:29px;right:-45px;display:flex;width:188px;padding:8px 10px;align-items:center;justify-content:center;gap:5px;color:#fff;background:var(--sox-primary,#7557e8);box-shadow:0 4px 12px color-mix(in srgb, var(--sox-primary,#7557e8) 35%, transparent);font-size:12px;line-height:1;letter-spacing:.035em;transform:rotate(39deg);transform-origin:center;text-align:center}.sox-multiyear-ribbon strong{font-size:13px;font-weight:900}.sox-multiyear-ribbon small{color:inherit;font-size:9px;font-weight:800}.domain-hero-price .sox-promo-original{color:#6b7280;font-size:.5em;font-weight:600}.domain-hero-price .sox-promo-current{color:var(--domain-accent)}.domain-price-table .sox-promo-original,.domain-catalog-price .sox-promo-original{margin-right:0;margin-left:5px;color:#6b7280;font-size:.72em}.sox-multiyear-card p{min-height:42px;color:#475569}.sox-multiyear-card .sox-promo-card-price{color:#172b4d}@media(max-width:767px){.sox-multiyear-offer{max-width:100%}.domain-catalog-price .sox-multiyear-offer{width:auto;max-width:150px;margin:6px 0 0;font-size:10px;text-align:left}.sox-multiyear-ribbon{top:27px;right:-45px}.domain-hero-price .sox-multiyear-offer{font-size:10px}}@media(prefers-reduced-motion:reduce){.sox-multiyear-ribbon{transition:none}}

/* --- DARK MODE CONTRAST FIXES --- */

/* 1. Global Utility Fixes */
[data-background="dark"] .text-dark, 
body.dark .text-dark,
[data-background="dark"] .text-body,
body.dark .text-body { color: #f8fafc !important; }

[data-background="dark"] .text-muted, 
body.dark .text-muted,
[data-background="dark"] .text-secondary,
body.dark .text-secondary { color: #cbd5e1 !important; }

[data-background="dark"] .bg-light, 
body.dark .bg-light { background-color: #1e293b !important; }

/* 2. About Page Overrides */
[data-background="dark"] .about-page,
[data-background="dark"] body.about-page {
  --about-ink: #f8fafc;
  --about-muted: #cbd5e1;
  --about-paper: #172531;
  --about-white: #0f1c25;
  --about-line: #2b3c49;
}

/* 3. Reseller Page Overrides */
[data-background="dark"] .reseller-hero h1,
[data-background="dark"] .reseller-hero-copy p,
[data-background="dark"] .reseller-hero-proof p,
[data-background="dark"] .reseller-trust-grid p,
[data-background="dark"] .reseller-compare-table th,
[data-background="dark"] .reseller-compare-table td,
[data-background="dark"] .reseller-feature-card h3 {
  color: #f8fafc !important;
}

[data-background="dark"] .reseller-trust-grid small,
[data-background="dark"] .reseller-feature-card p,
[data-background="dark"] .reseller-compare-table td.reseller-feature-desc {
  color: #cbd5e1 !important;
}

[data-background="dark"] .reseller-feature-card,
[data-background="dark"] .reseller-compare-table {
  background-color: #172531 !important;
  border-color: #2b3c49 !important;
}

/* POPULAR DOMAINS SECTION — theme-aware brand band */
.popular-domains-section {
  --pd-band: #251951;
  --pd-heading: #ffffff;
  --pd-eyebrow: var(--sox-search-btn-hover, color-mix(in srgb, var(--sox-primary, #6d4aff) 18%, #ffffff));
  --pd-link: #ffffff;
  --pd-card: #ffffff;
  --pd-card-ink: #151522;
  --pd-card-muted: #565b68;
  --pd-card-line: #eceaf3;
  --pd-cta: var(--sox-search-btn-bg, var(--sox-cta-bg, var(--sox-primary, #6d4aff)));
  --pd-cta-text: var(--sox-search-btn-text, var(--sox-cta-text, #ffffff));
  --pd-cta-hover: var(--sox-search-btn-hover, var(--sox-primary-dark, #4e2fd0));
  --pd-cta-hover-text: var(--sox-search-btn-hover-text, var(--pd-cta-text));
  padding-top: 48px;
  padding-bottom: 56px;
  color: var(--pd-heading);
  background: var(--pd-band);
}

[data-background="dark"] .popular-domains-section {
  --pd-band: color-mix(in srgb, #251951 88%, #000000);
}

/* Non-default themes: band + copy from theme tokens (default keeps fixed #251951).
   Eyebrow uses promo-text/highlight — not search-btn-hover (often too dark on promo bands). */
html[data-theme]:not([data-theme="default"]) .popular-domains-section {
  --pd-band: var(--sox-promo-bg, #141422);
  --pd-heading: var(--sox-hero-text, var(--sox-text, #111827));
  --pd-eyebrow: var(--sox-promo-text, var(--sox-highlight, var(--sox-search-btn-bg, var(--sox-primary, #6d4aff))));
  --pd-link: var(--sox-hero-text, var(--sox-text, #111827));
}

html[data-theme]:not([data-theme="default"]) .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .popular-domains-section {
  --pd-band: color-mix(in srgb, var(--sox-promo-bg, #141422) 88%, #000000);
}

.pd-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 15px;
}

.pd-header-block {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  text-align: left;
  margin-bottom: 45px;
}

.pd-heading-copy {
  max-width: 690px;
}

.pd-eyebrow {
  display: block;
  text-transform: uppercase;
  color: var(--pd-eyebrow, var(--sox-primary, #6d4aff));
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 14px;
  margin-bottom: 14px;
}

.pd-title {
  color: var(--pd-heading, #ffffff);
  font-weight: 800;
  font-size: 44px;
  margin: 0;
  line-height: 1.08;
}

[data-background="light"] .box-container .popular-domains-section .pd-title.mergecolor,
[data-background="dark"] .box-container .popular-domains-section .pd-title.mergecolor {
  color: var(--pd-heading, #ffffff) !important;
}

.pd-see-all {
  flex: 0 0 auto;
  margin-bottom: 6px;
  color: var(--pd-link, #ffffff);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.pd-see-all:hover,
.pd-see-all:focus-visible {
  color: var(--pd-link, #ffffff);
  opacity: 0.84;
  text-decoration: underline;
}

.pd-see-all i {
  margin-left: 5px;
  font-size: 11px;
}

/* CAROUSEL */
.pd-carousel-wrapper {
  position: relative;
  min-width: 0;
  width: 100%;
}

/* Compact promotions discovery page */
.promo-page {
  --res-ink:#111c2d;--res-muted:#637083;--res-purple:var(--sox-primary,#6d4aff);--res-purple-dark:var(--sox-primary-dark,#4e2fd0);
  --res-blue:var(--sox-secondary,#3787f5);--res-teal:var(--sox-accent,#10b7a1);--res-coral:#ff6174;--res-yellow:var(--sox-highlight,#ffc94a);
  --res-paper:var(--sox-background,#f6f8fc);--res-line:var(--sox-border,#e5e9f1);--res-white:#fff;
  background:var(--res-white)!important;color:var(--res-ink);
}
.promo-page .box-container,.promo-page .promo-main,.promo-page .promo-section{background:var(--res-white)!important}
.promo-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px}
.promo-hero{min-height:200px;padding:32px 0 24px;border-bottom:1px solid var(--res-line);background:#fff}
.promo-hero-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.promo-hero h1{margin:0 0 8px;color:var(--res-ink);font-size:42px;line-height:1.08;letter-spacing:0}
.promo-hero p{margin:0;color:var(--res-muted);font-size:17px}
.promo-hero ul{display:flex;gap:24px;margin:8px 0 0;padding:0;list-style:none;color:var(--res-muted);font-size:13px}
.promo-hero li i{margin-right:6px;color:var(--res-teal)}
.promo-search{display:flex;max-width:560px;height:46px;margin-top:20px}
.promo-search input{min-width:0;flex:1;padding:0 16px;border:1px solid var(--res-line);border-right:0;border-radius:8px 0 0 8px;color:var(--res-ink);background:#fff}
.promo-search button{width:48px;border:0;border-radius:0 8px 8px 0;background:var(--sox-cta-bg,var(--res-blue));color:var(--sox-cta-text,#fff)}.promo-search button:hover{background:var(--sox-primary-dark,var(--res-purple-dark))}
.promo-primary-filters,.promo-secondary-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.promo-primary-filters button,.promo-secondary-filters button,.promo-empty button,.promo-mobile-filter{min-height:38px;padding:7px 15px;border:1px solid var(--res-line);border-radius:8px;background:#fff;color:var(--res-ink);font-weight:600;cursor:pointer}
.promo-primary-filters button.active,.promo-secondary-filters button.active,.promo-empty button{border-color:var(--sox-cta-bg,var(--res-blue));background:var(--sox-cta-bg,var(--res-blue));color:#fff}
.promo-content{padding-top:32px;padding-bottom:40px}.promo-section{margin-bottom:40px}.promo-section[hidden]{display:none!important}
.promo-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.promo-heading span{display:block;margin-bottom:4px;color:var(--res-purple);font-size:12px;font-weight:700;text-transform:uppercase}.promo-heading h2{margin:0;color:var(--res-ink);font-size:28px;letter-spacing:0}
.promo-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.promo-feature-card,.promo-other-card{position:relative;display:flex;min-height:216px;flex-direction:column;padding:18px;border:1px solid var(--res-line);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(17,28,45,.04);transition:.18s ease}
.promo-feature-card:hover,.promo-other-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--sox-primary, #6d4aff) 45%, transparent);box-shadow:0 6px 18px rgba(17,28,45,.07)}
.promo-card-category{color:var(--res-purple);font-size:12px;font-weight:700;text-transform:uppercase}.promo-feature-card h3,.promo-other-card h3{margin:10px 0 4px;color:var(--res-ink);font-size:21px}.promo-feature-price{margin-bottom:4px;color:var(--res-ink);font-size:25px;font-weight:700}.promo-regular,.promo-renewal{margin:1px 0;color:var(--res-muted);font-size:12px}.promo-regular .promo-money{text-decoration:line-through}.promo-eligibility{margin-top:4px;color:var(--res-muted)}
.promo-discount{align-self:flex-start;padding:4px 8px;border-radius:6px;background:rgba(109,74,255,.12);color:#6d4aff;font-size:12px;font-weight:700}.promo-feature-card>.promo-discount,.promo-other-card>.promo-discount{position:absolute;top:16px;right:16px}
.promo-info-link{margin-top:auto;padding-top:12px;color:var(--res-blue);font-size:13px;font-weight:700}.promo-info-link:hover{color:var(--res-purple-dark)}.promo-info-link i{margin-left:4px;font-size:10px}
.promo-limited-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-limited-card{display:grid;min-height:110px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--res-line);border-radius:10px;background:#fff}.promo-limited-card h3{margin:0;color:var(--res-ink);font-size:18px}.promo-limited-card small{color:var(--res-muted)}.promo-limited-price{font-weight:700}.promo-countdown{grid-column:2/4;padding:6px 8px;border-radius:6px;background:var(--res-paper);color:var(--res-ink);font-size:12px;font-weight:700}.promo-countdown.urgent{color:var(--res-coral)}.promo-limited-card .promo-info-link{grid-column:2/4;padding-top:0}
.promo-domain-tools{display:flex;align-items:center;gap:12px;margin-bottom:16px}.promo-domain-tools>input{width:210px;height:40px;padding:0 12px;border:1px solid var(--res-line);border-radius:8px}.promo-domain-tools .promo-secondary-filters{margin:0;flex:1}.promo-domain-tools label{display:flex;align-items:center;gap:8px;color:var(--res-muted);white-space:nowrap}.promo-domain-tools select{height:40px;padding:0 9px;border:1px solid var(--res-line);border-radius:8px;background:#fff;color:var(--res-ink)}.promo-mobile-filter{display:none}
.promo-table{border:1px solid var(--res-line);border-radius:10px;overflow:hidden}.promo-table-head,.promo-table-row{display:grid;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--res-line)}.promo-domain-table .promo-table-head,.promo-domain-table .promo-table-row{grid-template-columns:1.2fr .7fr .9fr .9fr 1fr 1.15fr}.promo-service-table .promo-table-head,.promo-service-table .promo-table-row{grid-template-columns:1.35fr .7fr .7fr .85fr .85fr .9fr 1.05fr}.promo-table-head{background:var(--res-paper);color:var(--res-muted);font-size:12px;font-weight:700;text-transform:uppercase}.promo-table-row:last-child{border-bottom:0}.promo-row-title{color:var(--res-ink)}.promo-row-type{color:var(--res-purple);font-size:12px;text-transform:capitalize}.promo-row-sale{color:var(--res-ink);font-weight:700}.promo-row-regular{color:var(--res-muted);text-decoration:line-through}.promo-row-renewal{color:var(--res-muted)}.promo-table-row .promo-info-link{margin:0;padding:0}.promo-domain-note{margin:16px 0 0;padding:11px 16px;border-radius:6px;background:color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, transparent);color:var(--res-muted);font-size:12px;text-align:center}
.promo-other-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.promo-other-card{min-height:190px}.promo-empty{padding:32px;border:1px solid var(--res-line);border-radius:10px;background:var(--res-paper);text-align:center}.promo-empty button{margin-top:8px}
.promo-trust{padding:24px 0;border-top:1px solid var(--res-line);background:var(--res-paper)}.promo-trust .promo-container{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.promo-trust .promo-container>div{display:grid;grid-template-columns:32px 1fr;align-items:center}.promo-trust i{grid-row:1/3;color:var(--res-blue);font-size:20px}.promo-trust strong{color:var(--res-ink);font-size:13px}.promo-trust small{color:var(--res-muted)}
@media (min-width:768px) and (max-width:1023px){.promo-featured-grid,.promo-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-limited-grid{grid-template-columns:1fr}.promo-domain-tools{flex-wrap:wrap}.promo-domain-tools .promo-secondary-filters{order:3;flex-basis:100%}.promo-table-head{display:none}.promo-table-row{grid-template-columns:repeat(3,1fr)!important}.promo-trust .promo-container{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.promo-container{padding-inline:16px}.promo-hero{min-height:0;padding:24px 0 20px}.promo-hero-grid{display:block}.promo-hero h1{font-size:31px}.promo-hero ul{flex-wrap:wrap;gap:8px 16px;margin-top:14px}.promo-search{max-width:none}.promo-primary-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.promo-primary-filters button{white-space:nowrap}.promo-content{padding-top:24px}.promo-heading h2{font-size:24px}.promo-featured-grid{display:flex;gap:12px;margin-inline:-16px;padding:0 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory}.promo-feature-card{min-width:87%;scroll-snap-align:start}.promo-limited-grid{grid-template-columns:1fr}.promo-limited-card{grid-template-columns:auto 1fr}.promo-limited-price{grid-column:2}.promo-countdown,.promo-limited-card .promo-info-link{grid-column:2}.promo-domain-tools{flex-wrap:wrap}.promo-domain-tools>input{width:calc(100% - 112px);flex:1}.promo-mobile-filter{display:block}.promo-secondary-filters{display:none;width:100%;order:3}.promo-secondary-filters.open{display:flex}.promo-domain-tools label{width:100%;justify-content:space-between}.promo-domain-tools select{flex:1}.promo-table{border:0;overflow:visible}.promo-table-head{display:none}.promo-table-row{position:relative;display:grid!important;grid-template-columns:1fr auto!important;gap:6px 12px;margin-bottom:8px;padding:14px;border:1px solid var(--res-line);border-radius:8px}.promo-table-row .promo-discount{grid-column:2;grid-row:1}.promo-row-sale{font-size:20px;font-weight:700}.promo-row-regular{grid-column:2}.promo-row-renewal{grid-column:1/3;font-size:12px}.promo-row-type{display:none}.promo-table-row .promo-info-link{grid-column:1/3;padding-top:4px}.promo-other-grid{grid-template-columns:1fr}.promo-trust .promo-container{grid-template-columns:repeat(3,1fr);text-align:center}.promo-trust .promo-container>div{display:flex;flex-direction:column}.promo-trust i{margin-bottom:5px}.promo-trust-extra{display:none!important}.promo-trust small{display:none}}
@media (min-width:1440px){.promo-container{max-width:1240px}}

/* Centered promotions hero */
.promo-page .promo-main{padding-top:0}

.promo-page .promo-hero{
  position: relative;
  overflow: visible;
  min-height: 0;
  padding: 138px 0 120px;
  text-align: left;
  color: #fff;
  border-bottom: 0;
  background: var(--sox-primary-dark, #4e2fd0);
}
.promo-page .promo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .10;
  background: rgba(255,255,255,.08);
}
.promo-page .promo-hero > .container{
  position: relative;
  z-index: 1;
  display: block;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.promo-page .promo-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  color: var(--sox-highlight, #ffc94a);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.promo-page .promo-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}
.promo-page .promo-hero h1,
.promo-page .promo-hero-grid h1{
  max-width: 720px;
  margin: 0 0 18px;
  color: #fff !important;
  font-family: inherit;
  font-size: clamp(28px, 4.2vw, 52px);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
}
.promo-page .promo-hero p,
.promo-page .promo-hero-grid p{
  max-width: 620px;
  margin: 0;
  color: #d9e5ee !important;
  font-size: 18px;
  line-height: 1.72;
}
.promo-page .promo-hero-panel{
  margin-top: 42px;
  padding: 8px 4px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  background: rgba(255,255,255,.12);
}
.promo-page .promo-hero-stat{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  color: #fff;
}
.promo-page .promo-hero-stat + .promo-hero-stat{
  border-top: 1px solid rgba(255,255,255,.16);
}
.promo-page .promo-hero-stat span{
  color: #d9e5ee;
  font-size: 13px;
  font-weight: 700;
}
.promo-page .promo-hero-stat b{
  color: #fff;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: 0;
}
.promo-page .promo-hero-controls{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: auto;
  margin: -48px 0 8px;
  padding: 18px 20px;
  border: 1px solid var(--res-line, #e5e9f2);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px -16px rgba(15, 26, 40, 0.22);
}
.promo-page .promo-filter-group{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.promo-page .promo-filter-group>span,.promo-page .promo-global-sort{color:var(--res-muted);font-size:12px;font-weight:700}
.promo-page .promo-filter-group>span{flex:0 0 auto;white-space:nowrap;margin:0}
.promo-page .promo-filter-group .promo-primary-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0;min-width:0}
.promo-page .promo-global-sort{display:flex;align-items:center;gap:8px;white-space:nowrap;flex:0 0 auto;margin:0}
.promo-page .promo-global-sort select{height:38px;min-width:180px;padding:0 10px;border:1px solid var(--res-line);border-radius:8px;background:#fff;color:var(--res-ink)}
@media (max-width:991px){
  .promo-page .promo-hero{padding-bottom:108px;text-align:left}
  .promo-page .promo-hero .sox-page-breadcrumb{text-align:left}
  .promo-page .promo-hero h1,.promo-page .promo-hero p{margin-left:0;margin-right:auto}
  .promo-page .promo-hero-panel{max-width:100%;margin:28px 0 0}
}
@media (max-width:767px){
  .promo-page .promo-hero{padding-bottom:96px}
  .promo-page .promo-hero h1{font-size:28px;max-width:100%}
  .promo-page .promo-hero p{font-size:16px;max-width:100%}
  .promo-page .promo-hero-panel{margin-top:24px}
  .promo-page .promo-hero-controls{align-items:stretch;flex-direction:column;gap:12px;margin-top:-36px}
  .promo-page .promo-filter-group{width:100%;min-width:0;align-items:flex-start;flex-direction:column;gap:8px}
  .promo-page .promo-filter-group .promo-primary-filters{width:100%;max-width:100%;min-width:0}
  .promo-page .promo-global-sort{justify-content:space-between}
  .promo-page .promo-global-sort select{min-width:0;flex:1}
}
@media (max-width:575px){
  .promo-page .promo-hero h1{font-size:26px}
  .promo-page .promo-hero-stat{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px}
  .promo-page .promo-hero-stat b{font-size:20px}
}

/* Copyable promotion codes in comparison tables */
.promo-page .promo-domain-table .promo-table-head,
.promo-page .promo-domain-table .promo-table-row{grid-template-columns:1.1fr .62fr .8fr .8fr .88fr 1fr 1.02fr}
.promo-page .promo-service-table .promo-table-head,
.promo-page .promo-service-table .promo-table-row{grid-template-columns:1.12fr .58fr .62fr .72fr .72fr .8fr .92fr .98fr}
.promo-page .promo-code-copy{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:6px;padding:7px 9px;border:1px dashed color-mix(in srgb, var(--sox-primary, #6d4aff) 45%, transparent);border-radius:6px;background:color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, transparent);color:var(--res-purple);font-size:11px;font-weight:700;white-space:nowrap}
.promo-page .promo-code-copy:hover,.promo-page .promo-code-copy.copied{border-style:solid;background:var(--res-purple);color:#fff}
.promo-page .promo-code-copy:disabled{cursor:default;opacity:.55}
@media (max-width:767px){
  .promo-page .promo-table-row .promo-code-copy{grid-column:1/3;justify-self:start;margin-top:3px}
  .promo-page [data-promo-section="featured"],
  .promo-page [data-promo-section="limited"]{display:none!important}
  .promo-page .promo-content{padding-top:16px}
}

/* SWIPER CORE FIXES */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  align-items: stretch;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
}

.popular-domains-swiper {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  list-style: none;
  padding-bottom: 24px;
  padding-top: 10px;
  box-sizing: border-box;
}

.popular-domains-swiper > .swiper-wrapper,
.popular-domains-swiper.swiper-container-autoheight > .swiper-wrapper {
  width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.popular-domains-swiper .swiper-slide {
  display: flex;
  height: auto;
  min-width: 0;
  box-sizing: border-box;
}

.popular-domains-swiper .swiper-wrapper,
.popular-domains-swiper.swiper-container-autoheight .swiper-wrapper {
  align-items: stretch;
  height: auto;
}

.popular-domain-card {
  background: var(--pd-card, #ffffff);
  border: 1px solid transparent;
  border-radius: var(--sox-radius-md, 16px);
  padding: 24px;
  box-shadow: 0 10px 28px rgba(12, 8, 40, 0.16);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0px;
  width: 100%;
  min-width: 0;
  color: var(--pd-card-ink, #151522);
  container-type: inline-size;
  container-name: popular-domain-card;
  overflow: hidden;
}

.popular-domain-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(12, 8, 40, 0.22);
}

.pd-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}

.pd-country {
  display: flex;
  align-items: center;
  min-width: 0;
  font-weight: 600;
  font-size: 11px;
  color: var(--pd-card-ink, #151522);
}

.pd-icon-wrap {
  width: 38px;
  height: 30px;
  margin-right: 9px;
  border: 1px solid var(--pd-card-line, #e6e4ea);
  border-radius: 5px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  overflow: hidden;
}

.pd-domain-icon {
  display: block;
  width: 34px;
  height: 24px;
  object-fit: contain;
}

.pd-country-name {
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.pd-flag {
  font-size: 20px;
  margin-right: 8px;
}

.pd-code {
  flex: 0 0 auto;
  margin-left: 8px;
  background: var(--sox-primary-soft, rgba(109, 74, 255, .12));
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--sox-primary-dark, #4e2fd0);
  white-space: nowrap;
}

.pd-tld {
  display: block;
  max-width: 100%;
  font-weight: 800;
  font-size: clamp(1.15rem, 11cqi, 34px);
  color: var(--pd-card-ink, #151522);
  min-height: 44px;
  margin: 26px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: keep-all;
}

.pd-desc {
  color: var(--pd-card-muted, #565B68);
  font-size: 15px;
  line-height: 1.5;
  margin-top: 10px;
  min-height: 68px;
  margin-bottom: 0;
  flex-grow: 1;
}

.pd-price-area {
  min-height: 76px;
  margin-top: 20px;
}

.pd-from-label {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  color: var(--pd-card-muted, #565B68);
}

.pd-price-display {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 5px;
  color: var(--pd-card-ink, #151522);
}

.pd-amount,
.pd-price-value {
  font-weight: 800;
  font-size: 26px;
  line-height: 1.15;
}

.pd-currency {
  font-weight: 700;
  font-size: 18px;
}

.pd-period {
  font-size: 14px;
  color: var(--pd-card-muted, #565B68);
}

.pd-original-price {
  color: #848995;
  font-size: 13px;
  font-weight: 600;
  text-decoration: line-through;
}

.pd-offer-term {
  display: block;
  min-height: 18px;
  margin-top: 3px;
  color: var(--sox-primary, #6d4aff);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

.pd-card-skeleton {
  min-height: 338px;
  border-color: transparent;
  background: #f4f1fb;
  animation: pd-skeleton-pulse 1.2s ease-in-out infinite;
}

.pd-load-message {
  width: 100%;
  padding: 34px 20px;
  border-radius: var(--sox-radius-md, 16px);
  background: rgba(255, 255, 255, 0.12);
  color: var(--pd-heading, #ffffff);
  text-align: center;
}

@keyframes pd-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .62; }
}

@media (prefers-reduced-motion: reduce) {
  .pd-card-skeleton { animation: none; }
  .popular-domain-card,
  .pd-search-btn,
  .pd-swiper-prev,
  .pd-swiper-next {
    transition: none;
  }
}

.sox-unified-ui .popular-domains-section a.pd-search-btn {
  display: block;
  width: 100%;
  text-align: center;
  background-color: var(--pd-cta, var(--sox-primary, #6d4aff));
  background-image: none;
  border: 1.5px solid transparent;
  color: var(--pd-cta-text, #ffffff);
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0;
  margin-top: 20px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.sox-unified-ui .popular-domains-section a.pd-search-btn:hover,
.sox-unified-ui .popular-domains-section a.pd-search-btn:focus-visible {
  background-color: var(--pd-cta-hover, var(--sox-primary-dark, #4e2fd0));
  color: var(--pd-cta-hover-text, var(--pd-cta-text, #ffffff));
}

.pd-search-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 42%, #ffffff);
  outline-offset: 2px;
}

/* CAROUSEL ARROWS */
.pd-swiper-prev, .pd-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: 0 8px 22px rgba(12, 8, 40, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  color: var(--sox-search-btn-bg, var(--sox-primary, #6d4aff));
  transition: color 0.2s ease, box-shadow 0.2s ease;
}

.pd-swiper-prev:hover, .pd-swiper-next:hover,
.pd-swiper-prev:focus-visible, .pd-swiper-next:focus-visible {
  box-shadow: 0 10px 26px rgba(12, 8, 40, 0.28);
  color: var(--sox-search-btn-hover, var(--sox-primary-dark, #4e2fd0));
}

.pd-swiper-prev {
  left: -24px;
}

.pd-swiper-next {
  right: -24px;
}

.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pd-swiper-pagination {
  display: none;
}

/* SEASONAL DOMAIN SHOWCASE (ST4) — eyebrow band with inverted header copy */
.seasonal-domain-showcase {
  --sox-sds-band: var(--sox-home-eyebrow, var(--sox-search-btn-bg, var(--sox-primary, #6d4aff)));
  --sox-sds-heading: #ffffff;
  --sox-sds-eyebrow: color-mix(in srgb, #ffffff 75%, var(--sox-sds-band));
  --sox-sds-link: #ffffff;
  padding: 28px 0 36px;
  background: var(--sox-sds-band);
  color: var(--sox-sds-heading);
  border-bottom: 1px solid color-mix(in srgb, var(--sox-sds-band) 82%, #000000);
}

[data-background="dark"] .seasonal-domain-showcase {
  --sox-sds-band: color-mix(in srgb, var(--sox-home-eyebrow, var(--sox-search-btn-bg, var(--sox-primary, #6d4aff))) 88%, #000000);
}

.seasonal-domain-showcase[hidden] {
  display: none !important;
}

.sds-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 15px;
}

.sds-header-block {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 34px;
}

.sds-heading-copy {
  max-width: 720px;
}

.sds-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--sox-sds-eyebrow, var(--sox-primary, #6d4aff));
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.sds-title {
  margin: 0;
  color: var(--sox-sds-heading, var(--sox-text, #151522));
  font-size: 38px;
  font-weight: 800;
  line-height: 1.08;
}

.sds-see-all {
  flex: 0 0 auto;
  margin-bottom: 6px;
  color: var(--sox-sds-link, var(--sox-home-link, var(--sox-primary, #6d4aff)));
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.sds-see-all:hover {
  color: color-mix(in srgb, #ffffff 82%, var(--sox-sds-band, var(--sox-primary, #6d4aff)));
  text-decoration: underline;
}

[data-theme$="-independence"] .sox-unified-ui .seasonal-domain-showcase .sds-see-all:hover,
[data-theme$="-patriotic"] .sox-unified-ui .seasonal-domain-showcase .sds-see-all:hover {
  color: #ffffff !important;
}

[data-theme="halloween"] .sox-unified-ui .seasonal-domain-showcase .sds-see-all:hover {
  color: #141422 !important;
}

[data-theme="black-friday"] .sox-unified-ui .seasonal-domain-showcase .sds-see-all:hover {
  color: var(--sox-primary-dark, #4e2fd0) !important;
}

.sds-carousel-wrapper {
  position: relative;
  min-width: 0;
}

.seasonal-domains-swiper {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  list-style: none;
  padding-bottom: 24px;
  padding-top: 10px;
  box-sizing: border-box;
}

.seasonal-domains-swiper > .swiper-wrapper,
.seasonal-domains-swiper.swiper-container-autoheight > .swiper-wrapper,
.seasonal-domains-swiper .swiper-wrapper {
  width: 100%;
  height: auto;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  align-items: stretch;
}

.seasonal-domains-swiper .swiper-slide {
  display: flex;
  height: auto;
  min-width: 0;
  box-sizing: border-box;
}

.seasonal-domain-card {
  background: #FFFFFF;
  border: 1px solid #E6E4EA;
  border-radius: 9px;
  padding: 24px;
  box-shadow: 0 4px 14px rgba(8, 21, 46, 0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 390px;
  width: 100%;
  min-width: 0;
  container-type: inline-size;
  container-name: seasonal-domain-card;
  overflow: hidden;
}

.seasonal-domain-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(8, 21, 46, 0.06);
}

.sds-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}

.sds-domain-meta {
  display: flex;
  align-items: center;
  min-width: 0;
  font-weight: 600;
  font-size: 11px;
  color: #151522;
}

.sds-icon-wrap {
  width: 38px;
  height: 30px;
  margin-right: 9px;
  border: 1px solid #e6e4ea;
  border-radius: 5px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  overflow: hidden;
}

.sds-domain-icon {
  display: block;
  width: 34px;
  height: 24px;
  object-fit: contain;
}

.sds-domain-label {
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.sds-code {
  flex: 0 0 auto;
  margin-left: 8px;
  background: rgba(109, 74, 255, .12);
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 700;
  color: #6d4aff;
  white-space: nowrap;
}

.sds-code--empty {
  visibility: hidden;
}

.sds-tld {
  display: block;
  max-width: 100%;
  font-weight: 800;
  font-size: clamp(1.15rem, 11cqi, 34px);
  color: #151522;
  min-height: 44px;
  margin: 26px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: keep-all;
}

.sds-desc {
  color: #565B68;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 10px;
  min-height: 68px;
  margin-bottom: 0;
  flex-grow: 1;
}

.sds-registry-note {
  margin: 10px 0 0;
  padding: 8px 10px;
  border-left: 3px solid var(--sox-primary, #6d4aff);
  border-radius: 0 6px 6px 0;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, #fff);
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}

.seasonal-domain-card:has(.sds-registry-note) .sds-desc {
  min-height: 44px;
  flex-grow: 0;
}

.sds-price-area {
  min-height: 76px;
  margin-top: 20px;
}

.sds-from-label {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  color: #565B68;
}

.sds-price-display {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 5px;
  color: #151522;
}

.sds-price-value {
  font-weight: 800;
  font-size: 26px;
  line-height: 1.15;
}

.sds-period {
  font-size: 14px;
  color: #565B68;
}

.sds-original-price {
  color: #848995;
  font-size: 13px;
  font-weight: 600;
  text-decoration: line-through;
}

.sds-cta {
  display: block;
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  border: 1.5px solid var(--sox-primary, #6d4aff);
  color: var(--sox-primary, #6d4aff);
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0;
  margin-top: 20px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.sds-cta:hover {
  background: var(--sox-primary, #6d4aff);
  color: #FFFFFF;
}

.sds-swiper-prev,
.sds-swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E6E4EA;
  border-radius: 50%;
  background: #FFFFFF;
  color: #151522;
  box-shadow: 0 4px 12px rgba(8, 21, 46, 0.05);
  cursor: pointer;
  z-index: 10;
}

.sds-swiper-prev { left: -20px; }
.sds-swiper-next { right: -20px; }

.sds-swiper-prev:hover,
.sds-swiper-next:hover {
  color: var(--sox-primary, #6d4aff);
}

.sds-card-skeleton {
  min-height: 390px;
  border-radius: 14px;
  background: color-mix(in srgb, #ffffff 24%, var(--sox-sds-band, var(--sox-primary, #6d4aff)));
  animation: pd-skeleton-pulse 1.4s ease-in-out infinite;
}

.box-container .seasonal-domain-showcase .sds-title.mergecolor {
  color: var(--sox-sds-heading, #ffffff) !important;
}

.sds-swiper-pagination {
  display: none;
}

@media (max-width: 991px) {
  .sds-header-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .sds-title {
    font-size: 32px;
  }

  .sds-swiper-prev,
  .sds-swiper-next {
    display: none;
  }
}

/* EXPLORE REGIONS SECTION */
.explore-regions-section {
  background-color: #fcfaff;
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
}

/* Map Dots Background */
.world-map-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 5%, #fcfaff);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

.er-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.er-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.er-left-col {
  width: 40%;
  padding-right: 40px;
  padding-top: 80px;
}

.er-right-col {
  width: 60%;
  padding-top: 80px;
}

.er-eyebrow {
  display: block;
  text-transform: uppercase;
  color: var(--sox-primary, #6d4aff);
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 14px;
  margin-bottom: 14px;
}

.er-title {
  color: #151522;
  font-weight: 800;
  font-size: 48px;
  margin: 0 0 16px 0;
  line-height: 1.2;
}

.er-desc {
  color: #565B68;
  font-size: 18px;
  line-height: 1.5;
  max-width: 420px;
  margin-bottom: 24px;
}

.er-cta {
  display: inline-block;
  background: var(--sox-primary, #6d4aff);
  color: #FFFFFF;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.er-cta:hover {
  background: var(--sox-primary-dark, #4e2fd0);
  color: #FFFFFF;
}

/* Region Cards Grid */
.er-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.region-card {
  background: #FFFFFF;
  border-radius: 10px;
  min-width: 0;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 14px rgba(8, 21, 46, 0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}

.region-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(8, 21, 46, 0.06);
}

.region-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  color: var(--sox-chip-fg);
  background: var(--sox-chip-bg);
}

.icon-americas,
.icon-north-america,
.icon-south-america,
.icon-europe,
.icon-asia,
.icon-africa,
.icon-oceania { background: var(--sox-chip-bg); color: var(--sox-chip-fg); }

.region-info {
  display: flex;
  flex-direction: column;
}

.region-name {
  color: #151522;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 4px;
}

.region-link {
  color: var(--sox-primary, #6d4aff);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.region-link i {
  margin-left: 4px;
  transition: transform 0.2s ease;
}

.region-card:hover .region-link i {
  transform: translateX(3px);
}

/* Responsive */
@media (max-width: 991px) {
  .er-left-col, .er-right-col {
    width: 100%;
    padding-right: 0;
  }
  .er-left-col {
    padding-top: 40px;
    margin-bottom: 40px;
    text-align: center;
  }
  .er-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .er-right-col {
    padding-top: 0;
  }
  .world-map-bg {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .er-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .pd-swiper-prev {
    left: 8px;
  }
  .pd-swiper-next {
    right: 8px;
  }
}

@media (max-width: 767px) {
  .pd-title, .er-title {
    font-size: 26px;
  }
  .er-cards-grid {
    grid-template-columns: 1fr;
  }
  .pd-swiper-prev, .pd-swiper-next {
    display: none; /* Hide arrows on mobile, rely on swipe */
  }
  .popular-domains-swiper {
    padding-bottom: 40px;
  }
  .pd-swiper-pagination {
    position: absolute;
    bottom: 9px;
    left: 50%;
    display: block;
    width: 144px;
    height: 20px;
    min-height: 20px;
    overflow: hidden;
    transform: translateX(-50%);
  }
  .pd-pagination-track {
    display: flex;
    align-items: center;
    width: max-content;
    height: 20px;
    gap: 10px;
  }
  .pd-position-dot {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.38);
    cursor: pointer;
  }
  .pd-position-dot.is-active {
    background: #fff;
  }
}

/* HOME DOMAIN TRANSFER CTA - high-contrast marketing band */
.home-transfer {
  --ht-bg: #11081f;
  --ht-slab: var(--sox-search-btn-bg, #6d4aff);
  --ht-site: var(--sox-search-btn-hover, #3b82f6);
  --ht-cta: var(--sox-search-btn-bg, #6d4aff);
  --ht-cta-hover: var(--sox-search-btn-hover, #4e2fd0);
  --ht-cta-text: var(--sox-search-btn-text, #ffffff);
  --ht-cta-hover-text: var(--sox-search-btn-hover-text, #ffffff);
  --ht-heading: #ffffff;
  --ht-body: rgba(255, 255, 255, 0.82);
  position: relative;
  overflow: hidden;
  background: var(--ht-bg);
  color: var(--ht-heading);
}

.home-transfer-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 72px 24px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 1.08fr);
  gap: 40px 56px;
  align-items: center;
}

.home-transfer-copy {
  position: relative;
  z-index: 1;
  max-width: 34rem;
}

.home-transfer .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-transfer-copy h2 {
  margin: 0 0 18px;
  color: var(--ht-heading, #ffffff);
  font-size: clamp(32px, 4.2vw, 48px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.home-transfer-copy p {
  margin: 0 0 28px;
  max-width: 32rem;
  color: var(--ht-body, rgba(255, 255, 255, 0.82));
  font-size: 18px;
  line-height: 1.55;
}

.home-transfer-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 26px;
  border-radius: 8px;
  background: var(--ht-cta);
  color: var(--ht-cta-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.home-transfer-cta:hover,
.home-transfer-cta:focus-visible {
  background: var(--ht-cta-hover);
  color: var(--ht-cta-hover-text);
}

.home-transfer-cta:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.home-transfer-visual {
  position: relative;
  min-height: 440px;
  height: 100%;
}

.ht-slab {
  position: absolute;
  top: 14%;
  right: -2%;
  bottom: 0;
  left: 28%;
  background: var(--ht-slab);
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

.ht-site {
  position: absolute;
  top: 8%;
  right: 10%;
  bottom: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  background: var(--ht-site);
  box-shadow: 0 18px 40px rgba(8, 4, 24, 0.35);
}

.ht-site-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 46%;
  padding: 0 8% 8%;
  color: #ffffff;
}

.ht-site-copy span:first-child {
  font-size: clamp(15px, 1.6vw, 22px);
  font-weight: 600;
  line-height: 1.2;
}

.ht-site-copy strong {
  display: block;
  margin: 2px 0 18px;
  font-size: clamp(28px, 3.4vw, 46px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
}

.ht-site-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ht-art {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58%;
  height: 100%;
  pointer-events: none;
}

.ht-globe-art {
  position: absolute;
  right: -8%;
  bottom: -12%;
  width: 92%;
  height: 92%;
  color: rgba(255, 255, 255, 0.28);
}

.ht-globe-art svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ht-tld {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(8, 4, 24, 0.18);
  color: #1a1528;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.ht-tld-1 {
  top: 28%;
  right: 18%;
}

.ht-tld-2 {
  top: 48%;
  right: 42%;
}

.ht-tld-3 {
  top: 64%;
  right: 14%;
}

.ht-domain-bar {
  position: absolute;
  top: 18%;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(340px, calc(100% - 16px));
  min-height: 52px;
  margin: 0;
  padding: 8px 8px 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(8, 4, 24, 0.22);
  color: #1a1528;
}

.ht-domain-bar:focus-within {
  box-shadow: 0 10px 28px rgba(8, 4, 24, 0.22), 0 0 0 3px rgba(109, 74, 255, 0.35);
}

.ht-globe {
  display: inline-flex;
  color: var(--ht-cta);
}

.ht-globe svg {
  width: 22px;
  height: 22px;
}

.ht-domain {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: #1a1528;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.ht-domain::placeholder {
  color: #8b8499;
  font-weight: 600;
}

.ht-domain:focus {
  outline: none;
}

.ht-xfer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: var(--ht-cta);
  color: var(--ht-cta-text);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ht-xfer:hover,
.ht-xfer:focus-visible {
  background: var(--ht-cta-hover);
  color: var(--ht-cta-hover-text);
}

.ht-xfer:focus-visible {
  outline: 2px solid #4e2fd0;
  outline-offset: 2px;
}

.ht-xfer svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 991px) {
  .home-transfer-inner {
    grid-template-columns: 1fr;
    padding: 56px 20px 0;
    gap: 28px;
  }

  .home-transfer-copy {
    max-width: none;
  }

  .home-transfer-visual {
    min-height: 340px;
    margin: 0 -20px;
  }

  .ht-slab {
    left: 34%;
  }

  .ht-site {
    left: 8%;
    right: 6%;
  }
}

@media (max-width: 767px) {
  .home-transfer-copy h2 {
    font-size: 32px;
  }

  .home-transfer-copy p {
    font-size: 16px;
  }

  .home-transfer-cta {
    width: 100%;
  }

  .home-transfer-visual {
    min-height: 300px;
  }

  .ht-site-copy {
    width: 50%;
    padding: 0 6% 10%;
  }

  .ht-domain-bar {
    left: 8px;
    min-height: 46px;
    padding: 6px 6px 6px 12px;
  }

  .ht-domain {
    font-size: 15px;
  }

  .ht-xfer {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }
}

[data-background="dark"] .home-transfer {
  --ht-bg: #11081f;
  background: var(--ht-bg);
  color: var(--ht-heading, #ffffff);
}

html[data-theme]:not([data-theme="default"]) .home-transfer {
  --ht-bg: var(--sox-promo-bg, #11081f);
  --ht-heading: var(--sox-hero-text, var(--sox-text, #111827));
  --ht-body: var(--sox-hero-muted, color-mix(in srgb, var(--sox-text, #111827) 72%, transparent));
  background: var(--ht-bg);
  color: var(--ht-heading);
}

html[data-theme]:not([data-theme="default"]) .home-transfer p {
  color: var(--ht-body);
}

/* HOME DOMAIN EXPERIENCE, REASONS AND FAQ */
.home-experience,
.home-domain-reasons,
.home-domain-faq {
  padding: 92px 0;
}

.home-experience {
  background: transparent;
}

/* home-experience section band: purple on light appearance, soft gray on dark appearance.
   Non-default themes swap the light-appearance band for --sox-promo-bg. */
.sox-unified-ui[data-background="light"] .home-experience.bg-colorstyle,
[data-background="light"] .home-experience.bg-colorstyle {
  background: #251951 !important;
  background-color: #251951 !important;
}

html[data-theme]:not([data-theme="default"]) .sox-unified-ui[data-background="light"] .home-experience.bg-colorstyle,
html[data-theme]:not([data-theme="default"])[data-background="light"] .home-experience.bg-colorstyle {
  background: var(--sox-promo-bg, #251951) !important;
  background-color: var(--sox-promo-bg, #251951) !important;
}

/* Light mode only: reasons band must differ from experience (keep both dark when promo is dark). */
html .sox-unified-ui[data-background="light"] .home-domain-reasons {
  --sox-home-reasons-bg: color-mix(in srgb, var(--sox-primary-dark, #4e2fd0) 12%, var(--sox-background, #f6f8fc));
  background: var(--sox-home-reasons-bg) !important;
}

html:is([data-theme="halloween"], [data-theme="black-friday"], [data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .home-domain-reasons {
  --sox-home-reasons-bg: color-mix(in srgb, var(--sox-promo-bg, #141422) 66%, #000000);
  background: var(--sox-home-reasons-bg) !important;
}

html:is([data-theme="halloween"], [data-theme="black-friday"], [data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .home-experience-inner {
  /* Slightly lifted from the experience outer band so the card reads apart from reasons. */
  background: color-mix(in srgb, var(--sox-promo-bg, #141422) 78%, #2a2a3c) !important;
}

.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience.bg-colorstyle,
:is([data-background="dark"], [data-background="origin"]) .home-experience.bg-colorstyle {
  background: #ebeff5 !important;
  background-color: #ebeff5 !important;
}

/* Dark appearance: readable copy on the light band (overrides seasonal white-text rules). */
:is([data-background="dark"], [data-background="origin"]) .home-experience .home-experience-inner {
  border-color: #d5dbe3;
  background: #ffffff;
}

:is([data-background="dark"], [data-background="origin"]) .home-experience :is(.home-experience-copy h2, .home-experience-copy .mergecolor, .home-experience-number, .home-experience-number span) {
  color: #15223a !important;
}

:is([data-background="dark"], [data-background="origin"]) .home-experience :is(.home-experience-copy p, .home-experience-copy .seccolor) {
  color: #52617a !important;
}

:is([data-background="dark"], [data-background="origin"]) .home-experience .home-experience-number strong {
  color: var(--sox-search-btn-bg, var(--sox-primary, #6d4aff)) !important;
}

:is([data-background="dark"], [data-background="origin"]) .home-experience .home-section-eyebrow {
  color: var(--sox-search-btn-bg, var(--sox-primary-dark, #4e2fd0)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience
:is(.mergecolor, .home-experience-copy h2, .home-experience-number, .home-experience-number span) {
  color: #15223a !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience
:is(.seccolor, .home-experience-copy p) {
  color: #52617a !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience .home-experience-number strong {
  color: var(--sox-search-btn-bg, var(--sox-primary, #6d4aff)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience .home-section-eyebrow {
  color: var(--sox-search-btn-bg, var(--sox-primary-dark, #4e2fd0)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-experience .home-experience-inner {
  border-color: #d5dbe3;
  background: #ffffff;
}

.home-experience-inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
  align-items: center;
  gap: 72px;
  padding: 58px 64px;
  border: 1px solid var(--sox-home-border, #e7e4ed);
  border-radius: 8px;
  background: var(--sox-home-section-bg, #f7f6fa);
}

.home-section-eyebrow {
  display: block;
  margin-bottom: 16px;
  color: var(--sox-home-eyebrow, var(--sox-primary, #6d4aff));
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-experience-copy h2,
.home-section-heading h2 {
  margin: 0;
  color: var(--sox-home-heading, #111827);
  font-size: 44px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

.home-experience-copy p {
  max-width: 560px;
  margin: 22px 0 0;
  font-size: 18px;
  line-height: 1.75;
  color: var(--sox-home-body, var(--sox-muted, #565b68));
}

.home-experience-number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: var(--sox-home-heading, #111827);
}

.home-experience-number strong {
  color: var(--sox-home-eyebrow, var(--sox-primary, #6d4aff));
  font-size: 176px;
  font-weight: 900;
  line-height: .78;
  letter-spacing: 0;
}

.home-experience-number span {
  margin-left: 22px;
  font-size: 48px;
  font-weight: 900;
  line-height: .98;
}

.home-domain-reasons {
  background: var(--sox-home-section-bg, #f6f8fc);
}

.home-why-choose {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, #f4f2ff);
  background-image:
    radial-gradient(1180px 420px at 8% -18%, color-mix(in srgb, var(--sox-primary, #6d4aff) 22%, #ffffff), transparent 64%),
    radial-gradient(880px 360px at 100% 118%, color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, #ffffff), transparent 58%);
}

.home-section-heading {
  max-width: 790px;
  margin: 0 auto 58px;
  text-align: center;
}

.home-reasons-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.home-reasons-grid article,
.home-reason-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 26px 24px 28px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, var(--sox-home-border, #e7e4ed));
  border-radius: var(--sox-radius-md, 16px);
  background: var(--sox-home-surface, #fff);
  box-shadow: 0 10px 28px rgba(25, 35, 60, 0.05);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.home-reasons-grid article:hover,
.home-reason-card:hover,
.home-reasons-grid article:focus-within,
.home-reason-card:focus-within {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 32%, var(--sox-home-border, #e7e4ed));
  box-shadow: 0 16px 36px rgba(77, 47, 208, 0.1);
}

.home-reason-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.home-reason-index {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--sox-primary, #6d4aff) 62%, #94a3b8);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
}

.home-reason-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: var(--sox-home-icon-bg, var(--sox-primary-soft, rgba(109, 74, 255, 0.10)));
  color: var(--sox-home-icon-color, var(--sox-primary, #6d4aff));
  font-size: 17px;
}

.home-why-choose .home-reason-icon {
  margin-bottom: 0;
}

.home-reasons-grid h3 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--sox-home-heading, #111827);
}

.home-reasons-grid p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--sox-home-body, var(--sox-muted, #475569));
}

.home-domain-faq {
  border-top: 1px solid var(--sox-home-border, #e7e4ed);
  background: var(--sox-home-section-bg, #f7f6fa);
}

.home-faq-accordion {
  max-width: 980px;
  margin: 0 auto;
  padding-top: 0 !important;
}

.home-faq-accordion .panel-title {
  width: 100%;
  border-right: 0;
  border-left: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.home-faq-accordion .panel-collapse {
  display: none;
}

.home-faq-accordion .panel-title .float-end {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
}

.home-faq-accordion .panel-title .fa-minus {
  display: none;
}

.home-faq-accordion .panel-title.active .fa-plus {
  display: none;
}

.home-faq-accordion .panel-title.active .fa-minus {
  display: inline-flex;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-reasons {
  background: var(--sox-home-section-bg, var(--sox-promo-bg, #141422));
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .seasonal-domain-showcase {
  background: var(--sox-sds-band, var(--sox-home-eyebrow, var(--sox-search-btn-bg, var(--sox-primary, #6d4aff))));
}

/* Light mode: override shared seasonal band so reasons ≠ experience. */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .home-domain-reasons {
  background: var(--sox-home-reasons-bg, color-mix(in srgb, var(--sox-promo-bg, #141422) 66%, #000000)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, color-mix(in srgb, var(--sox-primary, #6d4aff) 22%, transparent), transparent 62%),
    var(--sox-home-reasons-bg, color-mix(in srgb, var(--sox-promo-bg, #141422) 66%, #000000)) !important;
}

/* home-experience band color is set above; keep seasonal inner card styling. */

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.seasonal-domain-showcase, .home-experience, .home-domain-reasons) :is(.mergecolor, .sds-title, .home-experience-copy h2, .home-section-heading h2, .home-reasons-grid h3, .home-why-intl-grid h3) {
  color: var(--sox-sds-heading, var(--sox-hero-text, #ffffff)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .seasonal-domain-showcase .sds-eyebrow {
  color: var(--sox-sds-eyebrow, var(--sox-promo-text, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .seasonal-domain-showcase .sds-see-all {
  color: var(--sox-sds-link, var(--sox-link, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.home-experience, .home-domain-reasons) :is(.seccolor, .home-experience-copy p, .home-reasons-grid p, .home-why-intl-grid p) {
  color: var(--sox-home-body, var(--sox-hero-muted, #c9cdd3)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.home-experience, .home-domain-reasons) :is(.home-experience-number, .home-experience-number span) {
  color: #ffffff !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.home-experience, .home-domain-reasons) .home-experience-number strong {
  color: var(--sox-home-eyebrow, var(--sox-promo-text, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.home-experience, .home-domain-reasons) .home-section-eyebrow {
  color: var(--sox-home-eyebrow, var(--sox-promo-text, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui :is(.home-experience, .home-domain-reasons) .home-reason-icon {
  background: var(--sox-home-icon-bg, #000000) !important;
  color: var(--sox-home-icon-color, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-experience-inner {
  border-color: var(--sox-home-border, #34344a);
  background: var(--sox-home-section-bg, var(--sox-promo-bg, #141422));
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, color-mix(in srgb, var(--sox-primary, #6d4aff) 22%, transparent), transparent 62%),
    color-mix(in srgb, var(--sox-home-section-bg, #141422) 88%, #3a2a6a);
}

/* Keep dark/origin seasonal gradient; light mode uses the distinct reasons band above. */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, color-mix(in srgb, var(--sox-primary, #6d4aff) 22%, transparent), transparent 62%),
    color-mix(in srgb, var(--sox-home-section-bg, #141422) 88%, #3a2a6a);
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-reasons-grid article {
  border-color: var(--sox-home-border, #34344a);
  background: var(--sox-home-surface, #1c1c2b);
  box-shadow: none;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-reason-index {
  color: color-mix(in srgb, var(--sox-home-eyebrow, #ffffff) 70%, #94a3b8);
}

[data-background="dark"] .home-domain-reasons {
  background: #0f1c25;
}

[data-background="dark"] .home-experience {
  background: #ebeff5;
}

[data-background="dark"] .home-domain-faq {
  background: #111f2b;
}

[data-background="origin"] .home-domain-reasons {
  background: #0f1c25;
}

[data-background="origin"] .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, rgba(109, 74, 255, 0.18), transparent 62%),
    #152633;
}

[data-background="origin"] .home-reasons-grid article,
[data-background="origin"] .home-reason-card {
  background: #1a2834;
  box-shadow: none;
}

[data-background="origin"] .home-reasons-grid article,
[data-background="origin"] .home-domain-faq {
  border-color: #2b3c49;
}

[data-background="origin"] .home-reason-index {
  color: #9aa8b8;
}

[data-background="dark"] .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, rgba(109, 74, 255, 0.18), transparent 62%),
    #152633;
}

[data-background="dark"] .home-reasons-grid article,
[data-background="dark"] .home-reason-card {
  background: #1a2834;
  box-shadow: none;
}

[data-background="dark"] .home-reasons-grid article,
[data-background="dark"] .home-domain-faq {
  border-color: #2b3c49;
}

[data-background="dark"] .home-reason-index {
  color: #9aa8b8;
}

@media (max-width: 1199px) {
  .home-reasons-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 991px) {
  .home-experience-inner {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 48px;
  }
  .home-experience-copy {
    text-align: center;
  }
  .home-experience-copy p {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .pd-header-block {
    display: block;
    margin-bottom: 28px;
    text-align: left;
  }
  .pd-heading-copy {
    max-width: none;
  }
  .pd-see-all {
    display: inline-block;
    margin-top: 16px;
  }
  .popular-domain-card {
    min-height: 366px;
    padding: 20px;
  }
  .pd-tld {
    margin-top: 20px;
    font-size: clamp(1.05rem, 10.5cqi, 30px);
  }
  .pd-desc {
    min-height: 62px;
    font-size: 14px;
  }
  .pd-price-area {
    min-height: 70px;
    margin-top: 16px;
  }
  .pd-search-btn {
    margin-top: 16px;
  }
  .home-experience,
  .home-domain-reasons,
  .home-domain-faq {
    padding: 64px 0;
  }
  .home-experience-inner {
    gap: 38px;
    padding: 36px 24px;
  }
  .home-experience-copy h2,
  .home-section-heading h2 {
    font-size: 32px;
  }
  .home-experience-number {
    align-items: flex-end;
  }
  .home-experience-number strong {
    font-size: 112px;
  }
  .home-experience-number span {
    margin-left: 12px;
    font-size: 22px;
  }
  .home-section-heading {
    margin-bottom: 38px;
  }
  .home-reasons-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .home-reasons-grid article,
  .home-reasons-grid article:nth-child(3),
  .home-reasons-grid article:first-child {
    margin: 0;
    padding: 24px 22px;
    border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, var(--sox-home-border, #e7e4ed));
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-reasons-grid article,
  .home-reason-card {
    transition: none;
  }
}

/* Keep public FAQ sections light + dark text in every appearance (incl. origin). */
.sox-faq-white,
[data-background="dark"] .sox-faq-white,
[data-background="origin"] .sox-faq-white,
[data-background="light"] .box-container .sox-faq-white,
[data-background="dark"] .box-container .sox-faq-white,
[data-background="origin"] .box-container .sox-faq-white,
[data-background="light"] .box-container .sox-faq-white.bg-colorstyle,
[data-background="dark"] .box-container .sox-faq-white.bg-colorstyle,
[data-background="origin"] .box-container .sox-faq-white.bg-colorstyle {
  background: var(--sox-home-surface, #fff) !important;
  background-color: var(--sox-home-surface, #fff) !important;
}

.sox-faq-white .section-heading,
.sox-faq-white .panel-title,
.sox-faq-white h1,
.sox-faq-white h2,
.sox-faq-white .mergecolor,
[data-background="dark"] .sox-faq-white .section-heading,
[data-background="dark"] .sox-faq-white .panel-title,
[data-background="dark"] .sox-faq-white h1,
[data-background="dark"] .sox-faq-white h2,
[data-background="origin"] .sox-faq-white .section-heading,
[data-background="origin"] .sox-faq-white .panel-title,
[data-background="origin"] .sox-faq-white h1,
[data-background="origin"] .sox-faq-white h2,
[data-background="dark"] .box-container .sox-faq-white .section-heading,
[data-background="dark"] .box-container .sox-faq-white .panel-title,
[data-background="dark"] .box-container .sox-faq-white h1,
[data-background="dark"] .box-container .sox-faq-white h2,
[data-background="dark"] .box-container .sox-faq-white .mergecolor,
[data-background="origin"] .box-container .sox-faq-white .section-heading,
[data-background="origin"] .box-container .sox-faq-white .panel-title,
[data-background="origin"] .box-container .sox-faq-white h1,
[data-background="origin"] .box-container .sox-faq-white h2,
[data-background="origin"] .box-container .sox-faq-white .mergecolor {
  color: var(--sox-home-heading, #111827) !important;
}

/* Secondary-page closing CTAs sit inside FAQ bands; keep seasonal CTA fill readable. */
html .box-container :is(.reseller-bottom-cta, .service-bottom-cta, .ssl-final-inner) :is(h2, h3, .mergecolor, .title.mergecolor),
[data-background="light"] .box-container .sox-faq-white :is(.reseller-bottom-cta, .service-bottom-cta) :is(h2, h3, .mergecolor),
[data-background="dark"] .box-container .sox-faq-white :is(.reseller-bottom-cta, .service-bottom-cta) :is(h2, h3, .mergecolor),
html:is([data-theme="halloween"], [data-theme="black-friday"], [data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .box-container :is(.bg-colorstyle, .bg-seccolorstyle, .sec-bg1, .sec-bg2) :is(.reseller-bottom-cta, .service-bottom-cta, .ssl-final-inner) :is(.mergecolor, .section-heading.mergecolor, .title.mergecolor, h2, h3) {
  color: var(--sox-cta-text, #ffffff) !important;
}
html .box-container :is(.reseller-bottom-cta, .service-bottom-cta, .ssl-final-inner) span {
  color: color-mix(in srgb, var(--sox-cta-text, #ffffff) 82%, transparent) !important;
}
html .box-container :is(.reseller-bottom-cta, .service-bottom-cta, .ssl-final-inner) p {
  color: color-mix(in srgb, var(--sox-cta-text, #ffffff) 90%, transparent) !important;
}
html .box-container :is(.reseller-bottom-cta, .service-bottom-cta) .reseller-btn-light,
html .box-container .ssl-final-inner .ssl-btn-light {
  color: var(--sox-cta-bg, var(--sox-primary, #6d4aff)) !important;
  background: #fff !important;
}
html .box-container :is(.reseller-bottom-actions, .service-bottom-actions) > a:last-child {
  color: var(--sox-cta-text, #ffffff) !important;
}

.sox-faq-white .section-subheading,
.sox-faq-white .wrapper-collapse,
.sox-faq-white .info,
.sox-faq-white .info p,
.sox-faq-white .panel-title.seccolor,
.sox-faq-white .seccolor,
[data-background="dark"] .sox-faq-white .section-subheading,
[data-background="dark"] .sox-faq-white .wrapper-collapse,
[data-background="dark"] .sox-faq-white .info,
[data-background="dark"] .sox-faq-white .info p,
[data-background="dark"] .sox-faq-white .panel-title.seccolor,
[data-background="dark"] .sox-faq-white .seccolor,
[data-background="origin"] .sox-faq-white .section-subheading,
[data-background="origin"] .sox-faq-white .wrapper-collapse,
[data-background="origin"] .sox-faq-white .info,
[data-background="origin"] .sox-faq-white .info p,
[data-background="origin"] .sox-faq-white .panel-title.seccolor,
[data-background="origin"] .sox-faq-white .seccolor,
[data-background="dark"] .box-container .sox-faq-white .seccolor,
[data-background="origin"] .box-container .sox-faq-white .seccolor {
  color: var(--sox-home-body, #4b5563) !important;
  background-color: transparent !important;
}

.sox-faq-white .panel-title,
.home-faq-accordion .panel-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.sox-faq-white button.panel-title,
.home-faq-accordion button.panel-title {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: transparent;
}

.sox-faq-white .panel-title > span,
.home-faq-accordion .panel-title > span {
  flex: 1 1 auto;
  min-width: 0;
}

.sox-faq-white .panel-title .float-end,
.home-faq-accordion .panel-title .float-end {
  float: none !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  margin-left: 0;
}

.sox-faq-white .panel-title .fa-plus,
.sox-faq-white .panel-title .fa-minus,
.home-faq-accordion .panel-title .fa-plus,
.home-faq-accordion .panel-title .fa-minus {
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1;
  transition: background-color 180ms ease, color 180ms ease;
}

.sox-faq-white .panel-title .fa-plus,
.home-faq-accordion .panel-title .fa-plus {
  display: inline-flex;
  color: var(--sox-home-icon-color, var(--sox-primary, #6d4aff)) !important;
  background: var(--sox-home-icon-bg, var(--sox-primary-soft, rgba(109, 74, 255, 0.10)));
}

.sox-faq-white .panel-title .fa-minus,
.home-faq-accordion .panel-title .fa-minus {
  display: none;
  color: #fff !important;
  background: var(--sox-home-icon-color, var(--sox-primary, #6d4aff));
}

.sox-faq-white .accordion.faq .panel-title.active .fa-plus,
.home-faq-accordion .panel-title.active .fa-plus {
  display: none;
}

.sox-faq-white .accordion.faq .panel-title.active .fa-minus,
.home-faq-accordion .panel-title.active .fa-minus {
  display: inline-flex;
}

@media (prefers-reduced-motion: reduce) {
  .sox-faq-white .panel-title .fa-plus,
  .sox-faq-white .panel-title .fa-minus,
  .home-faq-accordion .panel-title .fa-plus,
  .home-faq-accordion .panel-title .fa-minus {
    transition: none;
  }
}

[data-theme="halloween"] .sox-unified-ui .home-domain-faq.sox-faq-white,
[data-theme="black-friday"] .sox-unified-ui .home-domain-faq.sox-faq-white,
[data-theme$="-independence"] .sox-unified-ui .home-domain-faq.sox-faq-white {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #e7e4ed !important;
  color: var(--sox-ui-ink, #19233c) !important;
}

.domain-minimum-price-note {
  display: block;
  margin-top: 4px;
  color: #6b7280;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
}

/* ── Dark promo contrast (last — beats theme.min.css on dark bands only) ── */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container :is(.home-experience, .home-domain-reasons) :is(.mergecolor, .home-experience-copy h2, .home-section-heading h2, .home-reasons-grid h3, .panel-title) {
  color: #ffffff !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase :is(.mergecolor, .sds-title) {
  color: var(--sox-sds-heading, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container :is(.seasonal-domain-showcase, .home-experience, .home-domain-reasons) :is(.seccolor, .home-experience-copy p, .home-reasons-grid p, .info, .info p) {
  color: var(--sox-home-body, var(--sox-hero-muted, #c9cdd3)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase .sds-eyebrow {
  color: var(--sox-sds-eyebrow, var(--sox-promo-text, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase .sds-see-all {
  color: var(--sox-sds-link, var(--sox-link, var(--sox-primary))) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase .sds-see-all:hover {
  color: #ffffff !important;
}

html:is([data-theme="halloween"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase .sds-see-all:hover {
  color: #141422 !important;
}

html:is([data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .seasonal-domain-showcase .sds-see-all:hover {
  color: var(--sox-primary-dark, #4e2fd0) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) :is(.domains-seasonal-banner-inner, .domain-page .domain-seasonal-ribbon) {
  color: #ffffff;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero > .container .modern-badge {
  color: var(--sox-hero-text, #ffffff);
}

/* Hero top only (dark bg) — not the white sec-bg1 stats strip inside sparkle-hero */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero > .container :is(h1, .text-dark, .fw-bold.text-dark, .display-4) {
  color: var(--sox-hero-text, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero > .container :is(.lead, .text-muted, .modern-features-row) {
  color: var(--sox-hero-muted, #c9cdd3) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero > .container .fw-bold.text-dark {
  color: var(--sox-hero-text, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero > .container .text-gradient {
  color: var(--sox-promo-text, var(--sox-primary)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero .sec-bg1 {
  color: var(--sox-ui-ink, #19233c) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero .sec-bg1 :is(.seccolor, p) {
  color: inherit;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sparkle-hero .sec-bg1 .seccolor {
  color: #28282b !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .domain-seasonal-eyebrow {
  color: var(--sox-promo-text, var(--sox-primary)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .domain-seasonal-message {
  color: var(--sox-hero-muted, #c9cdd3) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .domains-seasonal-banner-title {
  color: #ffffff !important;
}

/* Promos + affiliate heroes — light copy on dark accent backgrounds */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) :is(
  .promo-page .promo-hero-grid h1,
  .promo-page .promo-hero h1,
  .promo-hero h1
) {
  color: #fff !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) :is(
  .promo-page .promo-hero-grid p,
  .promo-page .promo-hero p,
  .promo-hero p
) {
  color: #d9e5ee !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .promo-hero li i {
  color: var(--sox-promo-text, var(--sox-accent, #63d8c3));
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) body.affiliate-page .affiliate-hero :is(h1, .mergecolor, .affiliate-kicker),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) [data-background="light"] body.affiliate-page .box-container .affiliate-hero :is(h1.mergecolor, .mergecolor) {
  color: var(--sox-hero-text, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) body.affiliate-page .affiliate-hero :is(p, .seccolor),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) [data-background="light"] body.affiliate-page .box-container .affiliate-hero :is(p.seccolor, .seccolor) {
  color: var(--sox-hero-muted, #d1d5db) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) body.affiliate-page .affiliate-hero .seccolor strong {
  color: var(--sox-promo-text, var(--sox-accent, #fbbf24)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) body.affiliate-page .affiliate-hero .affiliate-link {
  color: var(--sox-link, #7eb8ff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) body.affiliate-page .affiliate-hero .affiliate-link:hover {
  color: var(--sox-promo-text, var(--sox-accent, #fbbf24)) !important;
}

/* Light sections: dark ink (beats inherited hero/promo color) */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container :is(.explore-regions-section, .sec-bg1, .sec-bg2, .bg-colorstyle, .bg-seccolorstyle):not(.seasonal-domain-showcase):not(.home-experience):not(.home-domain-reasons):not(.domains-seasonal-banner):not(.popular-domains-section) {
  color: var(--sox-ui-ink, #19233c);
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .explore-regions-section:is(.pd-title, .pd-eyebrow, .mergecolor, .seccolor, h2, h3, p) {
  color: inherit;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .popular-domains-section :is(.pd-title, .mergecolor) {
  color: var(--pd-heading, #ffffff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui[data-background="light"] .box-container .popular-domains-section .pd-eyebrow {
  color: var(--pd-eyebrow, var(--sox-promo-text, var(--sox-highlight, #ffc94a))) !important;
}

/* All non-default themes: popular/transfer/experience band copy follows theme tokens. */
html[data-theme]:not([data-theme="default"]) .sox-unified-ui .popular-domains-section :is(.pd-title, .mergecolor) {
  color: var(--pd-heading, #ffffff) !important;
}

html[data-theme]:not([data-theme="default"]) .sox-unified-ui .popular-domains-section .pd-eyebrow {
  color: var(--pd-eyebrow, var(--sox-promo-text, var(--sox-highlight, #ffc94a))) !important;
}

html[data-theme]:not([data-theme="default"]) .sox-unified-ui .popular-domains-section .pd-see-all {
  color: var(--pd-link, #ffffff);
}

/* Homepage FAQ — always light surface (sox-faq-white), beats dark promo bands */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .box-container .home-domain-faq.sox-faq-white.bg-colorstyle {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white :is(.mergecolor, .home-section-heading h2, .panel-title, .panel-title.seccolor, h2) {
  color: #212122 !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white :is(.seccolor, .info, .info p) {
  color: #28282b !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white .home-section-eyebrow {
  color: var(--sox-primary, #6d4aff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white a {
  color: var(--sox-link, var(--sox-primary, #6d4aff)) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white :is(.panel-wrap, .panel-title) {
  border-color: #e7e4ed !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white .panel-title .fa-plus {
  background: var(--sox-primary-soft, rgba(109, 74, 255, 0.10)) !important;
  color: var(--sox-primary, #6d4aff) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-domain-faq.sox-faq-white .panel-title .fa-minus {
  background: var(--sox-primary, #6d4aff) !important;
  color: #fff !important;
}

/* Homepage hosting pricing — light band, fixed plan icon colors */
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .services.sec-normal:has(.home-pricing) :is(.section-heading, .section-subheading) {
  color: #19233c !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .services.sec-normal:has(.home-pricing) .section-subheading {
  color: #667085 !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-pricing .reseller-plan .title,
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-pricing .reseller-plan .list-info li span {
  color: var(--res-ink, #111c2d) !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"]) .sox-unified-ui .home-pricing .home-plan-visual i {
  margin: 0 !important;
  color: var(--plan-color) !important;
}

/* Enterprise Hosting (home-pricing) — dark/origin surfaces only */
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .services.sec-normal:has(.home-pricing),
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .services.sec-normal:has(.home-pricing) .home-pricing {
  background: #12202b;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan {
  background: #172531 !important;
  border-color: #2b3c49;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan:hover {
  border-color: color-mix(in srgb, var(--plan-color) 45%, #2b3c49);
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .top-content,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .list-info {
  background: #172531 !important;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .home-plan-visual {
  background: color-mix(in srgb, var(--plan-color) 20%, #172531);
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .services.sec-normal:has(.home-pricing) .section-heading {
  color: #f4f7f9 !important;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .services.sec-normal:has(.home-pricing) .section-subheading {
  color: #b8c5d5 !important;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .title,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .price .value,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .price .mergecolor,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .list-info li span {
  color: #f4f7f9 !important;
}

html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .fromer,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .price .coin,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .price .period,
html .sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .home-pricing .reseller-plan .list-info li div {
  color: #9aa8b8 !important;
}

/* Announcements page — dark brand hero, theme tokens (EN + ES) */
.announcements-page main.container {
  position: relative;
  z-index: 2;
  margin-top: -48px;
  padding-bottom: 72px;
  background: transparent;
}

.announcements-hero {
  position: relative;
  overflow: visible;
  padding: 138px 0 148px;
  text-align: left;
  color: #fff;
  background: var(--sox-primary-dark, #4e2fd0);
  border-bottom: 0;
}

.announcements-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .10;
  background: rgba(255, 255, 255, .08);
}

.announcements-hero .container {
  position: relative;
  z-index: 1;
}

.announcements-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--sox-highlight, #ffc94a);
  border: 0;
  padding: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin: 0 0 22px;
}

.announcements-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}

.announcements-eyebrow i {
  display: none;
}

.announcements-hero h1 {
  max-width: 720px;
  font-size: clamp(28px, 8vw, 58px);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
  color: #fff !important;
  margin: 0 0 23px;
  white-space: normal;
  overflow-wrap: break-word;
}

.announcements-hero p {
  max-width: 620px;
  font-size: 18px;
  line-height: 1.72;
  color: #d9e5ee !important;
  margin: 0;
}

.announcements-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  padding: 0 0 60px;
  min-width: 0;
}

@media (min-width: 768px) {
  .announcements-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .announcements-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.announcement-card {
  background: #fff;
  border: 1px solid rgba(123, 132, 151, .18);
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 12px 28px -16px rgba(15, 26, 40, 0.22);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  max-width: 100%;
}

.announcement-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 30%, transparent);
}

.announcement-date {
  color: var(--sox-primary, #6d4aff);
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.announcement-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 15px;
  line-height: 1.4;
}

.announcement-excerpt {
  color: #64748b;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.announcement-read-more {
  display: inline-flex;
  align-items: center;
  color: var(--sox-primary, #6d4aff);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  margin-top: auto;
  gap: 5px;
  cursor: pointer;
  transition: color 0.2s;
  border: none;
  background: none;
  padding: 0;
}

.announcement-read-more:hover {
  color: var(--sox-primary-dark, #4e2fd0);
}

.skeleton-card {
  height: 250px;
  background: #fff;
  border: 1px solid rgba(123, 132, 151, .18);
  border-radius: 12px;
  padding: 30px;
}

.skeleton-line {
  height: 12px;
  background: #e2e8f0;
  border-radius: 6px;
  margin-bottom: 15px;
  animation: sox-skeleton-pulse 1.5s infinite;
}

.skeleton-line.short { width: 40%; }
.skeleton-line.title { height: 20px; width: 80%; margin-bottom: 20px; }

@keyframes sox-skeleton-pulse {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.announcement-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.announcement-modal.show {
  display: block;
  opacity: 1;
}

.announcement-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 40px;
  border: 1px solid #888;
  width: 90%;
  max-width: 800px;
  border-radius: 12px;
  position: relative;
  transform: translateY(-20px);
  transition: transform 0.3s ease;
}

.announcement-modal.show .announcement-modal-content {
  transform: translateY(0);
}

.announcement-modal-close {
  color: #aaa;
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
  border: 0;
  background: transparent;
  padding: 0;
}

.announcement-modal-close:hover,
.announcement-modal-close:focus {
  color: #333;
  text-decoration: none;
}

.announcement-modal-date {
  color: var(--sox-primary, #6d4aff);
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.announcement-modal-title {
  font-size: 2rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 25px;
  line-height: 1.3;
}

.announcement-modal-body {
  color: #475569;
  line-height: 1.8;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.announcement-modal-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 15px 0;
}

.announcement-modal-body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.announcement-empty {
  text-align: center;
  padding: 60px 0;
  color: #64748b;
  grid-column: 1 / -1;
}

@media (max-width: 991px) {
  .announcements-hero {
    padding-bottom: 120px;
    text-align: center;
  }

  .announcements-hero .sox-page-breadcrumb {
    text-align: left;
  }

  .announcements-hero h1,
  .announcements-hero p {
    margin-left: auto;
    margin-right: auto;
  }

  .announcements-page main.container {
    margin-top: -36px;
  }
}

@media (max-width: 767px) {
  .announcements-hero {
    padding-bottom: 112px;
  }

  .announcements-hero h1 {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .announcements-hero {
    padding-bottom: 108px;
  }

  .announcements-hero h1 {
    font-size: 28px;
    letter-spacing: 0;
  }

  .announcements-hero p {
    font-size: 16px;
  }

  .announcements-page main.container {
    margin-top: -28px;
  }

  .announcement-modal-content {
    width: calc(100% - 24px);
    margin: 24px auto;
    padding: 54px 22px 28px;
  }

  .announcement-modal-close {
    top: 14px;
    right: 18px;
  }

  .announcement-modal-title {
    font-size: 1.55rem;
  }
}

/* Trustee page color bands — keep them after seasonal/theme ink locks */
.trustee-page .trustee-hero h1,
[data-background="light"] .trustee-page .box-container .trustee-hero h1 {
  color: #fff !important;
}
.trustee-page .trustee-hero .col-lg-7 > p,
[data-background="light"] .trustee-page .box-container .trustee-hero .col-lg-7 > p {
  color: #dbe4ff !important;
}
.trustee-page .trustee-intro {
  background: var(--trustee-paper, #f6f8fc) !important;
}
.trustee-page .trustee-process {
  background: var(--trustee-band, #f1efff) !important;
}
.trustee-page .trustee-table-section,
.trustee-page .trustee-faq-section {
  background: #fff !important;
}

/* Catalog index mark — last word so later hero/theme rules cannot restore AI pills */
.hero-eyebrow,
.reseller-eyebrow,
.ssl-eyebrow,
.dc-kicker,
.whois-eyebrow,
.privacy-eyebrow,
.faq-eyebrow,
.workspace-eyebrow,
.affiliate-eyebrow,
.emailsec-eyebrow,
.sitelock-eyebrow,
.about-eyebrow,
.trustee-eyebrow,
.saas-eyebrow,
.announcements-eyebrow,
.promo-eyebrow,
body.affiliate-page .affiliate-eyebrow,
body.trustee-page .trustee-eyebrow,
body.trustee-page .trustee-hero .trustee-eyebrow,
.about-hero .about-eyebrow,
.privacy-hero .privacy-eyebrow,
.whois-hero .whois-eyebrow,
.faq-hero .faq-eyebrow,
.workspace-hero .workspace-eyebrow,
.dc-hero .dc-kicker,
.reseller-hero .reseller-eyebrow,
.ssl-hero .ssl-eyebrow,
.emailsec-hero .emailsec-eyebrow,
.sitelock-hero .sitelock-eyebrow {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.announcements-eyebrow::before {
  content: "";
  box-sizing: border-box;
  width: 11px;
  height: 13px;
  flex: 0 0 11px;
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
}

.announcements-eyebrow i,
.promo-hero .promo-eyebrow i,
.about-hero .about-eyebrow i,
body.affiliate-page .affiliate-eyebrow i,
body.trustee-page .trustee-hero .trustee-eyebrow i,
.dc-hero .dc-kicker i,
.reseller-hero .reseller-eyebrow i,
.ssl-hero .ssl-eyebrow i,
.whois-hero .whois-eyebrow i,
.privacy-hero .privacy-eyebrow i,
.faq-hero .faq-eyebrow i,
.workspace-hero .workspace-eyebrow i,
.emailsec-hero .emailsec-eyebrow i,
.sitelock-hero .sitelock-eyebrow i {
  display: none !important;
}

/* WHOIS hero — smaller globe, keep the feature row fully visible above the card */
.whois-page .whois-hero {
  padding: 100px 0 72px;
}
.whois-page .whois-hero .whois-eyebrow {
  margin: 0 0 12px !important;
}
.whois-page .whois-hero-points {
  margin-top: 16px;
}
.whois-page .whois-hero .row {
  align-items: flex-start;
}
.whois-page .whois-hero-art {
  max-width: 220px;
  margin: 8px 0 0 auto;
  padding: 0;
}
.whois-page .whois-hero-art::before {
  display: none;
}
.whois-page .whois-hero-art img {
  width: 220px;
  max-height: 180px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
}
.whois-page .whois-lookup-card {
  margin-top: -28px;
}
@media (max-width: 991px) {
  .whois-page .whois-hero {
    padding: 88px 0 56px;
  }
  .whois-page .whois-lookup-card {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .whois-page .whois-hero {
    padding: 72px 0 44px;
  }
  .whois-page .whois-lookup-card {
    margin-top: -28px;
  }
}

.home-why-intl {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 80px 0 72px;
  background-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 7%, var(--sox-home-section-bg, #f6f8fc));
  background-image:
    radial-gradient(1080px 400px at 10% -14%, color-mix(in srgb, var(--sox-primary, #6d4aff) 18%, #ffffff), transparent 64%),
    radial-gradient(820px 340px at 100% 112%, color-mix(in srgb, var(--sox-primary, #6d4aff) 11%, #ffffff), transparent 58%);
}
.home-why-intl .home-section-heading {
  margin-bottom: 48px;
}
.home-why-intl-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.home-why-intl-grid article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 26px 24px 28px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, var(--sox-home-border, #e7e4ed));
  border-radius: var(--sox-radius-md, 16px);
  background: var(--sox-home-surface, #fff);
  box-shadow: 0 10px 28px rgba(25, 35, 60, 0.05);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.home-why-intl-grid article:hover,
.home-why-intl-grid article:focus-within {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 32%, var(--sox-home-border, #e7e4ed));
  box-shadow: 0 16px 36px rgba(77, 47, 208, 0.1);
  transform: translateY(-2px);
}
.home-why-intl-grid .home-reason-icon {
  margin-bottom: 18px;
}
.home-why-intl-grid h3 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--sox-home-heading, #111827);
}
.home-why-intl-grid p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--sox-home-body, var(--sox-muted, #475569));
}
@media (max-width: 991px) {
  .home-why-intl-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .home-why-intl {
    padding: 64px 0 56px;
  }
  .home-why-intl-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-why-intl-grid article {
    transition: none;
  }
  .home-why-intl-grid article:hover,
  .home-why-intl-grid article:focus-within {
    transform: none;
  }
}

/* Dark appearance: home why sections stay readable (theme.css forces white .mergecolor). */
:is([data-background="dark"], [data-background="origin"]) .home-why-intl {
  background-color: #0f1c25;
  background-image:
    radial-gradient(1080px 400px at 10% -14%, color-mix(in srgb, var(--sox-primary, #6d4aff) 24%, #0f1c25), transparent 64%),
    radial-gradient(820px 340px at 100% 112%, color-mix(in srgb, var(--sox-primary, #6d4aff) 14%, #0f1c25), transparent 58%);
}

:is([data-background="dark"], [data-background="origin"]) .home-why-choose {
  background:
    radial-gradient(1180px 420px at 8% -18%, rgba(109, 74, 255, 0.18), transparent 62%),
    #152633;
}

:is([data-background="dark"], [data-background="origin"]) .home-why-intl-grid article,
:is([data-background="dark"], [data-background="origin"]) .home-why-choose .home-reasons-grid article,
:is([data-background="dark"], [data-background="origin"]) .home-why-choose .home-reason-card {
  background: #1a2834;
  border-color: #2b3c49;
  box-shadow: none;
}

:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl :is(.home-section-heading .mergecolor, .home-section-heading h2),
:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose :is(.home-section-heading .mergecolor, .home-section-heading h2) {
  color: #f4f7f9 !important;
}

:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl .home-section-eyebrow,
:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-section-eyebrow {
  color: var(--sox-primary, #6d4aff) !important;
}

:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl-grid :is(.mergecolor, h3),
:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-reasons-grid :is(.mergecolor, h3) {
  color: #f4f7f9 !important;
}

:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl-grid :is(.seccolor, p),
:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-reasons-grid :is(.seccolor, p) {
  color: #b8c5d5 !important;
}

:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-reason-index {
  color: #9aa8b8 !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl-grid :is(.mergecolor, h3),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-reasons-grid :is(.mergecolor, h3) {
  color: #f4f7f9 !important;
}

html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-intl-grid :is(.seccolor, p),
html:is([data-theme$="-independence"], [data-theme$="-patriotic"], [data-theme="halloween"], [data-theme="black-friday"])
.sox-unified-ui:is([data-background="dark"], [data-background="origin"]) .box-container .home-why-choose .home-reasons-grid :is(.seccolor, p) {
  color: #b8c5d5 !important;
}

.home-domain-resources {
  padding: 40px 0 72px;
}
.home-domain-resources .hub-why-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-domain-resources .hub-why-grid article {
  min-height: 250px;
}
@media (max-width: 1199px) {
  .home-domain-resources .hub-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .home-domain-resources .hub-why-grid {
    grid-template-columns: 1fr;
  }
  .home-domain-resources .hub-why-grid article {
    min-height: 0;
  }
}

.abuse-page .box-container,
.abuse-page main,
.legal-page .box-container,
.legal-page main {
  background: #f6f8fc;
}
.legal-page .container {
  max-width: 1320px;
}
.legal-page .abuse-hero h1 {
  max-width: none;
}
.legal-page .abuse-hero p {
  max-width: 72ch;
}
.abuse-hero {
  position: relative;
  overflow: hidden;
  padding: 138px 0 80px;
  color: #fff;
  background: color-mix(in srgb, var(--sox-primary-dark, #3b28a8) 78%, #16144a);
}
.abuse-hero .container {
  position: relative;
  z-index: 1;
}
.abuse-hero h1 {
  max-width: 680px;
  margin: 0 0 18px;
  font-size: clamp(2.1rem, 4.4vw, 3.4rem);
  font-weight: 800;
  line-height: 1.08;
  color: #fff;
}
.abuse-hero p {
  max-width: 62ch;
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.88);
}
.abuse-hero-panel {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 16px;
  color: #19233c;
  background: #fff;
  box-shadow: 0 18px 40px rgba(22, 20, 74, 0.18);
}
.abuse-hero-panel-body {
  padding: 26px 24px 22px;
}
.abuse-hero-panel h2 {
  margin: 0 0 16px;
  color: #19233c;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}
.abuse-hero-steps {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.abuse-hero-steps li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f6f8fc;
}
.abuse-hero-steps li:last-child {
  margin-bottom: 0;
}
.abuse-hero-step-icon {
  display: grid;
  place-items: center;
  place-content: center;
  align-self: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, #f1efff);
  font-size: 16px;
  line-height: 1;
}
.abuse-hero-step-icon i {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
}
.abuse-hero-step-icon i::before {
  display: block;
  line-height: 1;
  text-align: center;
}
.abuse-hero-steps li:nth-child(2) .abuse-hero-step-icon {
  color: #0f766e;
  background: #e8f7f4;
}
.abuse-hero-steps li:nth-child(3) .abuse-hero-step-icon {
  color: #b45309;
  background: #fff6e8;
}
.abuse-hero-steps strong,
.abuse-hero-steps span {
  display: block;
}
.abuse-hero-steps strong {
  margin-bottom: 2px;
  color: #19233c;
  font-size: 14px;
  font-weight: 800;
}
.abuse-hero-steps span {
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}
.abuse-hero-panel p {
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}
.abuse-hero .abuse-eyebrow.hero-eyebrow {
  margin: 0 0 22px;
}
.abuse-guide .hub-why-grid article {
  min-height: 0;
}
.abuse-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  font-size: 13px;
}
.abuse-breadcrumb a,
.abuse-breadcrumb span {
  color: rgba(255, 255, 255, 0.82);
}
.abuse-breadcrumb a:hover,
.abuse-breadcrumb a:focus-visible {
  color: #fff;
}
.abuse-eyebrow {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--sox-primary, #6d4aff);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.abuse-hero .abuse-eyebrow {
  color: #fde68a;
}
.abuse-section-head {
  max-width: 720px;
  margin: 0 0 36px;
  text-align: left;
}
.abuse-guide-grid,
.abuse-after-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.abuse-after,
.hub-why.hub-related,
[data-background="dark"] .hub-why.hub-related,
[data-background="dark"] .hub-page .hub-related {
  position: relative;
  overflow: hidden;
  padding: 88px 0;
  color: #fff;
  background: color-mix(in srgb, var(--sox-primary-dark, #4e2fd0) 86%, #16144a) !important;
}
.abuse-after::before,
.hub-related::before {
  content: "";
  position: absolute;
  inset: -4% 0;
  background: url("../patterns/abuse-world.svg") center / auto 118% no-repeat;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
.abuse-after .container,
.hub-related .container {
  position: relative;
  z-index: 1;
}
.abuse-after .trustee-glow {
  display: none;
}
.abuse-after .abuse-eyebrow {
  color: #fde68a;
}
.abuse-after .section-heading,
.abuse-after h2,
.hub-related h2,
.hub-related h2.mergecolor,
.hub-page .hub-related .hub-section-heading h2 {
  color: #fff !important;
}
.hub-related .home-section-eyebrow {
  color: #fde68a !important;
}
.abuse-after .hub-why-grid article,
[data-background="dark"] .abuse-after .hub-why-grid article,
.hub-related .hub-why-grid article,
[data-background="dark"] .hub-related .hub-why-grid article {
  min-height: 0;
  border-color: transparent;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(22, 20, 74, 0.22);
}
.abuse-after .hub-why-grid h3,
[data-background="dark"] .abuse-after .hub-why-grid h3,
.hub-related .hub-why-grid h3,
[data-background="dark"] .hub-related .hub-why-grid h3 {
  color: #19233c !important;
}
.abuse-after .hub-why-grid p,
[data-background="dark"] .abuse-after .hub-why-grid p,
.hub-related .hub-why-grid p,
[data-background="dark"] .hub-related .hub-why-grid p {
  color: #475569 !important;
}
.hub-related .hub-why-link,
[data-background="dark"] .hub-related .hub-why-link {
  color: var(--sox-primary, #6d4aff);
}
.hub-related .hub-why-link:hover,
.hub-related .hub-why-link:focus,
[data-background="dark"] .hub-related .hub-why-link:hover,
[data-background="dark"] .hub-related .hub-why-link:focus {
  color: var(--sox-primary-dark, #4e2fd0);
}
.abuse-guide-card {
  padding: 22px 22px 8px;
  border: 1px solid rgba(123, 132, 151, 0.18);
  border-radius: 16px;
}
.abuse-guide-card summary {
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}
.abuse-guide-card summary::-webkit-details-marker {
  display: none;
}
.abuse-guide-card p {
  margin: 14px 0 18px;
  font-size: 15px;
  line-height: 1.65;
}
.abuse-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.abuse-type-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 132px;
  padding: 18px 16px 16px;
  border: 1px solid rgba(123, 132, 151, 0.22);
  border-radius: 12px;
  background: #fff;
  color: var(--sox-text, #19233c);
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.abuse-type-card strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}
.abuse-type-card span {
  color: #475569;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.abuse-type-card:hover,
.abuse-type-card:focus-visible {
  border-color: var(--sox-primary, #6d4aff);
  color: var(--sox-primary, #6d4aff);
}
.abuse-type-card.is-active {
  border-color: var(--sox-primary, #6d4aff);
  background: var(--sox-primary-soft, rgba(109, 74, 255, 0.1));
  color: var(--sox-primary, #6d4aff);
}
.abuse-type-card.is-active span {
  color: #4e2fd0;
}
.abuse-types-note {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.55;
}
.abuse-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 42px;
  align-items: start;
}
.abuse-form-notes {
  margin: 18px 0 0;
  padding-left: 18px;
}
.abuse-form-notes li {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.55;
}
.abuse-form-card {
  padding: 28px;
  border: 1px solid rgba(123, 132, 151, 0.18);
  border-radius: 18px;
}
.abuse-form h3 {
  margin: 8px 0 16px;
  font-size: 18px;
  font-weight: 800;
}
.abuse-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 8px;
}
.abuse-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}
.abuse-field-wide {
  grid-column: 1 / -1;
}
.abuse-field label {
  font-size: 14px;
  font-weight: 700;
}
.abuse-required {
  color: #dc2626;
  font-weight: 800;
}
.abuse-field input:not(.abuse-file-input),
.abuse-field select,
.abuse-field textarea,
.abuse-control {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 2px solid color-mix(in srgb, var(--sox-ui-line, #dce4ef) 88%, transparent);
  border-radius: 12px;
  background: var(--sox-ui-surface, #fff);
  color: var(--sox-ui-ink, #151922);
  font-size: 15px;
  line-height: 1.45;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.abuse-field textarea,
.abuse-control[type="textarea"],
textarea.abuse-control {
  min-height: 132px;
  resize: vertical;
}
.abuse-field input:not(.abuse-file-input):hover,
.abuse-field select:hover,
.abuse-field textarea:hover,
.abuse-control:hover {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 28%, var(--sox-ui-line, #dce4ef));
}
.abuse-field input:not(.abuse-file-input):focus,
.abuse-field select:focus,
.abuse-field textarea:focus,
.abuse-control:focus {
  outline: 0;
  border-color: var(--sox-primary, #6d4aff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sox-primary, #6d4aff) 16%, transparent);
}
.abuse-select-wrap {
  position: relative;
}
.abuse-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--sox-ui-muted, #7b8496);
  border-bottom: 2px solid var(--sox-ui-muted, #7b8496);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.abuse-select-wrap select {
  appearance: none;
  padding-right: 42px;
}
.abuse-field.has-error input:not(.abuse-file-input),
.abuse-field.has-error select,
.abuse-field.has-error textarea,
.abuse-field.has-error .abuse-control,
.abuse-file-drop.has-error {
  border-color: #dc2626;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}
.abuse-field-error {
  display: none;
  margin-top: 2px;
  color: #b91c1c;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.abuse-field.has-error .abuse-field-error {
  display: block;
}
.abuse-file-drop {
  position: relative;
  border: 2px dashed color-mix(in srgb, var(--sox-ui-line, #dce4ef) 92%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--sox-ui-surface-soft, #f8faff) 88%, transparent);
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.abuse-file-drop.is-dragover {
  border-color: var(--sox-primary, #6d4aff);
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 8%, var(--sox-ui-surface-soft, #f8faff));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sox-primary, #6d4aff) 14%, transparent);
}
.abuse-file-drop.has-files .abuse-file-drop-inner {
  padding-bottom: 10px;
}
.abuse-file-drop-inner {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 24px 18px;
  text-align: center;
}
.abuse-file-drop-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  color: var(--sox-primary, #6d4aff);
  background: color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, transparent);
  font-size: 22px;
}
.abuse-file-drop-text {
  margin: 0;
  color: var(--sox-ui-ink, #151922);
  font-size: 15px;
  line-height: 1.5;
}
.abuse-file-drop-trigger {
  padding: 0;
  border: 0;
  color: var(--sox-primary, #6d4aff);
  background: transparent;
  font-size: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.abuse-file-drop-trigger:hover,
.abuse-file-drop-trigger:focus-visible {
  color: var(--sox-ui-primary-dark, #4f2fe0);
}
.abuse-file-drop-hint {
  margin: 0;
  color: var(--sox-ui-muted, #7b8496);
  font-size: 13px;
  line-height: 1.45;
}
.abuse-file-list {
  margin: 0;
  padding: 0 14px 14px;
  list-style: none;
}
.abuse-file-list:not([hidden]) {
  display: grid;
  gap: 8px;
}
.abuse-file-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--sox-ui-line, #dce4ef) 88%, transparent);
  border-radius: 10px;
  background: var(--sox-ui-surface, #fff);
}
.abuse-file-item-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.abuse-file-item-meta {
  color: var(--sox-ui-muted, #7b8496);
  font-size: 12px;
  font-weight: 600;
}
.abuse-file-item-remove {
  padding: 6px 10px;
  border: 0;
  border-radius: 8px;
  color: #991b1b;
  background: #fee2e2;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.abuse-field textarea {
  min-height: 120px;
}
.abuse-field small,
.abuse-privacy {
  font-size: 13px;
  line-height: 1.5;
}
.abuse-honeypot {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}
.abuse-alert {
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid #fecaca;
  border-radius: 12px;
  background: #fef2f2;
  color: #991b1b;
  scroll-margin-top: 120px;
}
.abuse-alert ul {
  margin: 8px 0 0;
  padding-left: 18px;
}
.abuse-form-section {
  scroll-margin-top: 110px;
}
.abuse-form-card.has-form-errors {
  animation: abuse-form-shake 0.45s ease;
}
@keyframes abuse-form-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-3px); }
  80% { transform: translateX(3px); }
}
[data-background="dark"] .abuse-field input:not(.abuse-file-input),
[data-background="dark"] .abuse-field select,
[data-background="dark"] .abuse-field textarea,
[data-background="dark"] .abuse-control,
.sox-unified-ui[data-background="dark"] .abuse-field input:not(.abuse-file-input),
.sox-unified-ui[data-background="dark"] .abuse-field select,
.sox-unified-ui[data-background="dark"] .abuse-field textarea,
.sox-unified-ui[data-background="dark"] .abuse-control {
  background: var(--sox-ui-surface, #102330);
  color: var(--sox-ui-ink, #f4f6fb);
  border-color: var(--sox-ui-line, #293846);
}
[data-background="dark"] .abuse-file-drop,
.sox-unified-ui[data-background="dark"] .abuse-file-drop {
  background: color-mix(in srgb, var(--sox-ui-surface-soft, #0d202c) 90%, transparent);
  border-color: var(--sox-ui-line, #293846);
}
[data-background="dark"] .abuse-file-item,
.sox-unified-ui[data-background="dark"] .abuse-file-item {
  background: var(--sox-ui-surface, #102330);
  border-color: var(--sox-ui-line, #293846);
}
  padding: 28px 24px 26px;
}
.abuse-after-grid h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .abuse-hero {
    padding: 96px 0 56px;
  }
  .abuse-hero .hub-hero-links {
    margin-bottom: 0;
  }
  .abuse-hero-panel {
    margin-top: 28px;
  }
  .abuse-after,
  .hub-related {
    padding: 56px 0;
  }
  .abuse-guide-grid,
  .abuse-after-grid,
  .abuse-form-layout,
  .abuse-field-grid {
    grid-template-columns: 1fr;
  }
  .abuse-type-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .abuse-type-grid {
    grid-template-columns: 1fr;
  }
  .abuse-form-card {
    padding: 20px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto !important;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.hub-page .box-container,
.hub-page main {
  background: #f6f8fc;
}
.sox-page-breadcrumb,
.hub-page .trustee-hero .hub-breadcrumb,
.abuse-breadcrumb {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  justify-content: flex-start;
}
.sox-page-breadcrumb + .row {
  align-items: flex-start !important;
}
.sox-page-breadcrumb a,
.hub-page .trustee-hero .hub-breadcrumb a,
.abuse-breadcrumb a {
  color: #a8cfff;
}
.sox-page-breadcrumb a:hover,
.sox-page-breadcrumb a:focus-visible,
.hub-page .trustee-hero .hub-breadcrumb a:hover,
.hub-page .trustee-hero .hub-breadcrumb a:focus-visible,
.abuse-breadcrumb a:hover,
.abuse-breadcrumb a:focus-visible {
  color: #fff;
  text-decoration: underline;
}
.trustee-hero .sox-page-breadcrumb [aria-current="page"],
.hub-page .trustee-hero .sox-page-breadcrumb [aria-current="page"] {
  color: rgba(255, 255, 255, 0.72);
}
.sox-page-breadcrumb.is-on-light,
.zone-docs-page .sox-page-breadcrumb,
.zone-docs-page .zone-breadcrumb,
.domains-catalog-section .sox-page-breadcrumb,
.affiliate-hero .sox-page-breadcrumb,
.domain-info-hero .sox-page-breadcrumb,
.iana-hero .sox-page-breadcrumb,
.sox-hub-hero .sox-breadcrumbs,
[data-background="light"] .domain-hero .sox-page-breadcrumb {
  color: #667085;
}
.sox-page-breadcrumb.is-on-light a,
.zone-docs-page .sox-page-breadcrumb a,
.zone-docs-page .zone-breadcrumb a,
.domains-catalog-section .sox-page-breadcrumb a,
.affiliate-hero .sox-page-breadcrumb a,
.domain-info-hero .sox-page-breadcrumb a,
.iana-hero .sox-page-breadcrumb a,
.sox-hub-hero .sox-breadcrumbs a,
[data-background="light"] .domain-hero .sox-page-breadcrumb a {
  color: #19233c;
}
.sox-page-breadcrumb.is-on-light a:hover,
.sox-page-breadcrumb.is-on-light a:focus-visible,
.zone-docs-page .sox-page-breadcrumb a:hover,
.domains-catalog-section .sox-page-breadcrumb a:hover,
.affiliate-hero .sox-page-breadcrumb a:hover,
.domain-info-hero .sox-page-breadcrumb a:hover,
.iana-hero .sox-page-breadcrumb a:hover,
.sox-hub-hero .sox-breadcrumbs a:hover,
[data-background="light"] .domain-hero .sox-page-breadcrumb a:hover {
  color: var(--sox-primary, #6d4aff);
}
@media (max-width: 991px) {
  .sox-page-breadcrumb,
  .hub-page .trustee-hero .hub-breadcrumb,
  .abuse-breadcrumb {
    margin-bottom: 16px;
    font-size: 12px;
    text-align: left !important;
    justify-content: flex-start;
  }
}
.hub-page .trustee-hero .trustee-eyebrow {
  color: #fde68a;
}
.hub-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 25px;
  margin-top: 28px;
}
.hub-hero-points span {
  color: #f5f8ff;
  font-weight: 700;
}
.hub-hero-points i {
  margin-right: 7px;
  color: var(--sox-highlight, #59e2c4);
}
.hub-hero-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin-top: 30px;
}
.hub-hero-links .domain-text-link {
  color: #fff;
}
.hub-page .trustee-table-toolbar.hub-filters {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) minmax(180px, 1fr) minmax(140px, .9fr) auto;
  gap: 16px 20px;
  align-items: end;
}
.hub-filters label {
  display: block;
  margin-bottom: 6px;
}
.hub-filters input,
.hub-filters select {
  width: 100%;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid #dce4ef;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.hub-filters input {
  cursor: text;
}
.hub-filters input:focus,
.hub-filters select:focus {
  outline: 2px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 45%, transparent);
  outline-offset: 2px;
  border-color: var(--sox-primary, #6d4aff);
}
.hub-count {
  font-size: 14px;
  white-space: nowrap;
  padding-bottom: 12px;
}
.hub-scope {
  margin: -4px 0 14px;
  font-size: 13px;
}
.hub-empty {
  margin: 0;
  padding: 18px 22px 8px;
}
.hub-th {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #617083;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hub-th i {
  color: var(--sox-primary, #6d4aff);
  font-size: 12px;
}
.hub-page .trustee-table thead th {
  padding: 12px 16px;
  border-bottom: 1px solid #e8edf4;
  background: #fbfcfe;
  white-space: nowrap;
}
.hub-page .trustee-table tbody th,
.hub-page .trustee-table tbody td {
  padding: 16px;
  border-color: #eef2f7;
}
.hub-ext-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 8rem;
}
.hub-ext-name,
.hub-page a.hub-ext-name {
  color: var(--sox-primary, #6d4aff);
  font-size: 18px;
  font-weight: 850;
  text-decoration: none;
}
.hub-ext-country {
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
}
.hub-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hub-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
.hub-pill-open {
  color: #0f766e;
  background: #e8f7f4;
}
.hub-pill-req {
  color: #b45309;
  background: #fff6e8;
}
.hub-pill-local {
  color: #1d4ed8;
  background: #e8f1ff;
}
.hub-pill-trustee {
  color: #5b21b6;
  background: #f1efff;
}
.hub-pill-docs {
  color: #c2410c;
  background: #fff1e8;
}
.hub-pill-muted {
  color: #475569;
  background: #f1f5f9;
}
.hub-price-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.hub-price-cell strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 850;
}
.hub-price-cell span {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}
.hub-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.hub-action {
  color: var(--sox-primary, #6d4aff);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease;
}
.hub-action:hover,
.hub-action:focus {
  color: var(--sox-primary-dark, #4e2fd0);
  text-decoration: underline;
}
.hub-action-primary {
  color: #0f172a;
}
.hub-why {
  padding: 88px 0;
  background: var(--sox-home-section-bg, #f6f8fc);
}
.hub-why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.hub-why-grid article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  min-height: 280px;
  padding: 32px 28px 30px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, #e7e4ed);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(25, 35, 60, 0.05);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.hub-why-grid article:hover {
  border-color: color-mix(in srgb, var(--sox-primary, #6d4aff) 32%, #e7e4ed);
  box-shadow: 0 14px 32px rgba(25, 35, 60, 0.08);
}
.hub-why-index {
  position: absolute;
  top: 24px;
  right: 24px;
  color: color-mix(in srgb, var(--sox-primary, #6d4aff) 28%, transparent);
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
}
.hub-why-icon {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  place-items: center;
  border-radius: 14px;
  color: var(--sox-primary, #6d4aff);
  background: var(--sox-ui-tint, #f1efff);
  font-size: 20px;
}
.hub-why-grid article:nth-child(2) .hub-why-icon {
  color: #0f766e;
  background: #e8f7f4;
}
.hub-why-grid article:nth-child(3) .hub-why-icon {
  color: #b45309;
  background: #fff6e8;
}
.hub-why-grid h3 {
  margin: 0 0 12px;
  padding-right: 2.5rem;
  color: var(--sox-home-heading, #111827);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
}
.hub-why-grid p {
  margin: 0;
  color: var(--sox-home-body, #565b68);
  font-size: 16px;
  line-height: 1.7;
}
.hub-why-grid a,
.hub-why-link {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--sox-primary, #6d4aff);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.4;
  text-decoration: none;
  text-transform: none;
}
.hub-why-grid a:hover,
.hub-why-grid a:focus,
.hub-why-link:hover,
.hub-why-link:focus {
  color: var(--sox-primary-dark, #4e2fd0);
  background: none;
  text-decoration: underline;
}
.hub-why-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px 40px;
  align-items: center;
  margin-top: 28px;
  padding: 32px 36px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 14%, #e7e4ed);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(25, 35, 60, 0.05);
}
.hub-why-banner .home-section-eyebrow {
  margin-bottom: 10px;
}
.hub-why-banner h3 {
  margin: 0 0 8px;
  color: var(--sox-home-heading, #111827);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}
.hub-why-banner p {
  margin: 0;
  max-width: 56ch;
  color: var(--sox-home-body, #565b68);
  line-height: 1.7;
}
.hub-why-banner .btn {
  white-space: nowrap;
  cursor: pointer;
}
[data-background="dark"] .hub-why,
[data-background="dark"] .hub-why-grid article,
[data-background="dark"] .hub-why-banner {
  background: #172531;
  border-color: #2b3c49;
}
[data-background="dark"] .hub-why-grid h3,
[data-background="dark"] .hub-why-banner h3 {
  color: #f4f7f9;
}
[data-background="dark"] .hub-why-grid a,
[data-background="dark"] .hub-why-link {
  color: #c4b5fd;
}
[data-background="dark"] .hub-why-grid a:hover,
[data-background="dark"] .hub-why-grid a:focus,
[data-background="dark"] .hub-why-link:hover,
[data-background="dark"] .hub-why-link:focus {
  color: #ddd6fe;
}
@media (max-width: 991px) {
  .hub-why-grid {
    grid-template-columns: 1fr;
  }
  .hub-why-grid article {
    min-height: 0;
  }
  .hub-why-banner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hub-why-banner p {
    margin-left: auto;
    margin-right: auto;
  }
  .hub-why-banner .btn {
    justify-self: center;
  }
}
.hub-page .hub-intro-copy .home-section-eyebrow {
  text-align: left;
}
.hub-page .hub-intro-copy h2.section-heading {
  margin: 0 0 16px;
  color: var(--sox-home-heading, #111827);
  font-size: clamp(28px, 3.8vw, 40px);
  font-weight: 800;
  line-height: 1.12;
}
.hub-page .hub-section-heading {
  margin-bottom: 42px;
}
.hub-page .hub-section-heading h2 {
  color: var(--sox-home-heading, #111827);
}
.hub-page .hub-section-heading .section-subheading {
  max-width: 640px;
  margin: 18px auto 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
}
[data-background="dark"] .hub-page .hub-section-heading h2,
[data-background="dark"] .hub-page .hub-intro-copy h2.section-heading {
  color: #f4f7f9;
}
[data-background="dark"] .hub-page .box-container,
[data-background="dark"] .hub-page main,
[data-background="dark"] .hub-page .trustee-intro,
[data-background="dark"] .hub-page .trustee-process,
[data-background="dark"] .hub-page .trustee-table-section,
[data-background="dark"] .hub-page .trustee-faq-section {
  background: #0f1c25 !important;
}
[data-background="dark"] .hub-page .trustee-table thead th,
[data-background="dark"] .hub-page .hub-pill-muted {
  background: #1d293b;
}
[data-background="dark"] .hub-page .hub-ext-country,
[data-background="dark"] .hub-page .hub-price-cell span,
[data-background="dark"] .hub-page .hub-th {
  color: #93a4b8;
}
[data-background="dark"] .hub-page .hub-price-cell strong,
[data-background="dark"] .hub-page .hub-action-primary {
  color: #f4f7f9;
}
@media (max-width: 991px) {
  .hub-page .trustee-table-toolbar.hub-filters {
    grid-template-columns: 1fr 1fr;
  }
  .hub-hero-points {
    justify-content: center;
  }
  .hub-hero-links {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .hub-page .trustee-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 6px;
    color: #617083;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
}
@media (max-width: 575px) {
  .hub-page .trustee-table-toolbar.hub-filters {
    grid-template-columns: 1fr;
  }
}
.legal-index-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.legal-index-card {
  padding: 28px 26px;
  border: 1px solid color-mix(in srgb, var(--sox-primary, #6d4aff) 12%, #e7e4ed);
  border-radius: 16px;
  background: #fff;
}
.legal-index-card h2 {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 800;
}
.legal-index-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.legal-index-card li + li {
  margin-top: 10px;
}
.legal-index-card a {
  color: var(--sox-primary, #6d4aff);
  font-weight: 700;
}
.legal-article {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 48px 56px 64px;
  border: 1px solid #e5e9f2;
  border-radius: 16px;
  background: #fff;
}
.legal-article h2,
.legal-article h3,
.legal-article h5 {
  margin: 28px 0 12px;
  font-weight: 800;
}
.legal-article p,
.legal-article li {
  line-height: 1.7;
}
[data-background="dark"] .legal-index-card,
[data-background="dark"] .legal-article {
  background: #172531;
  border-color: #2b3c49;
}
@media (max-width: 991px) {
  .legal-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .legal-article {
    padding: 32px 24px 48px;
  }
}
@media (max-width: 767px) {
  .legal-index-grid {
    grid-template-columns: 1fr;
  }
}

/* Body/content text-link icons: internal arrow, external box+arrow.
   JS sets data-sox-link on eligible <a> tags. Header, footer, menus,
   buttons, logos, and in-page hashes are left unmarked. */
a[data-sox-link="internal"]:not(.sox-blog-adjacent-link)::after,
a[data-sox-link="external"]:not(.sox-blog-adjacent-link)::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 0.82em;
  height: 0.82em;
  margin-inline-start: 0.28em;
  vertical-align: -0.1em;
  pointer-events: none;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
a[data-sox-link="internal"]:not(.sox-blog-adjacent-link)::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}
a[data-sox-link="external"]::after {
  width: 0.78em;
  height: 0.78em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
}
html[dir="rtl"] a[data-sox-link="internal"]:not(.sox-blog-adjacent-link)::after,
[dir="rtl"] a[data-sox-link="internal"]:not(.sox-blog-adjacent-link)::after {
  transform: scaleX(-1);
}
a[data-sox-link="internal"] > i:is(.fa-arrow-right, .fa-arrow-circle-right, .fa-long-arrow-alt-right, .fa-chevron-right):last-child,
a[data-sox-link="external"] > i:is(.fa-external-link-alt, .fa-external-link, .fa-arrow-up-right-from-square, .fa-arrow-right):last-child {
  display: none !important;
}
.trustee-table-ext-link[data-sox-link] {
  gap: 0.28em;
}
.trustee-table-ext-link[data-sox-link]::after {
  margin-inline-start: 0;
}
a.btn[data-sox-link]::after,
a.button[data-sox-link]::after,
a[class*="-btn"][data-sox-link]::after,
a.reseller-btn[data-sox-link]::after,
a.park-btn[data-sox-link]::after,
a.about-btn[data-sox-link]::after,
a.pd-search-btn[data-sox-link]::after,
a.home-transfer-cta[data-sox-link]::after,
a.er-cta[data-sox-link]::after,
a.cd-top[data-sox-link]::after,
a.region-card[data-sox-link]::after,
a[class*="-card"][data-sox-link]::after,
a.domain-list-card[data-sox-link]::after,
a.domain-category-card[data-sox-link]::after,
a.domain-family-pill[data-sox-link]::after,
a.domain-seasonal-card[data-sox-link]::after,
a.domain-service-card[data-sox-link]::after,
a.domain-extension-card[data-sox-link]::after,
a.domain-popular-row[data-sox-link]::after,
a.sox-footer-logo[data-sox-link]::after,
a.sox-account-link[data-sox-link]::after,
#header a[data-sox-link]::after,
header a[data-sox-link]::after,
#footer a[data-sox-link]::after,
footer a[data-sox-link]::after,
.footer a[data-sox-link]::after,
.sox-footer a[data-sox-link]::after,
#menu a[data-sox-link]::after,
.menu-wrap a[data-sox-link]::after,
.nav-menu a[data-sox-link]::after,
.sox-page-breadcrumb a[data-sox-link]::after,
.hub-breadcrumb a[data-sox-link]::after,
.abuse-breadcrumb a[data-sox-link]::after,
.zone-docs-sidebar a[data-sox-link]::after,
.domain-membership-summary a[data-sox-link]::after,
.tick-credits[data-sox-link]::after {
  content: none !important;
  display: none !important;
  -webkit-mask-image: none;
  mask-image: none;
}
/* Compact audit metadata shown after the full legal document. */
.legal-document-metadata {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 24px;
  margin: 32px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid rgba(127, 127, 127, 0.24);
  font-size: 0.82rem;
  line-height: 1.35;
}

.legal-document-metadata > div {
  display: inline-flex;
  gap: 6px;
  align-items: baseline;
  margin: 0;
}

.legal-document-metadata dt,
.legal-document-metadata dd {
  margin: 0;
}

.legal-document-metadata dt {
  font-weight: 700;
}

@media (max-width: 767px) {
  .legal-document-metadata {
    gap: 8px 16px;
  }
}

/* ***** SOX BLOG ***** */
.sox-blog-page .sox-blog-hero {
  padding-bottom: 72px;
}

.sox-blog-page .sox-blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.92rem;
}

.sox-blog-main {
  position: relative;
  z-index: 2;
  margin-top: -48px;
  padding-bottom: 72px;
}

.sox-blog-grid {
  display: grid;
  gap: 24px;
}

.sox-blog-card,
.sox-blog-article,
.sox-blog-side-block {
  border-radius: 18px;
  padding: 28px;
  box-shadow: none;
}

.sox-blog-cover {
  margin: -28px -28px 28px;
  overflow: hidden;
  border-radius: 18px 18px 0 0;
}

.sox-blog-cover img,
.sox-blog-card-cover img,
.sox-blog-side-thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.sox-blog-cover img {
  aspect-ratio: 16 / 9;
}

.sox-blog-card-cover {
  display: block;
  margin: -28px -28px 18px;
  overflow: hidden;
  border-radius: 18px 18px 0 0;
}

.sox-blog-card-cover img {
  aspect-ratio: 16 / 9;
}

.sox-blog-card-tag {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(78, 47, 208, 0.08);
  color: var(--sox-primary-dark, #4e2fd0);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sox-blog-tld-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
  background: rgba(127, 127, 127, 0.08);
  padding: 3px;
  vertical-align: middle;
}

.sox-blog-card h2 {
  font-size: 1.35rem;
  line-height: 1.3;
  margin: 0 0 12px;
}

.sox-blog-card h2 a {
  color: inherit;
  text-decoration: none;
}

.sox-blog-card h2 a:hover,
.sox-blog-card h2 a:focus {
  text-decoration: underline;
}

.sox-blog-card p {
  margin: 0 0 20px;
  line-height: 1.65;
}

.sox-blog-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sox-blog-card-foot time,
.sox-blog-side-list small {
  color: inherit;
  opacity: 0.72;
  font-size: 0.86rem;
}

.sox-blog-card-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.sox-blog-card-keywords span {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(127, 127, 127, 0.1);
  font-size: 0.75rem;
  font-weight: 700;
}

.sox-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 28px;
}

.sox-blog-page-status {
  font-weight: 700;
  opacity: 0.8;
}

.sox-blog-body h2 {
  font-size: 1.95rem;
  font-weight: 800;
  margin: 2rem 0 0.85rem;
}
.sox-blog-body h3 {
  font-size: 1.18rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 1.6rem 0 0.65rem;
}

.sox-blog-body p {
  margin: 0 0 1.15rem;
  line-height: 1.75;
  font-size: 1.05rem;
}

.sox-blog-body .sox-blog-code {
  max-width: 100%;
  margin: 0 0 1.5rem;
  padding: 16px;
  overflow-x: auto;
  border: 1px solid #d9dde3;
  border-radius: 8px;
  background: #f1f2f4;
  color: #20252c;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9rem;
  line-height: 1.6;
  white-space: pre;
}

.sox-blog-body code,
.sox-blog-faq code {
  padding: 0.15em 0.35em;
  border-radius: 4px;
  background: #f1f2f4;
  color: #20252c;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow-wrap: anywhere;
}

.sox-blog-body .sox-blog-code > code {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  white-space: inherit;
  overflow-wrap: normal;
}

.sox-blog-body .sox-blog-list {
  margin: 0 0 1.5rem;
  padding-inline-start: 1.6rem;
  list-style-position: outside;
}

.sox-blog-body ul.sox-blog-list {
  list-style-type: disc;
}

.sox-blog-body ol.sox-blog-list {
  list-style-type: decimal;
}

.sox-blog-body .sox-blog-list li {
  display: list-item;
  margin-bottom: 0.65rem;
  padding-inline-start: 0.2rem;
  line-height: 1.7;
}

.sox-blog-body .sox-blog-list li::marker {
  color: var(--sox-primary, #4444dd);
  font-weight: 700;
}

.sox-blog-callout {
  margin: 1.75rem 0;
  padding: 20px 22px;
  border-left: 4px solid var(--sox-primary, #6042d7);
  border-radius: 0 14px 14px 0;
  background: rgba(78, 47, 208, 0.07);
}

.sox-blog-callout-note {
  border-left-color: var(--sox-accent, #eb3b84);
  background: rgba(235, 59, 132, 0.07);
}

.sox-blog-callout > strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1.02rem;
}

.sox-blog-callout p {
  margin: 0;
}

.sox-blog-faq {
  margin-top: 2.5rem;
}

.sox-blog-faq details {
  border-top: 1px solid rgba(127, 127, 127, 0.22);
}

.sox-blog-faq details:last-child {
  border-bottom: 1px solid rgba(127, 127, 127, 0.22);
}

.sox-blog-faq summary {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 12px 34px 12px 0;
  font-weight: 750;
  line-height: 1.4;
  cursor: pointer;
}

.sox-blog-faq summary:focus-visible {
  outline: 3px solid var(--sox-primary, #6042d7);
  outline-offset: 3px;
  border-radius: 4px;
}

.sox-blog-faq details p {
  margin: 0;
  padding: 0 34px 18px 0;
}

.sox-blog-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 1.5rem;
}

.sox-blog-kpi {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  background: rgba(78, 47, 208, 0.06);
}

.sox-blog-kpi strong {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
}

.sox-blog-kpi span {
  display: block;
  font-size: 0.84rem;
  opacity: 0.8;
}

.sox-blog-table-wrap {
  margin: 0 0 1.5rem;
}

.sox-blog-table {
  margin: 0;
  background: transparent;
}

.sox-blog-table th,
.sox-blog-table td {
  vertical-align: middle;
  border-color: rgba(127, 127, 127, 0.18);
}

.sox-blog-table-tld {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

.sox-blog-bars {
  display: grid;
  gap: 10px;
  margin: 0 0 1.75rem;
}

.sox-blog-bar-row {
  display: grid;
  grid-template-columns: minmax(72px, 110px) 1fr auto;
  gap: 10px;
  align-items: center;
}

.sox-blog-bar-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

.sox-blog-bar-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(127, 127, 127, 0.14);
  overflow: hidden;
}

.sox-blog-bar-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f6fed, #20c5a8);
}

.sox-blog-bar-value {
  font-size: 0.86rem;
  font-weight: 700;
  opacity: 0.8;
  min-width: 3.5rem;
  text-align: right;
}

.sox-blog-figure {
  margin: 0 0 1.75rem;
}

.sox-blog-figure-img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.sox-blog-figure-caption {
  display: block;
  margin-top: 8px;
  font-size: 0.84rem;
  opacity: 0.6;
  text-align: center;
  font-style: italic;
}

.sox-blog-buy-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 1.15rem;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(127, 127, 127, 0.06);
}

.sox-blog-buy-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex: 1 1 240px;
}

.sox-blog-buy-head h3 {
  margin: 0 0 4px;
  font-size: 1.05rem;
}

.sox-blog-cta {
  margin-top: 36px;
  padding: 24px;
  border-radius: 16px;
  background: rgba(78, 47, 208, 0.06);
}

.sox-blog-cta h2 {
  font-size: 1.25rem;
  margin: 0 0 8px;
}

.sox-blog-cta p {
  margin: 0 0 18px;
  line-height: 1.6;
}

.sox-blog-cta-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sox-blog-buy-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.sox-blog-cta-icon {
  background: rgba(255, 255, 255, 0.55);
}

.sox-blog-adjacent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px;
}

.sox-blog-adjacent-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 88px;
  padding: 16px 18px;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  background: rgba(127, 127, 127, 0.06);
  transition: background 0.2s ease, transform 0.2s ease;
}

.sox-blog-adjacent-link:hover,
.sox-blog-adjacent-link:focus {
  background: rgba(78, 47, 208, 0.08);
  transform: translateY(-1px);
}

.sox-blog-adjacent-next {
  text-align: right;
  align-items: flex-end;
}

.sox-blog-adjacent-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.72;
}

.sox-blog-adjacent-link strong {
  font-size: 0.98rem;
  line-height: 1.35;
}

.sox-blog-adjacent-empty {
  visibility: hidden;
  pointer-events: none;
}

/* Directional arrows for prev/next navigation */
.sox-blog-adjacent-prev::after,
.sox-blog-adjacent-next::after {
  content: "";
  display: block;
  width: 1.1em;
  height: 1.1em;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 0.6;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sox-blog-adjacent-prev::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 18-6-6 6-6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 18-6-6 6-6'/%3E%3C/svg%3E");
}
.sox-blog-adjacent-next::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}
.sox-blog-adjacent-prev:hover::after,
.sox-blog-adjacent-prev:focus::after {
  opacity: 1;
  transform: translateX(-3px);
}
.sox-blog-adjacent-next:hover::after,
.sox-blog-adjacent-next:focus::after {
  opacity: 1;
  transform: translateX(3px);
}

.sox-blog-side-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sox-blog-side-categories li + li {
  margin-top: 8px;
}

.sox-blog-side-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  background: rgba(127, 127, 127, 0.05);
}

.sox-blog-side-categories a:hover,
.sox-blog-side-categories a:focus,
.sox-blog-side-categories a.is-active {
  background: rgba(78, 47, 208, 0.1);
  color: inherit;
}

.sox-blog-side-block h2 {
  font-size: 1.05rem;
  margin: 0 0 14px;
}

.sox-blog-side-list,
.sox-blog-side-products {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sox-blog-side-list li + li,
.sox-blog-side-products li + li {
  margin-top: 10px;
}

.sox-blog-side-list a,
.sox-blog-side-products a {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}

.sox-blog-side-products a {
  align-items: center;
  font-weight: 700;
}

.sox-blog-side-list a:hover strong,
.sox-blog-side-list a:focus strong,
.sox-blog-side-products a:hover,
.sox-blog-side-products a:focus {
  text-decoration: underline;
}

.sox-blog-side-thumb {
  flex: 0 0 72px;
  width: 72px;
  overflow: hidden;
  border-radius: 8px;
}

.sox-blog-side-thumb img {
  aspect-ratio: 16 / 9;
  height: 40px;
}

.sox-blog-side-list strong {
  display: block;
  font-size: 0.95rem;
  line-height: 1.35;
  margin-bottom: 4px;
}

.sox-blog-sidebar {
  margin-top: 0;
}

.sox-blog-side-block + .sox-blog-side-block {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .sox-blog-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .sox-blog-main {
    margin-top: -28px;
  }

  .sox-blog-sidebar {
    margin-top: 24px;
  }
}

@media (max-width: 575px) {
  .sox-blog-card,
  .sox-blog-article,
  .sox-blog-side-block {
    padding: 22px;
  }

  .sox-blog-cover,
  .sox-blog-card-cover {
    margin: -22px -22px 18px;
  }

  .sox-blog-kpis {
    grid-template-columns: 1fr;
  }

  .sox-blog-bar-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .sox-blog-cta-links .btn,
  .sox-blog-buy-card .btn {
    width: 100%;
    justify-content: center;
  }

  .sox-blog-adjacent {
    grid-template-columns: 1fr;
  }

  .sox-blog-adjacent-next {
    text-align: left;
    align-items: flex-start;
  }

  .sox-blog-adjacent-empty {
    display: none;
  }
}
.sox-blog-side-block + .sox-blog-side-block { margin-top: 24px; }
.sox-blog-sidebar { margin-top: 0; }

/* default-beta typography must win over the legacy user-font switcher and page-local stacks. */
html[data-theme="default-beta"] body,
html[data-theme="default-beta"] body :is(button, input, select, textarea, h1, h2, h3, h4, h5, h6),
html[data-theme="default-beta"] :is(.ssl-page, .reseller-page, .datacenter-page, .whois-page, .privacy-page, .faq-page, .workspace-page, .sitelock-page, .email-security-page, .about-page),
html[data-theme="default-beta"] :is(.ssl-page, .reseller-page, .datacenter-page, .whois-page, .privacy-page, .faq-page, .workspace-page, .sitelock-page, .email-security-page, .about-page) :is(h1, h2, h3) {
  font-family: var(--sox-font-family, "Inter", system-ui, sans-serif) !important;
}

html[data-theme="default-beta"] .gdprcookie-buttons button:first-child {
  background-color: var(--sox-accent, #93eb1d) !important;
  color: var(--sox-text, #172033) !important;
}

html[data-theme="default-beta"] .gdprcookie-buttons button:first-child:hover,
html[data-theme="default-beta"] .gdprcookie-buttons button:first-child:focus-visible {
  background-color: var(--sox-primary, #4444dd) !important;
  color: #ffffff !important;
}

html[data-theme="default-beta"] .gdprcookie-buttons button:last-child {
  background-color: #343a46 !important;
  color: #ffffff !important;
}

html[data-theme="default-beta"] .gdprcookie-buttons button:last-child:hover,
html[data-theme="default-beta"] .gdprcookie-buttons button:last-child:focus-visible {
  background-color: var(--sox-primary, #4444dd) !important;
}

/* Keep pricing feature boxes white; Indigo remains reserved for controls and icons. */
html[data-theme="default-beta"] body :is(#pricing, .pricing, .reseller-pricing) .list-info {
  background: var(--sox-surface, #ffffff) !important;
  background-color: var(--sox-surface, #ffffff) !important;
}
/* Compact, cache-backed discovery links in the support menu. */
.start-offer.sox-menu-promos { background: #eef1f7 !important; color: #111c2d; border-left: 1px solid #dce2ed; box-shadow: none; }
#header .megamenu .start-offer.sox-menu-promos .inner { padding: 24px 16px !important; background: #eef1f7 !important; background-image: none !important; color: #111c2d !important; box-shadow: none !important; }
.start-offer.sox-menu-promos .title { color: #111c2d !important; font-size: 18px; margin: 0 0 16px; }
.sox-menu-promo-list { list-style: none; margin: 0 0 16px; padding: 0; }
.sox-menu-promo-list li + li { border-top: 1px solid #e5e9f1; }
.megamenu .sox-menu-promo-list a { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0 !important; color: #111c2d !important; font-size: 15px; line-height: 1.5; }
.sox-menu-promo-list a > span:not(.sox-menu-promo-discount), .sox-menu-promo-list small { grid-column: 1 / -1; }
.sox-menu-promo-list small { color: #637083; font-size: 12px; }
.sox-menu-promo-discount { color: #157347; font-weight: 700; }
.megamenu .sox-menu-promos .sox-menu-promo-link { display: inline-flex !important; align-items: center; gap: 8px; color: #4444dd !important; font-size: 14px; font-weight: 600; margin-top: 8px; }
.sox-menu-promo-link:hover { color: #3333aa !important; }
.sox-menu-promo-list a:focus-visible, .sox-menu-promo-link:focus-visible { outline: 2px solid #4444dd; outline-offset: 4px; }
@media (max-width: 767px) {
  .sox-menu-promos .title, .sox-menu-promo-list { display: none !important; }
  .start-offer.sox-menu-promos .inner { padding: 8px 16px; }
}