.home-v3{--navy:#071c3e;--green:#08a957;--muted:#5c7190;--line:#dce7ef;color:var(--navy);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}.hv3-hero{background:linear-gradient(105deg,#f0fcf7,#fff 55%,#eef8fb);border-bottom:1px solid var(--line);overflow:hidden}.hv3-hero>.container{min-height:430px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:25px}.hv3-copy>span,.hv3-heading span,.hv3-work header>span{display:inline-block;border-radius:999px;background:#dff8ec;color:#087b40;padding:5px 10px;text-transform:uppercase;font-size:10px;font-weight:800}.hv3-copy h1{font-size:clamp(42px,4vw,66px);line-height:1;letter-spacing:-.05em;margin:11px 0 10px;font-weight:850}.hv3-copy h1 em{font-style:normal;color:#07994e}.hv3-copy p{font-size:15px;line-height:1.55;color:var(--muted);max-width:510px}.hv3-copy>div{display:flex;gap:10px;margin:18px 0}.hv3-copy .btn,.hv3-work>.btn,.hv3-final .btn{min-height:43px;padding:10px 19px;border-radius:9px;font-weight:700}.hv3-copy .btn-primary,.hv3-work>.btn,.hv3-final .btn{background:linear-gradient(135deg,#08a957,#049248);border-color:#079849}.hv3-copy ul{display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:0;list-style:none;color:#465d79;font-size:11px}.hv3-copy li i{color:var(--green);margin-right:5px}.hv3-visual{position:relative;height:430px}.hv3-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.hv3-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#ffffff 0,transparent 28%)}.hv3-visual aside{position:absolute;right:10px;top:110px;z-index:2;display:grid;gap:1px;padding:10px;border:1px solid #ffffff9c;border-radius:12px;background:#fffffff0;box-shadow:0 12px 30px #0d2c4c1a}.hv3-visual aside span{padding:8px 10px;font-size:11px;font-weight:700}.hv3-visual aside i{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e6f8ef;color:var(--green);margin-right:7px}.hv3-section{padding:30px 0}.hv3-soft{background:linear-gradient(110deg,#f5fbfc,#f6fcf8)}.hv3-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.hv3-heading h2,.hv3-work h2{font-size:25px;letter-spacing:-.03em;margin:6px 0 2px}.hv3-heading p,.hv3-work p{color:var(--muted);font-size:12px;margin:0}.hv3-heading>a{color:#078d48;font-size:12px;font-weight:700;text-decoration:none}.hv3-packs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.hv3-packs>a{position:relative;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;color:var(--navy);text-decoration:none}.hv3-packs img{width:100%;height:92px;object-fit:cover}.hv3-packs>a>i{position:absolute;left:10px;top:72px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:10px;background:color-mix(in srgb,var(--pack-color) 15%,white);color:var(--pack-color)}.hv3-packs h3{font-size:12px;margin:17px 10px 3px}.hv3-packs p{min-height:31px;margin:0 10px 8px;color:var(--muted);font-size:9px;line-height:1.35;overflow:hidden}.hv3-packs b{display:block;margin:0 10px 11px;color:var(--pack-color,#079a4c);font-size:10px}.hv3-packs .hv3-more{display:flex;flex-direction:column;justify-content:center;padding:15px;background:linear-gradient(145deg,#fff,#edf9f4)}.hv3-packs .hv3-more>i{position:static;border:0;background:#e8f4ff;color:#1682e8}.hv3-packs .hv3-more h3{margin:10px 0 4px}.hv3-packs .hv3-more p,.hv3-packs .hv3-more b{margin-left:0;margin-right:0}.hv3-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hv3-features a{display:flex;gap:10px;min-height:72px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);text-decoration:none}.hv3-features a>i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--feature-color) 12%,white);color:var(--feature-color)}.hv3-features strong,.hv3-features small{display:block}.hv3-features strong{font-size:11px;margin:2px 0 3px}.hv3-features small{color:var(--muted);font-size:9px;line-height:1.3}.hv3-live{display:flex;align-items:center;gap:12px;margin-top:13px;padding:13px 16px;border:1px solid #cdebdc;border-radius:10px;background:#edfbf4}.hv3-live>i{font-size:26px;color:var(--green)}.hv3-live div{flex:1}.hv3-live span,.hv3-live strong{display:block}.hv3-live span{color:#087a3f;font-size:10px;font-weight:800;text-transform:uppercase}.hv3-live strong{font-size:14px}.hv3-live small{color:var(--muted);font-size:10px}.hv3-work{position:relative}.hv3-work ol{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:18px 150px 0 0;list-style:none}.hv3-work li{position:relative;display:flex;gap:9px;align-items:center}.hv3-work li:not(:last-child):after{content:"→";position:absolute;right:-19px;color:#8aa0b8}.hv3-work li>b{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:50%;background:#dff8ec;color:#078b46;font-size:18px}.hv3-work li strong,.hv3-work li span{display:block}.hv3-work li strong{font-size:11px}.hv3-work li span{font-size:9px;color:var(--muted)}.hv3-work>.btn{position:absolute;right:12px;bottom:1px}.hv3-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hv3-stories,.hv3-articles{display:grid;gap:8px}.hv3-stories article,.hv3-articles a{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px}.hv3-stories p{font-size:11px;font-style:italic;margin:0 0 8px}.hv3-stories strong,.hv3-stories small{display:block;font-size:10px}.hv3-stories small{color:var(--muted)}.hv3-stories span{color:#f5ae00}.hv3-articles a{display:flex;gap:12px;color:var(--navy);text-decoration:none}.hv3-articles img{width:100px;height:70px;object-fit:cover;border-radius:7px}.hv3-articles h3{font-size:12px;margin:2px 0 4px}.hv3-articles p,.hv3-articles small{font-size:9px;color:var(--muted);margin:0}.hv3-final{display:flex;align-items:center;gap:15px;margin-top:28px;margin-bottom:35px;padding:20px;border:1px solid #cdebdc;border-radius:13px;background:linear-gradient(90deg,#e8faf2,#f8fffb)}.hv3-final>i{font-size:28px;color:var(--green)}.hv3-final div{flex:1}.hv3-final h2{font-size:18px;margin:0}.hv3-final p{font-size:11px;color:var(--muted);margin:3px 0 0}
@media(max-width:1199px){.hv3-packs{grid-template-columns:repeat(4,1fr)}.hv3-features{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.hv3-hero>.container{grid-template-columns:1fr;padding-top:30px}.hv3-visual{height:260px}.hv3-copy h1{font-size:44px}.hv3-visual aside{display:none}.hv3-packs{grid-template-columns:repeat(2,1fr)}.hv3-features{grid-template-columns:repeat(2,1fr)}.hv3-heading{align-items:flex-start}.hv3-heading>a{white-space:nowrap}.hv3-live{align-items:flex-start;flex-wrap:wrap}.hv3-live small{width:100%}.hv3-work ol{grid-template-columns:1fr;margin-right:0}.hv3-work li:not(:last-child):after{display:none}.hv3-work>.btn{position:static;margin-top:18px;width:100%}.hv3-content-grid{grid-template-columns:1fr}.hv3-final{align-items:flex-start;flex-wrap:wrap}.hv3-final .btn{width:100%}}

/* The pack colour is supplied by each database record. */
.home-v3 .hv3-packs>a:not(.hv3-more)>i{background:var(--pack-color)!important;color:#fff!important;border-color:#fff!important;box-shadow:0 5px 12px color-mix(in srgb,var(--pack-color) 28%,transparent)}
.home-v3 .hv3-packs>a{isolation:isolate}
.home-v3 .hv3-packs>a>img{position:relative;z-index:1}
.home-v3 .hv3-packs>a:not(.hv3-more)>i{z-index:5;opacity:1!important;mix-blend-mode:normal!important;background-image:none!important}
.home-v3 .hv3-packs>a:not(.hv3-more)>i{box-shadow:inset 0 0 0 50px var(--pack-color),0 5px 12px rgba(9,33,63,.20)!important}
.home-v3 .hv3-packs>a:not(.hv3-more)>h3,.home-v3 .hv3-packs>a:not(.hv3-more)>p,.home-v3 .hv3-packs>a:not(.hv3-more)>b{position:relative;z-index:2;background:#fff}
.home-v3 .hv3-pack-icon{position:absolute;left:10px;top:72px;z-index:5;display:grid;width:34px;height:34px;place-items:center;border:3px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 5px 12px rgba(9,33,63,.20)}
.home-v3 .hv3-pack-icon>svg{position:absolute;inset:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px)}
.home-v3 .hv3-pack-icon>i{position:relative;z-index:1;color:#fff!important;font-size:15px}

/* Keep the four-step copy clear of the desktop CTA. */
@media(min-width:1200px){
 .home-v3 .hv3-work ol{grid-template-columns:repeat(4,minmax(0,1fr));margin-right:255px}
 .home-v3 .hv3-work>.btn{right:0;white-space:nowrap}
}
@media(min-width:768px) and (max-width:1199.98px){
 .home-v3 .hv3-work ol{margin-right:0}
 .home-v3 .hv3-work>.btn{position:static;width:max-content;margin-top:18px}
}