:root {
  --ink: #12333b;
  --muted: #3e5e66;
  --bg: #fbfdfe;
  --tint: #edf6f9;
  --border: #d7ebf1;
  --cool: #1b98b4;
  --cta: #f2701d;
  --cta-hover: #d95e10;
  --success: #1f8a5b;
  --white: #ffffff;
  --shadow: 0 18px 45px rgba(18, 51, 59, 0.08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  color: var(--ink);
  background: var(--bg);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-size: 16px;
  line-height: 1.6;
}

a {
  color: var(--cool);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

img {
  max-width: 100%;
  height: auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(251, 253, 254, 0.94);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(14px);
}

.site-header__inner,
.site-footer__inner,
.container {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

.site-header__inner {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
}

.logo__mark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 8px;
  color: var(--white);
  background: var(--cool);
  font-size: 13px;
  letter-spacing: 0;
}

.site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
  font-size: 14px;
  font-weight: 700;
}

.site-nav a {
  color: var(--ink);
  text-decoration: none;
}

.site-nav a:hover {
  color: var(--cool);
}

.site-main {
  padding: 42px 0 56px;
}

.hero {
  display: grid;
  gap: 26px;
  align-items: center;
  padding: 36px 0 42px;
}

.hero--home {
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
}

.eyebrow,
.chip {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 6px 12px;
  color: var(--muted);
  background: var(--white);
  font-size: 13px;
  font-weight: 700;
}

h1,
h2,
h3 {
  margin: 0 0 14px;
  color: var(--ink);
  line-height: 1.12;
}

h1 {
  max-width: 780px;
  font-size: clamp(2.25rem, 7vw, 4.5rem);
  letter-spacing: 0;
}

h2 {
  font-size: clamp(1.55rem, 4vw, 2.45rem);
}

h3 {
  font-size: 1.12rem;
}

p {
  margin: 0 0 16px;
}

.lead {
  max-width: 700px;
  color: var(--muted);
  font-size: 1.08rem;
}

.button,
.cta-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  padding: 13px 20px;
  color: var(--white);
  background: var(--cta);
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(242, 112, 29, 0.22);
}

.button:hover,
.cta-button:hover {
  background: var(--cta-hover);
  color: var(--white);
}

.cta-button {
  flex-direction: column;
  gap: 2px;
  min-width: min(100%, 280px);
}

.cta-button small {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.25;
}

.section {
  padding: 54px 0;
}

.section--tint {
  background: var(--tint);
}

.grid {
  display: grid;
  gap: 18px;
}

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

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

.card {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 20px;
  background: var(--white);
  box-shadow: var(--shadow);
}

.card--highlight {
  border-color: rgba(27, 152, 180, 0.42);
  box-shadow: 0 18px 45px rgba(27, 152, 180, 0.14);
}

.card--highlight .cta-button {
  display: flex;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.tag {
  display: inline-flex;
  margin-bottom: 10px;
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--cool);
  background: var(--tint);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
}

.image-placeholder {
  display: grid;
  min-height: 220px;
  place-items: center;
  border: 1px dashed #9fcbd6;
  border-radius: 8px;
  color: var(--muted);
  background:
    linear-gradient(135deg, rgba(27, 152, 180, 0.08), rgba(31, 138, 91, 0.06)),
    var(--white);
  font-size: 0.88rem;
  font-weight: 700;
  text-align: center;
}

.image-placeholder--wide {
  min-height: 280px;
}

.media-image {
  display: block;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--white);
  object-fit: cover;
  box-shadow: var(--shadow);
}

.media-image--wide {
  aspect-ratio: 16 / 10;
}

.media-image--square {
  aspect-ratio: 1 / 1;
}

.media-image--product {
  object-fit: contain;
  padding: 10px;
}

.article-list {
  margin: 0;
  padding-left: 20px;
}

.article-list li {
  margin: 0 0 9px;
}

.article-header {
  max-width: 780px;
  margin: 0 auto 26px;
}

.article-body {
  max-width: 780px;
  margin: 0 auto;
}

.article-body h2 {
  margin-top: 34px;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
}

.soft-link {
  margin-top: 30px;
  border-left: 4px solid var(--cool);
  padding: 16px 18px;
  background: var(--tint);
}

.site-footer {
  border-top: 1px solid var(--border);
  padding: 34px 0;
  color: var(--muted);
  background: var(--white);
  font-size: 0.92rem;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
}

.footer-links a {
  color: var(--ink);
  font-weight: 700;
  text-decoration: none;
}

.form {
  display: grid;
  gap: 14px;
  max-width: 620px;
}

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

.form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 700;
}

.form input,
.form textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px 13px;
  color: var(--ink);
  background: var(--white);
  font: inherit;
}

.form textarea {
  min-height: 150px;
  resize: vertical;
}

.lp-page .site-main {
  padding-top: 0;
}

.uk-lp-reviewed,
.de-lp-reviewed,
.at-lp-reviewed,
.fr-lp-reviewed {
  --cta: #b84a0c;
  --cta-hover: #8f3505;
}

.uk-lp-reviewed .cta-button small,
.de-lp-reviewed .cta-button small,
.at-lp-reviewed .cta-button small,
.fr-lp-reviewed .cta-button small {
  color: var(--white);
}

.lp-header .site-header__inner {
  min-height: 58px;
}

.lp-disclosure-link {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 700;
}

.at-lp-reviewed h1,
.fr-lp-reviewed h1,
.at-lp-reviewed h2,
.fr-lp-reviewed h2,
.at-lp-reviewed h3,
.fr-lp-reviewed h3,
.at-lp-reviewed p,
.fr-lp-reviewed p,
.at-lp-reviewed figcaption,
.fr-lp-reviewed figcaption,
.at-lp-reviewed th,
.fr-lp-reviewed th,
.at-lp-reviewed td,
.fr-lp-reviewed td,
.at-lp-reviewed dd {
  overflow-wrap: break-word;
  hyphens: auto;
}

.lp-container {
  width: min(720px, calc(100% - 28px));
  margin: 0 auto;
}

.lp-container--wide {
  width: min(1040px, calc(100% - 48px));
}

.lp-hero {
  display: grid;
  min-height: calc(100svh - 58px);
  align-content: center;
  gap: 14px;
  padding: 14px 0 18px;
}

.lp-hero h1 {
  font-size: clamp(2rem, 10vw, 4.1rem);
}

.lp-hero .lead {
  font-size: 1rem;
}

.lp-hero__image {
  justify-self: center;
  width: min(100%, 360px);
  max-height: clamp(150px, 26svh, 250px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  padding: 0;
}

.trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 700;
}

.trust-strip span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.trust-strip span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--success);
}

.comparison-card ul,
.honesty-card ul {
  margin: 0;
  padding-left: 20px;
  text-wrap: pretty;
}

.honesty-card li {
  overflow-wrap: anywhere;
  hyphens: auto;
}

.comparison-card .tag {
  float: right;
  margin: 0 0 8px 12px;
}

.steps {
  counter-reset: step;
  display: grid;
  gap: 14px;
}

.step {
  position: relative;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 18px 18px 18px 62px;
  background: var(--white);
}

.step::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  top: 18px;
  left: 18px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  color: var(--white);
  background: var(--cool);
  font-weight: 800;
}

.center {
  text-align: center;
}

.guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  margin: 14px auto 0;
  color: var(--success);
  font-weight: 800;
}

