:root{--ink:#112638;--muted:#536674;--green:#071747;--lime:#ffffff;--bg:#f5f6fb;--line:#d7ddeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6;background:#fff}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo img{max-width:168px;max-height:65px;width:auto}.nav{display:flex;flex-wrap:wrap;gap:17px;align-items:center}.nav a{text-decoration:none;font-size:14px;font-weight:650}.nav a:hover,.text-link:hover{color:var(--green)}.nav .pill{background:var(--green);color:white}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:13px 19px;text-decoration:none;font-size:15px;font-weight:750;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--green);color:white}.btn-outline{border-color:currentColor;color:inherit}.btn-light{background:white;color:var(--ink)}.hero{background:linear-gradient(120deg,#071747,#101f5d);color:#fff;padding:78px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#e1e7ff}.hero h1{font-size:clamp(34px,4.5vw,60px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 18px}.hero p{font-size:18px;color:#eef1ff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.hero-photo{border-radius:12px;width:100%;height:auto;max-height:390px;object-fit:contain;background:#fff}.highlight{background:var(--lime);color:#071747;padding:3px 8px;border-radius:6px}.proof{padding:21px 0;background:#edf0fa}.proof .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-weight:650;font-size:14px}.section{padding:68px 0}.soft{background:var(--bg)}.section-head{max-width:730px;margin-bottom:28px}.section h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.card img{width:100%;height:auto;max-height:390px;object-fit:contain;background:#f5f6fb}.card-body{padding:26px}.card-body h3{font-size:25px;margin:0 0 8px}.text-link{display:inline-block;color:var(--green);font-weight:800;text-decoration:none;margin-top:12px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:steps}.step{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.step:before{counter-increment:steps;content:counter(steps);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5eaff;color:#071747;font-weight:800}.cta{background:#071747;color:#fff;border-radius:16px;padding:40px}.cta h2{color:white}.page-hero{background:#eef1fa;padding:65px 0}.page-hero h1{font-size:clamp(32px,4.2vw,55px);line-height:1.12;margin:10px 0}.page-hero .eyebrow{color:#071747}.service-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.service-grid img{width:100%;height:auto;border-radius:12px;max-height:none;object-fit:contain}.list{padding-left:21px}.list li{margin-bottom:9px}.form{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:650;margin:0 0 16px}.field input,.field select,.field textarea{font:inherit;padding:11px 12px;border:1px solid #b8c7cb;border-radius:7px;min-width:0;width:100%;background:white}.field textarea{min-height:110px}.small{font-size:13px}.footer{background:#071747;color:#eef1ff;padding:38px 0}.footer a{color:#fff}.footer-inner{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{text-decoration:none}.wa-float{position:fixed;right:18px;bottom:18px;z-index:19;background:#071747;color:#fff;border-radius:999px;padding:12px 19px;box-shadow:0 5px 24px #0003;text-decoration:none;font-weight:750}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:14px}.breadcrumbs a{color:var(--green)}@media(max-width:800px){.header-inner{min-height:unset;flex-wrap:wrap;padding:14px 0}.logo img{max-width:145px}.nav{gap:12px}.nav a{font-size:13px}.hero{padding:50px 0}.hero-grid,.service-grid{grid-template-columns:1fr}.hero-photo{height:auto;max-height:none}.cards,.tiles,.steps{grid-template-columns:1fr}.section{padding:45px 0}.fields{grid-template-columns:1fr}.proof .wrap{justify-content:start}.cta{padding:24px}.wa-float{bottom:12px;right:12px}.footer{padding-bottom:80px}}
/* Match legacy red enquiry buttons while retaining original navy brand */
.nav .pill,.btn-primary{background:#bd1c2a;color:#fff}.nav .pill:hover,.btn-primary:hover{background:#981722;color:#fff}.wa-float{background:#071747}

/* Explicit brand consistency: navy throughout; red only for quote actions. */
:root{--green:#061549;--ink:#061549} .hero,.cta,.footer{background:#061549} .wa-float{background:#061549;color:#fff} .nav .pill,.btn-primary{background:#bd1c2a;color:#fff}

/* Compact phone navigation and accessible form controls */
@media(max-width:650px){.header-inner{display:block;padding:12px 0}.logo{display:inline-block;margin-bottom:12px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav a{display:flex;min-height:43px;align-items:center;justify-content:center;text-align:center;padding:9px 6px;background:#eef1fa;border-radius:5px}.nav .pill{color:#fff;background:#bd1c2a}.form{padding:18px}.page-hero{padding:40px 0}.page-hero h1{overflow-wrap:break-word}.actions .btn{width:100%}.wa-float{font-size:13px;padding:11px 14px}}
.field :is(input,select,textarea):focus-visible,.btn:focus-visible,.nav a:focus-visible{outline:3px solid #5486d9;outline-offset:2px}
