:root{
  --navy:#073B78;
  --blue:#0E7ACB;
  --green:#63B32E;
  --green-dark:#3E8F20;
  --ink:#15304A;
  --muted:#667788;
  --line:#DDE8F0;
  --paper:#FFFFFF;
  --bg:#EEF5F8;
  --shadow:0 22px 60px rgba(7,59,120,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(14,122,203,.14), transparent 38%),
    radial-gradient(circle at bottom right, rgba(99,179,46,.15), transparent 32%),
    var(--bg);
}
a{text-decoration:none;color:inherit}
button{font:inherit}
.shell{min-height:100vh;padding:18px}
.card{
  width:min(100%,520px);
  margin:0 auto;
  background:var(--paper);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(7,59,120,.08);
}
.hero{
  position:relative;
  padding:26px 24px 22px;
  text-align:center;
  background:
    linear-gradient(160deg,rgba(255,255,255,.96),rgba(245,251,255,.96)),
    linear-gradient(120deg,var(--blue),var(--green));
}
.hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,var(--navy),var(--blue),var(--green));
}
.logo{width:min(92%,350px);height:auto;display:block;margin:0 auto 6px}
.eyebrow{
  margin:0 0 8px;
  color:var(--navy);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.76rem;
  font-weight:800;
}
h1{margin:0;font-size:clamp(1.8rem,7vw,2.45rem);line-height:1.05;color:var(--navy)}
.intro{margin:14px auto 0;max-width:410px;color:var(--muted);font-size:.98rem;line-height:1.55}
.trust{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.trust span{
  font-size:.76rem;font-weight:800;color:var(--green-dark);
  background:#F1F9EC;border:1px solid #D7EDC8;border-radius:999px;padding:7px 10px;
}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 12px}
.primary-actions{padding-top:20px}
.btn{
  min-height:54px;border-radius:16px;border:0;
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-weight:800;font-size:.96rem;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease;
}
.btn:active{transform:scale(.98)}
.btn-green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:white;box-shadow:0 10px 22px rgba(99,179,46,.25)}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--navy));color:white;box-shadow:0 10px 22px rgba(14,122,203,.25)}
.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--line)}
.icon{font-size:1.15rem}
.services,.contact{margin:6px 20px 16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#FBFDFE}
h2{margin:0 0 14px;font-size:1rem;color:var(--navy);text-transform:uppercase;letter-spacing:.08em}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-grid div{
  display:flex;align-items:center;gap:9px;padding:12px;border-radius:14px;background:#fff;border:1px solid #E7EEF3;
  font-size:.86rem;font-weight:700;
}
.service-grid b{font-size:1.15rem}
.contact{display:grid;gap:8px}
.contact a{
  display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #E7EEF3;font-size:.88rem
}
.contact a:last-child{border-bottom:0}
.contact span{color:var(--muted)}
.contact strong{color:var(--navy);text-align:right}
footer{
  padding:20px;text-align:center;color:#fff;
  background:linear-gradient(135deg,var(--navy),#0A2C53);
  display:grid;gap:4px
}
footer strong{font-size:1.15rem}
footer span{color:#BFE889;font-weight:800}
footer small{opacity:.78}
#toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
  background:#112B42;color:white;padding:11px 16px;border-radius:999px;
  opacity:0;pointer-events:none;transition:.2s ease;font-size:.86rem;box-shadow:var(--shadow)
}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:390px){
  .shell{padding:0}
  .card{border-radius:0;min-height:100vh}
  .actions{padding-left:14px;padding-right:14px}
  .services,.contact{margin-left:14px;margin-right:14px}
  .contact a{display:grid}
  .contact strong{text-align:left}
}