:root{--blue:#1E6FB7;--blue-50:#eef6ff;--text:#0f172a;--muted:#5b6677;--border:#e5e7eb;--radius:16px;--shadow:0 10px 30px rgba(2,6,23,.08)}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border-radius:12px}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;gap:12px;align-items:center}
.brand img{height:44px;width:auto;border-radius:0}
.menu{display:flex;gap:18px;align-items:center}
.menu a{padding:10px 12px;border-radius:10px;color:#1f2937;font-weight:600}
.menu a:hover,.menu a.active{background:var(--blue-50);color:#1E6FB7}
.section{padding:72px 0}
.section h1,.section h2{margin:0 0 12px}
.lead{color:var(--muted);max-width:70ch}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-block;padding:14px 18px;border-radius:12px;background:#1E6FB7;color:#fff;font-weight:700;box-shadow:var(--shadow)}
.btn.ghost{background:#fff;color:#1E6FB7;border:1px solid #1E6FB7}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.feature{padding:20px}
.feature h3{margin:8px 0 6px;font-size:18px;color:#1E6FB7}
.feature .pic{margin:10px 0 8px;overflow:hidden}
.cases{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}
.case{padding:18px}
.case .pic{margin:10px 0 8px;overflow:hidden}
.clients{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:18px}
.clients .logo{height:64px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:#94a3b8}
form{display:grid;gap:12px}
input, textarea{width:100%;padding:14px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:#0f172a}
label{font-size:14px;color:#334155}
footer{padding:40px 0;color:#64748b;border-top:1px solid var(--border);background:#fff}
.foot{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between}
@media (max-width: 980px){.grid-2{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.cases{grid-template-columns:1fr}.clients{grid-template-columns:1fr 1fr 1fr}}
@media (max-width: 640px){.features{grid-template-columns:1fr}.clients{grid-template-columns:1fr 1fr}}