:root{--blue:#0b5394;--blue-d:#083d6e;--cyan:#0e7fb8;--bg:#ffffff;--bg-alt:#eef4f9;
--ink:#1c2733;--ink-soft:#48586a;--line:#d7e2ec;--radius:10px;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--blue)}
h1{font-size:2.2rem;line-height:1.2}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.1rem;margin-bottom:.4rem}
.lead{font-size:1.15rem;color:var(--ink-soft);margin:.75rem 0 1rem}
.section{padding:44px 20px}
.alt{background:var(--bg-alt)}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border:none;cursor:pointer;
padding:.65rem 1.3rem;border-radius:var(--radius);font-weight:600;font-size:1rem}
.btn:hover{background:var(--blue-d)}
.btn-lg{padding:.85rem 1.7rem;font-size:1.1rem}
.btn-sm{padding:.25rem .7rem;font-size:.85rem;margin-left:.5rem}
.btn-ghost{background:transparent;color:var(--blue);border:2px solid var(--blue)}
.btn-ghost:hover{background:var(--blue);color:#fff}
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:50}
.header-row{display:flex;align-items:center;gap:16px;padding:10px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.05rem}
.brand img{max-height:44px;width:auto}
.phone-cta{margin-left:auto;font-weight:700;text-decoration:none;background:var(--blue);color:#fff;
padding:.45rem 1rem;border-radius:var(--radius)}
.phone-cta:hover{background:var(--blue-d)}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink)}
.main-nav{display:flex;flex-wrap:wrap;gap:4px;padding:0 20px 8px}
.main-nav a{text-decoration:none;color:var(--ink-soft);padding:.35rem .7rem;border-radius:6px;font-size:.95rem}
.main-nav a:hover,.main-nav a.active{background:var(--bg-alt);color:var(--blue)}
.hero{background:linear-gradient(160deg,var(--bg-alt),#fff);padding:56px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.hero-img{width:100%;height:auto;border-radius:var(--radius)}
.page-img{width:100%;max-width:820px;height:auto;border-radius:var(--radius);margin:18px auto;display:block}
.page-img-top{margin-top:24px}
.page-head{background:var(--bg-alt);padding:44px 0}
.grid-2,.grid-3,.grid-4{display:grid;gap:18px;margin-top:1rem}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.alt .card{background:#fff}
.steps{margin:1rem 0 0 1.2rem;display:grid;gap:.7rem}
.faq-list details{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px;background:#fff}
.faq-list summary{font-weight:600;cursor:pointer}
.faq-list p{margin-top:.6rem;color:var(--ink-soft)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.contact-line{margin:.5rem 0}
form label{display:block;margin:.7rem 0;font-weight:600}
form input,form textarea{display:block;width:100%;padding:.6rem;margin-top:.3rem;border:1px solid var(--line);
border-radius:6px;font:inherit}
.form-note{font-size:.85rem;color:var(--ink-soft);margin-top:.6rem;font-weight:400}
.cta-band{background:var(--blue);color:#fff;text-align:center;padding:44px 20px;margin-top:24px}
.cta-band h2{color:#fff}.cta-band p{margin:.5rem 0 1rem}
.cta-band .btn{background:#fff;color:var(--blue)}
.site-footer{background:var(--ink);color:#cfdae6;padding:36px 0 18px}
.footer-logo{max-width:240px;height:auto;margin-bottom:10px}
.site-footer h3{color:#fff}.site-footer a{color:#9ec5e8}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:18px}
.fineprint{border-top:1px solid #33414f;padding-top:14px;font-size:.85rem}
@media(max-width:820px){
.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
.hero-grid,.contact-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.nav-toggle{display:block}
.main-nav{display:none;flex-direction:column}
.main-nav.open{display:flex}
h1{font-size:1.7rem}}
@media(max-width:520px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}