:root {

    --blue: #1E40AF;

    --blue-text: #1E40AF;

    --blue-light: #DBEAFE;

    --blue-50: #EFF6FF;

    --lime: #A3E635;

    --lime-dark: #65A30D;

    --ink: #0F172A;

    --slate: #475569;

    --muted: #94A3B8;

    --hairline: #E2E8F0;

    --bg: #ffffff;

    --soft-bg: #F8FAFC;

    --success: #16A34A;

    --success-bg: #DCFCE7;

    --warning: #F59E0B;

    --warning-bg: #FEF3C7;

    --container-max: 1180px;

    --radius: 10px;

    --radius-sm: 6px;

    --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04);

    --shadow-hover: 0 8px 20px rgba(30, 64, 175, 0.10);

}
.sitelink-body *, .sitelink-body *::before, .sitelink-body *::after { box-sizing: border-box; }
.sitelink-body { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
.sitelink-body {

    margin: 0;

    padding: 0;

    font-family: 'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

    font-size: 16px;

    line-height: 1.5;

    color: var(--ink);

    background: var(--bg);

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}
.sitelink-body h1, .sitelink-body h2, .sitelink-body h3, .sitelink-body h4, .sitelink-body h5, .sitelink-body h6 { margin: 0 0 0.5em; line-height: 1.2; font-weight: 700; color: var(--ink); }
.sitelink-body p { margin: 0 0 1em; }
.sitelink-body a { color: var(--blue); text-decoration: none; }
.sitelink-body a:hover { text-decoration: underline; }
.sitelink-body img, .sitelink-body svg { max-width: 100%; height: auto; display: block; }
.sitelink-body ul, .sitelink-body ol { padding-left: 1.25em; margin: 0 0 1em; }
.sitelink-body button { font: inherit; cursor: pointer; }
.sitelink-body .container {

    width: 100%;

    max-width: var(--container-max);

    margin: 0 auto;

    padding: 0 24px;

}
@media (max-width: 600px) {
.sitelink-body .container { padding: 0 16px; }

}
.sitelink-body .flex { display: flex; }
.sitelink-body .flex-column { flex-direction: column; }
.sitelink-body .flex-between { justify-content: space-between; align-items: center; }
.sitelink-body .grid { display: grid; gap: 20px; }
.sitelink-body .grid-2 { grid-template-columns: repeat(2, 1fr); }
.sitelink-body .grid-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) {
.sitelink-body .grid-3 { grid-template-columns: repeat(2, 1fr); }

}
@media (max-width: 600px) {
.sitelink-body .grid-2, .sitelink-body .grid-3 { grid-template-columns: 1fr; }

}
.sitelink-body .fs-sm { font-size: 14px; line-height: 1.5; }
.sitelink-body .fs-md { font-size: 18px; line-height: 1.35; font-weight: 700; }
.sitelink-body .fs-lg { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.25; font-weight: 700; }
.sitelink-body .fs-xl { font-size: clamp(16px, 1.6vw, 18px); line-height: 1.55; font-weight: 400; color: var(--slate); }
.sitelink-body .fs-dp { font-size: clamp(17px, 1.8vw, 20px); line-height: 1.4; font-weight: 500; }
.sitelink-body .lg-heading { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.15; font-weight: 700; }
.sitelink-body .btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 12px 24px;

    border-radius: 999px;

    font-weight: 700;

    font-size: 16px;

    line-height: 1.2;

    text-decoration: none;

    transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;

    border: 0;

    cursor: pointer;

    white-space: nowrap;

}
.sitelink-body .btn:hover { text-decoration: none; transform: translateY(-1px); }
.sitelink-body .btn-primary {

    background: var(--lime);

    color: var(--ink);

    box-shadow: 0 2px 0 var(--lime-dark), 0 6px 16px rgba(101, 163, 13, 0.25);

}
.sitelink-body .btn-primary:hover {

    background: #B8F141;

    box-shadow: 0 2px 0 var(--lime-dark), 0 10px 22px rgba(101, 163, 13, 0.35);

}
.sitelink-body .btn svg { width: 22px; height: 22px; flex-shrink: 0; }
.sitelink-body .strip {

    background: var(--blue-light);

    border-radius: var(--radius);

    padding: 20px 28px;

    margin-top: 32px;

    gap: 24px;

    flex-wrap: wrap;

}
.sitelink-body .strip p { margin: 0; color: var(--ink); }
@media (max-width: 700px) {
.sitelink-body .strip { padding: 18px 20px; flex-direction: column; align-items: stretch; text-align: center; }
.sitelink-body .strip .btn { width: 100%; justify-content: center; }

}
.sitelink-body .banner {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #ffffff;

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 520px;

    position: relative;

    overflow: hidden;

}
.sitelink-body .banner--howmuch { background-image: url(/Pages/WSQUK/2025/paid/img1.jpg); }
.sitelink-body .banner--prices { background-image: url(/Pages/WSQUK/2025/paid/img2.jpg); }
.sitelink-body .banner--companies { background-image: url(/Pages/WSQUK/2025/paid/img4.jpg); }
.sitelink-body .banner--compare { background-image: url(/Pages/WSQUK/2025/paid/img3.jpg); }
.sitelink-body .banner--buy { background-image: url(/Pages/WSQUK/2025/paid/img5.jpg); }
.sitelink-body .banner--install { background-image: url(/Pages/WSQUK/2025/paid/img6.jpg); }
.sitelink-body .banner--hardwater { background-image: url(/Pages/WSQUK/2025/paid/img7.jpg); }
.sitelink-body .banner::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(135deg,

        rgba(255,255,255,0.30) 0%,

        rgba(255,255,255,0.72) 45%,

        rgba(255,255,255,0.55) 100%);

    z-index: 1;

    pointer-events: none;

}
.sitelink-body .banner .container {

    position: relative;

    z-index: 2;

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 40px 24px;

    display: flex;

    flex-direction: column;

    gap: 18px;

    align-items: center;

    text-align: center;

}
.sitelink-body .banner .review {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 100%;

}
.sitelink-body .banner .lg-heading {

    max-width: 1200px;

    font-size: clamp(26px, 3.2vw, 44px);

    font-weight: 700;

    line-height: 1.15;

    margin: 0;

    color: var(--ink);

    text-shadow: 0 1px 2px rgba(255,255,255,0.4);

}
.sitelink-body .points {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 18px 28px;

    list-style: none;

    padding: 0;

    margin: 0;

}
.sitelink-body .point {

    display: flex;

    align-items: center;

    gap: 8px;

}
.sitelink-body .point svg { flex-shrink: 0; }
.sitelink-body .point p {

    margin: 0;

    font-size: 14px;

    line-height: 1.2;

    color: var(--ink);

    font-weight: 600;

}
.sitelink-body .banner .btn {

    line-height: 1.2;

    padding: 18px 32px;

    font-size: 18px;

    margin: 6px auto 0;

}
.sitelink-body .review {

    background: var(--blue);

    color: white;

    padding: 14px 24px;

    text-align: center;

    font-weight: 500;

    width: 100%;

    position: relative;

    max-width: 100%;

}
.sitelink-body .review .fs-lg {

    font-size: clamp(13px, 1.3vw, 16px);

    line-height: 1.4;

    margin: 0;

    color: white;

    font-weight: 500;

}
.sitelink-body .review h3.fs-lg + h4.fs-lg { margin-top: 4px; }
@media (max-width: 1100px) {
.sitelink-body .banner { min-height: 460px; }
.sitelink-body .banner .container { padding: 32px 24px; }
.sitelink-body .review .fs-lg { font-size: clamp(12px, 1.5vw, 15px); }

}
@media (max-width: 767px) {
.sitelink-body .banner {

        min-height: auto;

        background-color: #f5f7fa;

    }
.sitelink-body .banner::before {

        

        background: linear-gradient(180deg,

            rgba(255,255,255,0.55) 0%,

            rgba(255,255,255,0.85) 100%);

    }
.sitelink-body .banner .container {

        padding: 28px 20px !important;

        gap: 14px;

    }
.sitelink-body .banner .lg-heading {

        font-size: clamp(24px, 6vw, 32px);

    }
.sitelink-body .points {

        flex-direction: column;

        gap: 8px;

    }
.sitelink-body .banner .btn {

        width: 100%;

        max-width: 320px;

        justify-content: center;

    }
.sitelink-body .review {

        padding: 14px 20px;

    }
.sitelink-body .review .fs-lg { font-size: clamp(12px, 3.5vw, 15px); }

}
.sitelink-body .lp-faqs { padding: 56px 0; background: var(--bg); }
.sitelink-body .lp-faqs .lp-section-title { margin-bottom: 8px; }
.sitelink-body .lp-faqs .lp-section-subtitle { margin-bottom: 36px; }
.sitelink-body .lp-faqs__list {

    max-width: 880px;

    margin: 0 auto;

}
.sitelink-body .lp-faq {

    border: 1px solid var(--hairline);

    border-left: 3px solid var(--blue);

    border-radius: var(--radius-sm);

    margin-bottom: 12px;

    background: var(--bg);

    box-shadow: var(--shadow-card);

    overflow: hidden;

    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;

}
.sitelink-body .lp-faq:hover {

    border-left-color: var(--lime);

    transform: translateY(-1px);

    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);

}
.sitelink-body .lp-faq[open] {

    border-left-color: var(--lime);

    box-shadow: 0 6px 18px rgba(30, 64, 175, 0.10);

}
.sitelink-body .lp-faq summary {

    list-style: none !important;

    cursor: pointer;

    padding: 18px 24px;

    font-weight: 700;

    color: var(--ink);

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 16px;

    font-size: 16px;

    line-height: 1.4;

    transition: background 0.15s ease, color 0.15s ease;

    user-select: none;

    outline: none;

    position: relative;

}
.sitelink-body .lp-faq summary::-webkit-details-marker { display: none !important; }
.sitelink-body .lp-faq summary::marker { content: "" !important; display: none !important; }
.sitelink-body .lp-faq summary:hover { background: var(--soft-bg); color: var(--blue); }
.sitelink-body .lp-faq summary:focus-visible {

    background: var(--soft-bg);

    outline: 2px solid var(--blue);

    outline-offset: -2px;

}
.sitelink-body .lp-faq summary::after {

    content: "";

    flex-shrink: 0;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background: var(--blue-light);

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E40AF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 14px 14px;

    transition: transform 0.25s ease, background-color 0.2s ease;

}
.sitelink-body .lp-faq[open] summary::after {

    transform: rotate(180deg);

    background-color: var(--lime);

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");

}
.sitelink-body .lp-faq__body {

    padding: 4px 24px 22px;

    color: var(--slate);

    line-height: 1.65;

    font-size: 15px;

    border-top: 1px solid var(--hairline);

    margin-top: -1px;

    padding-top: 18px;

    background: linear-gradient(180deg, rgba(248, 250, 252, 0.5) 0%, transparent 30%);

}
.sitelink-body .lp-faq__body p { margin: 0 0 12px; }
.sitelink-body .lp-faq__body p:last-child { margin-bottom: 0; }
.sitelink-body .lp-faq__body strong, .sitelink-body .lp-faq__body b { color: var(--ink); font-weight: 700; }
@media (max-width: 600px) {
.sitelink-body .lp-faqs { padding: 40px 0; }
.sitelink-body .lp-faq summary { padding: 16px 18px; font-size: 15px; gap: 12px; }
.sitelink-body .lp-faq summary::after { width: 24px; height: 24px; background-size: 12px 12px; }
.sitelink-body .lp-faq__body { padding: 16px 18px 18px; font-size: 14px; }

}
.sitelink-body .costs { padding: 56px 0; background: var(--bg); }
.sitelink-body .costs__header { text-align: center; max-width: 760px; margin: 0 auto 32px; }
.sitelink-body .costs__header h2 { margin-bottom: 8px; }
.sitelink-body .costs__header h3.fs-xl { margin: 0; }
.sitelink-body .costs__grid { margin: 0 auto; max-width: 1100px; }
.sitelink-body .costs__tiers {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 16px;

}
@media (max-width: 1000px) {
.sitelink-body .costs__tiers { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

}
@media (max-width: 560px) {
.sitelink-body .costs__tiers { grid-template-columns: 1fr; }

}
.sitelink-body .tier {

    background: var(--bg);

    border: 1px solid var(--hairline);

    border-radius: var(--radius);

    padding: 22px;

    transition: transform 0.15s ease, box-shadow 0.15s ease;

    box-shadow: var(--shadow-card);

    display: flex;

    flex-direction: column;

}
.sitelink-body .tier:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.sitelink-body .tier__head { margin-bottom: 12px; }
.sitelink-body .tier__title {

    font-size: 16px;

    font-weight: 700;

    color: var(--ink);

    margin: 0 0 8px;

    line-height: 1.3;

}
.sitelink-body .tier__price {

    font-size: 18px;

    color: var(--slate);

    line-height: 1.3;

}
.sitelink-body .tier__price strong {

    color: var(--blue);

    font-size: 22px;

    font-weight: 700;

}
.sitelink-body .tier__desc {

    font-size: 14px;

    color: var(--slate);

    line-height: 1.5;

    margin: 0;

    flex-grow: 1;

}
.sitelink-body .tier__bullets {

    list-style: none;

    padding: 0;

    margin: 12px 0 0;

}
.sitelink-body .tier__bullets li {

    font-size: 13px;

    color: var(--slate);

    padding-left: 18px;

    position: relative;

    margin-bottom: 4px;

}
.sitelink-body .tier__bullets li::before {

    content: "•";

    position: absolute;

    left: 4px;

    color: var(--blue);

    font-weight: 700;

}
.sitelink-body .tier--highlight {

    border-color: var(--blue);

    border-width: 2px;

    background: linear-gradient(180deg, var(--blue-50) 0%, var(--bg) 50%);

    position: relative;

}
.sitelink-body .tier--highlight::before {

    content: "POPULAR";

    position: absolute;

    top: -10px;

    right: 16px;

    background: var(--blue);

    color: white;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;

    padding: 4px 10px;

    border-radius: 999px;

}
.sitelink-body .tier--install {

    background: var(--soft-bg);

    border-style: dashed;

}
.sitelink-body .costs__reassure { margin-top: 28px; text-align: center; }
.sitelink-body .costs__pills {

    list-style: none;

    display: inline-flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 8px;

    padding: 0;

    margin: 0;

}
.sitelink-body .costs__pills li {

    background: var(--soft-bg);

    border: 1px solid var(--hairline);

    padding: 8px 16px;

    border-radius: 999px;

    font-size: 13px;

    color: var(--ink);

    font-weight: 600;

}
.sitelink-body .uk-brands { padding: 56px 0; background: var(--soft-bg); }
.sitelink-body .brands__header { text-align: center; max-width: 780px; margin: 0 auto 32px; }
.sitelink-body .brands__header h2 { margin-bottom: 8px; }
.sitelink-body .brands__grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    max-width: 1100px;

    margin: 0 auto;

}
@media (max-width: 900px) {
.sitelink-body .brands__grid { grid-template-columns: repeat(2, 1fr); }

}
@media (max-width: 560px) {
.sitelink-body .brands__grid { grid-template-columns: 1fr; }

}
.sitelink-body .brand {

    background: var(--bg);

    border: 1px solid var(--hairline);

    border-radius: var(--radius);

    padding: 22px;

    box-shadow: var(--shadow-card);

    transition: transform 0.15s ease, box-shadow 0.15s ease;

}
.sitelink-body .brand:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.sitelink-body .brand__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.sitelink-body .brand__logo {

    width: 44px;

    height: 44px;

    background: var(--blue-light);

    color: var(--blue);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-weight: 700;

    font-size: 18px;

    flex-shrink: 0;

}
.sitelink-body .brand__name {

    margin: 0;

    font-size: 20px;

    color: var(--ink);

}
.sitelink-body .brand__desc {

    font-size: 14px;

    color: var(--slate);

    line-height: 1.5;

    margin: 0 0 12px;

}
.sitelink-body .brand__highlights {

    list-style: none;

    padding: 0;

    margin: 0;

}
.sitelink-body .brand__highlights li {

    font-size: 13px;

    color: var(--slate);

    padding-left: 22px;

    position: relative;

    margin-bottom: 6px;

    line-height: 1.5;

}
.sitelink-body .brand__highlights li::before {

    content: "\2713";

    position: absolute;

    left: 0;

    top: 0;

    color: var(--success);

    font-weight: 700;

}
.sitelink-body .brand.compare {

    background: var(--blue-light);

    border-color: var(--blue-light);

}
.sitelink-body .brand.compare .brand__highlights li::before { color: var(--blue); }
.sitelink-body .paid-header {

    background: var(--bg);

    border-bottom: 1px solid var(--hairline);

    padding: 14px 0;

    position: sticky;

    top: 0;

    z-index: 100;

    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02);

}
.sitelink-body .paid-header .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

}
.sitelink-body .paid-logo {

    display: inline-flex;

    align-items: center;

    text-decoration: none;

}
.sitelink-body .paid-logo svg {

    height: 40px;

    width: auto;

}
@media (max-width: 480px) {
.sitelink-body .paid-logo svg { height: 34px; }

}
.sitelink-body .paid-phone {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    color: var(--blue);

    font-weight: 700;

}
.sitelink-body .paid-phone:hover { text-decoration: none; }
.sitelink-body .paid-phone svg {

    width: 22px;

    height: 22px;

    flex-shrink: 0;

}
.sitelink-body .paid-phone .phone-text {

    display: flex;

    flex-direction: column;

    line-height: 1.1;

}
.sitelink-body .paid-phone .phone-label {

    font-size: 11px;

    color: var(--slate);

    font-weight: 400;

}
.sitelink-body .paid-phone .phone-number {

    font-size: 18px;

    color: var(--blue);

    font-weight: 700;

}
@media (max-width: 560px) {
.sitelink-body .paid-phone .phone-label { display: none; }
.sitelink-body .paid-phone .phone-number { font-size: 16px; }

}
.sitelink-body .lp-section { padding: 56px 0; }
.sitelink-body .lp-section--alt { background: var(--soft-bg); }
.sitelink-body .lp-section-title {

    font-size: clamp(22px, 3vw, 32px);

    color: var(--ink);

    text-align: center;

    margin: 0 0 12px;

    font-weight: 700;

    line-height: 1.2;

}
.sitelink-body .lp-section-subtitle {

    font-size: clamp(15px, 1.8vw, 18px);

    color: var(--slate);

    text-align: center;

    max-width: 720px;

    margin: 0 auto 32px;

    line-height: 1.55;

}
.sitelink-body .lp-cards {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 20px;

    max-width: 1100px;

    margin: 0 auto;

}
.sitelink-body .lp-card {

    background: var(--bg);

    border: 1px solid var(--hairline);

    border-radius: var(--radius);

    padding: 24px;

    transition: transform 0.15s ease, box-shadow 0.15s ease;

    box-shadow: var(--shadow-card);

}
.sitelink-body .lp-card:hover {

    transform: translateY(-2px);

    box-shadow: var(--shadow-hover);

}
.sitelink-body .lp-card__num {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    background: var(--blue-light);

    color: var(--blue);

    font-weight: 700;

    border-radius: 50%;

    margin-bottom: 12px;

    font-size: 16px;

}
.sitelink-body .lp-card__title {

    font-size: 18px;

    color: var(--blue);

    margin: 0 0 8px;

    font-weight: 700;

    line-height: 1.3;

}
.sitelink-body .lp-card__body {

    font-size: 14px;

    color: var(--slate);

    line-height: 1.55;

    margin: 0;

}
.sitelink-body .lp-cards--steps {

    display: flex;

    flex-direction: column;

    gap: 12px;

    max-width: 820px;

    margin: 0 auto;

}
.sitelink-body .lp-cards--steps .lp-card {

    display: grid;

    grid-template-columns: 56px 1fr;

    grid-template-rows: auto auto;

    column-gap: 20px;

    row-gap: 4px;

    padding: 22px 26px;

    align-items: start;

    text-align: left;

}
.sitelink-body .lp-cards--steps .lp-card__num {

    grid-column: 1;

    grid-row: 1 / span 2;

    width: 48px;

    height: 48px;

    font-size: 18px;

    margin-bottom: 0;

    align-self: center;

    background: var(--blue);

    color: white;

}
.sitelink-body .lp-cards--steps .lp-card__title {

    grid-column: 2;

    grid-row: 1;

    margin: 0;

    font-size: 18px;

    color: var(--ink);

}
.sitelink-body .lp-cards--steps .lp-card__body {

    grid-column: 2;

    grid-row: 2;

    margin: 0;

    font-size: 15px;

    color: var(--slate);

    line-height: 1.55;

}
@media (max-width: 480px) {
.sitelink-body .lp-cards--steps .lp-card {

        padding: 18px 20px;

        column-gap: 14px;

    }
.sitelink-body .lp-cards--steps .lp-card__num {

        width: 40px;

        height: 40px;

        font-size: 16px;

    }

}
.sitelink-body .lp-checklist {

    list-style: none;

    padding: 0;

    margin: 0;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 12px;

    max-width: 960px;

    margin: 0 auto;

}
.sitelink-body .lp-checklist li {

    background: var(--bg);

    border-left: 3px solid var(--lime);

    border-top: 1px solid var(--hairline);

    border-right: 1px solid var(--hairline);

    border-bottom: 1px solid var(--hairline);

    padding: 14px 18px;

    font-size: 14px;

    color: var(--ink);

    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;

    line-height: 1.5;

    box-shadow: var(--shadow-card);

}
.sitelink-body .lp-checklist li::before {

    content: "\2713";

    color: var(--success);

    font-weight: 700;

    margin-right: 10px;

}
.sitelink-body .lp-final-cta {

    background: linear-gradient(135deg, var(--blue-light) 0%, var(--bg) 100%);

    padding: 64px 0;

    text-align: center;

}
.sitelink-body .lp-final-cta .btn-primary { padding: 16px 32px; font-size: 17px; }
.sitelink-body .lp-sticky-cta { display: none; }
@media (max-width: 768px) {
.sitelink-body .lp-sticky-cta {

        display: block;

        position: fixed;

        bottom: 0;

        left: 0;

        right: 0;

        background: var(--bg);

        border-top: 1px solid var(--hairline);

        padding: 10px 12px;

        z-index: 99;

        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);

    }
