:root{
  --ink:#172126;--muted:#617079;--paper:#ffffff;--soft:#f4f7f7;
  --brand:#173f46;--brand2:#235c66;--accent:#b74c31;--line:#dbe3e5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:var(--brand)}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.nav{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{font-weight:800;text-decoration:none;color:var(--brand);font-size:20px;line-height:1.15}
nav{display:flex;align-items:center;gap:18px}
nav a{text-decoration:none;font-weight:700;font-size:14px}
.callbtn,.hero .callbtn,.cta .callbtn{display:inline-block;background:var(--accent);color:#fff!important;padding:11px 16px;border-radius:7px;text-decoration:none;font-weight:800}
.hero{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff;padding:70px 20px 60px}
.wrap{max-width:1000px;margin:auto}
.hero h1{font-size:clamp(36px,6vw,62px);line-height:1.04;margin:0 0 18px;max-width:850px}
.hero p{font-size:20px;max-width:760px;margin:0 0 24px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:13px;margin-bottom:12px}
main{max-width:940px;margin:auto;padding:44px 20px 100px}
main h2{font-size:30px;line-height:1.2;color:var(--brand);margin-top:46px}
main h3{font-size:22px;color:var(--brand);margin-top:30px}
main p,main li{font-size:18px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.card{display:block;background:var(--soft);padding:22px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.card b{font-size:19px;display:block;margin-bottom:5px}
.card span{color:var(--muted)}
.cta{margin:40px 0;background:var(--soft);border-left:5px solid var(--accent);padding:25px;border-radius:6px}
.cta h2{margin:0 0 8px}
.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:25px}
.breadcrumbs a{color:var(--muted)}
.note{background:#fff8f5;border:1px solid #edd8d1;padding:18px;border-radius:8px}
footer{background:#102f35;color:#d7e3e5;padding:40px 20px}
.footerin{max-width:1000px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
footer a{color:#fff}
footer p,footer li{font-size:14px}
footer ul{list-style:none;padding:0;margin:0}
.mobilecall{display:none}
@media(max-width:820px){
  nav a:not(.callbtn){display:none}
  .cards{grid-template-columns:1fr}
  .footerin{grid-template-columns:1fr}
}
@media(max-width:650px){
  .nav{padding:10px 14px}
  .logo{font-size:17px}
  .nav .callbtn{padding:10px 12px;font-size:13px}
  .hero{padding:50px 18px}
  main{padding-bottom:100px}
  .mobilecall{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;text-align:center;background:var(--accent);color:#fff;text-decoration:none;padding:15px;font-weight:800}
}