html,body{margin:0;padding:0}
:root{--brand:#0e2a47;--accent:#c7a15a;--text:#0f172a;--muted:#6b7280;--card:#f6f8fb;--shadow:0 10px 25px rgba(10,20,30,.06)}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text);background:#fff}
a{color:var(--brand);text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 18px}
.section{padding:64px 0}.section-sm{padding:40px 0}
.h2{font-size:30px;margin:0 0 12px}.sub{color:#475569;margin:0 0 18px}
.btn{display:inline-block;border:2px solid var(--brand);padding:12px 18px;border-radius:12px;font-weight:700}
.btn-outline{background:#fff;color:var(--brand)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#1b2430}
.small{font-size:12px;color:#64748b}.badge{display:inline-block;background:#eef2f7;color:#0b2a4a;padding:6px 10px;border-radius:999px;font-weight:600;margin-bottom:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e9eef3;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.list{padding-left:18px}
.nav{position:sticky;background:#0e2a47;top:0;background:#fff;z-index:100;border-bottom:1px solid #eef1f5}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}
.nav .brand img{height:88px}
.menu{display:flex;gap:18px;align-items:center}
.menu a{font-weight:600;color:#0b2a4a;white-space:nowrap}
.lang{display:flex;gap:10px;align-items:center}
.lang a{color:#6b7682;text-decoration:none;font-weight:700;white-space:nowrap}
.lang a.active{color:var(--brand);text-decoration:underline}
.burger{display:none;border:1px solid #e2e8f0;background:#fff;padding:8px 10px;border-radius:10px;font-size:18px}
.hero{background:url('/assets/img/hero_bg.jpg') center/cover no-repeat;position:relative;color:#e8eef7}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,8,20,.48), rgba(2,8,20,.3) 50%, rgba(255,255,255,0) 100%)}
.hero .container{position:relative;z-index:1}
.hero .grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.hero .badge{background:rgba(255,255,255,.1);color:#e6edf7;border:1px solid rgba(255,255,255,.2)}
.cta .btn{margin-right:8px;margin-bottom:8px}
.hero-photo{display:none;justify-content:center}
.hero-photo img{width:min(360px,38vw);height:auto;border-radius:16px;border:6px solid rgba(255,255,255,.85);box-shadow:0 16px 40px rgba(0,0,0,.25)}
@media (min-width:920px){.hero .grid{grid-template-columns:1.1fr .9fr}.hero-photo{display:flex}}
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{background:#fff;border:1px solid #e9eef3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.case img{width:100%;height:160px;object-fit:cover;display:block}
.case .inner{padding:14px}.case .top{font-weight:700}.case .num{font-weight:800}
.leadmagnet{background:#fff;border:1px solid #e9eef3;border-radius:18px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1.6fr .4fr;gap:22px;align-items:center}
.leadmagnet .mock{background:#f6f8fb;border:1px solid #e9eef3;border-radius:12px;padding:20px;text-align:center}
.about-portrait{display:flex;justify-content:center;margin-bottom:18px}
.about-portrait img{width:min(320px,60vw);height:auto;border-radius:16px;border:6px solid #fff;box-shadow:0 10px 25px rgba(10,20,30,.18)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:#fff;border:1px solid #e9eef3;border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq .q{font-weight:700;margin-bottom:6px}
footer{border-top:1px solid #eef1f5}
.foot{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
@media (max-width:880px){.menu{display:none}.burger{display:inline-block}.lang{display:none}.mobile-menu{display:block}.cards,.casegrid,.steps,.faq{grid-template-columns:1fr}.leadmagnet{grid-template-columns:1fr}}
@media (min-width:881px){.mobile-menu{display:none}}
.mobile-menu{position:fixed;inset:0;background:rgba(10,15,20,.4);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s;z-index:200}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu .panel{position:absolute;right:12px;top:64px;background:#fff;border:1px solid #e9eef3;border-radius:14px;padding:16px;width:min(300px,calc(100% - 24px));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.mobile-menu .panel a{color:#0f172a;font-weight:600}
.mobile-menu .panel .btn{background:var(--brand);color:#fff;text-align:center;border-radius:10px;padding:10px 14px}
.mobile-menu .mobile-lang{display:flex;gap:12px;margin-top:4px}
.mobile-menu .mobile-lang a{color:#6b7682;text-decoration:none;font-weight:700}
.mobile-menu .mobile-lang a.active{color:var(--brand);text-decoration:underline}

/* --- Added: centered larger header logo --- */

/* --- Added: white CTA button to match RU --- */
.btn-white { background:#fff !important; color:#000 !important; border:1px solid #fff !important; }
.btn-white:hover { opacity:.9; }

/* keep CTA white variant */
.btn-white, .btn.btn-outline{background:#fff!important;color:var(--brand)!important;border-color:#fff!important}

/* --- Centered brand with grid: keeps menu/lang aligned right, burger left --- */
.nav .wrap{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;padding:14px 0;gap:10px;position:relative}
.nav .burger{grid-column:1;justify-self:start}
.nav .brand{grid-column:2;justify-self:center}
.nav .menu{grid-column:3;justify-self:end}
.nav .lang{grid-column:4;justify-self:end}
.nav .brand img{height:96px;display:block}
@media (max-width: 900px){ .nav .brand img{height:84px} }
@media (max-width: 640px){
  .nav .wrap{display:block;text-align:center}
  .menu{display:flex;justify-content:center}
  .lang{justify-content:center}
}