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

    ** Custom Stylesheet **

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

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

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

/* 1. Base Variables & Backgrounds */
:root {
  --gradient-primary: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);
  --gradient-hero: radial-gradient(circle at top center, rgba(99, 102, 241, 0.08), transparent 70%);
}

.sparkle-hero {
  background-color: #fafafa; /* Light modern background */
  padding-top: 60px;
  padding-bottom: 80px;
}

.hero-gradient-bg {
  background-image: var(--gradient-hero);
}

/* 2. Text Gradient */
.text-gradient {
  background-image: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* 3. Modern Pill Badge with Pulse */
.modern-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
  border: 1px solid rgba(99, 102, 241, 0.2);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
}

.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: 16px;
  border: 1px solid #e5e7eb;
  height: 64px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.modern-search-form:focus-within {
  border-color: #a855f7;
}

.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: #6366f1;
  color: #ffffff;
  border: none;
  padding: 0 32px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

.modern-search-form button:hover {
  background-color: #4f46e5;
}

/* Make search bar responsive on small mobile screens */
@media (max-width: 576px) {
  .modern-search-form {
    flex-direction: column;
    height: auto;
    border-radius: 12px;
  }
  .search-input-wrapper {
    height: 60px;
  }
  .search-select-wrapper {
    border-left: none;
    border-top: 1px solid #e5e7eb;
    height: 50px;
  }
  .modern-search-form button {
    height: 54px;
    width: 100%;
  }
}

