*{box-sizing:border-box}
:root{ --text:#1d1d1f; --muted:#f6f7f8; --brand:#1d4ed8; --accent:#16a34a; --ghost:rgba(255,255,255,0.9); }
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text);line-height:1.5}
a{color:#0f4dd9;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e7ea;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;flex-direction:column}
.brand-title{font-weight:700}
.brand-sub{font-size:12px;color:#6b7280}
#menu{display:flex;gap:18px;align-items:center}
#menu a{color:#111}
#menu .btn.small{padding:8px 12px;border-radius:8px;background:var(--brand);color:#fff}
.burger{display:none;border:0;background:transparent;font-size:28px}

.hero{position:relative;min-height:68vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.veil{position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.78));z-index:1}
.hero-inner{position:relative;z-index:2;text-align:left;padding:72px 20px 110px}
.hero h1{font-size:clamp(28px,4.8vw,44px);margin:0 0 8px}
.hero p{max-width:720px;font-size:18px;margin:0 0 14px}
.cta{display:flex;gap:12px;margin-top:10px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600}
.btn.ghost{background:var(--ghost);color:#111;border:1px solid #e5e7eb}

.section{padding:70px 0}
.section.muted{background:var(--muted)}
h2{font-size:clamp(24px,4vw,34px);margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,0.03)}
.card .icon{font-size:28px;margin-bottom:6px}
.narrow{max-width:900px}
.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.center{text-align:center;margin-top:14px}

.footer{background:#0f172a;color:#cbd5e1;padding:22px 0}
.foot{display:flex;align-items:center;justify-content:space-between;font-size:14px}

@media (max-width:900px){
  #menu{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #eee;padding:12px 20px;flex-direction:column;align-items:flex-start}
  .burger{display:block}
  .grid{grid-template-columns:1fr}
  .contacts{grid-template-columns:1fr}
  .hero-inner{padding:60px 20px 80px}
}