.guarantee::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  background: var(--success);
  clip-path: polygon(50% 0, 90% 15%, 82% 70%, 50% 100%, 18% 70%, 10% 15%);
}

.honesty-note {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.honesty-card .no-wrap {
  white-space: normal;
}

.spec-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
}

.spec-table th,
.spec-table td {
  border-bottom: 1px solid var(--border);
  padding: 13px 14px;
  text-align: left;
  vertical-align: top;
}

.spec-table th {
  width: 34%;
  color: var(--ink);
}

.lp-product-shell {
  background: linear-gradient(180deg, var(--bg), var(--tint));
}

.product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 34px;
  align-items: start;
}

.product-gallery,
.buy-box {
  min-width: 0;
}

.gallery-main,
.gallery-grid figure {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}

.gallery-main {
  display: grid;
  aspect-ratio: 3 / 2;
  place-items: center;
  margin-top: 18px;
}

.gallery-main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.gallery-grid figure {
  position: relative;
}

.gallery-carousel-hero {
  display: none;
}

.gallery-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.gallery-product img {
  object-fit: contain;
}

.crop img {
  object-fit: cover;
  padding: 0;
}

.crop--framed img {
  object-fit: cover;
}

.crop--controls img {
  object-position: 52% 15%;
  transform: scale(1.9);
}

.crop--louvers img {
  object-position: 52% 55%;
  transform: scale(1.55);
}

.louvers-visual::before,
.louvers-visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.louvers-visual::before {
  left: 24%;
  top: 52%;
  width: 46%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--cool));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.74);
  transform: rotate(-9deg);
}

.louvers-visual::after {
  left: 66%;
  top: 45%;
  width: 13px;
  height: 13px;
  border-top: 3px solid var(--cool);
  border-right: 3px solid var(--cool);
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.85));
  transform: rotate(36deg);
}

.buy-box {
  position: sticky;
  top: 78px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow);
}

.buy-box h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
}

.buy-box .cta-button {
  width: 100%;
  margin: 10px 0 14px;
}

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

.objection h2 {
  font-size: 1.2rem;
}

.icon-dot {
  display: block;
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 38%, var(--white) 0 18%, transparent 19%),
    var(--cool);
}

.advertorial {
  padding-top: 62px;
}

.advertorial h1 {
  font-size: clamp(2.1rem, 7vw, 4.2rem);
}

.article-flow {
  display: grid;
  gap: 22px;
}

.reason-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr);
  gap: 24px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 22px;
  background: var(--white);
  box-shadow: var(--shadow);
}

.reason-block:nth-child(even) {
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1fr);
}

.reason-block:nth-child(even) > div {
  order: 2;
}

.reason-number {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  color: var(--white);
  background: var(--cool);
  font-weight: 900;
}

.reason-block .cta-button {
  display: flex;
  width: fit-content;
  margin: 8px auto 0;
}

.reason-block .media-image {
  border: 0;
  background: transparent;
  box-shadow: none;
  object-fit: cover;
}

.reason-block .reason-image--product {
  object-fit: contain;
}

.spec-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 26px;
  align-items: center;
}

.spec-product {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.compare-section h2 {
  margin-bottom: 26px;
  text-align: center;
  text-wrap: balance;
}

.honest-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  max-width: 720px;
  margin: 0 auto;
}

.honest-compare-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 18px 20px;
  background: var(--white);
  box-shadow: none;
}

.honest-compare-card--winner {
  position: relative;
  border: 2px solid var(--cool);
}

.honest-compare-card h3 {
  margin-bottom: 16px;
  color: var(--ink);
  font-size: 0.95rem;
  font-weight: 800;
}

.honest-compare-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.honest-compare-card li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.honest-compare-icon {
  flex: none;
  margin-top: 2px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}

.honest-compare-icon--bad {
  color: var(--cta);
}

.honest-compare-icon--good {
  color: var(--success);
}

.honest-compare-badge {
  position: absolute;
  top: -10px;
  left: 16px;
  max-width: calc(100% - 32px);
  border-radius: 999px;
  padding: 3px 10px;
  overflow: hidden;
  color: var(--cool);
  background: var(--tint);
  font-size: 0.69rem;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.compare-cta {
  display: grid;
  justify-items: center;
  margin-top: 22px;
}

.compare-cta .guarantee {
  margin-top: 0;
}

.compare-cta .cta-button {
  margin-top: 12px;
}

.compare-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.compare-option {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
  box-shadow: var(--shadow);
}

.compare-option.is-pick {
  border-color: rgba(27, 152, 180, 0.46);
  background: linear-gradient(180deg, var(--white), var(--tint));
}

.compare-option header {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding: 14px;
}

.compare-option header img {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  background: var(--white);
  object-fit: contain;
}

.compare-option h2 {
  margin-bottom: 0;
  font-size: 1.15rem;
}

.compare-option dl {
  margin: 0;
}

.compare-option dl div {
  display: grid;
  grid-template-columns: minmax(95px, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid rgba(215, 235, 241, 0.72);
}

.compare-option dl div:first-child {
  border-top: 0;
}

.compare-option dt {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.compare-option dd {
  margin: 0;
  color: var(--ink);
  font-weight: 800;
}

.compare-table {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  border-spacing: 0;
  overflow: hidden;
  background: var(--white);
  box-shadow: var(--shadow);
  font-size: 0.9rem;
}

.compare-table th,
.compare-table td {
  border-top: 1px solid rgba(215, 235, 241, 0.82);
  border-left: 1px solid rgba(215, 235, 241, 0.82);
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

.compare-table thead th {
  border-top: 0;
  color: var(--ink);
  background: var(--tint);
  font-size: 0.78rem;
  line-height: 1.25;
}

.compare-table th:first-child,
.compare-table td:first-child {
  border-left: 0;
}

.compare-table tbody th {
  min-width: 145px;
  color: var(--ink);
  background: var(--white);
}

.compare-table tbody td {
  color: var(--ink);
  font-weight: 700;
  line-height: 1.35;
}

.compare-table .is-pick th,
.compare-table .is-pick td {
  background: linear-gradient(180deg, var(--white), var(--tint));
}

.compare-product {
  display: grid;
  gap: 8px;
  align-items: center;
}

.compare-product img {
  width: 72px;
  height: 72px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--white);
  object-fit: contain;
}

.compare-product em {
  display: flex;
  width: fit-content;
  margin: 0 0 4px;
  border-radius: 999px;
  padding: 3px 8px;
  color: var(--cool);
  background: var(--white);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.compare-product__name {
  display: block;
  line-height: 1.32;
}

details {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0 16px;
  background: var(--white);
}

details + details {
  margin-top: 10px;
}

summary {
  cursor: pointer;
  padding: 15px 0;
  color: var(--ink);
  font-weight: 800;
}

details p {
  padding-bottom: 16px;
}

.sticky-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: none;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--border);
  padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
  background: rgba(251, 253, 254, 0.96);
  box-shadow: 0 -12px 30px rgba(18, 51, 59, 0.1);
}

.sticky-cta.is-visible {
  display: flex;
}

.sticky-cta .cta-button {
  flex: 1;
  min-height: 44px;
  min-width: 0;
  padding: 10px 12px;
}

.sticky-cta__dismiss {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--ink);
  background: var(--white);
  font-size: 20px;
}

.lp5-page .site-main,
.lp6-page .site-main {
  padding-top: 0;
}

.lp5-alert {
  border-bottom: 1px solid var(--border);
  background: #fff7ed;
}

.lp5-alert__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
}

