:root {--navy:#092b60;--green:#087b41;--ink:#152c45;--line:#ccdad7;--pale:#f0f6f3;color:var(--ink);font:17px/1.55 "Segoe UI",Arial,sans-serif}
* {box-sizing:border-box}
body {margin:0;background:#fff}
.wrap {width:min(1180px,91%);margin-inline:auto}
a {color:var(--navy);text-underline-offset:.2em}
a:focus-visible {outline:3px solid #ed9329;outline-offset:4px}
.skip {position:absolute;left:8px;top:-80px;background:white;padding:12px;z-index:5}
.skip:focus {top:5px}
.strip,.benefits,.dark,.end {background:var(--navy);color:white}
.strip .wrap,.end .wrap,.benefits .wrap {display:flex;justify-content:space-between;align-items:center}
.strip {padding:7px 0;font-size:.77rem;letter-spacing:.035em}
header {display:flex;align-items:center;gap:32px;min-height:95px;padding-block:12px}
.logo {display:block;width:195px;height:auto}
nav,.actions,.next {display:flex;gap:24px;align-items:center;flex-wrap:wrap}
nav {margin-left:auto}
nav a,.call a,.button,.card,.next a,.back {text-decoration:none;font-weight:680}
nav a:hover,.next a:hover,.back:hover {text-decoration:underline}
.call a,.button {display:inline-block;border-radius:8px;padding:12px 19px;background:var(--navy);color:white}
.button {background:var(--green);border:2px solid var(--green)}
.button:hover,.call a:hover {filter:brightness(.88)}
.outline {background:white;color:var(--navy);border-color:var(--navy)}
.actions {gap:12px;margin-top:26px}
.hero,.servicehero,.split,.footer {display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,4vw,70px);align-items:center}
.hero {padding-block:clamp(24px,4vw,64px)}
.heroimg,.servicehero img {width:100%;display:block}
.hero p,.servicehero p {font-size:1.15rem;max-width:520px}
.label {color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.14em}
h1,h2,h3 {color:var(--navy);line-height:1.08;margin:0;letter-spacing:-.045em}
h1 {font-size:clamp(2.7rem,4.7vw,4.55rem);margin:18px 0}
em {color:var(--green);font-style:normal}
h2 {font-size:clamp(2rem,3.5vw,3.2rem);margin:12px 0 18px}
h3 {font-size:1.35rem}
p {margin:12px 0}
.benefits .wrap {padding-block:19px;gap:12px;text-align:center}
.benefits span {flex:1;font-weight:650;border-right:1px solid #7390ae}
.benefits span:last-child {border:0}
.section {padding-block:clamp(40px,5.5vw,78px)}
.grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.card {overflow:hidden;background:var(--pale);border-radius:13px;display:flex;flex-direction:column}
.card:hover {box-shadow:0 0 0 2px var(--green)}
.card img {width:100%;aspect-ratio:1.95;object-fit:cover}
.card div {padding:20px;display:flex;flex:1;flex-direction:column}
.card p {font-size:.95rem;font-weight:400;color:var(--ink)}
.card b {font-size:.86rem;color:var(--green);margin-top:auto;padding-top:7px}
.dark h2,.dark h3 {color:white}
.dark .label,.dark h3 {color:#9ae6b3}
.pair,.steps {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:25px}
.pair article {border:1px solid var(--line);border-radius:12px;padding:26px}
.dark article {border-color:#7088a8}
.steps {grid-template-columns:repeat(4,1fr)}
.steps article {padding-left:16px;border-left:2px solid var(--line)}
.steps strong {color:var(--green);font-size:1.55rem}
.servicelead,.scope,footer {background:var(--pale)}
.servicelead {padding:22px 0 42px}
.back {font-size:.85rem}
.servicehero {padding-top:24px}
.servicehero img {aspect-ratio:1.9;object-fit:cover;border-radius:14px}
.servicehero .button {margin-top:12px}
ol {padding-left:1.35em}
li {margin:13px 0;padding-left:8px}
li::marker {font-weight:750;color:var(--green)}
aside {background:white;border-left:4px solid var(--green);border-radius:8px;padding:30px}
aside h3 {margin-top:12px}
.next {justify-content:space-between;padding-block:28px;font-size:.9rem}
footer {border-top:3px solid var(--green);padding:42px 0}
.footer {grid-template-columns:1.2fr 1fr}
.contact {display:grid;gap:8px;justify-items:start}
.contact a {font-weight:700;overflow-wrap:anywhere}
.end {padding:16px 0;font-size:.78rem}
@media(max-width:800px){header{gap:16px;flex-wrap:wrap}.logo{width:155px}nav{gap:14px}.call{display:none}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.hero{gap:10px}.actions{gap:8px}.button{padding:10px 12px}}
@media(max-width:620px){:root{font-size:16px}header{justify-content:center;gap:12px}nav{margin:0;justify-content:center;flex-basis:100%}.hero,.servicehero,.split,.footer,.pair{grid-template-columns:1fr}.heroimg{max-width:460px;margin:auto}.hero{gap:20px}.hero h1{font-size:clamp(2.65rem,9vw,3.4rem)}.grid{gap:12px}.card div{padding:12px}.card h3{font-size:1.1rem}.card p{font-size:.87rem}.benefits span{font-size:.8rem}.strip{font-size:.66rem}.end .wrap{align-items:start;flex-direction:column;gap:4px}.servicehero{gap:22px}.pair{gap:12px}.pair article{padding:20px}.section{padding-block:38px}}
@media(max-width:360px){.grid,.steps{grid-template-columns:1fr}.strip .wrap{flex-wrap:wrap;gap:3px 12px}}