.ad6-page,.ad6-page *{box-sizing:border-box}.ad6-page{font-family:Figtree,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10213c;background:#fff}.ad6-shell{width:min(1320px,calc(100% - 48px));margin:0 auto}.ad6-hero-wrap{padding:20px 0 8px;background:#fff}.ad6-hero{position:relative;display:grid;grid-template-columns:44% 56%;min-height:368px;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,#edf7ff 0%,#f6fbff 44%,#eef5fa 100%)}.ad6-copy{position:relative;z-index:4;padding:30px 20px 22px 50px}.ad6-eyebrow{display:inline-block;padding:6px 11px;border-radius:999px;background:#e8f6ec;color:#097b3f;font-size:11px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.ad6-copy h1{max-width:570px;margin:16px 0 12px;font-size:clamp(38px,3.25vw,58px);line-height:1.03;letter-spacing:-.04em;color:#112646}.ad6-copy h1 span{color:#0a984a}.ad6-copy p{max-width:550px;margin:0 0 9px;font-size:15px;line-height:1.45;color:#30445e}.ad6-actions{display:flex;gap:12px;margin:18px 0 14px;flex-wrap:wrap}.ad6-actions a{min-height:42px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none}.ad6-primary{background:#079848;color:#fff}.ad6-secondary{background:#fff;color:#0a793e;border:1.5px solid #0a9848}.ad6-ticks{display:flex;gap:26px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#233a57}.ad6-ticks span::first-letter{color:#079848}.ad6-visual{position:relative;min-height:368px}.ad6-visual:before{content:"";position:absolute;z-index:2;left:-90px;top:0;bottom:0;width:220px;background:linear-gradient(90deg,#edf7ff 0%,rgba(237,247,255,.8) 42%,rgba(237,247,255,0) 100%)}.ad6-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.ad6-info-card{position:absolute;z-index:5;right:30px;top:24px;width:285px;padding:15px 17px;background:#fff;border:1px solid #dce5df;border-radius:17px;box-shadow:0 14px 32px rgba(13,35,60,.13)}.ad6-info-row{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:0 0 11px;margin:0 0 11px;border-bottom:1px solid #e7ece9}.ad6-circle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf7ee;color:#079746;font-weight:900;font-size:14px}.ad6-info-row strong,.ad6-private strong{display:block;color:#112646;font-size:12px}.ad6-info-row p,.ad6-private p{margin:3px 0 0;color:#506178;font-size:10.3px;line-height:1.38}.ad6-private{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px;background:#eaf7ee;border-radius:10px;color:#06763a}.ad6-private>span{font-size:20px}.ad6-private strong{color:#08783d}.ad6-options{padding:8px 0 6px;background:#fff}.ad6-title{text-align:center;margin:0 0 10px}.ad6-title small{display:block;font-size:12px;color:#253650}.ad6-title h2{margin:3px 0 0;font-size:26px;line-height:1.1;color:#112646;letter-spacing:-.025em}.ad6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ad6-plan{min-height:240px;padding:16px 18px 13px;border-radius:12px;border:1px solid #d6e4dc;display:flex;flex-direction:column}.ad6-local{background:linear-gradient(135deg,#effaf3,#fff)}.ad6-regional{background:linear-gradient(135deg,#eef5ff,#fff);border-color:#cfddf2}.ad6-national{background:linear-gradient(135deg,#f8f3ff,#fff);border-color:#ddd0ef}.ad6-plan-top{display:grid;grid-template-columns:94px 1fr;gap:10px;align-items:center}.ad6-plan-top h3{margin:0 0 3px;font-size:16px;color:#112646}.ad6-plan-top p{margin:0;color:#4d5f75;font-size:10.5px;line-height:1.25}.ad6-plan-top svg{width:88px;height:74px}.ad6-local-art .pin{fill:#0a9848}.ad6-local-art .map{fill:#dff3e5;stroke:#0a9848;stroke-width:2}.ad6-region-art .regionmap{fill:#dceaff;stroke:#1765da;stroke-width:1.4}.ad6-region-art .roads{fill:none;stroke:#1765da;stroke-width:1.2;opacity:.75}.ad6-region-art .rpin{fill:#1765da}.ad6-uk-art svg{width:72px;height:78px;fill:#6e38b7}.ad6-price{margin:5px 0 7px;padding-left:104px}.ad6-price small{display:block;font-size:10px;color:#68768a}.ad6-price>div{display:flex;align-items:baseline;gap:4px}.ad6-price strong{font-size:31px;line-height:1;color:#079848;letter-spacing:-.05em}.ad6-regional .ad6-price strong{color:#1765da}.ad6-national .ad6-price strong{color:#6e38b7}.ad6-price span{font-size:10px;font-weight:800}.ad6-price b{font-size:10px}.ad6-plan ul{list-style:none;margin:1px 0 7px;padding:0 0 0 104px}.ad6-plan li{position:relative;padding:2px 0 2px 17px;font-size:9.9px;color:#43556c;line-height:1.35}.ad6-plan li:before{content:"✓";position:absolute;left:0;color:#079848;font-weight:900}.ad6-regional li:before{color:#1765da}.ad6-national li:before{color:#6e38b7}.ad6-plan>a{margin-top:auto;min-height:31px;border-radius:5px;background:#079848;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}.ad6-regional>a{background:#1765da}.ad6-national>a{background:#6e38b7}.ad6-how{padding:2px 0 28px}.ad6-how h2{text-align:center;margin:2px 0 7px;font-size:20px;color:#112646}.ad6-steps{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:0;padding:0 20px}.ad6-steps article{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;min-height:68px}.ad6-steps article>span{width:50px;height:50px;border:1.5px solid #079848;border-radius:50%;display:grid;place-items:center;color:#079848;font-size:22px}.ad6-steps strong{display:block;font-size:10.8px;color:#112646}.ad6-steps p{margin:3px 0 0;font-size:9.3px;line-height:1.35;color:#53647a}.ad6-steps i{text-align:center;font-style:normal;color:#9db0c3;font-size:27px}.ad6-trust{margin-top:8px;border:1px solid #dce6e0;border-radius:10px;padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.ad6-trust>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:0 18px;border-right:1px solid #e1e7e4}.ad6-trust>div:last-child{border-right:0}.ad6-trust>div>span{width:38px;height:38px;border:1.5px solid #079848;border-radius:50%;display:grid;place-items:center;color:#079848;font-size:18px;font-weight:900}.ad6-trust p{margin:0;color:#53647a;font-size:9.2px;line-height:1.35}.ad6-trust strong{display:block;color:#112646;font-size:10.4px;margin-bottom:2px}
@media(max-width:1050px){.ad6-hero{grid-template-columns:1fr;border-radius:22px}.ad6-copy{padding:34px 36px}.ad6-copy h1,.ad6-copy p{max-width:650px}.ad6-visual{height:390px}.ad6-visual:before{display:none}.ad6-info-card{right:22px}.ad6-grid{gap:12px}.ad6-plan-top{grid-template-columns:76px 1fr}.ad6-plan-top svg{width:70px}.ad6-price,.ad6-plan ul{padding-left:86px}.ad6-steps{grid-template-columns:1fr 1fr;gap:10px}.ad6-steps i{display:none}.ad6-trust{grid-template-columns:1fr 1fr;gap:10px}.ad6-trust>div{border-right:0}}
@media(max-width:760px){.ad6-shell{width:min(100% - 24px,680px)}.ad6-copy{padding:26px 22px}.ad6-copy h1{font-size:40px}.ad6-visual{height:550px}.ad6-visual img{height:310px;object-position:center}.ad6-info-card{left:12px;right:12px;top:270px;width:auto}.ad6-grid{grid-template-columns:1fr}.ad6-plan{min-height:0}.ad6-steps{grid-template-columns:1fr;padding:0}.ad6-trust{grid-template-columns:1fr}.ad6-title h2{font-size:23px}}

/* v7 corrections: preserve the agreed layout while fixing the hero crop and national icon. */
.ad6-visual{overflow:hidden;background:linear-gradient(90deg,#eef7ff 0%,#f7fbff 34%,#edf3f7 100%)}
.ad6-visual img{left:2%;right:auto;top:0;bottom:0;width:69%;height:100%;object-fit:contain;object-position:center bottom}
.ad6-visual:before{left:-40px;width:150px;background:linear-gradient(90deg,#edf7ff 0%,rgba(237,247,255,.68) 55%,rgba(237,247,255,0) 100%)}
.ad6-info-card{right:22px;top:22px;width:286px}
.ad6-uk-art{display:flex;align-items:center;justify-content:center;width:88px;height:78px}
.ad6-uk-art img{position:static;width:auto;height:76px;max-width:78px;object-fit:contain;filter:none}
@media(max-width:1050px){.ad6-visual img{left:3%;width:62%;height:100%;object-fit:contain;object-position:center bottom}.ad6-info-card{right:18px}}
@media(max-width:760px){.ad6-visual img{left:0;top:0;width:100%;height:300px;object-fit:contain;object-position:center bottom}.ad6-info-card{top:285px}.ad6-uk-art img{height:70px;width:auto}}

/* v8 hero-only correction: flipped photo, full-width fill, person kept clear of info card. */
.ad6-hero{grid-template-columns:42% 58%}
.ad6-visual img{
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:42% center;
}
.ad6-info-card{right:22px;top:22px;width:286px}
@media(max-width:1050px){
    .ad6-hero{grid-template-columns:1fr}
    .ad6-visual img{left:0;width:100%;height:100%;object-fit:cover;object-position:42% center}
}
@media(max-width:760px){
    .ad6-visual img{left:0;top:0;width:100%;height:300px;object-fit:cover;object-position:42% center}
}

/* v10 HERO-ONLY FIX
   Keep the exact approved v8 photograph. Do not crop/zoom it.
   A soft duplicate behind it fills the right panel so the contained image
   does not appear to stop abruptly. All other page styling remains locked. */
.ad6-hero{grid-template-columns:42% 58%}
.ad6-visual{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#eef5fa;
}
.ad6-visual::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:-18px;
    background-image:url('/images/marketing/advertising-hero-approved-v8.jpg');
    background-size:cover;
    background-position:center center;
    filter:blur(18px);
    transform:scale(1.06);
    opacity:.23;
}
.ad6-visual:before{
    z-index:2;
    left:-44px;
    width:150px;
    background:linear-gradient(90deg,#edf7ff 0%,rgba(237,247,255,.70) 56%,rgba(237,247,255,0) 100%);
}
.ad6-visual > img{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:76%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    display:block;
}
.ad6-info-card{
    z-index:5;
    right:22px;
    top:22px;
    width:286px;
}
@media(max-width:1050px){
    .ad6-hero{grid-template-columns:1fr}
    .ad6-visual > img{left:0;width:72%;height:100%;object-fit:contain;object-position:left center}
    .ad6-info-card{right:18px}
}
@media(max-width:760px){
    .ad6-visual::after{display:none}
    .ad6-visual > img{left:0;top:0;width:100%;height:300px;object-fit:contain;object-position:center bottom}
    .ad6-info-card{top:285px}
}


/* v11 HERO-ONLY FIX
   Locked design preserved. Remove the left fade, blend only the right edge,
   and lower the information panel so it masks the less-important van edge. */
.ad6-visual:before{
    display:none !important;
}
.ad6-visual::after{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    bottom:0;
    left:68%;
    inset:auto 0 0 68%;
    background:linear-gradient(90deg,
        rgba(238,245,250,0) 0%,
        rgba(238,245,250,.28) 26%,
        rgba(238,245,250,.72) 58%,
        #eef5fa 100%);
    filter:none;
    transform:none;
    opacity:1;
    pointer-events:none;
}
.ad6-visual > img{
    width:82%;
    object-fit:contain;
    object-position:left center;
}
.ad6-info-card{
    top:42px;
}
@media(max-width:1050px){
    .ad6-visual::after{
        left:66%;
        inset:auto 0 0 66%;
    }
    .ad6-visual > img{width:80%;}
    .ad6-info-card{top:38px;}
}
@media(max-width:760px){
    .ad6-visual::after{display:none;}
    .ad6-info-card{top:285px;}
}


/* v12 HERO-ONLY FIX
   Preserve the locked hero image and layout. Fade only the photograph's
   right edge into the existing hero background; keep the left edge crisp. */
.ad6-visual::after{
    display:none !important;
}
.ad6-visual > img{
    -webkit-mask-image:linear-gradient(to right,
        #000 0%,
        #000 72%,
        rgba(0,0,0,.96) 78%,
        rgba(0,0,0,.72) 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%);
    mask-image:linear-gradient(to right,
        #000 0%,
        #000 72%,
        rgba(0,0,0,.96) 78%,
        rgba(0,0,0,.72) 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}
@media(max-width:760px){
    .ad6-visual > img{
        -webkit-mask-image:none;
        mask-image:none;
    }
}

/* v13 HERO-ONLY FIX
   The previous CSS mask was not visibly fading in the deployed browser.
   Keep the approved image, size, position and info card unchanged.
   Draw a physical gradient over the photograph's right edge instead. */
.ad6-visual > img{
    -webkit-mask-image:none !important;
    mask-image:none !important;
}
.ad6-visual::after{
    display:block !important;
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    /* image is 82% wide: start the blend well before its hard edge */
    left:68%;
    width:14%;
    pointer-events:none;
    background:linear-gradient(90deg,
        rgba(238,245,250,0) 0%,
        rgba(238,245,250,.10) 18%,
        rgba(238,245,250,.30) 38%,
        rgba(238,245,250,.58) 60%,
        rgba(238,245,250,.82) 80%,
        #eef5fa 100%);
}
@media(max-width:1050px){
    .ad6-visual::after{
        left:66%;
        width:14%;
    }
}
@media(max-width:760px){
    .ad6-visual::after{display:none !important;}
}

/* v14 HERO RESPONSIVE FIX
   Locked design: same approved image, same copy, same info card.
   No fades, masks, blurred copies or blending effects.
   The photograph is contained at stable proportions so the hero behaves
   consistently across desktop, laptop, tablet and mobile widths. */
.ad6-visual::before,
.ad6-visual::after{
    display:none !important;
    content:none !important;
    background:none !important;
    filter:none !important;
    opacity:0 !important;
}

.ad6-hero{
    grid-template-columns:42% 58%;
}

.ad6-visual{
    position:relative;
    overflow:hidden;
    background:#eef5fa;
}

.ad6-visual > img{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:78%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    display:block;
    transform:none !important;
    filter:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
}

.ad6-info-card{
    z-index:5;
    right:22px;
    top:42px;
    width:286px;
}

/* Laptop / small desktop */
@media (max-width:1180px) and (min-width:1051px){
    .ad6-shell{width:min(1320px,calc(100% - 28px));}
    .ad6-copy{padding-left:34px;}
    .ad6-copy h1{font-size:clamp(38px,4vw,50px);}
    .ad6-visual > img{width:76%;}
    .ad6-info-card{right:16px;top:34px;width:274px;}
}

/* Tablet / narrow laptop: existing page stacks the hero here. */
@media (max-width:1050px){
    .ad6-hero{grid-template-columns:1fr;}
    .ad6-visual{height:390px;min-height:390px;}
    .ad6-visual > img{
        left:0;
        top:0;
        width:72%;
        height:100%;
        object-fit:contain;
        object-position:left center;
    }
    .ad6-info-card{right:18px;top:34px;width:286px;}
}

/* Mobile: photo first, information card below it inside the visual area. */
@media (max-width:760px){
    .ad6-visual{height:555px;min-height:555px;}
    .ad6-visual > img{
        left:0;
        top:0;
        width:100%;
        height:300px;
        object-fit:contain;
        object-position:center top;
    }
    .ad6-info-card{
        left:12px;
        right:12px;
        top:292px;
        width:auto;
    }
}