/*
 * UK Cheapest shared X-page design system
 * Version: 1.0.6
 * Scope: pages with the ukc-landing-page body class
 */

:root {
  --ukc-ink: #10223c;
  --ukc-copy: #40566d;
  --ukc-muted: #5f7287;
  --ukc-blue: #075eb5;
  --ukc-blue-dark: #063e74;
  --ukc-blue-deep: #062f59;
  --ukc-blue-soft: #eaf4ff;
  --ukc-gold: #ffcd3c;
  --ukc-gold-hover: #ffda67;
  --ukc-gold-dark: #e7ad00;
  --ukc-green: #087a55;
  --ukc-green-dark: #066445;
  --ukc-green-soft: #e8f8f1;
  --ukc-surface: #ffffff;
  --ukc-surface-alt: #f5f8fc;
  --ukc-border: #d8e3ef;
  --ukc-focus: #ffcd3c;
  --ukc-radius-sm: 10px;
  --ukc-radius: 18px;
  --ukc-radius-lg: 28px;
  --ukc-shadow: 0 16px 42px rgba(16, 42, 67, .10);
  --ukc-shadow-soft: 0 8px 24px rgba(16, 42, 67, .07);
  --ukc-content: 1160px;
  --ukc-space-section: 76px;
  --ukc-space-section-mobile: 50px;
  --ukc-space-grid: 22px;
  --ukc-space-grid-mobile: 20px;
  --ukc-space-split: 48px;
  --ukc-space-split-mobile: 26px;
  --ukc-space-band: 64px;
  --ukc-space-band-mobile: 52px;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body.ukc-landing-page {
  margin: 0;
  overflow-x: hidden;
  color: var(--ukc-copy);
  background: var(--ukc-surface);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body.ukc-landing-page *,
body.ukc-landing-page *::before,
body.ukc-landing-page *::after {
  box-sizing: border-box;
}

body.ukc-landing-page img {
  max-width: 100%;
  height: auto;
}

body.ukc-landing-page a {
  color: var(--ukc-blue);
  text-underline-offset: 3px;
}

body.ukc-landing-page a:hover {
  color: var(--ukc-blue-dark);
}

body.ukc-landing-page a:focus-visible,
body.ukc-landing-page button:focus-visible,
body.ukc-landing-page input:focus-visible,
body.ukc-landing-page select:focus-visible,
body.ukc-landing-page textarea:focus-visible,
body.ukc-landing-page summary:focus-visible {
  outline: 3px solid var(--ukc-focus) !important;
  outline-offset: 3px !important;
}

body.ukc-landing-page .container,
body.ukc-landing-page .wrapper {
  width: min(calc(100% - 40px), var(--ukc-content)) !important;
  max-width: var(--ukc-content) !important;
  margin-inline: auto !important;
}

body.ukc-landing-page h1,
body.ukc-landing-page h2,
body.ukc-landing-page h3,
body.ukc-landing-page h4,
body.ukc-landing-page h5,
body.ukc-landing-page h6 {
  color: var(--ukc-ink);
  font-family: inherit;
  letter-spacing: -.025em;
  line-height: 1.16;
}

body.ukc-landing-page h1 {
  font-size: clamp(2.35rem, 5vw, 4.6rem) !important;
}

body.ukc-landing-page h2 {
  font-size: clamp(1.8rem, 3.4vw, 3rem) !important;
}

body.ukc-landing-page h3 {
  font-size: 1.18rem !important;
}

/* Builder-page heading hierarchy */
body.ukc-webdesign-page .section-title,
body.ukc-sitebuilder-page .section-title {
  font-size: clamp(2rem, 3vw, 2.7rem) !important;
}

body.ukc-webdesign-page .webdesign-choice-card h2,
body.ukc-sitebuilder-page .sitebuilder-choice-card h2 {
  margin-top: 0;
  font-size: clamp(1.65rem, 2.2vw, 2.15rem) !important;
  letter-spacing: -.02em;
  line-height: 1.15;
  text-wrap: balance;
}

body.ukc-webdesign-page .webdesign-plan-card h3 {
  font-size: clamp(1.4rem, 1.8vw, 1.5rem) !important;
  font-weight: 500;
  line-height: 1.2;
  text-wrap: balance;
}

body.ukc-landing-page p {
  color: var(--ukc-copy);
}

/* Shared spacing rhythm */
body.ukc-landing-page .section_holder10 {
  padding-top: var(--ukc-space-section) !important;
  padding-bottom: var(--ukc-space-section) !important;
}

body.ukc-landing-page .punchtext {
  padding-top: var(--ukc-space-band) !important;
  padding-bottom: var(--ukc-space-band) !important;
}

body.ukc-landing-page .container.card-flex,
body.ukc-landing-page .hosting-split,
body.ukc-landing-page .sitebuilder-split {
  gap: var(--ukc-space-split) !important;
}

body.ukc-landing-page .card-container,
body.ukc-landing-page .hosting-pricing-grid,
body.ukc-landing-page .sitebuilder-pricing-grid,
body.ukc-landing-page .sitebuilder-builder-grid,
body.ukc-landing-page .webdesign-builder-grid,
body.ukc-landing-page .webdesign-plan-grid,
body.ukc-landing-page .testimonial-card-container {
  gap: var(--ukc-space-grid) !important;
}

/* Keep card actions visually separate from the content above them. */
body.ukc-landing-page .card > p:last-of-type,
body.ukc-landing-page .card > ul:last-of-type,
body.ukc-landing-page .domain-purpose-grid > div > p:last-of-type,
body.ukc-landing-page .sitebuilder-choice-card > ul:last-of-type,
body.ukc-landing-page .webdesign-choice-card > ul:last-of-type,
body.ukc-landing-page .webdesign-plan-card > ul:last-of-type {
  margin-bottom: 22px !important;
}

/* Preserve section rhythm when legacy markup nests a conversion band. */
body.ukc-landing-page .section_holder10 > .punchtext,
body.ukc-landing-page .section_holder1 > .punchtext {
  margin-top: var(--ukc-space-section) !important;
}

/* Shared primary-site header */
body.ukc-landing-page #header {
  background: #fff;
  border-bottom: 1px solid var(--ukc-border);
}

body.ukc-landing-page #trueHeader {
  background: rgba(255, 255, 255, .97) !important;
  border: 0 !important;
  box-shadow: 0 3px 14px rgba(16, 42, 67, .06) !important;
}

