:root{
  --brand:#0e4a78; --brand-2:#0a2c46; --accent:#134f9b; --cta:#0d63c7;
  --muted:#6b7a8b; --bg:#f6f8fb; --white:#fff; --shadow:0 10px 30px rgba(3,31,58,.08);
  --max:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#0e2233;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.45}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}

header.topbar{background:#fff;border-bottom:1px solid #eef2f7;position:sticky;top:0;z-index:40}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
@media screen and (max-width: 768px) {
    .topbar-inner{ flex-direction: column; }
}
.brand{display:flex;align-items:center;gap:12px}
.brand svg{width:42px;height:42px}
.brand h1{font-size:1.25rem;margin:0;letter-spacing:.3px}
.brand small{display:block;color:var(--muted);font-weight:600;letter-spacing:.06em}
.contactbar{display:flex;gap:22px;align-items:center;font-weight:600}
.contactbar a{color:#14395c}

.hero{background:linear-gradient(120deg,#0d2f50 0%,#0c4472 60%,#0d63c7 100%);color:#fff;position:relative;overflow:hidden}
.hero-inner{display:grid;gap:28px;grid-template-columns:1.15fr .85fr;align-items:center;padding:56px 0}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr;}}
.hero h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;margin:6px 0 10px}
.hero p{font-size:1.05rem;/*color:#e5eef9*/}
.card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:18px}
.pill{display:inline-flex;gap:.5rem;align-items:center;background:#eaf1fa;color:#0b3a63;border-radius:999px;padding:.45rem .85rem;font-weight:600;font-size:.9rem}
.form-row{display:grid;gap:12px;grid-template-columns:1fr}
.form-row.two{grid-template-columns:1fr 1fr}
.field{display:flex;align-items:center;border:1px solid #dbe6f5;border-radius:12px;padding:.8rem .9rem;background:#fff}
.field input,.field select{border:0;outline:0;width:100%;font:inherit;background:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cta);color:#fff;font-weight:700;border-radius:12px;padding:.9rem 1.2rem;border:none;box-shadow:var(--shadow);cursor:pointer}
.btn-outline{background:#fff;border:2px solid var(--cta);color:var(--cta)}
.helper{font-size:.85rem;color:#3a5572;margin-top:8px}

section{padding:64px 0}
.section-title{font-size:clamp(22px,2.8vw,34px);margin:0 0 10px}
.sub{color:var(--muted);margin:0 0 26px}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.grid-2,.grid-3{grid-template-columns:1fr}}
@media (max-width:540px){.grid-4{grid-template-columns:1fr}}
@media (min-width:541px) and (max-width:960px){.grid-4{grid-template-columns: repeat(2, 1fr);}}

.usp{background:#fff;border:1px solid #e8eef6;border-radius:14px;padding:18px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow)}
.tcard{border:1px solid #e6edf7;border-radius:16px;padding:18px;background:#fff;box-shadow:var(--shadow)}
.trow{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#0d63c7,#0b3961)}
blockquote{margin:0;color:#2a3e55}
.muted{color:var(--muted)}

.faq{border:1px solid #e6edf7;border-radius:14px;background:#fff}
.faq-item+ .faq-item{border-top:1px solid #e9eef6}
.faq-q{width:100%;text-align:left;border:0;background:transparent;font:inherit;padding:16px 18px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.faq-a{padding:0 18px 16px 18px;color:#3a5572;display:none}
.faq-item.open .faq-a{display:block}

.cta-wrap{background:linear-gradient(90deg,#0c4472,#0d63c7);color:#fff;border-radius:16px;box-shadow:var(--shadow);padding:24px}

footer{background:#0b3254;color:#cfe0f6}
footer a{color:#dcedff}
.foot{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}
@media (max-width:880px){.foot{grid-template-columns:1fr}}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding-top:18px;color:#b9d1ea}

.toast{position:fixed;inset:auto 16px 16px 16px;background:#0a7f5a;color:#fff;border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);display:none;z-index:60}
.show{display:block}