.lp5-alert p {
  margin: 0;
  color: #713f12;
  font-size: 0.94rem;
  font-weight: 800;
}

.lp5-alert__link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 9px 14px;
  color: var(--white);
  background: var(--cta);
  font-size: 0.86rem;
  font-weight: 900;
  text-decoration: none;
}

.lp5-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(250px, 0.9fr);
  gap: clamp(22px, 5vw, 54px);
  align-items: center;
  min-height: calc(92svh - 58px);
  padding: clamp(30px, 7vw, 76px) 0;
}

.lp5-hero__copy {
  display: grid;
  justify-items: start;
  gap: 12px;
}

.lp5-hero h1 {
  max-width: 780px;
  margin-bottom: 0;
  font-size: clamp(2.15rem, 7vw, 4.25rem);
  text-wrap: balance;
}

.lp5-hero .lead {
  color: var(--ink);
  font-weight: 800;
}

.lp5-hero__image {
  justify-self: center;
  width: min(100%, 390px);
  border: 0;
  background: transparent;
  object-fit: contain;
  filter: drop-shadow(0 24px 30px rgba(18, 51, 59, 0.14));
}

.lp5-article {
  color: var(--ink);
  font-size: 1.03rem;
}

.lp5-byline {
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 800;
}

.lp5-article__section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.45fr);
  gap: 24px;
  align-items: center;
  border-top: 1px solid var(--border);
  margin-top: 28px;
  padding-top: 28px;
}

.lp5-article__section--text {
  grid-template-columns: 1fr;
}

.lp5-article__section .cta-button {
  margin-top: 8px;
}

.lp5-section__image {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  object-fit: cover;
}

.lp5-section__image--product {
  max-height: 320px;
  object-fit: contain;
}

.lp5-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.lp5-feature,
.lp6-feature {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 18px;
  background: var(--white);
}

.lp5-feature h3,
.lp6-feature h3 {
  margin-bottom: 8px;
}

.lp5-feature p,
.lp6-feature p {
  margin-bottom: 0;
  color: var(--muted);
}

.lp5-final p,
.lp6-final p,
.lp6-savings p {
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}

.lp5-disclosures {
  border-top: 1px solid var(--border);
  padding: 24px 0;
  color: var(--muted);
  background: var(--white);
  font-size: 0.86rem;
}

.lp5-disclosures p {
  margin-bottom: 10px;
}

.lp6-hero {
  background: linear-gradient(180deg, var(--tint), var(--bg));
}

.lp6-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(260px, 1.05fr);
  gap: clamp(24px, 6vw, 70px);
  align-items: center;
  min-height: calc(92svh - 58px);
  padding: clamp(34px, 7vw, 86px) 0;
}

.lp6-hero__copy {
  display: grid;
  justify-items: start;
  gap: 12px;
}

.lp6-hero h1 {
  margin-bottom: 0;
  font-size: clamp(2.2rem, 7vw, 4.7rem);
  text-wrap: balance;
}

.lp6-shipping {
  display: inline-flex;
  width: fit-content;
  border: 1px solid rgba(31, 138, 91, 0.28);
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--success);
  background: rgba(31, 138, 91, 0.08);
  font-size: 0.9rem;
  font-weight: 900;
}

.lp6-hero__image {
  justify-self: center;
  width: min(100%, 520px);
  border: 0;
  background: transparent;
  object-fit: contain;
  filter: drop-shadow(0 28px 36px rgba(18, 51, 59, 0.16));
}

.lp6-intro,
.lp6-guarantee {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.78fr);
  gap: clamp(22px, 5vw, 52px);
  align-items: center;
}

.lp6-intro__image,
.lp6-guarantee__image {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  object-fit: contain;
}

.lp6-intro__image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.lp6-guarantee__image {
  max-height: 360px;
}

.lp6-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.lp6-feature__icon {
  display: block;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(242, 112, 29, 0.88), rgba(27, 152, 180, 0.9)),
    var(--cool);
}

.lp6-compare-table {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  border-spacing: 0;
  overflow: hidden;
  background: var(--white);
  box-shadow: var(--shadow);
}

.lp6-compare-table th,
.lp6-compare-table td {
  border-top: 1px solid rgba(215, 235, 241, 0.82);
  border-left: 1px solid rgba(215, 235, 241, 0.82);
  padding: 14px;
  text-align: left;
  vertical-align: top;
}

.lp6-compare-table thead th {
  border-top: 0;
  color: var(--ink);
  background: var(--tint);
}

.lp6-compare-table th:first-child,
.lp6-compare-table td:first-child {
  border-left: 0;
}

.lp6-compare-table tbody th {
  color: var(--ink);
  background: var(--white);
}

.lp6-compare-table td {
  color: var(--muted);
  font-weight: 700;
}

@media (max-width: 820px) {
  .hero--home,
  .grid--3,
  .grid--2 {
    grid-template-columns: 1fr;
  }

  .product-layout,
  .reason-block,
  .reason-block:nth-child(even),
  .spec-summary,
  .lp5-hero,
  .lp5-article__section,
  .lp6-hero__inner,
  .lp6-intro,
  .lp6-guarantee,
  .compare-options,
  .objection-grid {
    grid-template-columns: 1fr;
  }

  .lp5-alert__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .lp5-alert__link {
    width: 100%;
  }

  .lp5-hero,
  .lp6-hero__inner {
    min-height: auto;
  }

  .lp5-hero__image,
  .lp6-hero__image {
    order: -1;
    max-height: 300px;
  }

  .buy-box {
    position: static;
  }

  .gallery-main {
    display: none;
  }

  .gallery-grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    padding: 0 0 8px;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  .gallery-grid figure {
    flex: 0 0 min(74vw, 320px);
    scroll-snap-align: start;
  }

  .gallery-carousel-hero {
    display: block;
  }

  .gallery-grid .gallery-product {
    display: none;
  }

  .gallery-grid img {
    aspect-ratio: 4 / 3;
  }

  .reason-block:nth-child(even) > div {
    order: initial;
  }

  .site-header__inner {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 12px 0;
  }

  .lp-header .site-header__inner {
    align-items: center;
    flex-direction: row;
  }

  .site-nav {
    justify-content: flex-start;
  }

  .honesty-card .no-wrap {
    white-space: normal;
  }

  .uk-lp-reviewed,
  .de-lp-reviewed,
  .at-lp-reviewed,
  .fr-lp-reviewed {
    padding-bottom: 84px;
  }
}

@media (max-width: 899px) {
  .uk-lp-reviewed,
  .de-lp-reviewed,
  .at-lp-reviewed,
  .fr-lp-reviewed {
    padding-bottom: 84px;
  }
}

@media (max-width: 960px) {
  .compare-table,
  .lp6-compare-table,
  .compare-table tbody,
  .lp6-compare-table tbody,
  .compare-table tr,
  .lp6-compare-table tr,
  .compare-table th,
  .lp6-compare-table th,
  .compare-table td {
    display: block;
    width: 100%;
  }

  .compare-table,
  .lp6-compare-table {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .compare-table thead,
  .lp6-compare-table thead {
    display: none;
  }

  .compare-table tbody,
  .lp6-compare-table tbody {
    display: grid;
    gap: 16px;
  }

  .compare-table tr,
  .lp6-compare-table tr {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    box-shadow: var(--shadow);
  }

  .compare-table tr.is-pick {
    border-color: rgba(27, 152, 180, 0.46);
  }

  .compare-table th,
  .compare-table td,
  .lp6-compare-table th,
  .lp6-compare-table td {
    border-top: 1px solid rgba(215, 235, 241, 0.82);
    border-left: 0;
  }

  .compare-table tbody th,
  .lp6-compare-table tbody th {
    border-top: 0;
  }

  .compare-product {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }

  .compare-table td,
  .lp6-compare-table td {
    display: grid;
    grid-template-columns: minmax(105px, 0.9fr) minmax(0, 1.1fr);
    gap: 12px;
  }

  .compare-table td::before,
  .lp6-compare-table td::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 800;
  }
}

