
:root{--navy:#14365a;--teal:#1f9e84;--ink:#1b2a3a;--mist:#eef3f6;--line:#d5dfe6;--white:#fff;font-family:Montserrat,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);line-height:1.65;background:var(--white)}
a{color:var(--teal)}img{max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
nav a:hover,nav a[aria-current]{border-color:var(--teal)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
h1,h2,h3{color:var(--navy);line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}h2{font-size:1.7rem}h3{font-size:1.15rem}
.hero{background:linear-gradient(120deg,var(--mist),#fff);padding:72px 0}.hero-in{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero p{font-size:1.1rem;max-width:52ch}.shield img{border-radius:12px;mix-blend-mode:multiply}
.btn{display:inline-block;background:var(--navy);color:#fff;border:2px solid var(--navy);padding:12px 24px;border-radius:6px;font:600 1rem Montserrat,sans-serif;text-decoration:none;cursor:pointer;margin:8px 8px 0 0}
.btn:hover{background:var(--teal);border-color:var(--teal)}.btn.ghost{background:transparent;color:var(--navy)}.btn.ghost:hover{color:#fff}
.block{padding:64px 24px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
.grid3 article{border-top:4px solid var(--teal);background:var(--mist);padding:24px;border-radius:0 0 8px 8px}
.band{background:var(--navy);color:#fff;padding:56px 0}.band h3{color:#fff}.band p{margin:0;color:#d6e4ee}.why{gap:32px}
.page-head{background:var(--navy);color:#fff;padding:56px 0}.page-head h1{color:#fff;margin-bottom:8px}.page-head p{margin:0;color:#d6e4ee;max-width:60ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.ticks{list-style:none;padding:0}.ticks li{padding-left:28px;position:relative;margin:8px 0}.ticks li:before{content:"";position:absolute;left:0;top:.6em;width:14px;height:8px;border-left:3px solid var(--teal);border-bottom:3px solid var(--teal);transform:rotate(-45deg) translateY(-50%)}
.svc article{padding:32px 0;border-bottom:1px solid var(--line);max-width:760px}.svc article:last-child{border:0}
.cta{background:var(--mist);text-align:center;padding:56px 0}.cta p{max-width:52ch;margin:0 auto 12px}
form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600;color:var(--navy)}
input,textarea{font:inherit;padding:11px 12px;border:1px solid #9fb2c0;border-radius:6px;width:100%}
footer{background:#0f2a47;color:#cfdde8;padding:40px 0 16px;font-size:.95rem}footer a{color:#7fe0c8}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.copy{text-align:center;margin:28px 0 0;font-size:.85rem;opacity:.8}
@media(max-width:760px){.hero-in,.two{grid-template-columns:1fr}.hero{padding:40px 0}.block{padding:40px 24px}}

/* Minimal motion: soft hover transitions and one hero fade-in on page load */
.btn,nav a,.grid3 article{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.grid3 article:hover{transform:translateY(-3px)}
.hero-in>div:first-child,.page-head .wrap{animation:fadeIn .6s ease-out both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Header, extra sections and images */
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:8px 14px;z-index:20}.skip:focus{left:8px;top:8px}
.util{background:var(--navy);color:#d6e4ee;font-size:.8rem}.util .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}.util a{color:#fff;font-weight:600;text-decoration:none}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:6px;padding-bottom:6px}
.brand img{display:block;height:52px;width:auto}
#nav{display:flex;align-items:center;gap:26px}#nav a:not(.btn){color:var(--navy);text-decoration:none;font-weight:600;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent}
#nav a:not(.btn):hover,#nav a[aria-current]{border-color:var(--teal)}
.btn.small{padding:8px 16px;font-size:.9rem;margin:0}
.menu{display:none;background:none;border:1px solid var(--line);border-radius:6px;width:44px;height:44px;cursor:pointer;position:relative}
.menu span,.menu span:before,.menu span:after{position:absolute;left:11px;width:20px;height:2px;background:var(--navy);content:"";transition:transform .2s}
.menu span{top:20px}.menu span:before{top:-6px;left:0}.menu span:after{top:6px;left:0}
.menu[aria-expanded=true] span{background:transparent}.menu[aria-expanded=true] span:before{transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] span:after{transform:translateY(-6px) rotate(-45deg)}
.hero-in img,.pic img,.row img{width:100%;height:auto;display:block;border-radius:16px}
.mist{background:var(--mist)}.mist .block{padding-top:56px;padding-bottom:56px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;counter-reset:s}
.steps li{counter-increment:s;background:#fff;padding:22px;border-radius:8px;border-left:4px solid var(--teal)}.steps h3:before{content:counter(s) ". ";color:var(--teal)}.steps p{margin:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:none!important}.row.flip>div:first-child{order:2}
.chips{display:flex;flex-wrap:wrap;gap:12px}.chips span{background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:600;padding:8px 18px;border-radius:999px}
.faq{max-width:820px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600;color:var(--navy)}details p{margin:10px 0 0}
.foot p{margin:.4em 0 0;color:#cfdde8}.foot strong{color:#fff}.foot a{text-decoration:none}
@media(max-width:860px){.menu{display:block}#nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 24px 24px;border-bottom:1px solid var(--line);gap:14px}#nav.open{display:flex}.row{grid-template-columns:1fr}.row.flip>div:first-child{order:0}.util .wrap span{display:none}.util .wrap{justify-content:center}.top{position:sticky}.bar{position:relative}}
