:root{
  --bg:#ffffff;
  --text:#0a0a0a;
  --muted:#5b6770;
  --brand:#0089F7;         /* фирменный цвет компании */
  --accent:#e6f0ff;
  --card:#f7f9fb;
  --border:#e5e7eb;
  --container:1120px;
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.section{padding:72px 0}
h1{font-size:48px;line-height:1.15;margin:0 0 16px}
h2{font-size:36px;margin:0 0 16px}
h3{font-size:22px;margin:0 0 8px}
p{margin:0 0 12px;color:var(--text)}
.subtitle{color:var(--muted);margin-bottom:24px}

/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav__list{display:flex;justify-content:flex-end;align-items:center;gap:40px;list-style:none;margin:0;padding:0}
.nav__list>li>a{color:#000;font-size:20px;font-weight:500;text-decoration:none}
.nav__lang a{color:#9aa3ab;font-size:18px}
.nav__toggle{display:none;background:none;border:1px solid var(--border);padding:4px 10px;border-radius:10px}

/* Hero */
.hero{padding:72px 0}
.grid-2{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.grid-2.reverse{grid-template-columns:1fr 1.1fr}
.hero__text h1{color:#0089F7}
.hero__text p{color:var(--muted);font-size:18px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.card img{margin-bottom:10px}
.about{background:#0089F7}
.about .container>h2,
.about .container>p{color:#fff}
.about .card h3,
.about .card p{color:var(--text)}

/* Features */
.feature{margin:48px 0;align-items:center}
.solutions h2,
.solutions .subtitle{text-align:center}
.feature__media img{border-radius:12px;background:none;border:none}
.feature.reverse .feature__media{order:2}
.feature.reverse>div:last-child{order:1}

/* Contacts */
.contacts{background:#0089F7}
.contacts h2{text-align:center;color:#fff}
.contacts p{color:#fff}
.contacts a{color:#fff}
.contact-line{font-size:18px}
.socials{display:flex;gap:14px;margin:16px 0 0}
.contact-form{display:grid;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.contact-form input,.contact-form textarea{
  width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#9aa3ab}
.contact-form button{
  padding:12px 14px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0
}

/* Footer */
.site-footer{padding:36px 0;border-top:1px solid var(--border);background:#fff}
.site-footer p{color:#55626c;font-size:14px}

/* Responsive */
@media (max-width:960px){
  .grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  h1{font-size:36px}
  h2{font-size:28px}
  .nav__toggle{display:inline-block}
  .nav__list{position:fixed;inset:64px 0 auto 0;background:#fff;border-bottom:1px solid var(--border);padding:14px 20px;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}
  .nav__list.open{display:flex}
}