/* Cheap Web Hosting Company — unified blue visual system. */
:root {
  --cwh-navy: #071a44;
  --cwh-navy-soft: #102d5d;
  --cwh-blue: #0878e8;
  --cwh-blue-dark: #0563c9;
  --cwh-cyan: #18c5f4;
  --cwh-sky: #eaf6ff;
  --cwh-sky-soft: #f6fbff;
  --cwh-line: #d7e7f5;
  --cwh-copy: #4a5870;
  --cwh-muted: #71809a;
  --cwh-green: #08a956;
  --cwh-shadow: 0 18px 48px rgba(7, 50, 104, .10);
}

html { scroll-behavior: smooth; }
body {
  color: var(--cwh-copy);
  background: #fff;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.section-heading,
.section-subheading strong {
  color: var(--cwh-navy);
}

body a { color: var(--cwh-blue); }
body a:hover { color: var(--cwh-blue-dark); }
::selection { color: #fff; background: var(--cwh-blue); }

/* Shared header */
.cwh-statusbar {
  color: #26476a;
  background: #f1f8ff;
  border-bottom-color: #dcecf8;
}
.cwh-top-links a { color: #244464; }
.cwh-top-links i { color: var(--cwh-blue); }
.menu-wrap.cwh-header-shell,
.menu-wrap.mobile.cwh-mobile-header {
  background: rgba(255, 255, 255, .98);
  border-bottom-color: #dce9f4;
  box-shadow: 0 7px 24px rgba(7, 42, 86, .08);
}
.cwh-desktop-nav > ul > li > a { color: var(--cwh-navy); font-weight: 700; }
.cwh-desktop-nav > ul > li > a:hover { color: var(--cwh-blue); }
.cwh-desktop-nav > ul > li > a::after { background: var(--cwh-cyan); }
.cwh-nav-dropdown-menu,
.cwh-support-dropdown {
  border-color: var(--cwh-line);
  box-shadow: 0 20px 50px rgba(7, 42, 86, .14);
}
.cwh-nav-dropdown-menu a:hover,
.cwh-support-dropdown a:hover { background: var(--cwh-sky); }
.cwh-nav-dropdown-menu i,
.cwh-support-dropdown i { color: var(--cwh-blue); }
.cwh-client-btn,
.cwh-mobile-nav .cwh-mobile-client {
  color: #fff !important;
  background: linear-gradient(135deg, var(--cwh-blue-dark), #0b8ff0) !important;
  box-shadow: 0 10px 24px rgba(8, 120, 232, .24);
}
.cwh-client-btn:hover { background: var(--cwh-blue-dark) !important; }
.cwh-mobile-nav { background: #fff; }
.cwh-mobile-nav > a { color: var(--cwh-navy); }
.cwh-mobile-label { color: var(--cwh-blue); background: var(--cwh-sky-soft); }

/* Shared components and legacy page helpers */
.btn-default-yellow-fill,
.btn-default-pink-fill,
.btn-default-purple-fill,
.btn-default-green-fill,
.bg-pink,
.bg-purple,
.bg-yellow {
  color: #fff !important;
  background: var(--cwh-blue) !important;
  border-color: var(--cwh-blue) !important;
}
.btn-default-yellow-fill:hover,
.btn-default-pink-fill:hover,
.btn-default-purple-fill:hover,
.btn-default-green-fill:hover {
  color: #fff !important;
  background: var(--cwh-blue-dark) !important;
  border-color: var(--cwh-blue-dark) !important;
}
.c-purple,
.c-pink,
.c-yellow,
.c-green { color: var(--cwh-blue) !important; }
.sec-bg1 { background-color: #fff !important; }
.sec-bg2,
.sec-bg7 { background-color: var(--cwh-sky-soft) !important; }
.sec-bg3,
.sec-bg6 { background-color: var(--cwh-navy) !important; }
.sec-grad-yellow-to-grey-left,
.sec-grad-yellow-to-grey-right,
.sec-grad-yellow-to-white-right,
.sec-grad-yellow-to-black-right,
.sec-grad-black-to-yellow-left,
.sec-grad-grey-to-grey {
  background: linear-gradient(135deg, var(--cwh-sky-soft), #dceeff) !important;
}
.section-heading { color: var(--cwh-navy) !important; font-weight: 800; }
.section-subheading { color: var(--cwh-copy) !important; }
.plans.badge.feat { background: var(--cwh-blue) !important; }
.pricing .wrapper,
.pricing .table,
.services .service-wrap,
.services .service-section,
.sec-main,
.sec-sec {
  border: 1px solid var(--cwh-line);
  background: #fff;
  box-shadow: var(--cwh-shadow);
}
.pricing .wrapper:hover { border-color: #8ec8f6; }
.pricing .price,
.pricing .value,
.pricing .coin { color: var(--cwh-blue) !important; }
.accordion .panel,
.accordion .card {
  border-color: var(--cwh-line) !important;
  background: #fff !important;
}
.accordion .panel-title,
.accordion .card-header { color: var(--cwh-navy) !important; }

/* Homepage hero — matched to supplied visual direction. */
.home-command-hero {
  position: relative;
  overflow: hidden;
  color: var(--cwh-navy);
  background:
    radial-gradient(circle at 88% 25%, rgba(65, 169, 255, .26), transparent 31%),
    radial-gradient(circle at 4% 92%, rgba(37, 150, 248, .18), transparent 27%),
    linear-gradient(115deg, #f9fdff 0%, #edf8ff 46%, #cfeaff 100%);
  border-bottom-color: #cfe4f5;
  padding: 72px 0 76px;
}
.home-command-hero::before {
  display: block;
  content: "";
  position: absolute;
  inset: auto -8% -38% -8%;
  height: 68%;
  opacity: .65;
  background:
    radial-gradient(ellipse at 17% 100%, #d8efff 0 33%, transparent 34%),
    radial-gradient(ellipse at 58% 100%, #eaf7ff 0 36%, transparent 37%),
    radial-gradient(ellipse at 91% 100%, #91cfff 0 34%, transparent 35%);
  pointer-events: none;
}
.home-command-hero .container { position: relative; z-index: 1; }
.home-command-copy .home-kicker,
.home-kicker {
  color: var(--cwh-blue);
  background: rgba(224, 243, 255, .88);
  border-color: #c8e7fb;
}
.home-command-copy .home-kicker i { color: var(--cwh-blue); }
.home-command-copy h1 {
  color: var(--cwh-navy);
  font-size: 60px;
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -2.6px;
}
.home-command-copy h1::first-line { color: var(--cwh-navy); }
.home-command-copy h1 span {
  display: block;
  color: var(--cwh-blue);
}
.home-command-copy > p { color: var(--cwh-copy); }
.home-primary-btn {
  background: linear-gradient(135deg, var(--cwh-blue), #058fe9);
  border-color: var(--cwh-blue);
  box-shadow: 0 12px 25px rgba(8, 120, 232, .24);
}
.home-primary-btn:hover { background: var(--cwh-blue-dark); border-color: var(--cwh-blue-dark); }
.home-ghost-btn { color: var(--cwh-navy) !important; border-color: #b9d0e4; }
.home-ghost-btn:hover { color: var(--cwh-blue) !important; background: #f7fbff; border-color: #86bce7; }
.home-hero-proof { color: var(--cwh-navy); font-weight: 650; }
.home-hero-proof i { color: var(--cwh-green); }
.home-command-hero .col-lg-6:last-child { position: relative; }
.home-server-racks {
  position: absolute;
  z-index: 0;
  right: -205px;
  bottom: -90px;
  width: 430px;
  max-width: none;
  opacity: .96;
  pointer-events: none;
}
.home-command-center {
  position: relative;
  z-index: 2;
  margin-left: 0;
  background: rgba(255, 255, 255, .96);
  border-color: rgba(255,255,255,.92);
  border-radius: 17px;
  box-shadow: 0 28px 64px rgba(7, 59, 118, .20);
}
.home-command-top b { color: var(--cwh-navy); }
.home-command-top em { color: #087b47; background: #e4f8ee; }
.home-command-speed { background: linear-gradient(115deg, #e6fff2, #eaf9ff); border-color: #ccefe1; }
.home-command-speed strong { color: var(--cwh-green); }
.home-speed-lines i { background: linear-gradient(90deg, var(--cwh-cyan), var(--cwh-blue)); }
.home-command-float { color: var(--cwh-navy); background: #fff; }
.home-trust-rail { background: #fff; border-bottom: 1px solid var(--cwh-line); }
.home-trust-rail > .container > div { border-color: var(--cwh-line); }
.home-trust-rail i { color: var(--cwh-blue); background: var(--cwh-sky); }
.home-plan-section,
.home-toolkit,
.home-social-proof { background: var(--cwh-sky-soft); }
.home-value-bento,
.home-ai-story,
.home-move-banner { background: #fff; }
.home-plan-grid article,
.home-bento-grid article,
.home-logo-marquee > div,
.home-ai-story-card {
  border-color: var(--cwh-line);
  box-shadow: var(--cwh-shadow);
}
.home-plan-grid article:hover { border-color: #83c3f4; transform: translateY(-5px); }
.home-plan-featured { border-color: var(--cwh-blue) !important; }
.home-popular,
.home-plan-grid article > a,
.home-ai-story-copy > a,
.home-move-inner > a,
.home-final a { background: var(--cwh-blue) !important; color: #fff !important; }
.home-plan-grid li i,
.home-proof-numbers strong { color: var(--cwh-green); }
.home-plan-price strong,
.home-bento-speed strong { color: var(--cwh-blue); }
.home-bento-speed,
.home-bento-control { background: linear-gradient(135deg, var(--cwh-navy), var(--cwh-navy-soft)) !important; }
.home-ai-story-card { background: linear-gradient(135deg, #f8fcff, #e7f5ff); }
.home-move-inner { background: linear-gradient(120deg, var(--cwh-navy), #0b4f92) !important; }
.home-quote-card { background: linear-gradient(135deg, #0787de, #0755bd) !important; }
.home-final { background: linear-gradient(135deg, var(--cwh-navy), #0b4f92) !important; }

/* Product page heroes */
.webhost-hero,
.reseller-hero,
.vps-hero,
.gws-hero {
  color: var(--cwh-navy);
  background:
    radial-gradient(circle at 88% 20%, rgba(77, 176, 255, .26), transparent 30%),
    linear-gradient(120deg, #fbfeff, #e7f5ff 58%, #cce9ff) !important;
}
.webhost-hero h1,
.reseller-hero h1,
.vps-hero h1,
.gws-hero h1 { color: var(--cwh-navy) !important; }
.webhost-hero p,
.reseller-hero p,
.vps-hero p,
.gws-hero p { color: var(--cwh-copy) !important; }
.webhost-eyebrow,
.reseller-kicker,
.vps-kicker,
.gws-kicker { color: var(--cwh-blue) !important; }
.webhost-btn-primary,
.vps-btn-primary,
.gws-btn-primary,
.reseller-hero .btn-default-yellow-fill {
  color: #fff !important;
  background: var(--cwh-blue) !important;
  border-color: var(--cwh-blue) !important;
  box-shadow: 0 11px 24px rgba(8, 120, 232, .22);
}
.webhost-btn-secondary,
.vps-btn-ghost,
.gws-btn-secondary {
  color: var(--cwh-navy) !important;
  background: #fff !important;
  border-color: #bcd2e5 !important;
}
.webhost-hero-trust,
.reseller-trust-row,
.vps-proof,
.gws-hero-proof { color: var(--cwh-navy) !important; }
.webhost-hero-trust i,
.reseller-trust-row i,
.vps-proof i,
.gws-hero-proof i { color: var(--cwh-green) !important; }
.webhost-server-art {
  background-image: url('/img/hosting-server-racks-v2.png') !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: contain !important;
}
.webhost-server-stack,
.webhost-orbit { opacity: 0 !important; }
.webhost-art-card { border-color: var(--cwh-line) !important; background: rgba(255,255,255,.95) !important; }
.webhost-tech-strip,
.reseller-tech,
.gws-app-strip { background: #fff !important; border-color: var(--cwh-line) !important; }
.webhost-tech-strip i,
.reseller-tech i { color: var(--cwh-blue) !important; background: var(--cwh-sky) !important; }

/* Web hosting */
.web-hosting-modern .pricing.special,
.webhost-included-stack,
.webhost-compact-faq { background: var(--cwh-sky-soft) !important; }
.webhost-performance,
.ai-hosting-section,
.webhost-softaculous { background: #fff !important; }
.webhost-migration,
.webhost-final-cta { background: linear-gradient(135deg, var(--cwh-navy), #0b4f92) !important; }
.webhost-final-cta h2,
.webhost-final-cta p,
.webhost-migration h2,
.webhost-migration p { color: #fff !important; }
.webhost-performance-card,
.webhost-included-card,
.webhost-faq-grid article,
.ai-hosting-card { border-color: var(--cwh-line) !important; box-shadow: var(--cwh-shadow) !important; }

/* Reseller hosting */
.reseller-pricing-section,
.reseller-software-stack,
.reseller-steps,
.reseller-features,
.reseller-migration-center,
.reseller-comparison,
.reseller-faq { background: var(--cwh-sky-soft) !important; }
.reseller-vs-rest,
.reseller-ai-builder,
.reseller-pillars,
.reseller-done-for-you,
.reseller-toolkit,
.reseller-control,
.reseller-no-downtime,
.reseller-domain,
.reseller-who { background: #fff !important; }
.reseller-support,
.reseller-global,
.reseller-final-cta { background: linear-gradient(135deg, var(--cwh-navy), #0b4f92) !important; }
.reseller-plan,
.reseller-feature-card,
.reseller-step-card,
.reseller-pillar,
.reseller-faq article { border-color: var(--cwh-line) !important; box-shadow: var(--cwh-shadow) !important; }
.reseller-plan.featured { border-color: var(--cwh-blue) !important; }

/* VPS */
.vps-plans,
.vps-specs,
.vps-faq { background: var(--cwh-sky-soft) !important; }
.vps-features { background: #fff !important; }
.vps-custom { background: linear-gradient(135deg, var(--cwh-navy), #0b4f92) !important; }
.vps-plan-grid article,
.vps-feature-grid article,
.vps-faq-list article { border-color: var(--cwh-line) !important; box-shadow: var(--cwh-shadow) !important; }
.vps-plan-featured { border-color: var(--cwh-blue) !important; }
.vps-plan-grid article > a,
.vps-plan-badge { color: #fff !important; background: var(--cwh-blue) !important; }
.vps-plan-head strong { color: var(--cwh-blue) !important; }
.vps-console { border-color: #cfe2f3 !important; box-shadow: 0 24px 60px rgba(7,59,118,.18) !important; }

/* Google Workspace */
.gws-savings,
.gws-apps,
.gws-migration,
.gws-how,
.gws-faq { background: var(--cwh-sky-soft) !important; }
.gws-plans,
.gws-comparison,
.gws-transfer,
.gws-partner { background: #fff !important; }
.gws-final { background: linear-gradient(135deg, var(--cwh-navy), #0b4f92) !important; }
.gws-plan-card,
.gws-savings-card,
.gws-app-card,
.gws-how article,
.gws-faq article { border-color: var(--cwh-line) !important; box-shadow: var(--cwh-shadow) !important; }
.gws-plan-card.is-featured { border-color: var(--cwh-blue) !important; }
.gws-price-float { color: #fff !important; background: var(--cwh-blue) !important; }

/* Information, payment and error pages */
.top-header {
  color: var(--cwh-navy) !important;
  background: linear-gradient(120deg, #f9fdff, #dcefff) !important;
}
.top-header .heading,
.top-header .subheading,
.top-header .subheding { color: var(--cwh-navy) !important; }
.legal-page .blog,
.payments-page .services,
.notfound { background-color: #fff; }
.payments-page .services:nth-of-type(even) { background: var(--cwh-sky-soft) !important; }
.notfound .title,
.notfound .subtitle { color: var(--cwh-navy) !important; }

/* Footer */
.cwh-footer { color: #c5d7e8; background: var(--cwh-navy) !important; }
.cwh-footer-help { background: linear-gradient(135deg, #0a6ed1, #079fe4) !important; }
.cwh-footer h2,
.cwh-footer h3,
.cwh-footer h4,
.cwh-footer b { color: #fff !important; }
.cwh-footer a { color: #cfe6f7; }
.cwh-footer a:hover { color: var(--cwh-cyan); }
.cwh-footer-primary { color: var(--cwh-navy) !important; background: #fff !important; }
.cwh-footer-secondary { color: #fff !important; border-color: rgba(255,255,255,.55) !important; }
.cwh-footer-trust { border-color: rgba(255,255,255,.12) !important; }
.cwh-footer-trust-item i { color: var(--cwh-cyan) !important; }

@media (max-width: 991px) {
  .home-server-racks { right: -90px; bottom: -55px; width: 390px; }
  .home-command-center { margin: 46px 18px 0 0; }
}

@media (max-width: 767px) {
  .home-command-hero { padding-top: 44px; }
  .home-command-copy h1 { font-size: clamp(36px, 10.2vw, 40px); line-height: 1.08; letter-spacing: -1.7px; }
  .home-server-racks { right: -105px; bottom: -35px; width: 280px; opacity: .68; }
  .home-command-center { margin: 40px 6px 0; }
  .home-command-float { right: -2px; }
  .home-trust-rail > .container > div { border-bottom: 1px solid var(--cwh-line); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}