/* =========================================
   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: radial-gradient(circle, rgba(99, 102, 241, .12), transparent 68%);
  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: rgba(99, 102, 241, .22);
}

.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 { color: #ef5b6b; background: #fff0f2; }
.included-feature-icon.icon-violet { color: #7c5ce7; background: #f2efff; }
.included-feature-icon.icon-blue { color: #3187d9; background: #eaf5ff; }
.included-feature-icon.icon-green { color: #28a77a; background: #e9f8f2; }
.included-feature-icon.icon-amber { color: #c88813; background: #fff6df; }
.included-feature-icon.icon-rose { color: #d94f91; background: #fff0f7; }

.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: #7c5ce7;
  background: #f2efff;
  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 { color: #10b7a1; background: #e7f9f6; }
.cloudicon.blue { color: #3187d9; background: #eaf5ff; }
.cloudicon.coral { color: #ef5b6b; background: #fff0f2; }
.cloudicon.yellow { color: #b67b00; background: #fff6da; }

.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;
}

@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: #19233c;
  --sox-ui-muted: #667085;
  --sox-ui-line: #e5e9f2;
  --sox-ui-surface: #ffffff;
  --sox-ui-surface-soft: #f7f8fc;
  --sox-ui-primary: #6d4aff;
  --sox-ui-primary-dark: #4e2fd0;
  --sox-ui-icon-bg: #f1efff;
  --sox-ui-radius: 14px;
  --sox-ui-space: 28px;
}

.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: rgba(109, 74, 255, .42);
  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,
  .plans.badge:has(> i)
) {
  display: inline-grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border: 1px solid rgba(109, 74, 255, .12);
  border-radius: 12px;
  color: var(--sox-ui-primary);
  background: var(--sox-ui-icon-bg);
  font-size: 20px;
  line-height: 1;
}

.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: rgba(109, 74, 255, .5);
  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 {
  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: rgba(109, 74, 255, .55);
}

.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .reseller-btn-primary) {
  border-color: var(--sox-ui-primary) !important;
  border-radius: 8px;
  color: #fff !important;
  background: var(--sox-ui-primary) !important;
  box-shadow: none !important;
}

.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .reseller-btn-primary):hover,
.sox-unified-ui :is(.btn-default-yellow-fill, .btn-default-purple-fill, .reseller-btn-primary):focus-visible {
  border-color: var(--sox-ui-primary-dark) !important;
  background: var(--sox-ui-primary-dark) !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 rgba(109, 74, 255, .28);
  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:linear-gradient(125deg,#0e203b 0%,#172d53 58%,#263c78 100%); }
.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:radial-gradient(circle,rgba(70,112,245,.35),transparent 68%); }
.ssl-glow-two { right:-80px; bottom:-90px; width:420px; height:420px; background:radial-gradient(circle,rgba(37,183,201,.2),transparent 68%); }
.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:linear-gradient(135deg,var(--ssl-blue),var(--ssl-purple)); }
.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:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04)); 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; 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:linear-gradient(90deg,var(--ssl-purple),var(--ssl-blue)); }
.ssl-plan-wildcard .ssl-card-topline { background:var(--ssl-green); }
.ssl-popular { position:absolute; top:17px; right:-36px; width:145px; padding:7px 0; color:#fff; background:var(--ssl-purple); font-size:9px; font-weight:900; text-align:center; text-transform:uppercase; letter-spacing:.8px; transform:rotate(42deg); }
.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:linear-gradient(135deg,var(--ssl-purple),var(--ssl-blue)); }
.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:linear-gradient(90deg,transparent,#dce3ef,transparent); }
.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:linear-gradient(135deg,#fff,#eef0ff); }
.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:linear-gradient(90deg,#ccd4e2,var(--ssl-blue),var(--ssl-purple)); }
.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:linear-gradient(145deg,#fff,#f7f5ff); }
.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:linear-gradient(120deg,#132641,#1e3960); }
.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:#fff; background:linear-gradient(120deg,var(--ssl-blue),var(--ssl-purple)); }
.ssl-final-inner span { color:#9ff0e2; font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.ssl-final-inner h2 { margin:8px 0 9px; color:#fff; font-size:34px; font-weight:800; }
.ssl-final-inner p { margin:0; color:#d8d7f3; }
.ssl-btn-light { flex:0 0 auto; color:var(--ssl-blue)!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: center;
  background: var(--about-ink) url("../img/topbanner06.jpg") center / cover no-repeat;
  isolation: isolate;
}
.about-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background: linear-gradient(90deg, rgba(16,28,38,.96) 0%, rgba(16,28,38,.9) 45%, rgba(16,28,38,.32) 100%);
}
.about-hero::after {
  content: ""; position: absolute; inset: auto 0 0; height: 7px; z-index: -1;
  background: linear-gradient(90deg, var(--about-coral) 0 34%, var(--about-yellow) 34% 66%, var(--about-cyan) 66%);
}
.about-hero-content { max-width: 730px; padding: 135px 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); gap: 54px; align-items: center; }
.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 { color: var(--about-coral); background: #fff0f2; }
.about-icon.cyan { color: #138ba7; background: #e8f8fb; }
.about-icon.yellow { color: #a87100; background: #fff7dd; }
.about-icon.green { color: var(--about-green); background: #eaf8f3; }
.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)); background-position: 60% center; }
  .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)); background-position: 67% center; }
  .about-hero::before { background: rgba(16,28,38,.86); }
  .about-hero-content { padding: 80px 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: #7357ff;
  --res-purple-dark: #5137dd;
  --res-blue: #3787f5;
  --res-teal: #10b7a1;
  --res-coral: #ff6174;
  --res-yellow: #ffc94a;
  --res-paper: #f6f8fc;
  --res-line: #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: linear-gradient(135deg, #101a2c 0%, #17243b 58%, #122b42 100%);
}
.reseller-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2; opacity: .55;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 52px 52px; mask-image: linear-gradient(to right, #000, transparent 78%);
}
.reseller-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;
  background: linear-gradient(90deg, var(--res-purple) 0 25%, var(--res-teal) 25% 50%, var(--res-yellow) 50% 75%, var(--res-coral) 75%);
}
.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: 9px;
  margin: 0 0 22px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: #dffcf6;
  background: rgba(255,255,255,.1);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}
.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: linear-gradient(135deg, var(--res-purple), var(--res-purple-dark)); }
.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: radial-gradient(circle, rgba(115,87,255,.28), transparent 68%); }
.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(--res-purple); background: #efecff; }
.reseller-stat.teal > span { color: var(--res-teal); background: #e5f9f6; }
.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 { color: var(--res-purple); background: #efecff; }
.reseller-trust-icon.coral { color: var(--res-coral); background: #fff0f2; }
.reseller-trust-icon.teal { color: var(--res-teal); background: #e7f9f6; }
.reseller-trust-icon.yellow { color: #bc8200; background: #fff6da; }
.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 { top: 16px; right: -40px; width: 142px; padding: 7px 0; border-radius: 0; transform: rotate(38deg); background: var(--res-purple) !important; font-size: 8px; text-transform: uppercase; letter-spacing: .6px; }
.home-pricing.reseller-pricing { padding-top: 30px; }
.home-pricing .reseller-plan .top-content { min-height: 292px; }
.home-plan-visual {
  display: grid;
  width: 86px;
  height: 86px;
  place-items: center;
  margin: 0 auto 18px;
  border-radius: 18px;
  color: var(--plan-color);
  background: color-mix(in srgb, var(--plan-color) 12%, #fff);
}
.home-plan-visual .svg {
  width: 58px;
  height: 58px;
  color: currentColor;
}
.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: .32; background: radial-gradient(circle at 15% 20%, rgba(115,87,255,.42), transparent 27%), radial-gradient(circle at 85% 80%, rgba(16,183,161,.3), transparent 25%); }
.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: #8b5cf6 !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: linear-gradient(135deg, var(--res-purple), #947fff) !important; font-size: 20px; }
.reseller-value [class*="col-"]:nth-child(3) .plans.badge { background: linear-gradient(135deg, var(--res-teal), #50d6c4) !important; }
.reseller-value [class*="col-"]:nth-child(4) .plans.badge { background: linear-gradient(135deg, var(--res-coral), #ff91a0) !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: #fff !important;
  font-size: 22px;
  font-weight: 800;
  opacity: 1;
  background: linear-gradient(135deg, var(--res-purple), #947fff) !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: linear-gradient(135deg, var(--res-teal), #50d6c4) !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: linear-gradient(135deg, var(--res-coral), #ff91a0) !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 { margin-bottom: 18px; color: var(--res-purple); background: #efecff; }
.reseller-tools [class*="col-"]:nth-child(3) .title i { color: var(--res-teal); background: #e7f9f6; }
.reseller-tools [class*="col-"]:nth-child(4) .title i { color: #b67b00; background: #fff6da; }
.reseller-tools [class*="col-"]:nth-child(5) .title i { color: var(--res-coral); background: #fff0f2; }
.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 { color: var(--res-purple); background: #efecff; }
.service-split-list li:nth-child(2) i {
  color: var(--res-teal);
  background: #e7f9f6;
}
.service-split-list li:nth-child(3) i {
  color: #b67b00;
  background: #fff6da;
}
.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: linear-gradient(145deg, #101c2e, #182b42);
}
.service-visual-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--visual-accent, var(--res-purple)) 32%, transparent), transparent 27%),
    radial-gradient(circle at 82% 82%, rgba(255, 199, 44, .15), transparent 28%);
}
.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-whmcs {
  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: linear-gradient(90deg, var(--visual-accent, var(--res-purple)), var(--res-teal));
  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;
}
.vps-page .service-visual-panel {
  --visual-accent: var(--res-teal);
}
.dedicated-page .service-visual-panel {
  --visual-accent: var(--res-coral);
}
.vps-page .service-visual-panel,
.dedicated-page .service-visual-panel {
  border-color: #dbe5f2;
  background: linear-gradient(145deg, #f9fbff, #edf5ff);
}
.vps-page .service-visual-panel::before,
.dedicated-page .service-visual-panel::before {
  background:
    linear-gradient(rgba(124, 92, 231, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 92, 231, .06) 1px, transparent 1px);
  background-size: 34px 34px;
}
.vps-page .service-visual-top,
.dedicated-page .service-visual-top {
  color: #52657d;
}
.vps-page .service-visual-node,
.dedicated-page .service-visual-node,
.vps-page .service-visual-status,
.dedicated-page .service-visual-status,
.vps-page .service-visual-ticket,
.dedicated-page .service-visual-ticket {
  border-color: #dbe5f2;
  background: rgba(255, 255, 255, .9);
}
.vps-page .service-visual-node strong,
.dedicated-page .service-visual-node strong,
.vps-page .service-visual-status strong,
.dedicated-page .service-visual-status strong,
.vps-page .service-visual-ticket,
.dedicated-page .service-visual-ticket {
  color: var(--res-ink);
}
.vps-page .service-visual-node small,
.dedicated-page .service-visual-node small,
.vps-page .service-visual-status small,
.dedicated-page .service-visual-status small {
  color: #66788f;
}
.vps-page .service-visual-bars span,
.dedicated-page .service-visual-bars span {
  background: #dfe8f4;
}
.vps-page .service-rack span,
.dedicated-page .service-rack span {
  border-color: #dbe5f2;
  background: rgba(255, 255, 255, .92);
}
.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: #ee5586;
  background: #f4f7f9;
  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: #fff; background: linear-gradient(120deg, #5f43e7, #7357ff 55%, #3f86ee); }
.reseller-bottom-cta span { color: #dcd6ff; font-weight: 900; letter-spacing: 1.4px; }
.reseller-bottom-cta h3 { max-width: 650px; margin: 8px 0 9px; color: #fff; font-size: 31px; line-height: 1.2; }
.reseller-bottom-cta p { margin: 0; color: #e6e2ff; }
.reseller-bottom-actions { display: flex; flex-direction: column; align-items: center; gap: 13px; }
.reseller-btn-light { color: var(--res-purple-dark) !important; background: #fff; }
.reseller-bottom-actions > a:last-child { color: #fff; 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: linear-gradient(120deg, #5f43e7, #7357ff 55%, #3f86ee);
}
.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; }
}

@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-whmcs { 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: linear-gradient(135deg, var(--res-purple), #947fff) !important;
}
.hosting-page .hosting-plan-area [class*="col-"]:nth-child(3) .hosting-step-badge {
  background: linear-gradient(135deg, var(--res-teal), #50d6c4) !important;
}
.hosting-page .hosting-plan-area [class*="col-"]:nth-child(4) .hosting-step-badge {
  background: linear-gradient(135deg, var(--res-coral), #ff91a0) !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: radial-gradient(circle at 75% 30%, rgba(52, 164, 205, .18), transparent 36%), radial-gradient(circle at 15% 85%, rgba(105, 86, 232, .18), transparent 34%); }
.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: linear-gradient(transparent, rgba(8, 22, 38, .78)); }
.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: linear-gradient(120deg, #192c46, #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:#172b4d; --whois-muted:#62728a; --whois-purple:#635bff; --whois-blue:#2878ff; --whois-teal:#22bfa8; --whois-line:#dfe6ef; }
.whois-page main { background:#f7f9fc; }
.whois-hero { position:relative; overflow:hidden; padding:94px 0 105px; color:#fff; background:linear-gradient(125deg,#172b4d 0%,#243a75 48%,#6758df 100%); }
.whois-hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:radial-gradient(circle at 2px 2px,#fff 1.2px,transparent 1.2px); background-size:27px 27px; }
.whois-orb { position:absolute; border-radius:50%; filter:blur(2px); }
.whois-orb-one { top:-140px; right:21%; width:320px; height:320px; background:rgba(36,207,188,.19); }
.whois-orb-two { bottom:-170px; left:4%; width:350px; height:350px; background:rgba(122,102,255,.32); }
.whois-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; margin-top:45px; padding:9px 14px; border:1px solid rgba(255,255,255,.2); border-radius:99px; color:#a9f0e4; background:rgba(255,255,255,.08); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.9px; }
.whois-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; }
.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:28px; }
.whois-hero-points span { color:#f5f8ff; font-size:13px; font-weight:700; }
.whois-hero-points i { margin-right:7px; color:#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:-125px; padding:43px 48px 46px; border:1px solid rgba(216,225,237,.9); border-radius:22px; background:#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 #dce4ef; border-radius:14px; 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:#fff; background:linear-gradient(110deg,var(--whois-blue),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:linear-gradient(115deg,#172b4d,#32467e); }
.whois-result-head span { color:#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:#6f63ff; background:#eeecff; font-size:20px; }
.whois-basket-title span,.whois-basket-title h3 { display:block; }
.whois-basket-title span { color:#6f63ff; 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:#fff!important; background:#6f63ff!important; }
.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:linear-gradient(90deg,#a9b9db,#5fcfbd); }
.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-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:#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:linear-gradient(110deg,#fffaf0,#fffdf8); }
.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 { border-color:#2b3c49; background:#172531; }
[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:82px 0 110px; 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; } }
@media (max-width:767px) { .whois-hero { padding:70px 0 98px; } .whois-hero h1 { font-size:43px; letter-spacing:-1px; } .whois-lookup-card { margin-top:-38px; 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: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:linear-gradient(#a9b9db,#5fcfbd); } .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: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; } }

/* WHOIS privacy */
.privacy-page { --privacy-ink:#172b4d; --privacy-muted:#62728a; --privacy-purple:#6f63ff; --privacy-pink:#ff6f91; --privacy-teal:#28c6a7; --privacy-orange:#ffad4d; --privacy-line:#e3e8f1; }
.privacy-page main { overflow:hidden; background:#f8f9fd; }
.privacy-hero { position:relative; overflow:hidden; padding:94px 0 132px; color:#fff; background:linear-gradient(125deg,#172b4d 0%,#293d7b 48%,#735ce7 100%); }
.privacy-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:radial-gradient(circle at 2px 2px,#fff 1.2px,transparent 1.2px); background-size:27px 27px; }
.privacy-glow { position:absolute; border-radius:50%; filter:blur(3px); }
.privacy-glow-one { top:-170px; right:19%; width:390px; height:390px; background:rgba(40,198,167,.22); }
.privacy-glow-two { bottom:-190px; left:3%; width:380px; height:380px; background:rgba(255,111,145,.2); }
.privacy-eyebrow { display:inline-flex; align-items:center; gap:9px; margin:45px 0 22px; padding:9px 14px; border:1px solid rgba(255,255,255,.2); border-radius:99px; color:#a9f0e4; background:rgba(255,255,255,.08); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.9px; }
.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:#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-icon { display:grid; width:66px; height:66px; place-items:center; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--privacy-teal),var(--privacy-purple)); }
.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 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:#fff; }
.privacy-card-purple { color:var(--privacy-purple); }.privacy-card-pink { color:var(--privacy-pink); }.privacy-card-teal { color:var(--privacy-teal); }.privacy-card-orange { color:var(--privacy-orange); }
.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:linear-gradient(135deg,#eef1ff,#eefbf8); }
.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:#fff; background:linear-gradient(135deg,var(--privacy-purple),#9b6cff); }
.privacy-flow-item:nth-of-type(3) b { background:linear-gradient(135deg,var(--privacy-pink),#ff9e73); }
.privacy-flow-item:nth-of-type(5) b { background:linear-gradient(135deg,var(--privacy-teal),#45d4d1); }
.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-note { display:flex; gap:22px; align-items:flex-start; padding:33px 36px; border:1px solid #f0d999; border-radius:19px; background:linear-gradient(110deg,#fff9e9,#fffdf8); }
.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:linear-gradient(135deg,#111f2b,#12292a); }
[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-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:#172b4d; --faq-muted:#64748b; --faq-line:#dfe7f2; --faq-blue:#2878ff; --faq-purple:#8b5cf6; --faq-teal:#25c7aa; --faq-coral:#ff6f61; --faq-gold:#ffb84d; --faq-paper:#f7f9fd; }
.faq-page main { overflow:hidden; background:var(--faq-paper); }
.faq-hero { position:relative; overflow:hidden; padding:104px 0 122px; color:#fff; background:linear-gradient(130deg,#221044 0%,#4c1d95 48%,#8b5cf6 100%); }
.faq-hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:radial-gradient(circle at 2px 2px,#fff 1px,transparent 1px); background-size:28px 28px; }
.faq-eyebrow { display:inline-flex; align-items:center; gap:9px; margin:42px 0 22px; padding:9px 14px; border:1px solid rgba(255,255,255,.24); border-radius:8px; color:#f6d365; background:rgba(255,255,255,.1); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.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:#4c1d95; 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:linear-gradient(135deg,var(--faq-blue),var(--faq-teal)); font-size:19px; }
.faq-jump-card:nth-child(2) i { background:linear-gradient(135deg,var(--faq-coral),var(--faq-gold)); }
.faq-jump-card:nth-child(3) i { background:linear-gradient(135deg,#6c63ff,var(--faq-blue)); }
.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:center; 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:linear-gradient(120deg,#14253a,#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:#172b4d; --workspace-muted:#63758d; --workspace-purple:#7c5ce7; --workspace-blue:#2878ff; --workspace-teal:#28c6a7; --workspace-coral:#ef5b6b; --workspace-gold:#f6c84c; --workspace-line:#e1e8f2; --workspace-paper:#f7f9fd; }
.workspace-page main { overflow:hidden; background:var(--workspace-paper); }
.workspace-hero { position:relative; padding:118px 0 98px; color:#fff; background:linear-gradient(125deg,#14253a 0%,#21475c 48%,#6b55d9 100%); }
.workspace-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:42px 42px; }
.workspace-hero .container { position:relative; z-index:1; }
.workspace-eyebrow { display:inline-flex; align-items:center; gap:9px; margin:36px 0 21px; padding:9px 14px; border:1px solid rgba(255,255,255,.22); border-radius:8px; color:#dffcf6; background:rgba(255,255,255,.1); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.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:#fff!important; background:var(--workspace-purple); font-size:30px; }
.workspace-plan-card:nth-child(1) .workspace-plan-icon { background:var(--workspace-coral); }
.workspace-plan-card:nth-child(3) .workspace-plan-icon { background:var(--workspace-blue); }
.workspace-plan-card:nth-child(4) .workspace-plan-icon { background:#14253a; }
.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-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:linear-gradient(135deg,#eef5ff,#f2fbf7); }
.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:linear-gradient(var(--workspace-purple),var(--workspace-teal)); }
.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:center; 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:linear-gradient(135deg,#101e2b,#112b2b); }
[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:#7c5ce7; --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:.12; background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:42px 42px; }
.sitelock-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:7px; background:linear-gradient(90deg,var(--sitelock-yellow),var(--sitelock-purple),var(--sitelock-green)); }
.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-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:center; 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:#7c5ce7; --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:.12; background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:42px 42px; }
.emailsec-hero::after { content:""; position:absolute; right:0; bottom:0; left:0; height:7px; background:linear-gradient(90deg,var(--emailsec-yellow),var(--emailsec-purple),var(--emailsec-green)); }
.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:center; 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: 13px;
  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: inherit;
}
.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 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  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;
}
.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: #8b5cf6;
  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 {
  flex: 0 0 auto;
  margin-left: 18px;
}
.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: #8b5cf6;
}
@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 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* SoxDomains footer */
.sox-footer {
  padding: 72px 0 46px;
  border-top: 1px solid rgba(123, 132, 151, .18);
}
.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(2, 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-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;
}
.sox-footer .footer-menu .menu-item a:hover {
  text-decoration: none;
}
.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;
}
.sox-footer .copyright {
  max-width: 290px;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}
.sox-footer-heading-mobile {
  display: none;
}
[data-background="dark"] .box-container .sox-footer {
  border-top-color: rgba(255,255,255,.1);
}
[data-background="dark"] .box-container .sox-footer-secondary {
  border-top-color: rgba(255,255,255,.1);
}
@media (max-width: 991px) {
  .sox-footer-primary {
    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-support,
  .sox-footer-legal {
    display: none;
  }
  .sox-footer-brand {
    order: 4;
    margin: 2px 0 0;
  }
  .sox-footer-mobile-group {
    order: 1;
  }
  .sox-footer-secondary .sox-footer-mobile-group {
    order: 3;
  }
  .sox-footer-heading-desktop {
    display: none;
  }
  .sox-footer-heading-mobile {
    display: block;
  }
  .sox-footer .heading {
    margin-bottom: 13px;
    font-size: 18px;
  }
  .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: 12px;
  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: 13px;
  line-height: 1.1;
}
.sox-promo-current {
  color: #8b5cf6;
  font-size: 1.05em;
  font-weight: 800;
}
.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: rgba(139, 92, 246, .12);
  color: #6d28d9;
  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: #8b5cf6 !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: 12px;
  right: -38px;
  width: 132px;
  padding: 7px 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: #8b5cf6;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .65px;
  transform: rotate(38deg);
  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 rgba(139, 92, 246, .32);
  border-radius: 4px;
  color: #8b5cf6;
  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: #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: #8b5cf6;
  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: #8b5cf6;
  font-size: 14px;
  font-weight: 800;
}
[data-color="purple"] .sox-promo-ribbon,
[data-color="purple"] .sox-promo-corner-badge {
  background: #8b5cf6;
}
[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: #ee5586 !important;
}
[data-color="pink"] .sox-promo-ribbon,
[data-color="pink"] .sox-promo-corner-badge {
  background: #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: #3f86ee !important;
}
[data-color="blue"] .sox-promo-ribbon,
[data-color="blue"] .sox-promo-corner-badge {
  background: #3f86ee;
}
[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: #2cc76a !important;
}
[data-color="green"] .sox-promo-ribbon,
[data-color="green"] .sox-promo-corner-badge {
  background: #2cc76a;
}
[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: #8b5cf6 !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: #7c5ce7;
  --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: #fff4f2 !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: #f2efff;
}
.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);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}
.affiliate-strip-grid span {
  color: var(--affiliate-muted);
  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: #f2efff;
  color: var(--affiliate-purple);
  font-size: 20px;
}
.affiliate-benefit:nth-child(2) i { color: var(--affiliate-cyan); background: #e8f8fb; }
.affiliate-benefit:nth-child(3) i { color: #a87100; background: #fff7dd; }
.affiliate-benefit:nth-child(4) i { color: var(--affiliate-green); background: #eaf8f3; }
.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(--affiliate-purple);
  background: #f2efff;
  font-weight: 800;
}
.affiliate-step:nth-child(2) span {
  border-color: rgba(34, 168, 199, .3);
  color: var(--affiliate-cyan);
  background: #e8f8fb;
}
.affiliate-step:nth-child(3) span {
  border-color: rgba(240, 79, 95, .3);
  color: var(--affiliate-coral);
  background: #fff0f2;
}
.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 {
  overflow: hidden;
  border-color: rgba(139, 92, 246, .42) !important;
}
.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: #8b5cf6;
}
.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: 16px;
  right: -34px;
}
#domain-catalog-body th {
  position: relative;
  overflow: hidden;
}
.domain-catalog-ext {
  text-transform: none;
}
.domain-catalog-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.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 rgba(139, 92, 246, .25);
  border-radius: 8px;
  color: #7c5ce7;
  background: #f2efff;
  cursor: help;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.domain-trustee-badge i {
  font-size: 13px;
}
.domain-trustee-badge:hover,
.domain-trustee-badge:focus {
  border-color: rgba(139, 92, 246, .55);
  color: #fff;
  background: #7c5ce7;
  outline: 0;
}
.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: linear-gradient(30deg, rgba(59, 72, 80, .44), rgba(59, 68, 75, .44), rgba(60, 82, 88, .44));
  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-trustee-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  color: #7c5ce7;
  font-weight: 800;
}
.domains-trustee-link:hover {
  color: #151922;
}
.domains-filter-shell,
.domains-catalog-card {
  padding: 28px;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
}
.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: 8px;
  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: #8b5cf6;
  background: #f2efff;
  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: #7c5ce7;
  background: #f2efff;
  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: #8b5cf6;
}
.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: #8b5cf6;
}
.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: #8b5cf6;
  color: #6d49e8;
  background: #faf8ff;
  transform: translateY(-1px);
}
.domains-choice-list input:checked + label,
.domains-type-filters input:checked + label {
  border-color: #8b5cf6;
  color: #fff;
  background: #8b5cf6;
}
.domains-type-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 150px));
  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: #8b5cf6;
  color: #6d49e8;
  background: #faf8ff;
}
.domains-filter-pill.is-active {
  border-color: #8b5cf6;
  color: #fff;
  background: #8b5cf6;
}
.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: 8px;
  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: #f2efff;
}
.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-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: 8px;
}
.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: #8b5cf6;
  color: #fff;
  background: #211f3a;
}
[data-background="dark"] .domains-filter-pill.is-active {
  border-color: #8b5cf6;
  color: #fff;
  background: #8b5cf6;
}
[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: none;
  }
  .domain-catalog-pagination {
    justify-content: flex-start;
  }
  .domain-page-btn {
    padding: 8px 10px;
  }
  .domain-trustee-badge::before {
    left: auto;
    right: -8px;
    max-width: 220px;
    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: auto;
    right: 9px;
    transform: scaleY(0);
  }
  .domain-trustee-badge:hover::after,
  .domain-trustee-badge:focus::after {
    transform: scaleY(1);
  }
}

@media (max-width: 991px) {
  .menu-wrap.mobile:not(.active) .nav-menu .main-menu {
    pointer-events: none;
  }
  .menu-wrap.mobile.active .nav-menu .main-menu,
  .menu-wrap.mobile .menu-toggle,
  .menu-wrap.mobile #nav-toggle {
    pointer-events: auto;
  }
}

@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,
.whois-hero,
.privacy-hero,
.faq-hero,
.workspace-hero,
.sitelock-hero,
.emailsec-hero,
body.affiliate-page .affiliate-hero,
.about-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: 9px;
  margin: 0 0 22px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: #dffcf6;
  background: rgba(255,255,255,.1);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}

.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"] .about-eyebrow,
[data-background="light"] body.affiliate-page .affiliate-eyebrow,
body.affiliate-page .affiliate-eyebrow,
.about-eyebrow {
  border-color: rgba(124,92,231,.18);
  color: #6f56d9;
  background: #f2efff;
}

body.affiliate-page .affiliate-eyebrow i,
.about-eyebrow i {
  color: #7c5ce7;
}

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

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

.trustee-page main {
  overflow: hidden;
}
.trustee-hero {
  padding: 138px 0 96px;
  background: linear-gradient(135deg, #eef1ff, #eefbf8) !important;
}
.trustee-eyebrow,
.trustee-section-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #7c5ce7;
  font-weight: 800;
  line-height: 1;
}
.trustee-eyebrow {
  padding: 9px 14px;
  border: 1px solid rgba(124, 92, 231, .18);
  border-radius: 999px;
  background: #f2efff;
}
.trustee-hero h1 {
  max-width: 760px;
  margin: 0 0 20px;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}
.trustee-hero p {
  max-width: 680px;
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
}
.trustee-search-form {
  margin-top: 30px;
}
.trustee-search {
  width: min(100%, 650px);
  background: #fff;
}
.trustee-hero-panel {
  padding: 34px;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
  background-color: white !important;
}
.trustee-hero-panel h2 {
  margin: 22px 0 12px;
  font-size: 32px;
  font-weight: 800;
}
.trustee-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 24px;
}
.trustee-hero-stats div {
  padding: 16px;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
  background: #fff;
}
.trustee-hero-stats strong,
.trustee-hero-stats span {
  display: block;
}
.trustee-hero-stats strong {
  color: #151922;
  font-size: 24px;
  font-weight: 850;
}
.trustee-hero-stats span {
  margin-top: 4px;
  color: #617083;
  font-size: 12px;
  font-weight: 700;
}
.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 #e1e8f2;
  border-radius: 8px;
  background-color: #fbfbfb !important;
}
.trustee-feature-list i,
.trustee-step-grid article > i {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 8px;
  color: #7c5ce7;
  background: #f2efff;
  font-size: 20px;
}
.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 #e1e8f2;
  border-radius: 8px;
}
.trustee-step-grid article > span {
  position: absolute;
  top: 24px;
  right: 24px;
  color: rgba(124, 92, 231, .22);
  font-size: 32px;
  font-weight: 850;
}
.trustee-step-grid article > i {
  margin-bottom: 24px;
}
.trustee-table-card {
  padding: 28px;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
}
.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-table {
  margin: 0;
}
.trustee-table thead th {
  color: #617083;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}
.trustee-table td,
.trustee-table th {
  vertical-align: middle;
}
.trustee-table td strong,
.trustee-table td span {
  display: block;
}
.trustee-table-ext {
  color: #7c5ce7;
  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: #5f3fe0;
  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: #f2efff;
  font-size: 12px;
  font-weight: 850;
}

.trustee-faq {
  max-width: 920px;
  margin: 0 auto;
}
[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;
}
[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;
}
@media (max-width: 991px) {
  .trustee-hero {
    padding: 108px 0 78px;
    text-align: center;
  }
  .trustee-hero h1,
  .trustee-hero p,
  .trustee-search {
    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: 767px) {
  .trustee-hero {
    padding: 60px 0 64px;
  }
  .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:last-child {
    border-bottom: 0;
  }
  .trustee-table td,
  .trustee-table th {
    padding: 6px 0;
    border: 0;
  }
}

/* =========================================
   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:
    linear-gradient(135deg, rgba(14, 165, 233, .13), rgba(255, 255, 255, .92) 42%, rgba(249, 115, 22, .1)),
    #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: 9px 14px;
  border: 1px solid rgba(14, 165, 233, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .8);
  color: #0369a1;
  font-size: 13px;
  font-weight: 800;
}

.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: linear-gradient(90deg, #0ea5e9, #f97316);
}

.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: linear-gradient(180deg, #38bdf8, #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;
  }
}
/* SoxDomains API knowledge base: zone-specific fields */
.zone-docs-page { --zone-accent:#5b4de3; --zone-blue:#1574d4; --zone-ink:#15223a; --zone-muted:#667085; --zone-line:#e5e9f2; --zone-soft:#f4f6fb; }
.zone-docs-page main { padding-top:116px; }
.zone-docs-page .zone-docs-hero { padding:52px 0 64px; background:#f0f2f7; border-bottom:1px solid #e4e7ee; }
.zone-docs-page .zone-docs-article-hero { padding:28px 0; }
.zone-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:35px; color:#697386; font-size:13px; }
.zone-breadcrumb a { color:#394964; }
.zone-breadcrumb a:hover { color:var(--zone-blue); }
.zone-breadcrumb i { font-size:8px; opacity:.55; }
.zone-docs-hero-copy { max-width:820px; }
.zone-docs-kicker { display:block; margin-bottom:8px; color:var(--zone-blue); font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.zone-docs-hero h1,.zone-article-header h1 { margin:0 0 14px; color:var(--zone-ink); font-size:46px; line-height:1.12; }
.zone-docs-hero-copy>p,.zone-article-header>p { max-width:730px; margin:0; color:#536079; font-size:18px; line-height:1.7; }
.zone-search { display:flex; align-items:center; width:min(100%,650px); height:54px; margin-top:28px; padding:0 18px; background:#fff; border:1px solid #d9dfeb; border-radius:7px; }
.zone-search:focus-within { border-color:var(--zone-blue); box-shadow:0 0 0 3px rgba(21,116,212,.12); }
.zone-search i { color:#8590a3; }
.zone-search input { width:100%; height:100%; padding-left:13px; color:#24324a; background:transparent; border:0; outline:0; }
.zone-docs-shell { padding:58px 0 90px; }
.zone-docs-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:48px; align-items:start; }
.zone-docs-sidebar { position:sticky; top:24px; padding:24px 20px; border:1px solid var(--zone-line); border-radius:7px; box-shadow:none!important; }
.zone-sidebar-heading { margin-bottom:18px; color:var(--zone-ink); font-size:14px; font-weight:700; }
.zone-sidebar-back { display:flex; align-items:center; gap:9px; margin:-4px 0 24px; padding-bottom:18px; color:var(--zone-blue); font-size:13px; border-bottom:1px solid var(--zone-line); }
.zone-sidebar-group+.zone-sidebar-group { margin-top:22px; }
.zone-sidebar-category { display:flex; justify-content:space-between; margin-bottom:8px; color:#7b8495; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.zone-sidebar-category span { color:#9ba3b1; }
.zone-sidebar-group a { display:block; margin:2px -10px; padding:7px 10px; color:#35435c; font-size:14px; border-left:2px solid transparent; }
.zone-sidebar-group a:hover,.zone-sidebar-group a.active { color:var(--zone-blue); background:rgba(21,116,212,.07); border-left-color:var(--zone-blue); }
.zone-intro { display:grid; grid-template-columns:1fr 330px; gap:35px; align-items:center; padding:30px; border:1px solid var(--zone-line); border-radius:7px; box-shadow:none!important; }
.zone-intro h2,.zone-category-heading h2,.zone-section-heading h2 { margin:0 0 10px; color:var(--zone-ink); font-size:25px; }
.zone-intro p,.zone-section-heading p { margin:0; color:var(--zone-muted); line-height:1.7; }
.zone-intro pre { margin:0; padding:20px; overflow:auto; color:#dbe6ff; background:#222b42; border-radius:6px; font-size:13px; }
.zone-privacy-note { display:flex; gap:14px; padding:20px; color:#43516a; background:#f2f7ff; border:1px solid #d9e7fb; border-radius:6px; }
.zone-privacy-note>i { margin-top:3px; color:var(--zone-blue); font-size:19px; }
.zone-privacy-note strong { color:var(--zone-ink); }
.zone-privacy-note p { margin:5px 0 0; font-size:13px; line-height:1.6; }
.zone-search-status { margin:36px 0 6px; color:#788397; font-size:13px; }
.zone-category-section { padding-top:30px; scroll-margin-top:25px; }
.zone-category-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:17px; padding-bottom:14px; border-bottom:1px solid var(--zone-line); }
.zone-category-heading h2 { margin-bottom:0; }
.zone-category-heading>span { color:#8b94a3; font-size:13px; }
.zone-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.zone-card { display:block; min-height:185px; padding:25px; border:1px solid var(--zone-line); border-radius:7px; box-shadow:none!important; transition:border-color .2s,transform .2s; }
.zone-card:hover { border-color:#aebbe0; transform:translateY(-2px); }
.zone-card-tld { color:var(--zone-ink); font-size:25px; font-weight:700; }
.zone-card p { min-height:66px; margin:12px 0 18px; color:var(--zone-muted); line-height:1.55; }
.zone-card-link { color:var(--zone-blue); font-size:13px; font-weight:700; }
.zone-card-link i { margin-left:7px; }
.zone-empty-state { margin-top:30px; padding:50px; text-align:center; border:1px solid var(--zone-line); border-radius:7px; }
.zone-empty-state i { color:#a1aaba; font-size:30px; }
.zone-empty-state h2 { margin:18px 0 8px; color:var(--zone-ink); font-size:23px; }
.zone-article-header { padding:5px 0 28px; border-bottom:1px solid var(--zone-line); }
.zone-article-meta { display:flex; gap:24px; margin-top:22px; color:#788397; font-size:13px; }
.zone-article-meta i { margin-right:6px; color:var(--zone-blue); }
.zone-customer-explainer { display:flex; gap:14px; margin-top:28px; padding:20px; color:#4f5d73; background:var(--zone-soft); border-left:4px solid #8c7df0; border-radius:5px; }
.zone-customer-explainer i { margin-top:4px; color:var(--zone-accent); }
.zone-customer-explainer p { margin:0; line-height:1.7; }
.zone-notice { display:flex; gap:16px; margin:28px 0; padding:20px; color:#34445e; background:#eef7ff; border:1px solid #cbe4fb; border-left:4px solid var(--zone-blue); border-radius:5px; }
.zone-notice>i { margin-top:3px; color:var(--zone-blue); }
.zone-notice strong { color:#1c3859; }
.zone-notice p { margin:4px 0 0; line-height:1.6; }
.zone-fields-section { margin-top:30px; padding:32px; border:1px solid var(--zone-line); border-radius:7px; box-shadow:none!important; }
.zone-section-heading { padding-bottom:24px; border-bottom:1px solid var(--zone-line); }
.zone-field { padding:30px 0; border-bottom:1px solid var(--zone-line); }
.zone-field:last-child { padding-bottom:0; border-bottom:0; }
.zone-field-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; }
.zone-field-heading>div>span { color:#9099aa; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.zone-field h3 { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:5px 0 0; color:var(--zone-ink); font-size:19px; line-height:1.45; }
.zone-field h3 code { color:#4639c6; background:#f0effd; padding:5px 8px; border-radius:4px; word-break:break-word; }
.zone-field>p { color:#526079; line-height:1.7; }
.zone-copy-button { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; color:#4f5e74; background:transparent; border:1px solid #dce1ea; border-radius:4px; font-size:12px; }
.zone-copy-button:hover,.zone-copy-button.copied { color:var(--zone-blue); border-color:var(--zone-blue); }
.zone-field-note { margin:14px 0; padding:12px 15px; color:#5c6678; background:var(--zone-soft); border-left:3px solid #a9b4c8; font-size:13px; line-height:1.6; }
.zone-values { margin-top:20px; }
.zone-values h4 { margin-bottom:10px; color:#34435b; font-size:13px; font-weight:700; }
.zone-value-list { margin:0; padding:0; list-style:none; border:1px solid var(--zone-line); border-radius:5px; overflow:hidden; }
.zone-value-list li { display:grid; grid-template-columns:20px 1fr; gap:10px; padding:11px 14px; align-items:start; }
.zone-value-list li+li { border-top:1px solid var(--zone-line); }
.zone-value-list li>i { margin-top:3px; color:#40a56b; }
.zone-value-list code { color:#4639c6; font-weight:700; word-break:break-word; }
.zone-value-list span,.zone-no-values { color:#657086; font-size:13px; line-height:1.5; }
.zone-verify-badge { padding:4px 7px; color:#945d00!important; background:#fff4d9; border-radius:3px; font-size:10px!important; letter-spacing:0!important; }
.zone-article-pagination { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px; }
.zone-article-pagination a { display:flex; flex-direction:column; padding:18px 20px; color:#788397; border:1px solid var(--zone-line); border-radius:6px; }
.zone-article-pagination a:hover { border-color:#aebbe0; }
.zone-article-pagination a.next { align-items:end; text-align:right; }
.zone-article-pagination span { font-size:12px; }
.zone-article-pagination strong { margin-top:5px; color:var(--zone-ink); font-size:17px; }
.zone-mobile-nav-toggle { display:none; padding:9px 13px; color:#30415d; background:#fff; border:1px solid #dce1ea; border-radius:5px; }
body.dark .zone-docs-page,body.dark.zone-docs-page,body[data-background="dark"].zone-docs-page { --zone-ink:#f1f4fb; --zone-muted:#aeb7c8; --zone-line:#343d50; --zone-soft:#252d3d; }
body.dark .zone-docs-hero,body[data-background="dark"].zone-docs-page .zone-docs-hero { background:#202635; border-color:#343d50; }
body.dark .zone-docs-hero-copy>p,body.dark .zone-article-header>p,body.dark .zone-breadcrumb,body[data-background="dark"].zone-docs-page .zone-docs-hero-copy>p,body[data-background="dark"].zone-docs-page .zone-article-header>p,body[data-background="dark"].zone-docs-page .zone-breadcrumb { color:#abb4c5; }
body.dark .zone-breadcrumb a,body.dark .zone-sidebar-group a,body[data-background="dark"].zone-docs-page .zone-breadcrumb a,body[data-background="dark"].zone-docs-page .zone-sidebar-group a { color:#d1d7e3; }
body.dark .zone-search,body[data-background="dark"].zone-docs-page .zone-search { background:#2b3344; border-color:#414b60; }
body.dark .zone-search input,body[data-background="dark"].zone-docs-page .zone-search input { color:#fff; }
body.dark .zone-intro pre,body[data-background="dark"].zone-docs-page .zone-intro pre { background:#171c28; }
body.dark .zone-field h3 code,body[data-background="dark"].zone-docs-page .zone-field h3 code { color:#c4bdff; background:#322d5a; }
body.dark .zone-notice,body[data-background="dark"].zone-docs-page .zone-notice { color:#cad8e9; background:#233548; border-color:#345778; }
body.dark .zone-notice strong,body[data-background="dark"].zone-docs-page .zone-notice strong { color:#eef6ff; }
body.dark .zone-verify-badge,body[data-background="dark"].zone-docs-page .zone-verify-badge { color:#ffd27b!important; background:#54431e; }
body[data-background="dark"].zone-docs-page .zone-privacy-note { color:#c7d2e3; background:#243348; border-color:#354b67; }
@media(max-width:991px){.zone-docs-layout{grid-template-columns:1fr;gap:25px}.zone-docs-sidebar{position:static;display:none}.zone-docs-sidebar.open{display:block}.zone-docs-page[data-zone-page="index"] .zone-docs-sidebar{display:block}.zone-mobile-nav-toggle{display:inline-flex;align-items:center;gap:8px}.zone-intro{grid-template-columns:1fr}.zone-docs-article-hero .zone-breadcrumb{margin-bottom:22px}}
@media(max-width:767px){.zone-docs-page main{padding-top:78px}.zone-docs-page .zone-docs-hero{padding:35px 0 45px}.zone-docs-page .zone-docs-article-hero{padding:22px 0}.zone-docs-hero h1,.zone-article-header h1{font-size:34px}.zone-docs-hero-copy>p,.zone-article-header>p{font-size:16px}.zone-docs-shell{padding:35px 0 65px}.zone-card-grid{grid-template-columns:1fr}.zone-intro,.zone-fields-section{padding:22px}.zone-field-heading{align-items:start}.zone-value-list li{grid-template-columns:20px 1fr;gap:10px}.zone-article-pagination{grid-template-columns:1fr}.zone-card p{min-height:0}.zone-article-meta{flex-direction:column;gap:8px}}
/* SoxDomains customer domain-information knowledge base */
.domain-info-page{--di-blue:#176fd1;--di-purple:#6452e8;--di-ink:#14233d;--di-muted:#647086;--di-line:#e3e8f0;--di-soft:#f2f5fa}.domain-info-page main{padding-top:116px}.domain-info-hero{padding:48px 0 58px;background:#f0f3f8;border-bottom:1px solid #e0e5ed}.domain-info-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:34px;color:#758096;font-size:13px}.domain-info-breadcrumb a{color:#394b68}.domain-info-breadcrumb i{font-size:8px;opacity:.55}.domain-info-kicker{display:block;margin-bottom:8px;color:var(--di-blue);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.domain-info-hero h1{max-width:900px;margin:0 0 16px;color:var(--di-ink);font-size:45px;line-height:1.15}.domain-info-hero>div>p{max-width:790px;margin:0;color:#52617a;font-size:18px;line-height:1.7}.domain-info-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;color:#68758c;font-size:13px}.domain-info-meta i{margin-right:7px;color:var(--di-blue)}.domain-info-search{display:flex;align-items:center;width:min(680px,100%);height:54px;margin-top:27px;padding:0 18px;background:#fff;border:1px solid #d7deea;border-radius:7px}.domain-info-search:focus-within{border-color:var(--di-blue);box-shadow:0 0 0 3px rgba(23,111,209,.11)}.domain-info-search i{color:#8793a6}.domain-info-search input{width:100%;height:100%;padding-left:13px;color:#263650;background:transparent;border:0;outline:0}.domain-info-index,.domain-info-article{padding:55px 0 90px}.domain-info-index-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:28px 32px;border:1px solid var(--di-line);border-radius:7px;box-shadow:none!important}.domain-info-index-intro h2,.domain-info-section h2,.domain-info-action h2{margin:0 0 9px;color:var(--di-ink);font-size:25px}.domain-info-index-intro p{max-width:750px;margin:0;color:var(--di-muted);line-height:1.7}.domain-info-index-intro>strong{min-width:150px;padding-left:28px;color:#526079;border-left:1px solid var(--di-line);font-size:13px;text-align:center}.domain-info-index-intro>strong span{display:block;color:var(--di-purple);font-size:31px}.domain-info-filters{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 24px}.domain-info-filters button{padding:9px 13px;color:#516077;background:transparent;border:1px solid #dbe1eb;border-radius:5px;font-size:13px}.domain-info-filters button span{margin-left:5px;color:#8a95a7}.domain-info-filters button:hover,.domain-info-filters button.active{color:#fff;background:var(--di-purple);border-color:var(--di-purple)}.domain-info-filters button.active span{color:#e7e3ff}.domain-info-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#788397;font-size:13px}.domain-info-toolbar label{display:flex;align-items:center;gap:8px}.domain-info-toolbar select{padding:8px 30px 8px 10px;color:#45546c;background:transparent;border:1px solid #dce2eb;border-radius:4px}.domain-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.domain-info-card{display:flex;min-height:224px;padding:24px;flex-direction:column;border:1px solid var(--di-line);border-radius:7px;box-shadow:none!important;transition:border-color .2s,transform .2s}.domain-info-card:hover{border-color:#aab8dc;transform:translateY(-2px)}.domain-info-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.domain-info-card-ext{color:var(--di-ink);font-size:24px;font-weight:700;overflow-wrap:anywhere}.domain-info-card-type{padding:4px 7px;color:#526079;background:var(--di-soft);border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.domain-info-card p{display:-webkit-box;margin:16px 0;color:var(--di-muted);font-size:14px;line-height:1.65;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.domain-info-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;color:#778296;border-top:1px solid var(--di-line);font-size:12px}.domain-info-card footer strong{color:var(--di-blue)}.domain-info-card footer i{margin-left:5px}.domain-info-load-more{display:block;margin:30px auto 0;padding:11px 20px;color:var(--di-purple);background:transparent;border:1px solid var(--di-purple);border-radius:5px;font-weight:700}.domain-info-load-more:hover{color:#fff;background:var(--di-purple)}.domain-info-article-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:44px;align-items:start}.domain-info-toc{position:sticky;top:138px;padding:23px;border:1px solid var(--di-line);border-radius:7px;box-shadow:none!important}.domain-info-toc>a{display:block;margin-bottom:22px;padding-bottom:17px;color:var(--di-blue);border-bottom:1px solid var(--di-line);font-size:13px}.domain-info-toc>a i{margin-right:7px}.domain-info-toc>strong{display:block;margin-bottom:10px;color:var(--di-ink);font-size:14px}.domain-info-toc nav a{display:block;margin:0 -9px;padding:7px 9px;color:#56647a;border-left:2px solid transparent;font-size:13px}.domain-info-toc nav a:hover{color:var(--di-blue);background:rgba(23,111,209,.06);border-left-color:var(--di-blue)}.domain-info-copy{min-width:0}.domain-info-section{margin-bottom:24px;padding:31px;border:1px solid var(--di-line);border-radius:7px;box-shadow:none!important;scroll-margin-top:145px}.domain-info-section>p{color:var(--di-muted);line-height:1.7}.domain-info-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;border:1px solid var(--di-line);border-radius:6px;overflow:hidden}.domain-info-fact{padding:17px 18px}.domain-info-fact:nth-child(even){border-left:1px solid var(--di-line)}.domain-info-fact:nth-child(n+3){border-top:1px solid var(--di-line)}.domain-info-fact span{display:block;margin-bottom:5px;color:#7a8598;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.domain-info-fact strong{color:var(--di-ink);font-size:14px;line-height:1.55}.domain-info-requirements{margin-top:21px}.domain-info-requirements>div{padding:19px 0;border-top:1px solid var(--di-line)}.domain-info-requirements h3{margin:0 0 7px;color:var(--di-ink);font-size:16px}.domain-info-requirements p{margin:0;color:var(--di-muted);line-height:1.7}.domain-info-faqs{margin-top:20px;border-top:1px solid var(--di-line)}.domain-info-faqs details{border-bottom:1px solid var(--di-line)}.domain-info-faqs summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;color:var(--di-ink);font-weight:700;cursor:pointer;list-style:none}.domain-info-faqs summary::-webkit-details-marker{display:none}.domain-info-faqs details[open] summary i{transform:rotate(45deg)}.domain-info-faqs p{padding:0 24px 18px 0;margin:0;color:var(--di-muted);line-height:1.75}.domain-info-registry a{color:var(--di-blue)}.domain-info-action{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;color:#fff;background:#29234d;border-radius:7px}.domain-info-action .domain-info-kicker{color:#bfb6ff}.domain-info-action h2{color:#fff}.domain-info-action p{margin:0;color:#d1cfe0}.domain-info-action .btn{white-space:nowrap}.domain-info-page[data-background="dark"]{--di-ink:#eff3fa;--di-muted:#aeb8c9;--di-line:#343e51;--di-soft:#252e3e}.domain-info-page[data-background="dark"] .domain-info-hero{background:#202735;border-color:#343e51}.domain-info-page[data-background="dark"] .domain-info-hero>div>p,.domain-info-page[data-background="dark"] .domain-info-breadcrumb{color:#aeb8c9}.domain-info-page[data-background="dark"] .domain-info-breadcrumb a{color:#d3d9e5}.domain-info-page[data-background="dark"] .domain-info-search{background:#2a3345;border-color:#414c61}.domain-info-page[data-background="dark"] .domain-info-search input{color:#fff}.domain-info-page[data-background="dark"] .domain-info-toolbar select{color:#d9dfeb;background:#252e3e;border-color:#414b60}.domain-info-page[data-background="dark"] .domain-info-filters button{color:#c5cedd;border-color:#414b60}.domain-info-page[data-background="dark"] .domain-info-card-type{color:#d8deea;background:#2a3446}@media(max-width:991px){.domain-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-info-article-layout{grid-template-columns:1fr}.domain-info-toc{position:static}.domain-info-toc nav{display:flex;flex-wrap:wrap;gap:5px 14px}.domain-info-toc nav a{margin:0}.domain-info-index-intro{align-items:flex-start}}@media(max-width:767px){.domain-info-page main{padding-top:78px}.domain-info-hero{padding:34px 0 44px}.domain-info-hero h1{font-size:34px}.domain-info-hero>div>p{font-size:16px}.domain-info-index,.domain-info-article{padding:35px 0 65px}.domain-info-index-intro{display:block;padding:22px}.domain-info-index-intro>strong{display:block;margin-top:20px;padding:17px 0 0;border-top:1px solid var(--di-line);border-left:0;text-align:left}.domain-info-grid{grid-template-columns:1fr}.domain-info-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.domain-info-fact-grid{grid-template-columns:1fr}.domain-info-fact:nth-child(even){border-left:0}.domain-info-fact:nth-child(n+2){border-top:1px solid var(--di-line)}.domain-info-section{padding:22px}.domain-info-action{align-items:flex-start;flex-direction:column}.domain-info-card{min-height:205px}}

/* Knowledgebase root landing page */
.knowledgebase-root-page{--kb-ink:#15233c;--kb-muted:#637086;--kb-line:#dfe5ef;--kb-primary:#176fd1}
.knowledgebase-root-page main{padding-top:116px}
.knowledgebase-root-nav{display:flex;flex-direction:column;gap:5px}
.knowledgebase-root-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;color:#44536b;border-radius:5px;font-size:14px;font-weight:600}
.knowledgebase-root-nav a:hover{color:var(--zone-blue);background:#f1f5fb}
.knowledgebase-root-nav i{width:18px;color:var(--zone-blue);text-align:center}
.knowledgebase-root-intro{display:block;margin-bottom:24px}
.knowledgebase-root-intro h2{margin-bottom:8px}
.knowledgebase-root-hero{padding:56px 0 42px;background:linear-gradient(180deg,#f4f7fb 0%,#eef3f9 100%);border-bottom:1px solid var(--kb-line)}
.knowledgebase-root-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:30px;color:#6d788a;font-size:13px}
.knowledgebase-root-breadcrumb a{color:#344662}
.knowledgebase-root-breadcrumb i{font-size:8px;opacity:.55}
.knowledgebase-root-kicker{display:block;margin-bottom:8px;color:var(--kb-primary);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.knowledgebase-root-hero h1{max-width:760px;margin:0 0 14px;color:var(--kb-ink);font-size:46px;line-height:1.12}
.knowledgebase-root-hero p{max-width:820px;margin:0;color:var(--kb-muted);font-size:18px;line-height:1.7}
.knowledgebase-root-grid{padding:54px 0 88px}
.knowledgebase-root-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.knowledgebase-root-card{display:flex;min-height:290px;padding:30px;flex-direction:column;gap:10px;border:1px solid var(--kb-line);border-radius:7px;box-shadow:none!important;transition:border-color .2s,transform .2s}
.knowledgebase-root-card:hover{border-color:#a9b9d9;transform:translateY(-2px)}
.knowledgebase-root-card-icon{display:inline-grid;width:54px;height:54px;place-items:center;margin-bottom:8px;color:var(--kb-primary);background:#eaf3ff;border-radius:12px;font-size:22px}
.knowledgebase-root-card-eyebrow{color:#7b8595;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.knowledgebase-root-card h2{margin:0;color:var(--kb-ink);font-size:26px;line-height:1.25}
.knowledgebase-root-card p{margin:0;color:var(--kb-muted);font-size:15px;line-height:1.7}
.knowledgebase-root-card-link{margin-top:auto;color:var(--kb-primary);font-size:13px;font-weight:700}
.knowledgebase-root-card-link i{margin-left:7px}
.knowledgebase-root-page[data-background="dark"]{--kb-ink:#eff3fa;--kb-muted:#aeb8c9;--kb-line:#343e51}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-hero{background:#202735;border-color:#343e51}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-breadcrumb,.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-hero p{color:#aeb8c9}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-breadcrumb a{color:#d3d9e5}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-card{background:#182230;border-color:#343e51}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-card-icon{background:#23344d}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-nav a{color:#d1d7e3}
.knowledgebase-root-page[data-background="dark"] .knowledgebase-root-nav a:hover{background:#222d3e;color:#6db1ff}
@media(max-width:767px){.knowledgebase-root-page main{padding-top:78px}.knowledgebase-root-hero{padding:34px 0 38px}.knowledgebase-root-hero h1{font-size:34px}.knowledgebase-root-hero p{font-size:16px}.knowledgebase-root-card-grid{grid-template-columns:1fr}.knowledgebase-root-card{min-height:0;padding:22px}}