/* Prevent the legacy logo block appearing while menu2.php is still parsing. */
body.ukc-landing-page #trueHeader .logo,
body.ukc-landing-page #trueHeader .logo a,
body.ukc-landing-page #trueHeader #logo {
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ukc-landing-page #trueHeader .header-flex {
  min-height: 82px;
  padding: 10px 0 !important;
}

body.ukc-landing-page #trueHeader .header-logo {
  height: 52px !important;
}

body.ukc-landing-page .desktop-nav > ul.nav {
  gap: clamp(12px, 2vw, 28px) !important;
}

body.ukc-landing-page .desktop-nav > ul.nav > li > a {
  padding: 12px 0 !important;
  color: var(--ukc-ink) !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

body.ukc-landing-page .desktop-nav > ul.nav > li > a:hover,
body.ukc-landing-page .desktop-nav > ul.nav > li > a:focus,
body.ukc-landing-page .desktop-nav > ul.nav > li > a.active,
body.ukc-landing-page .desktop-nav > ul.nav > li.active > a {
  color: var(--ukc-blue) !important;
  background: transparent !important;
}

body.ukc-landing-page .desktop-nav > ul.nav > li > a.active,
body.ukc-landing-page .desktop-nav > ul.nav > li.active > a {
  box-shadow: inset 0 -3px var(--ukc-blue) !important;
}

body.ukc-landing-page .desktop-nav .dropdown-menu {
  min-width: 250px !important;
  padding: 8px 0 !important;
  border: 1px solid var(--ukc-border) !important;
  border-radius: var(--ukc-radius-sm) !important;
  box-shadow: var(--ukc-shadow-soft) !important;
  overflow: hidden;
}

body.ukc-landing-page .desktop-nav .dropdown-menu li {
  margin: 0 !important;
}

body.ukc-landing-page .desktop-nav .dropdown-menu li a {
  padding: 11px 18px !important;
  color: var(--ukc-ink) !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
}

body.ukc-landing-page .desktop-nav .dropdown-menu li a:hover,
body.ukc-landing-page .desktop-nav .dropdown-menu li a:focus {
  color: var(--ukc-blue) !important;
  background: var(--ukc-blue-soft) !important;
}

body.ukc-landing-page .mobile-header {
  background: rgba(255, 255, 255, .98) !important;
  border-bottom: 1px solid var(--ukc-border);
  box-shadow: 0 3px 14px rgba(16, 42, 67, .08) !important;
}

body.ukc-landing-page .mobile-menu {
  right: 0 !important;
  visibility: hidden;
  color: var(--ukc-ink);
  transform: translateX(100%);
  transition: transform .25s ease, visibility .25s ease !important;
}

body.ukc-landing-page .mobile-menu.open {
  visibility: visible;
  transform: translateX(0);
}

body.ukc-landing-page .mobile-menu nav ul li a {
  color: var(--ukc-ink) !important;
}

/* Shared action hierarchy */
body.ukc-landing-page .hero-submit,
body.ukc-landing-page .hero-quote .hero-submit,
body.ukc-landing-page button[id^="searchsubmit"] {
  min-height: 52px;
  border: 0 !important;
  border-radius: 11px !important;
  color: var(--ukc-ink) !important;
  background: var(--ukc-gold) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(231, 173, 0, .24) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

body.ukc-landing-page .hero-submit:hover,
body.ukc-landing-page .hero-quote .hero-submit:hover,
body.ukc-landing-page button[id^="searchsubmit"]:hover {
  color: var(--ukc-ink) !important;
  background: var(--ukc-gold-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(231, 173, 0, .28) !important;
}

body.ukc-landing-page .cta-button,
body.ukc-landing-page .cta-button-blue,
body.ukc-landing-page .tld-card .btn,
body.ukc-landing-page .btn-primary {
  display: inline-flex !important;
  min-height: 49px;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  padding: 11px 18px !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: var(--ukc-blue) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(7, 94, 181, .20) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

body.ukc-landing-page .cta-button:hover,
body.ukc-landing-page .cta-button-blue:hover,
body.ukc-landing-page .tld-card .btn:hover,
body.ukc-landing-page .btn-primary:hover {
  color: #fff !important;
  background: var(--ukc-blue-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(7, 94, 181, .24) !important;
}

body.ukc-landing-page .btn-outline {
  color: var(--ukc-blue) !important;
  border: 2px solid var(--ukc-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.ukc-landing-page .btn-outline:hover {
  color: var(--ukc-blue-dark) !important;
  border-color: var(--ukc-blue) !important;
}

/* Green communicates positive state rather than the primary action. */
body.ukc-landing-page .ukc-positive,
body.ukc-landing-page .feature-icon.is-positive,
body.ukc-landing-page .included,
body.ukc-landing-page .available {
  color: var(--ukc-green) !important;
}

/* Shared primary-site footer */
body.ukc-landing-page .footer1.two {
  padding: 68px 0 50px !important;
  color: #d9e2ec !important;
  background: #071f33 !important;
}

body.ukc-landing-page .footer1.two .container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 34px !important;
}

body.ukc-landing-page .footer1.two .one_fourth {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

body.ukc-landing-page .footer1 h1,
body.ukc-landing-page .footer1 h2,
body.ukc-landing-page .footer1 h3,
body.ukc-landing-page .footer1 h4,
body.ukc-landing-page .footer1 h5,
body.ukc-landing-page .footer1 h6 {
  color: #fff !important;
}

body.ukc-landing-page .footer1 .quick_links {
  margin: 0 !important;
}

body.ukc-landing-page .footer1 .quick_links li {
  padding: 4px 0 !important;
  border: 0 !important;
}

body.ukc-landing-page .footer1 .quick_links a {
  color: #c8d6e2 !important;
  text-decoration: none !important;
}

body.ukc-landing-page .footer1 .quick_links a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

body.ukc-landing-page .footer_payment_types {
  padding: 26px 0 !important;
  color: #b8c7d3 !important;
  background: #041725 !important;
}

body.ukc-landing-page .footer_payment_types .ratings {
  text-align: right !important;
}

body.ukc-landing-page .footer_payment_types .ratings h3 {
  color: #dce8f2 !important;
}

@media (max-width: 991.98px) {
  body.ukc-landing-page .footer1.two .container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1000px) and (max-width: 1120px) {
  body.ukc-landing-page .desktop-nav > ul.nav {
    gap: clamp(10px, 1.5vw, 17px) !important;
  }

  body.ukc-landing-page .desktop-nav > ul.nav > li > a {
    font-size: 14px !important;
  }
}

@media (max-width: 999px) {
  body.ukc-landing-page {
    padding-top: 70px !important;
  }

  body.ukc-landing-page #trueHeader,
  body.ukc-landing-page .desktop-nav {
    display: none !important;
  }

  body.ukc-landing-page .mobile-header {
    display: flex !important;
    min-height: 70px;
    padding: 8px 16px !important;
  }

  body.ukc-landing-page .mobile-logo {
    height: 46px !important;
    max-width: 250px;
  }

  body.ukc-landing-page .desktop-nav .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 700px) {
  body.ukc-landing-page .container,
  body.ukc-landing-page .wrapper {
    width: min(calc(100% - 28px), var(--ukc-content)) !important;
  }

  body.ukc-landing-page .footer1.two .container {
    grid-template-columns: 1fr !important;
  }

  body.ukc-landing-page .footer_payment_types .ratings {
    text-align: left !important;
  }

  body.ukc-landing-page .section_holder10 {
    padding-top: var(--ukc-space-section-mobile) !important;
    padding-bottom: var(--ukc-space-section-mobile) !important;
  }

  body.ukc-landing-page .punchtext {
    padding-top: var(--ukc-space-band-mobile) !important;
    padding-bottom: var(--ukc-space-band-mobile) !important;
  }

  body.ukc-landing-page .container.card-flex,
  body.ukc-landing-page .hosting-split,
  body.ukc-landing-page .sitebuilder-split {
    gap: var(--ukc-space-split-mobile) !important;
  }

  body.ukc-landing-page .card-container,
  body.ukc-landing-page .hosting-pricing-grid,
  body.ukc-landing-page .sitebuilder-pricing-grid,
  body.ukc-landing-page .sitebuilder-builder-grid,
  body.ukc-landing-page .webdesign-builder-grid,
  body.ukc-landing-page .webdesign-plan-grid,
  body.ukc-landing-page .testimonial-card-container {
    gap: var(--ukc-space-grid-mobile) !important;
  }

  body.ukc-landing-page .section_holder10 > .punchtext,
  body.ukc-landing-page .section_holder1 > .punchtext {
    margin-top: var(--ukc-space-section-mobile) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body.ukc-landing-page *,
  body.ukc-landing-page *::before,
  body.ukc-landing-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}