@media (max-width: 480px) {
  .lp-container--wide {
    width: min(100% - 28px, 1040px);
  }

  .gallery-grid {
    grid-template-columns: none;
  }

  .compare-option dl div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .compare-table td {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .lp6-compare-table td {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media (max-width: 640px) {
  .honest-compare {
    grid-template-columns: 1fr;
  }

  .at-lp-reviewed .lp-header .site-header__inner,
  .fr-lp-reviewed .lp-header .site-header__inner {
    gap: 10px;
    width: min(100% - 20px, 1120px);
  }

  .at-lp-reviewed .logo,
  .fr-lp-reviewed .logo {
    min-width: 0;
  }

  .at-lp-reviewed .logo span:last-child,
  .fr-lp-reviewed .logo span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .at-lp-reviewed .lp-disclosure-link,
  .fr-lp-reviewed .lp-disclosure-link {
    flex: 0 0 auto;
    font-size: 0.8rem;
  }

  .at-lp-reviewed .gallery-grid,
  .fr-lp-reviewed .gallery-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 900px) {
  .sticky-cta {
    display: none !important;
  }

  .uk-lp-reviewed,
  .de-lp-reviewed,
  .at-lp-reviewed,
  .fr-lp-reviewed {
    padding-bottom: 0;
  }
}

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

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Source-reproduction layers for structured UK LP-5 / LP-6. */
.lp5-source {
  --lp5-blue: #167ac6;
  --lp5-green: #05c939;
  background: #fff;
  color: #222;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.lp5-source-root,
.lp5-source-root body.lp5-source {
  overflow-x: clip;
  overflow-y: visible;
}

.lp5-source .site-main {
  padding: 0;
}

.lp5-top {
  background: #fff;
}

.lp5-advertorial {
  margin: 0;
  padding: 8px 0 0;
  color: #333;
  font-size: 14px;
  text-align: center;
}

.lp5-header-row {
  margin: 0;
}

.lp5-header-row .col-md-12 {
  padding: 0;
}

.lp5-brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 13px;
  color: #111;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

.lp5-brand-logo:hover {
  color: #111;
  text-decoration: none;
}

.lp5-brand-logo .logo__mark {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #167ac6;
  color: #fff;
  font-size: 13px;
}

.lp5-source .lp5-top .container,
.lp5-source .pageContent {
  width: 100%;
  max-width: 1160px !important;
  padding-right: 12px;
  padding-left: 12px;
}

.lp5-alert {
  margin: 20px 0;
}

.lp5-alert p {
  margin-bottom: 0;
}

.lp5-alert__link,
.lp5-inline-link {
  display: inline;
  min-height: 0;
  border-radius: 0;
  padding: 0;
  color: var(--lp5-blue);
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
}

.lp5-source .lp5-inline-link span {
  display: inline;
}

.lp5-main-column {
  min-width: 0;
}

.lp5-hero {
  display: block;
  width: auto;
  min-height: 0;
  padding: 0;
}

.lp5-sale {
  margin-bottom: 20px;
}

.lp5-sale a {
  color: var(--lp5-blue);
  text-decoration: none;
}

.lp5-sale a:hover {
  color: #23527c;
  text-decoration: underline;
}

.lp5-meta {
  color: #49545e;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.lp5-meta img {
  width: 100px;
  height: auto;
  margin-top: -2px;
}

.lp5-share-row {
  display: block;
  text-align: center;
  gap: 8px;
  margin: 0;
  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
}

.lp5-share {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 120px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 32px;
  padding: 0 10px;
  white-space: nowrap;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
}

.lp5-share img {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.lp5-share .st-label {
  display: inline-block;
  min-width: 60px;
  color: #fff;
  text-align: center;
}

.lp5-share:hover {
  opacity: 0.8;
  transform: translateY(-4px);
}

.lp5-share--facebook {
  background: #4267b2;
}

.lp5-share--x {
  background: #000;
}

.lp5-share--email {
  background: #7d7d7d;
}

.lp5-share--whatsapp {
  background: #25d366;
}

.lp5-share--green {
  background: #95d03a;
}

.lp5-main-image,
.lp5-final__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.lp5-final__image {
  width: 100%;
}

.lp5-article {
  width: 100%;
}

.lp5-byline {
  display: none;
}

.lp5-article__section {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
}

.lp5-source-list {
  margin: 0 0 1rem;
  padding-left: 10px;
  list-style: none;
}

.lp5-source-list p {
  margin-bottom: 0;
}

.lp5-check-icon {
  color: var(--lp5-green);
  font-size: 20px;
  font-weight: 800;
}

.lp5-final {
  display: block;
}

.lp5-final-note {
  margin-top: 20px;
}

.lp5-check-btn {
  width: 100%;
}

.lp5-source .checkBtn span {
  display: inline;
}

.lp5-sidebar {
  min-width: 0;
  background-color: #fff;
  border-radius: 7px;
  overflow: visible;
  box-sizing: border-box;
}

.lp5-sidebar__inner {
  position: static;
  padding-top: 1px;
  padding-bottom: 1px;
}

@media (min-width: 992px) {
  .lp5-page-content > .row {
    display: flex;
    align-items: flex-start;
  }

  .lp5-page-content > .row::before,
  .lp5-page-content > .row::after {
    display: none;
  }

  .lp5-main-column,
  .lp5-sidebar {
    float: none;
  }

  .lp5-sidebar {
    position: sticky;
    top: 20px;
    align-self: flex-start;
    max-height: none;
    overflow: visible;
  }

  .lp5-sidebar__inner {
    max-height: calc(100vh - 24px);
    overflow-y: auto;
  }
}

@media (max-width: 991px) {
  .lp5-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .lp5-sidebar__inner {
    max-height: none;
    overflow: visible;
  }
}

.lp5-source .img-side-new {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto 20px;
}

.lp5-source .title-side1 {
  margin: 4px 0 10px;
}

.lp5-source .get-my.checkBtn {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  line-height: 44px;
  font-size: 19px;
}

.lp5-source .get-my.checkBtn span {
  font-size: 13px;
}

.lp5-author-bio {
  margin: 0;
  color: #222;
  font-size: 17px;
  line-height: 1.45;
  text-align: center;
}

.lp5-footer {
  margin-right: 0;
  margin-left: 0;
}

.lp5-source .sticky-cta {
  display: none;
  height: 70px;
  justify-content: center;
  border-top: 2px solid #ccc;
  padding: 15px;
  background-color: #fff;
}

.lp5-source .sticky-cta.is-visible {
  display: flex;
}

.lp5-source .sticky-cta .cta-button {
  flex: 0 0 200px;
  min-height: 40px;
  border: 0;
  border-radius: 0;
  padding: 5px;
  color: #fff;
  background-color: #ef432d;
  box-shadow: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.lp5-source .sticky-cta__dismiss {
  position: absolute;
  top: 4px;
  right: 10px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  font-size: 16px;
}

.lp5-source .qbox.dashed {
  border: solid 2px #e15d3a;
  border-style: dashed;
  border-radius: 0;
  min-height: 105px;
  padding: 20px;
  background-color: #edf9ff;
  color: #000;
  text-align: left;
}

.lp5-source .pageContent h1 {
  margin: 0 0 8px;
  color: #333;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.33;
  text-wrap: auto;
}

.lp5-source .pageContent h2 {
  margin: 20px 0;
  color: #17191c;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

.lp5-source .pageContent p {
  margin: 0 0 20px;
  color: #333;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6em;
}

.lp5-source .pageContent p a {
  color: var(--lp5-blue);
  text-decoration: none;
}

.lp5-source .pageContent p a:hover {
  color: #23527c;
  text-decoration: underline;
}

.lp5-source .lp5-meta {
  color: #111;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.lp5-source .lp5-date {
  border: 0;
  padding: 0;
}

.lp5-source .lp5-alert p {
  margin-bottom: 0;
}

.lp6-source {
  --lp6-teal: #32b9bc;
  --lp6-green: #0fae5a;
  --lp6-black: #131314;
  color: #000;
  background: #fff;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

.lp6-source .site-main {
  padding: 0;
}

.lp6-container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.lp6-top-strip {
  padding: 9px 0;
  background: #131314;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.lp6-top-strip p {
  margin: 0;
}

.lp6-top-strip span {
  color: #32b9bc;
}

.lp6-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
}

.lp6-nav__inner {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.lp6-logo {
  display: block;
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

.lp6-menu {
  display: flex;
  gap: 24px;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}

.lp6-menu a {
  color: #111;
  text-decoration: none;
}

.lp6-nav-btn,
.lp6-source .cta-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50px;
  padding: 13px 22px;
  color: #fff !important;
  background: var(--lp6-green);
  box-shadow: none;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.lp6-hero {
  color: #000;
  background-image: url("/assets/source/uk-lp-6/sb-assets/2000x650-header-bg-v3-1.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.lp6-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.9fr);
  gap: 34px;
  align-items: center;
  min-height: 590px;
  padding: 45px 0 50px;
}

.lp6-hero__copy {
  display: grid;
  justify-items: start;
  gap: 14px;
}

.lp6-bnr-offer {
  margin: 0;
  color: #111;
  font-size: 18px;
  font-weight: 800;
}

.lp6-hero h1 {
  margin: 0;
  color: #111;
  font-size: clamp(2.5rem, 5.4vw, 4.8rem);
  font-weight: 900;
  line-height: 1.02;
  text-wrap: balance;
}

.lp6-hero .lead {
  max-width: 560px;
  color: #111;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
}

.lp6-shipping {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #222;
  background: transparent;
  font-size: 15px;
  font-weight: 800;
}

.lp6-bnr-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-weight: 700;
}

.lp6-bnr-list li::before {
  content: "✓";
  margin-right: 8px;
  color: var(--lp6-green);
  font-weight: 900;
}

.lp6-hero__image {
  justify-self: center;
  width: min(100%, 520px);
  height: auto;
  border: 0;
  object-fit: contain;
  filter: none;
}

.lp6-sec-name {
  margin: 0 0 8px;
  color: var(--lp6-teal);
  font-size: 17px;
  font-weight: 900;
  text-transform: none;
}

.lp6-intro {
  display: grid;
  grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
  gap: 58px;
  align-items: center;
  padding: 70px 0;
}

.lp6-intro > div:first-child {
  order: 2;
}

.lp6-intro__image {
  width: 400px;
  max-width: 100%;
  border-radius: 5px;
  object-fit: cover;
}

.lp6-intro h2,
.lp6-features h2,
.lp6-savings h2,
.lp6-comparison-box + h2,
.lp6-guarantee h2,
.lp6-testimonials h2,
.lp6-final h2 {
  color: #111;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 900;
  line-height: 1.12;
}

.lp6-intro p {
  font-size: 18px;
  line-height: 1.62;
}

.lp6-features-section {
  background: var(--lp6-black);
}

.lp6-features {
  padding: 60px 0 74px;
  color: #fff;
  overflow: hidden;
}

.lp6-features h2 {
  max-width: 850px;
  margin: 0 auto 18px;
  color: #fff;
  text-align: center;
}

.lp6-features__lead {
  max-width: 760px;
  margin: 0 auto 38px;
  color: #b0b0b0;
  font-size: 17px;
  line-height: 1.55;
  text-align: center;
}

.lp6-feature-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 310px) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

.lp6-feature-column {
  display: grid;
  gap: 0;
  min-width: 0;
}

.lp6-feature {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  border: 0;
  border-bottom: 1px solid #242426;
  padding: 22px 0;
  background: transparent;
  color: #fff;
}

.lp6-feature:last-child {
  border-bottom: 0;
}

.lp6-feature-column--right .lp6-feature {
  grid-template-columns: minmax(0, 1fr) 84px;
  text-align: right;
}

.lp6-feature-column--right .lp6-feature__icon {
  order: 2;
}

.lp6-feature__icon {
  width: 76px;
  height: 76px;
  margin: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}

.lp6-feature-visual {
  display: block;
  width: min(100%, 300px);
  margin: 0 auto;
  object-fit: contain;
}

.lp6-feature h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
}

.lp6-feature p {
  color: #b0b0b0;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.52;
}

.lp6-savings {
  padding: 26px 0;
}

.lp6-split-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.lp6-split {
  min-height: 460px;
  padding: 58px 0 0 45px;
  background-image: var(--panel-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lp6-split div {
  max-width: 360px;
}

.lp6-split h2 {
  color: #111;
  font-size: clamp(2rem, 3.6vw, 3.15rem);
  font-weight: 900;
  line-height: 1.12;
}

.lp6-split p {
  color: #111;
  font-size: 19px;
  font-weight: 700;
}

.lp6-comparison-lead {
  max-width: 780px;
  margin: 0 auto 28px;
  font-size: 18px;
}

.lp6-comparison-box {
  display: grid;
  grid-template-columns: minmax(170px, 1.1fr) repeat(3, minmax(120px, 0.75fr));
  max-width: 980px;
  margin: 28px auto 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
}

.lp6-comparison-labels,
.lp6-comparison-col {
  display: grid;
  min-width: 0;
}

.lp6-comparison-labels > div,
.lp6-comparison-col > div {
  display: grid;
  min-height: 54px;
  align-items: center;
  justify-items: center;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
  background: #fff;
  font-weight: 800;
  text-align: center;
  min-width: 0;
  overflow-wrap: break-word;
}

.lp6-comparison-labels > div {
  justify-items: start;
  text-align: left;
}

.lp6-comparison-top {
  min-height: 160px !important;
}

.lp6-comparison-top img {
  width: 82px;
  height: 82px;
  object-fit: contain;
}

.lp6-comparison-col--pick > div {
  color: #fff;
  background: var(--lp6-teal);
}

.lp6-comparison-col > div:not(.is-yes) {
  color: #db3c2f;
  font-size: 28px;
}

.lp6-comparison-col > div.is-yes {
  color: var(--lp6-green);
  font-size: 28px;
}

.lp6-comparison-col--pick > div.is-yes {
  color: #fff;
}

.lp6-guarantee {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  padding: 54px 0;
  color: #fff;
}

.lp6-guarantee::before {
  content: "";
  position: absolute;
}

.lp6-guarantee h2,
.lp6-guarantee p {
  color: #fff;
}

.lp6-guarantee__image {
  order: -1;
  width: 210px;
  height: auto;
}

.lp6-guarantee-section {
  background: #131314;
}

.lp6-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}

.lp6-testimonial {
  display: grid;
  justify-items: center;
  gap: 12px;
  text-align: center;
}

.lp6-testimonial__photo {
  width: 100%;
  max-width: 260px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
}

.lp6-testimonial__stars {
  width: 102px;
  height: auto;
}

.lp6-testimonial h3 {
  font-size: 20px;
  font-weight: 900;
}

.lp6-testimonial p {
  color: #333;
  line-height: 1.55;
}

.lp6-testimonial strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 17px;
}

.lp6-testimonial strong span {
  color: #4c8b5b;
  font-size: 13px;
}

.lp6-source .site-footer {
  background: #000;
  color: #fff;
}

.lp6-source .site-footer p,
.lp6-source .site-footer a {
  color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 900px) {
  .lp6-hero__inner,
  .lp6-intro,
  .lp6-guarantee,
  .lp6-split-panels,
  .lp6-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .lp6-menu,
  .lp6-nav-btn {
    display: none;
  }

  .lp6-nav__inner {
    justify-content: center;
  }

  .lp6-hero__inner {
    min-height: 0;
    padding: 30px 0 38px;
  }

  .lp6-hero__image {
    order: -1;
    max-width: 330px;
  }

  .lp6-bnr-list {
    grid-template-columns: 1fr;
  }

  .lp6-feature-stage {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lp6-feature-column--left {
    order: 2;
  }

  .lp6-feature-column--right {
    order: 3;
  }

  .lp6-feature-visual {
    order: 1;
    width: min(72vw, 260px);
  }

  .lp6-feature {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .lp6-feature-column--right .lp6-feature {
    grid-template-columns: 70px minmax(0, 1fr);
    text-align: left;
  }

  .lp6-feature-column--right .lp6-feature__icon {
    order: initial;
  }

  .lp6-split {
    min-height: 360px;
    padding: 36px 24px;
  }

  .lp6-comparison-box {
    grid-template-columns: minmax(130px, 1.2fr) repeat(2, minmax(88px, 0.8fr));
  }

  .lp6-comparison-col--third {
    display: none;
  }
}

@media (max-width: 560px) {
  .lp5-source .lp-container,
  .lp6-container {
    width: min(100% - 24px, 1180px);
  }

  .lp5-source,
  .lp5-source .site-main,
  .lp5-source .lp-container,
  .lp5-content-grid,
  .lp5-main-column,
  .lp5-alert,
  .lp5-alert__inner,
  .lp5-hero,
  .lp5-article,
  .lp5-feature-grid,
  .lp5-final,
  .lp5-faq {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
  }

  .lp5-source {
    overflow-x: hidden;
  }

  .lp5-alert__inner {
    align-items: flex-start;
    padding: 14px 13px;
  }

  .lp5-alert__link {
    display: inline;
    width: auto;
  }

  .lp5-hero h1 {
    font-size: 27px;
    letter-spacing: 0;
    overflow-wrap: break-word;
  }

  .lp5-sale,
  .lp5-article p,
  .lp5-article h2,
  .lp5-final h2,
  .lp5-feature p {
    overflow-wrap: break-word;
  }

  .lp5-share-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    text-align: initial;
  }

  .lp5-share {
    flex: initial;
    width: 100%;
    min-width: 0;
  }

  .lp5-article,
  .lp5-feature p,
  .lp5-feature h3 {
    font-size: 17px;
  }

  .lp6-top-strip {
    font-size: 14px;
  }

  .lp6-logo {
    width: 190px;
  }

  .lp6-hero h1 {
    font-size: 2.35rem;
  }

  .lp6-hero .lead {
    font-size: 18px;
  }

  .lp6-comparison-box {
    width: 100%;
    grid-template-columns: minmax(92px, 0.85fr) repeat(2, minmax(0, 0.72fr));
    font-size: 12px;
  }

  .lp6-comparison-labels > div,
  .lp6-comparison-col > div {
    min-height: 48px;
    padding: 6px 4px;
  }

  .lp6-comparison-top img {
    width: 62px;
    height: 62px;
  }

  .lp6-comparison-top strong {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 10px;
    overflow-wrap: anywhere;
  }
}

/* Final source-fidelity pass for structured UK LP-6. */
.lp6-source {
  --color-primary: #32b9bc;
  --color-secondary: #fbfbfe;
  --font-color: #000;
  background: var(--color-secondary);
  color: var(--font-color);
  font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.lp6-source .site-main {
  clear: both;
  padding: 0;
}

.lp6-source .container {
  width: 1170px;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.lp6-source .topStrip {
  background: #1b1c1f;
  float: left;
  width: 100%;
  padding: 6px 0 3px;
}

.lp6-source .topStrip p {
  float: left;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 22px;
}

.lp6-source .topStrip .pop {
  color: #50ea50;
}

.lp6-source .lp6-brand-logo,
.lp6-source .lp6-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
}

.lp6-source .lp6-brand-logo {
  float: left;
  min-width: 250px;
  height: 55px;
}

.lp6-source .lp6-footer-brand {
  color: #fff;
  margin-bottom: 1rem;
}

.lp6-source .lp6-brand-logo:hover,
.lp6-source .lp6-footer-brand:hover {
  text-decoration: none;
}

.lp6-source .lp6-brand-logo .logo__mark,
.lp6-source .lp6-footer-brand .logo__mark {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #167ac6;
  color: #fff;
  font-size: 13px;
}

.lp6-source ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp6-source .top-fix-bar {
  float: left;
  width: 100%;
  margin-bottom: 75px;
}

.lp6-source .header {
  position: relative;
  top: 75px;
  float: left;
  width: 100%;
  height: 75px;
  margin-top: -75px;
  padding: 4px 0;
  background: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.lp6-source .header .container {
  min-height: 67px;
}

.lp6-source ul.topMenu {
  float: right;
  margin: 0 100px 0 0;
}

.lp6-source ul.topMenu li {
  float: left;
  padding: 4px 15px;
  position: relative;
}

.lp6-source ul.topMenu li::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 9px;
  width: 1px;
  background: #cfcfcf;
}

.lp6-source ul.topMenu li:last-child::after {
  display: none;
}

.lp6-source ul.topMenu li a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-decoration: none;
}

.lp6-source a.nav-btn {
  float: right;
  width: auto;
  height: 40px;
  border-radius: 50px;
  padding: 0 1em;
  color: #fff;
  background: #1dd068;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.lp6-source .header-banner {
  width: 100%;
  overflow: hidden;
  padding: 45px 0 50px;
  color: #000 !important;
  background-image: url("/assets/source/uk-lp-6/sb-assets/2000x650-header-bg-v3-1.png");
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.lp6-source .header-banner-content {
  position: relative;
  z-index: 1;
}

.lp6-source .banner-left {
  float: left;
  width: 55%;
  text-align: left;
  position: relative;
}

.lp6-source .bnrHeading {
  float: left;
  width: 100%;
  margin-top: 30px;
  color: #000;
  font-size: 56px;
  font-weight: 700;
  line-height: 62px;
}

.lp6-source .bnrText1 {
  float: left;
  width: 100%;
  margin-top: 20px;
  color: #000;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 28px;
}

.lp6-source .bnrText1 p {
  margin: 0;
}

.lp6-source .bnrList {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.lp6-source .bnrList li {
  float: left;
  width: 100%;
  margin-top: 10px;
  padding-left: 40px;
  color: #000;
  background: none;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: left;
}

.lp6-source .bnrList li::before {
  content: "✓";
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  margin: 0 16px 0 -40px;
  border-radius: 50%;
  color: #fff;
  background: #32b9bc;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
}

.lp6-source .btnBox {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  margin-top: 35px;
  text-align: center;
  vertical-align: top;
}

.lp6-source .button.cta-button {
  display: inline-flex;
  width: 100%;
  min-height: 68px;
  align-items: center;
  justify-content: center;
  border: 1px solid #29af5c;
  border-radius: 10px;
  padding: 0 20px;
  color: #fff !important;
  background: linear-gradient(90deg, #45b545 0%, #0fae5a 100%);
  box-shadow: 0 3px 5px 3px rgb(0 0 0 / 20%);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.lp6-source .btn-arw {
  display: inline-block;
  margin: -4px 0 0 15px;
  vertical-align: middle;
}

.lp6-source .btn-txt {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.lp6-source .btn-txt p {
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 17px;
  vertical-align: middle;
}

.lp6-source .btn-text1::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: -2px 5px 0 0;
  border-radius: 50%;
  background: #6fb620;
  vertical-align: middle;
  animation: fade 1s ease-in-out infinite;
}

.lp6-source .section1 {
  width: 100%;
  overflow: hidden;
  padding: 120px 0 80px;
  background: #fff;
  text-align: center;
  position: relative;
}

.lp6-source .s1Left {
  float: left;
  width: 500px;
  position: relative;
}

.lp6-source .s1Left img {
  max-width: 100%;
}

.lp6-source .s1Right {
  z-index: 1;
  float: right;
  width: calc(100% - 480px);
  max-width: 100%;
  text-align: left;
  position: relative;
}

.lp6-source .secName {
  float: left;
  width: 100%;
  color: #000;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 22px;
  text-transform: uppercase;
}

.lp6-source .commonHead {
  width: 100%;
  margin-top: 20px;
  color: #000;
  font-size: 53px;
  font-weight: 600;
  line-height: 1.1;
}

.lp6-source .commonText {
  float: left;
  width: 100%;
  margin-top: 20px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 26px;
}

.lp6-source .commonText p {
  margin: 0 0 1rem;
}

.lp6-source .commonText h3 {
  margin: 1rem 0 0.25rem;
}

.lp6-source .s1Right .commonText {
  padding-right: 60px;
}

.lp6-source .s1Dotsleft {
  position: absolute;
  top: -90px;
  left: -165px;
}

.lp6-source .s1DotsRight {
  position: absolute;
  right: -380px;
  bottom: -170px;
}

.lp6-source #features {
  clear: both;
}

.lp6-source #features .container-xl {
  max-width: 1536px;
}

.lp6-source .lp6-feature-columns {
  align-items: center;
}

.lp6-source .lp6-source-feature h2 {
  margin: 0;
  line-height: 1.2;
}

.lp6-source .lp6-source-feature > div {
  flex: 1;
  min-width: 0;
}

.lp6-source .s4Left,
.lp6-source .s4Right {
  height: 580px;
  padding: 60px 0 0 45px;
  background-size: cover !important;
}

.lp6-source .lp6-split-source .columns {
  margin-right: 0;
  margin-left: 0;
}

.lp6-source .s4RightInner,
.lp6-source .s4LeftInner {
  float: left;
  width: 360px;
  position: relative;
}

.lp6-source .section5 {
  clear: both;
  float: left;
  width: 100%;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.lp6-source .s5CompBox {
  display: inline-block;
  width: 100%;
  max-width: 1030px;
  margin-top: 200px;
  margin-bottom: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}

.lp6-source .section5 .commonText.column {
  float: none;
  width: 83.333333%;
  margin-right: auto;
  margin-left: auto;
}

.lp6-source .s5Col1 {
  float: left;
  width: 37%;
  padding: 25px 0;
  position: relative;
}

.lp6-source .s5Col1 ul li {
  display: flex;
  float: left;
  width: 100%;
  height: 70px;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0 10px 60px;
  color: #000;
  background: none;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 29px;
  text-align: left;
}

.lp6-source .s5Col1 ul li::before {
  content: "•";
  margin-left: -34px;
  margin-right: 24px;
  color: #32b9bc;
  font-size: 28px;
  line-height: 1;
}

.lp6-source .s5Col2 {
  float: left;
  width: 19%;
  margin: -95px 20px -25px 0;
  border-radius: 20px;
}

.lp6-source .s5Col3,
.lp6-source .s5Col4 {
  background: #383838;
}

.lp6-source .s5Col2Top {
  float: left;
  width: 100%;
  height: 115px;
}

.lp6-source .s5Col2Prod {
  display: block;
  max-width: 100%;
  margin: -65px auto 10px;
}

.lp6-source .s5Col2Top p {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 18px;
}

.lp6-source .s5Col3Top p,
.lp6-source .s5Col4Top p {
  font-size: 19px;
  line-height: 19px;
}

.lp6-source .s5Col2 ul {
  float: left;
  width: 100%;
  padding-top: 5px;
}

.lp6-source .s5Col2 ul li {
  float: left;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #4d82a8;
  padding: 20px 0;
  text-align: center;
}

.lp6-source .s5Col3 ul li,
.lp6-source .s5Col4 ul li {
  border-bottom-color: #484848;
}

.lp6-source .section6 {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: #191919;
  text-align: left;
  position: relative;
}

.lp6-source .s6Left {
  position: relative;
}

.lp6-source .s6Seal {
  position: absolute;
  top: 97px;
  left: 103px;
}

.lp6-source .s6Right {
  float: right;
  width: calc(100% - 500px);
  padding: 34px 0 40px;
}

.lp6-source .s6Right .commonText {
  padding-right: 46px;
}

.lp6-source .section7 {
  clear: both;
  float: left;
  width: 100%;
  padding: 60px 0 70px;
  text-align: center;
  position: relative;
}

.lp6-source .section7 .lp6-review-cta {
  margin-top: 50px;
}

.lp6-source .s7Mid {
  display: inline-block;
  width: 100%;
  max-width: 1320px;
  margin-top: 40px;
  vertical-align: middle;
}

.lp6-source .testBox {
  display: flex;
  float: left;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lp6-source .testCol {
  float: left;
  width: 31%;
}

.lp6-source .testImage {
  display: inline-block;
  max-width: 100%;
  border-radius: 12px;
  vertical-align: top;
}

.lp6-source .testStar {
  display: inline-block;
  max-width: 100%;
  margin-top: 30px;
  vertical-align: top;
}

.lp6-source .testCol .commonText.testhead {
  margin-top: 20px;
  font-weight: 600;
}

.lp6-source .testCol .commonText {
  margin-top: 10px;
}

.lp6-source .testName {
  float: left;
  width: 100%;
  margin-top: 25px;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 18px;
}

.lp6-source .testName img {
  display: inline-block;
  margin: -5px 3px 0 10px;
  vertical-align: middle;
}

.lp6-source .testName span {
  color: #37b72d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.lp6-source #FAQ {
  clear: both;
}

.lp6-source .faq-container {
  color: #fff;
}

.lp6-source .faq-container details {
  background: #fff;
  color: #111;
}

.lp6-source footer.footer {
  clear: both;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem 1.5rem;
  color: #fff;
  background: #000;
}

.lp6-source footer.footer h2 {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.lp6-source footer.footer p,
.lp6-source footer.footer a {
  color: rgba(255, 255, 255, 0.8);
}

.lp6-source footer.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp6-source footer.footer ul li {
  margin-bottom: 0.5rem;
}

.lp6-source footer.footer ul li a {
  font-size: 0.95rem;
  text-decoration: none;
}

.lp6-source footer.footer .footer-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

.lp6-source footer.footer .footer-column {
  flex: 0 0 calc(33.333% - 1.33rem);
}

.lp6-source .sticky-cta {
  background: #fff;
}

.lp6-source .sticky-cta .cta-button {
  background: linear-gradient(90deg, #45b545 0%, #0fae5a 100%);
  border-radius: 10px;
  color: #fff !important;
}

@media only screen and (max-width: 1301px) {
  .lp6-source .container {
    width: 750px;
  }

  .lp6-source .show-desk {
    display: none;
  }

  .lp6-source .show-tab {
    display: block;
  }

  .lp6-source .banner-left {
    width: 58%;
  }

  .lp6-source .bnrHeading {
    margin-top: 25px;
    font-size: 40px;
    line-height: 46px;
  }

  .lp6-source .bnrText1 {
    margin-top: 15px;
  }

  .lp6-source .bnrList {
    margin-top: 20px;
  }

  .lp6-source .bnrList li {
    margin-top: 5px;
    font-size: 20px;
  }

  .lp6-source .btnBox {
    max-width: 350px;
  }

  .lp6-source .section1 {
    padding: 70px 0;
  }

  .lp6-source .s1Left {
    width: 370px;
  }

  .lp6-source .s1Right {
    width: calc(100% - 330px);
  }

  .lp6-source .s1Right .commonText {
    padding-right: 0;
  }

  .lp6-source .secName {
    font-size: 17px;
  }

  .lp6-source .commonHead {
    margin-top: 15px;
    font-size: 34px;
    line-height: 40px;
  }

  .lp6-source .commonText {
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .lp6-source {
    overflow-x: hidden;
  }

  .lp6-source .container {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .lp6-source .show-desk {
    display: none;
  }

  .lp6-source .show-mob {
    display: block !important;
  }

  .lp6-source .hide-mob {
    display: none !important;
  }

  .lp6-source .topStrip {
    overflow: hidden;
    padding: 8px 0 5px;
  }

  .lp6-source .topStrip p {
    font-size: 11px;
    line-height: 11px;
  }

  .lp6-source .top-fix-bar {
    margin-bottom: 65px;
  }

  .lp6-source .header {
    top: 65px;
    height: 65px;
    margin-top: -65px;
    padding: 5px 0;
  }

  .lp6-source .lp6-brand-logo {
    min-width: 0;
    height: 55px;
    font-size: 18px;
  }

  .lp6-source .mob-mnu-ic {
    top: 18px;
    right: 15px;
  }

  .lp6-source .header-banner {
    padding: 25px 0;
    background-image: url("/assets/source/uk-lp-6/sb-assets/2000x650-header-bg-v3-1.png");
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  .lp6-source .banner-left {
    width: 100%;
    text-align: center;
  }

  .lp6-source .bnrHeading {
    margin-top: 14px;
    margin-bottom: -15px;
    font-size: 28px;
    line-height: 34px;
  }

  .lp6-source .bnr-mob-div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .lp6-source .bnr-mob-div img {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
  }

  .lp6-source .bnrText1 {
    font-size: 16px;
    letter-spacing: 0.5px;
    position: relative;
  }

  .lp6-source .bnrList {
    display: inline-block;
    float: none;
    width: 90%;
    margin-top: 5px;
    vertical-align: top;
  }

  .lp6-source .bnrList li {
    float: none;
    width: auto;
    margin-top: 5px;
    padding-left: 30px;
    background-position: 2px 3px;
    background-size: 19px;
    color: #000;
    font-size: 17px;
    font-weight: 600;
  }

  .lp6-source .bnrList li::before {
    width: 19px;
    height: 19px;
    margin-left: -30px;
    margin-right: 11px;
    font-size: 12px;
    line-height: 19px;
  }

  .lp6-source .section1 {
    padding: 30px 0 25px;
  }

  .lp6-source .s1Left,
  .lp6-source .s1Right {
    width: 100%;
  }

  .lp6-source .s1Right {
    padding: 0;
  }

  .lp6-source .secName {
    font-size: 14px;
  }

  .lp6-source .commonHead {
    margin-top: 5px;
    font-size: 26px;
    line-height: 32px;
  }

  .lp6-source .commonText {
    margin-top: 15px;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
  }

  .lp6-source .s1Right .commonText {
    padding-right: 0;
  }

  .lp6-source #features .container {
    width: 100%;
  }

  .lp6-source .lp6-feature-heading {
    padding-top: 20px !important;
    padding-bottom: 16px !important;
  }

  .lp6-source .lp6-source-feature {
    text-align: center;
  }

  .lp6-source .lp6-source-feature > div {
    flex-basis: 100%;
  }

  .lp6-source .s4Left,
  .lp6-source .s4Right {
    width: 100%;
    height: auto;
    min-height: 360px;
    margin-left: 0;
    padding: 0 !important;
  }

  .lp6-source .s4RightInner,
  .lp6-source .s4LeftInner {
    width: 100% !important;
    padding: 25px 20px;
  }

  .lp6-source .section5 {
    padding: 25px 0 20px;
  }

  .lp6-source .section5 .commonText {
    padding: 0 20px;
  }

  .lp6-source .s5CompBox {
    margin-top: 160px;
    border-radius: 10px;
  }

  .lp6-source .s5Col1 {
    width: 46%;
    padding: 10px 0;
  }

  .lp6-source .s5Col1 ul li {
    padding: 13px 0 13px 30px;
    background-position: 10px 14px;
    background-size: 14px;
    font-size: 14px;
    line-height: 18px;
  }

  .lp6-source .s5Col1 ul li::before {
    margin-left: -20px;
    margin-right: 14px;
    font-size: 20px;
  }

  .lp6-source .s5Col2 {
    width: 24%;
    margin: -95px 3% -25px 0;
  }

  .lp6-source .s5Col2Top {
    height: 100px;
  }

  .lp6-source .s5Col2Prod {
    width: 70px;
    margin: -45px auto 10px;
  }

  .lp6-source .s5Col2Top p {
    font-size: 13px;
  }

  .lp6-source .s5Col3Top p,
  .lp6-source .s5Col4Top p {
    font-size: 11px;
  }

  .lp6-source .section6 {
    padding: 30px 0 0;
  }

  .lp6-source .s6Left {
    width: 100%;
    text-align: center;
  }

  .lp6-source .s6Seal {
    position: static;
    display: block;
    width: 160px;
    margin: 0 auto;
  }

  .lp6-source .s6Right {
    width: 100%;
    padding: 15px 0 30px;
    text-align: center;
  }

  .lp6-source .s6Right .commonText {
    padding-right: 0;
  }

  .lp6-source .section7 {
    padding: 25px 0 20px;
  }

  .lp6-source .s7Mid {
    width: calc(100% + 30px);
    margin: 0 0 0 -15px;
  }

  .lp6-source .testBox {
    justify-content: center;
    margin-top: 20px;
  }

  .lp6-source .testCol {
    width: 350px !important;
    margin: 0 10px 20px;
  }

  .lp6-source footer.footer .footer-columns {
    flex-direction: column;
  }

  .lp6-source footer.footer .footer-column {
    flex: 0 0 100%;
    margin-bottom: 2rem;
  }
}
