:root{--bg:#081b2b;--panel:#123249;--cyan:#06b6d4;--ink:#eaf5fb;--muted:#b8cbd6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:#f5f8fa;color:#173044}a{color:inherit}header{background:var(--bg);color:white;padding:18px max(5%,calc((100% - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header .brand{font-size:24px;font-weight:700;letter-spacing:1px;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a:hover{color:#67e8f9}.hero{background:linear-gradient(125deg,#081b2b,#15405a);color:white;text-align:center;padding:90px 20px}.hero h1{font-size:clamp(30px,5vw,53px);line-height:1.2;margin:15px auto;max-width:850px}.hero p{color:var(--muted);max-width:730px;margin:15px auto 30px}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:2px;font-size:13px}.btn{display:inline-block;padding:13px 22px;background:var(--cyan);color:#062538;border-radius:8px;text-decoration:none;font-weight:700}.wrap{max-width:1150px;margin:auto;padding:65px 22px}.wrap h2{font-size:29px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #dce6eb;border-radius:14px;padding:26px;box-shadow:0 8px 25px #1530440b}.card h3{margin-top:0}.card a{color:#087e96;font-weight:700}.card p,.lead{color:#4a6474;line-height:1.8}.band{background:#0c293c;color:white}.band p{color:#c5d6df}.band .wrap{padding-top:55px;padding-bottom:55px}footer{background:#071a28;color:#c8d6de;text-align:center;padding:25px;font-size:13px}footer a{color:#67e8f9}@media(max-width:720px){.cards{grid-template-columns:1fr}.hero{padding:65px 20px}header{justify-content:center;text-align:center}nav{justify-content:center}}
/* Brand and contact */
.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:46px;height:46px;object-fit:contain}.contact-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.4fr);gap:22px}.quote-form{display:grid;gap:14px}.quote-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.quote-form input:not([type=checkbox]),.quote-form select,.quote-form textarea{width:100%;border:1px solid #b9cad4;border-radius:7px;padding:12px;font:inherit;background:white;color:#173044}.quote-form .check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.quote-form .check input{margin-top:5px}.quote-form button{border:0;cursor:pointer;justify-self:start}@media(max-width:720px){.contact-grid{grid-template-columns:1fr}}

header .brand-logo{width:auto;height:76px;max-width:240px;object-fit:contain}@media(max-width:720px){header .brand-logo{height:64px}}

/* Unified readable navigation, tablet and mobile */
header nav{display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:wrap}header nav a{font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap;padding:10px 2px}header nav a:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}@media(max-width:900px){header{padding:14px 22px}header nav{gap:12px 18px}}@media(max-width:620px){header{flex-direction:column;gap:8px}header nav{justify-content:center;gap:4px 14px}header nav a{font-size:15px;padding:9px 3px}.wrap{padding:42px 18px}.hero h1{font-size:clamp(28px,8vw,40px)}}

/* Accessibility: consistent high-contrast call-to-action buttons */
body a.btn, body button.btn { background-color:#006B80; color:#FFFFFF; }
body a.btn:hover, body button.btn:hover { background-color:#005366; color:#FFFFFF; }
body a.btn:focus-visible, body button.btn:focus-visible { outline:3px solid #FBBF24; outline-offset:3px; }