.sitelink-body .lp-sticky-cta .btn { width: 100%; justify-content: center; }
.sitelink-body { padding-bottom: 76px; }

}
.sitelink-body .paid-footer {

    background: var(--ink);

    color: #CBD5E1;

    padding: 36px 0 24px;

    text-align: center;

    margin-top: 56px;

}
.sitelink-body .paid-footer p { margin: 8px 0; font-size: 13px; line-height: 1.5; }
.sitelink-body .paid-footer-trust {

    color: white;

    font-weight: 700;

    font-size: 14px;

}
.sitelink-body .paid-footer a {

    color: var(--blue-light);

    text-decoration: none;

}
.sitelink-body .paid-footer a:hover { text-decoration: underline; }
.sitelink-body .paid-footer-legal {

    font-size: 11px;

    margin-top: 16px;

    opacity: 0.7;

}
.sitelink-body .banner .point p {margin-bottom:0}

/* ============================================================
   WSQUK BRAND OVERRIDES — align injected sitelink content with
   the ppc-landing look (Nunito Sans + Inter, navy/lime, our
   card + button styling). Scoped to .sitelink-body; appended
   last so it wins over the platform rules above.
   ============================================================ */
.sitelink-body{
  --blue:#1E40AF; --blue-text:#1E40AF; --blue-light:#DBEAFE; --blue-50:#EFF6FF;
  --lime:#A4DB4C; --lime-dark:#65A30D; --ink:#0F1E4D; --slate:#5c6b7e;
  --hairline:#E6ECF5; --soft-bg:#F4F7FC; --radius:16px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#1e293b;
}
.sitelink-body h1,.sitelink-body h2,.sitelink-body h3,.sitelink-body h4,
.sitelink-body .lp-section-title,.sitelink-body .tier__title,
.sitelink-body .lp-card__title,.sitelink-body .lg-heading{
  font-family:'Nunito Sans',sans-serif;font-weight:900;color:#0F1E4D;
}
.sitelink-body .lp-section-title{font-size:clamp(24px,3vw,30px);letter-spacing:-.3px}
.sitelink-body .lp-section-subtitle,.sitelink-body .fs-xl{color:#5c6b7e}
.sitelink-body .lp-section--alt{background:#F4F7FC}
.sitelink-body a{color:#1E40AF}

/* Cards + tiers: our rounded, soft-shadow style */
.sitelink-body .lp-card,.sitelink-body .tier{
  border:1px solid #E6ECF5;border-radius:16px;
  box-shadow:0 10px 30px rgba(15,30,77,.08);
}
.sitelink-body .lp-card__num,.sitelink-body .num{border-radius:12px}

/* Buttons: lime pill with Nunito Sans, matching the hero CTA */
.sitelink-body .btn,.sitelink-body .btn-primary{
  background:#A4DB4C;color:#1B3309;font-family:'Nunito Sans',sans-serif;font-weight:900;
  border-radius:12px;box-shadow:0 10px 22px rgba(164,219,76,.45);border:none;
}
.sitelink-body .btn:hover,.sitelink-body .btn-primary:hover{filter:brightness(.96);transform:none}
.sitelink-body .btn svg path{stroke:#1B3309}

/* Info strips + FAQ to match our card system */
.sitelink-body .strip{background:#EFF6FF;border:1px solid #DBEAFE;border-radius:14px}
.sitelink-body .lp-faq{border:1px solid #E6ECF5;border-radius:12px;background:#fff}
.sitelink-body .lp-faq summary{font-family:'Nunito Sans',sans-serif;font-weight:800;color:#0F1E4D}
.sitelink-body .lp-faq[open]{border-color:#1E40AF}