:root{
  --bg:#f6f7fb; --surface:#ffffff; --ink:#1a2233; --muted:#596172;
  --brand:#ff5a1f; --brand-2:#ff9a66; --accent:#0066cc; --line:#e5e8f0;
  --shadow:0 10px 24px rgba(24,31,54,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font-family:Poppins,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height:1.65}
a{color:var(--accent)} .hidden{display:none!important} .muted{color:var(--muted)}
.container{max-width:1180px; margin:0 auto; padding:1.2rem} .narrow{max-width:900px}
.fx-between{display:flex; align-items:center; justify-content:space-between; gap:1rem}
.skip{position:absolute; left:-9999px}

.topbar--light{position:sticky; top:0; z-index:40; background:var(--surface); border-bottom:3px solid var(--brand); box-shadow:0 3px 10px rgba(31,41,55,.05)}
.brand-link{display:inline-flex; align-items:center; gap:.45rem; text-decoration:none; color:var(--ink)}
.brand-badge{display:inline-grid; place-items:center; width:42px; height:28px; border-radius:999px; background:linear-gradient(90deg,var(--brand),var(--brand-2)); color:#fff; font-weight:800}
.brand-name{font-weight:800; letter-spacing:.4px}
.nav .nav-link{margin:0 .35rem; padding:.45rem .7rem; border-radius:10px; text-decoration:none; color:var(--ink)}
.nav .nav-link[aria-current="page"]{background:#eef4ff; color:#0b3a85}
.lang .btn.small{padding:.4rem .6rem}

.btn{display:inline-block; border:0; border-radius:12px; padding:.72rem 1.05rem; background:linear-gradient(90deg,var(--brand),var(--brand-2)); color:#fff; font-weight:700; box-shadow:var(--shadow); text-decoration:none}
.btn.outline{background:#fff; border:2px solid var(--line); color:var(--ink); box-shadow:none}
.btn.slim{padding:.5rem .9rem} .btn.small{padding:.4rem .6rem}
.btn:focus-visible, .nav .nav-link:focus-visible { outline:3px solid #84c5ff; outline-offset:2px }

.hero--split{background:linear-gradient(180deg,#fff,#f9fafc)}
.split-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:1.4rem; align-items:center}
@media(max-width:980px){ .split-grid{grid-template-columns:1fr} }
.display{font-family:Merriweather,Georgia,serif; font-weight:700; font-size:2.6rem; line-height:1.15; margin:0 0 .4rem}
.lead{color:#3d4657; margin:.25rem 0 1rem}
.cta{display:flex; gap:.6rem; flex-wrap:wrap}
.benefits{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin:1rem 0 0; padding:0}
.benefits li{list-style:none; border:1px dashed var(--line); border-radius:10px; padding:.35rem .6rem; background:#fff}

.masonry-3{display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:.8rem}
.masonry-3 .tall{grid-row:span 2}
.tile{background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); overflow:hidden}
.tile img{display:block; width:205px; height:140px}
.tile figcaption{padding:.5rem .75rem; color:#334155}

.stripes{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.2rem auto}
.card{background:var(--surface); border-radius:14px; box-shadow:var(--shadow); padding:1rem}
.card.outline{background:#fff; border:1px solid var(--line); box-shadow:none}

.band{display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:1rem; margin-top:1.2rem}
.table{width:100%; border-collapse:collapse}
.table th,.table td{padding:.55rem; border-bottom:1px solid var(--line); text-align:left}
.table.soft{background:#fff; border-radius:12px}

.timeline{list-style:none; padding:0; margin:1rem 0; border-left:3px solid #e3e7ef}
.timeline li{padding:.5rem 1rem; margin-left:.5rem; position:relative}
.timeline li::before{content:''; position:absolute; left:-10px; top:.8rem; width:.7rem; height:.7rem; border-radius:50%; background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.timeline.clean{border-left-color:#e9eef6}

.tabs{display:flex; gap:.5rem; margin:.6rem 0}
.tab{border:2px solid var(--line); background:#fff; border-radius:999px; padding:.42rem .85rem; cursor:pointer}
.tab.active{border-color:var(--brand); color:#0b3a85}
.panels .panel{display:none; border:1px dashed var(--line); border-radius:12px; padding:.8rem; background:#fff}
.panels .panel.active{display:block}

.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:1rem}
.grid-2 .span-2{grid-column:span 2}
.narrow-form{max-width:740px}
label{display:flex; flex-direction:column; gap:.25rem}
input,select,textarea{padding:.6rem .7rem; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink)}
textarea{min-height:120px}
.success{color:#0a8a4b}

.footer{margin-top:2rem}
.footer--light{border-top:3px solid var(--brand); background:#fff}
.brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand-logo {
  display: block;
  height: 40px;      /* можно увеличить — например, 60px */
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.brand-logo:hover {
  transform: scale(1.05);
}