/* ============================================================
   Windexa — общий «каркас» (chrome): шапка, подвал, кнопки, лого.
   Единый источник для лендинга И служебных страниц (error/404/
   policy/license). Всё заскоуплено под .wxland. Полноэкранный
   фон-градиент/min-height страницы лендинга — НЕ здесь, а в
   landing.css (отдельное правило .wxland). Порядок подключения:
   chrome.css → затем landing.css (на лендинге).
   ============================================================ */

/* ---------- переменные + база текста (общие) ---------- */
.wxland{
  /* «интересный белый» — прохладные сине-белые слои */
  --paper:#FAFCFF;        /* сине-белая бумага — фон */
  --sand:#E9F1FC;         /* мягкая синяя дымка для секций */
  --mist:#F2F7FE;         /* самый лёгкий синий — промежуточный слой */
  --card:#FFFFFF;         /* чистые карточки */
  --ink:#131923;          /* почти чёрный, чуть синий */
  --ink-2:#57627A;        /* вторичный текст */
  --line:#DFE8F6;         /* прохладная граница */
  --line-2:#CBD9EE;

  --brand:#0D8AF0;        /* фирменный синий Windexa */
  --brand-ink:#0A6DC0;
  --brand-wash:#E9F3FE;   /* лёгкая синяя подложка */
  --amber:#C9821F;        /* тёплый акцент для «горячих» меток */
  --amber-wash:#FBEFD9;
  --ok:#1E874B;
  --ok-wash:#E4F3EA;

  /* сияние на светлом: насыщенный градиент + цветное свечение */
  --cyn:#22B8F5;          /* лазурь */
  --vio:#7C5CFF;          /* фиолетовый */
  --grad:linear-gradient(120deg,var(--cyn) 0%,var(--brand) 52%,var(--vio) 100%);
  --glow:0 8px 28px rgba(13,138,240,.40), 0 0 60px rgba(34,184,245,.28);
  --glow-lg:0 14px 44px rgba(13,138,240,.50), 0 0 90px rgba(124,92,255,.30);

  --radius:16px;
  --btn-r:12px;
  --maxw:1170px;
  --shadow-sm:0 1px 2px rgba(20,50,100,.06);
  --shadow-md:0 12px 34px rgba(20,50,100,.12);

  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wxland *{box-sizing:border-box;margin:0;padding:0}
.wxland a{color:var(--brand-ink);text-decoration:none}
.wxland ::selection{background:rgba(13,138,240,.18)}
.wxland .wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}

/* ---------- шапка ---------- */
.wxland header.site{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(250,252,255,.80);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
/* служебные страницы (error/404/policy/license): шапка в потоке, не fixed —
   иначе перекрывает верх контента (там нет геройского блока с верхним отступом) */
.wxland header.site.svc{position:static}
.wxland .nav{display:flex;align-items:center;gap:14px 28px;min-height:70px;padding:12px 16px;flex-wrap:wrap}
/* Десктоп: при достижении max-width боковые отступы не нужны — контент вровень с краем
   (как платформенный .landheaderarea: >=1200px padding:0). Ниже 1200px — гуттер 26px.
   ВАЖНО: этот блок ДОЛЖЕН идти ПОСЛЕ базовых .wrap/.nav — иначе их shorthand padding
   перебивает padding-left/right:0 при равной специфичности (побеждает то, что ниже в файле). */
@media (min-width:1200px){
  .wxland .wrap{padding-left:0;padding-right:0}
  .wxland .nav{padding-left:0;padding-right:0}
}
.wxland .logo{display:flex;align-items:center}
.wxland .logo svg{display:block;height:30px;width:auto}
.wxland .logo .wx-logo-icon{display:none}   /* десктоп: полный лого, иконку прячем */
.wxland .menu{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.wxland .menu a{
  color:var(--ink-2);font-size:14.5px;font-weight:600;white-space:nowrap;
  padding:9px 15px;border-radius:10px;transition:.15s;
}
.wxland .menu a:hover{color:var(--ink);background:var(--sand)}
.wxland .nav-cta{
  flex:none;background:var(--ink);color:#fff;font-weight:600;font-size:14px;
  padding:11px 22px;border-radius:var(--btn-r);transition:.18s;
}
.wxland .nav-cta:hover{background:#000;transform:translateY(-1px);color:#fff}
/* служебная шапка без меню — прижимаем кнопку вправо на всех ширинах */
.wxland .nav.nomenu .nav-cta{margin-left:auto}

/* ---------- кнопки ---------- */
/* Светящаяся кнопка: градиент + цветное свечение + блик при наведении */
.wxland .btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--grad);background-size:180% 100%;color:#fff;font-weight:700;
  font-size:16px;padding:16px 32px;border-radius:var(--btn-r);border:0;cursor:pointer;
  box-shadow:var(--glow);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background-position .5s ease;
  font-family:inherit;text-align:center;
}
.wxland .btn::after{ /* пробегающий блик */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .7s ease;
}
.wxland .btn:hover{transform:translateY(-3px);box-shadow:var(--glow-lg);background-position:100% 0;color:#fff}
.wxland .btn:hover::after{transform:translateX(120%)}
.wxland .btn:active{transform:translateY(-1px) scale(.985)}
.wxland .btn.ghost{
  background:var(--card);color:var(--ink);border:1.5px solid var(--line-2);
  box-shadow:0 2px 10px rgba(20,50,100,.07);
}
.wxland .btn.ghost::after{display:none}
.wxland .btn.ghost:hover{
  background:var(--brand-wash);border-color:rgba(13,138,240,.45);color:var(--brand-ink);
  box-shadow:0 8px 26px rgba(13,138,240,.20);
}
@media (prefers-reduced-motion:reduce){.wxland .btn,.wxland .btn::after{transition:none}.wxland .btn:hover{transform:none}}
.wxland .btn:focus-visible,.wxland a:focus-visible,.wxland button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

/* ---------- подвал ---------- */
.wxland footer.site{padding:70px 0 40px;border-top:1px solid var(--line)}
.wxland .foot-top{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.5fr;gap:44px;padding-bottom:30px}
.wxland .foot-brand svg{height:28px;width:auto;display:block}
.wxland .foot-brand p{font-size:14px;color:var(--ink-2);margin-top:16px;max-width:280px}
.wxland .foot-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin-bottom:18px}
.wxland .foot-col a{display:block;color:var(--ink);font-size:14.5px;padding:5px 0}
.wxland .foot-col a:hover{color:var(--brand-ink)}
.wxland .foot-req{font-size:12.5px;color:var(--ink-2);line-height:1.7;display:grid;gap:5px}
.wxland .foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}

/* ---------- адаптив каркаса ---------- */
@media (max-width:960px){
  .wxland .menu{display:none}
  .wxland .nav-cta{margin-left:auto}   /* меню скрыто — прижимаем кнопку входа вправо */
  .wxland .foot-top{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:560px){ .wxland .foot-top{grid-template-columns:1fr} }