
:root{
  --bg:#edf3ff;
  --surface:#ffffff;
  --text:#0f1d33;
  --muted:#5a6c82;
  --blue:#1f4ea3;
  --blue2:#163d82;
  --blue3:#0e2f6c;
  --line:rgba(15,29,51,.10);
  --shadow:0 18px 42px rgba(15,29,51,.12);
  --shadow2:0 10px 24px rgba(15,29,51,.08);
  --radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 440px at 10% -10%, rgba(31,78,163,.18), transparent 58%),
    radial-gradient(900px 380px at 90% 0%, rgba(14,47,108,.12), transparent 60%),
    linear-gradient(180deg,#eef4ff 0%, #f7faff 100%);
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.topbar{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar__inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 0;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:14px;min-width:260px}
.brand__logo{
  width:68px;height:68px;border-radius:999px;object-fit:cover;background:#fff;
  border:1px solid rgba(31,78,163,.18);
  box-shadow:0 14px 30px rgba(31,78,163,.18);
}
.brand__name{font-size:21px;font-weight:950;letter-spacing:.2px}
.brand__sub{color:var(--blue);font-weight:900;margin-top:-2px}
.nav,.top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn-blue,.btn-light{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:999px;padding:10px 14px;font-weight:900;border:1px solid rgba(31,78,163,.22);
}
.btn-blue{
  color:#fff;
  background:linear-gradient(180deg,var(--blue),var(--blue2));
  box-shadow:0 10px 20px rgba(31,78,163,.16);
}
.btn-light{color:var(--blue2);background:#fff}
.hero{
  margin-top:22px;
  background:linear-gradient(135deg, rgba(31,78,163,.98) 0%, rgba(22,61,130,.98) 58%, rgba(14,47,108,.98) 100%);
  color:#fff;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;
}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:32px}
@media (max-width:980px){.hero__grid{grid-template-columns:1fr;padding:22px}}
.badge{
  display:inline-flex;align-items:center;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);color:#fff;border-radius:999px;padding:8px 13px;font-weight:950;
}
.h1{margin:16px 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.02em}
.lead{margin:0;color:rgba(255,255,255,.88);line-height:1.65;font-size:16px}
.hero__cta,.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn-white,.btn-outline{
  border-radius:14px;padding:12px 16px;font-weight:950;border:1px solid rgba(255,255,255,.18)
}
.btn-white{background:#fff;color:var(--blue2)}
.btn-outline{background:rgba(255,255,255,.10);color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
@media (max-width:820px){.stats{grid-template-columns:1fr}}
.stat{
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:12px;
}
.stat__k{font-weight:950}
.stat__v{margin-top:4px;color:rgba(255,255,255,.86);font-weight:800}
.panel{
  background:#fff;color:var(--text);border-radius:22px;padding:18px;
  box-shadow:var(--shadow2);border:1px solid rgba(31,78,163,.12);
}
.panel__h{font-size:19px;font-weight:950}
.panel__p{margin-top:6px;color:var(--muted)}
.choice{
  display:flex;gap:12px;align-items:flex-start;margin-top:12px;
  padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;
}
.choice__ic{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(31,78,163,.10);border:1px solid rgba(31,78,163,.16);flex:0 0 auto;
}
.choice__t{font-weight:950}
.choice__d{margin-top:4px;color:var(--muted);font-weight:800;line-height:1.45}
.section{padding:26px 0}
.section__head{margin-bottom:14px}
.h2{margin:0 0 10px;font-size:28px;letter-spacing:-.01em}
.h3{margin:0 0 10px;font-size:20px}
.muted{color:var(--muted);line-height:1.58;font-weight:800}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:980px){.grid2{grid-template-columns:1fr}}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow2);padding:20px;
}
.card__top{display:flex;gap:12px;align-items:flex-start}
.card__icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:rgba(31,78,163,.10);border:1px solid rgba(31,78,163,.16);flex:0 0 auto;
}
.list{margin:12px 0 0;padding-left:18px}
.list li{margin:8px 0;line-height:1.56;font-weight:800}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tiles{grid-template-columns:1fr}}
.tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow2)}
.tile__h{font-weight:950}
.tile__p{margin-top:6px;color:var(--muted);font-weight:800;line-height:1.54}
.steps{display:grid;gap:10px}
.step{
  display:flex;gap:12px;align-items:flex-start;padding:12px;background:#fff;
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow2)
}
.step__n{
  width:36px;height:36px;border-radius:14px;display:grid;place-items:center;
  background:rgba(31,78,163,.10);border:1px solid rgba(31,78,163,.16);font-weight:950;color:var(--blue2);flex:0 0 auto
}
.step__h{font-weight:950}
.callout{
  display:flex;gap:12px;align-items:flex-start;padding:15px;background:#fff;
  border:1px solid rgba(31,78,163,.16);border-radius:16px;box-shadow:var(--shadow2)
}
.callout__ic{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.28);flex:0 0 auto
}
.callout__h{font-weight:950}
.contact-list{display:grid;gap:8px;color:var(--muted);font-weight:850}
.contact-list a{color:var(--blue2);font-weight:950}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media (max-width:680px){.form{grid-template-columns:1fr}}
label{display:flex;flex-direction:column;gap:6px;font-weight:900}
input,select,textarea{
  border-radius:14px;border:1px solid var(--line);padding:11px 12px;font:inherit;background:#fff;outline:none
}
.full{grid-column:1 / -1}
.consent{flex-direction:row;align-items:center;gap:10px;font-weight:850}
.consent input{width:18px;height:18px}
.map__frame{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.map__frame iframe{width:100%;height:320px;border:0;display:block}
.footer{
  padding:18px 0 34px;color:var(--muted);font-weight:850;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.footer__links a{color:var(--blue2);font-weight:950;margin-right:12px}
.fab{
  position:fixed;right:18px;width:54px;height:54px;border-radius:999px;
  display:grid;place-items:center;text-decoration:none;box-shadow:0 18px 36px rgba(16,32,51,.22);
  border:1px solid rgba(255,255,255,.55);font-size:22px;z-index:60
}
.fab--call{bottom:90px;background:#fff;color:var(--blue2)}
.fab--wa{bottom:20px;background:#25D366;color:#fff}
