/* EconomSend — лендинг. Дизайн-система (токены Styleguide) + адаптив + a11y.
   Никакого runtime дизайн-инструмента: чистый CSS/HTML/JS. */

:root{
  /* --- палитра (Styleguide) --- */
  --ink:#16233C;            /* Graphite Navy */
  --base:#F6F2EA;           /* Warm Base */
  --white:#FFFFFF;
  --accent:#E5502A;         /* Signal Orange */
  --accent-strong:#C7431F;  /* hover/darker */
  --accent-light:#FF7A52;
  --accent-pale:#FFD9CC;
  --on-accent:#FFF6F1;
  --ink-70:rgba(22,35,60,.70);
  --ink-65:rgba(22,35,60,.65);
  --ink-55:rgba(22,35,60,.55);
  --ink-50:rgba(22,35,60,.50);
  --ink-16:rgba(22,35,60,.16);
  --ink-12:rgba(22,35,60,.12);
  --ink-10:rgba(22,35,60,.10);
  --ink-045:rgba(22,35,60,.045);
  --base-72:rgba(246,242,234,.72);
  --base-66:rgba(246,242,234,.66);
  --base-50:rgba(246,242,234,.50);
  --base-16:rgba(246,242,234,.16);
  /* --- типографика --- */
  --font-head:'Golos Text',system-ui,sans-serif;
  --font-body:'Manrope',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  /* --- сетка --- */
  --container:1320px;
  --pad-x:40px;
  --radius:14px;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--base);color:var(--ink);font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--ink);text-decoration:none}
img,svg{display:block}
.nowrap{white-space:nowrap}
.money{white-space:nowrap;font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* видимый фокус для доступности (клавиатура) */
a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

/* контейнер секции */
.container{max-width:var(--container);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}

/* --- кнопки --- */
.btn{font-family:var(--font-head);font-weight:600;border-radius:12px;display:inline-flex;
  align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;
  transition:background .18s ease,color .18s ease;white-space:nowrap;text-align:center}
.btn-primary{background:var(--accent);color:var(--on-accent);padding:17px 30px;font-size:17px;
  box-shadow:0 14px 26px -14px rgba(229,80,42,.8)}
.btn-primary:hover{background:var(--accent-strong);color:var(--on-accent)}
.btn-sm{padding:12px 20px;font-size:15px;box-shadow:none}
.btn-light{background:var(--base);color:var(--ink);padding:16px 26px;font-size:17px}
.btn-light:hover{background:#fff}
.link-quiet{font-weight:500;color:var(--ink-65);border-bottom:1px solid var(--ink-16);padding-bottom:2px;transition:color .18s}
.link-quiet:hover{color:var(--ink)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============================================================
   Адаптивные хуки к утверждённой десктоп-разметке.
   Инлайн-стили сохраняют десктоп 1:1; мобильные переопределения
   идут здесь (важность нужна, т.к. перекрываем inline layout).
   ============================================================ */

.es-container{max-width:var(--container);margin:0 auto;padding-left:var(--pad-x)!important;padding-right:var(--pad-x)!important}

/* --- шапка: бургер скрыт на десктопе --- */
.es-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;
  width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink)}
.es-nav-toggle svg{width:24px;height:24px}

/* --- sticky mobile CTA (по умолчанию скрыта; включается на мобиле через JS/медиа) --- */
.es-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(246,242,234,.94);backdrop-filter:blur(8px);border-top:1px solid var(--ink-10)}
.es-sticky-cta .btn{width:100%}
.es-sticky-cta[hidden]{display:none!important}


/* мобильная панель меню: видимость через [hidden], без off-canvas transform */
.es-mobile-panel{position:fixed;inset:0;z-index:70;background:var(--base);padding:20px;overflow:auto;
  opacity:0;transition:opacity .2s ease}
.es-mobile-panel.open{opacity:1}
.es-mobile-panel[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.es-mobile-panel{transition:none}}

/* --- узкий десктоп: шапка уплотняется ---------------------------------
   Десктопная шапка (лого + меню + CTA) шире вьюпорта уже на 1025–1320px.
   Для залогиненного CTA-ссылка длиннее («Личный кабинет» вместо «Войти»),
   поэтому в этой полосе ужимаем отступы шапки. */
@media (min-width:1025px) and (max-width:1320px){
  .es-header-inner{gap:16px!important;padding-left:24px!important;padding-right:24px!important}
  .es-nav{gap:18px!important}
  .es-nav-cta-desktop{gap:14px!important}
}

/* ============================ ≤1024px ============================ */
@media (max-width:1024px){
  :root{--pad-x:28px}
  .es-nav,.es-nav-cta-desktop{display:none!important}
  .es-nav-toggle{display:inline-flex}
  .es-header-inner{gap:16px!important}
  .es-hero{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .es-services-head{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
  .es-services{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .es-calc-grid{grid-template-columns:minmax(0,1fr)!important}
  .es-calc-head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .es-how-head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .es-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .es-bonus-grid{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
}

/* ============================ ≤768px ============================ */
@media (max-width:768px){
  .es-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .es-bonus-variants{grid-template-columns:minmax(0,1fr)!important}
  .es-calc-fields{grid-template-columns:minmax(0,1fr)!important}
  h1.es-h1{font-size:44px!important}
  .es-sticky-cta{display:block}
  body.es-menu-open{overflow:hidden}
  .es-mobile-panel a{display:block;font-family:var(--font-head);font-size:20px;font-weight:600;
    padding:16px 8px;border-bottom:1px solid var(--ink-10)}
  .es-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
  .es-mobile-title{font-family:var(--font-head);font-weight:700;font-size:18px}
  .es-mobile-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
    background:none;border:0;cursor:pointer;color:var(--ink)}
}

/* ============================ ≤480px ============================ */
@media (max-width:480px){
  .es-card-params{grid-template-columns:minmax(0,1fr)!important}
  :root{--pad-x:16px}
  .es-stats{grid-template-columns:minmax(0,1fr)!important}
  .es-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .es-steps{grid-template-columns:minmax(0,1fr)!important}
  h1.es-h1{font-size:36px!important;letter-spacing:-.02em!important}
  .es-hero-actions{flex-wrap:wrap!important;gap:14px!important}
}

/* интерактив ≥44px на тач-устройствах */
@media (pointer:coarse){
  .es-chip,.es-hero-actions a,.es-nav-cta a{min-height:44px}
}

/* ===== chips калькулятора (состояние через aria-pressed) ===== */
.es-chip{font-family:var(--font-body);font-size:14px;font-weight:600;padding:11px 15px;border-radius:10px;
  cursor:pointer;white-space:nowrap;border:1.5px solid var(--ink-16);background:var(--white);color:var(--ink);
  transition:background .18s ease,border-color .18s ease,color .18s ease}
.es-chip[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--base)}
.es-chip--dark{border-color:rgba(246,242,234,.28);background:transparent;color:var(--base)}
.es-chip--dark[aria-pressed="true"]{border-color:var(--base);background:var(--base);color:var(--ink)}
.es-chip:hover{border-color:var(--ink)}
.es-chip--dark:hover{border-color:var(--base)}

/* ===== keyframes (из инлайн <style> порта) ===== */
@keyframes es-run{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@keyframes es-fill{from{width:0}to{width:100%}}

/* ===== loading/error калькулятора ===== */
#es-calc.is-loading [data-result-panel]{opacity:.6;transition:opacity .18s}
[data-calc-status][data-variant="error"]{cursor:pointer;color:#FFD9CC}

/* ===== decorative-строки карточки: вертикально на tablet/mobile ===== */
@media (max-width:1024px){
  .es-hero > *,.es-calc-grid > *{min-width:0}
  /* «Путь отправления»: маршрут колонкой, соединители вертикальные */
  .es-shipment-path{flex-direction:column;align-items:center;gap:6px}
  .es-shipment-path > span{max-width:100%}
  .es-path-line{flex:0 0 auto!important;width:2px!important;height:14px!important;
    background:repeating-linear-gradient(to bottom,rgba(22,35,60,.25) 0 4px,transparent 4px 8px)!important}
  .es-path-line > span{display:none}
  /* «Наложенный платёж»: нумерованные вертикальные шаги 1–2–3 */
  .es-cod-flow{flex-direction:column;align-items:stretch;gap:6px;counter-reset:cod}
  .es-cod-arrow{display:none}
  [data-cod-step]{counter-increment:cod;display:flex;align-items:baseline;gap:8px;
    white-space:normal!important;background:transparent!important;color:inherit!important;
    padding:0!important;border-radius:0!important}
  [data-cod-step]::before{content:counter(cod) ". ";font-weight:700;color:var(--accent-strong);
    font-family:var(--font-mono)}
}

/* крупные суммы плиток: не переносить, уменьшить на узких ===== */
.es-amount-lg{white-space:nowrap}
@media (max-width:430px){.es-amount-lg{font-size:22px!important}}

/* ===== извлечённые из порта стили (class-based, без inline) ===== */
.es-s001{font-family: 'Manrope', system-ui, sans-serif;color: #16233C;background: #F6F2EA;}
.es-s002{position: sticky;top: 0;z-index: 50;background: rgba(246,242,234,.93);border-bottom: 1px solid rgba(22,35,60,.1);backdrop-filter: blur(8px);}
.es-s003{max-width: 1320px;margin: 0 auto;padding: 0 40px;height: 74px;display: flex;align-items: center;gap: 40px;}
.es-s004{display:flex;align-items:center;flex-shrink:0;}
.es-s005{height:26px;width:auto;display:block;}
.es-s006{display: flex;align-items: center;gap: 26px;font-size: 15px;font-weight: 500;color: rgba(22,35,60,.72);}
.es-s007{color: inherit;white-space: nowrap;}
.es-s008{margin-left: auto;display: flex;align-items: center;gap: 18px;flex-shrink: 0;}
.es-s009{font-size: 15px;font-weight: 500;color: rgba(22,35,60,.65);white-space: nowrap;}
.es-s010{font-family: 'Golos Text', sans-serif;font-size: 15px;font-weight: 600;padding: 12px 20px;border-radius: 10px;background: #E5502A;color: #FFF6F1;white-space: nowrap;}
.es-s011{max-width: 1320px;margin: 0 auto;padding: 56px 40px 64px;display: grid;grid-template-columns: minmax(0, 1fr) minmax(468px, 520px);gap: 56px;align-items: start;}
.es-s012{min-width: 0;}
.es-s013{display: inline-flex;align-items: center;gap: 10px;font-family: 'JetBrains Mono', monospace;font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: #C7431F;border: 1px solid rgba(229,80,42,.32);border-radius: 999px;padding: 7px 14px;}
.es-s014{width: 6px;height: 6px;border-radius: 50%;background: #E5502A;}
.es-s015{font-family: 'Golos Text', sans-serif;font-weight: 700;font-size: 64px;line-height: 1.02;letter-spacing: -.035em;margin: 24px 0 0;text-wrap: pretty;}
.es-s016{position: relative;display: inline-block;}
.es-s017{position: absolute;left: -2px;right: -2px;bottom: 7px;height: 10px;background: rgba(229,80,42,.2);}
.es-s018{font-size: 19px;line-height: 1.55;color: rgba(22,35,60,.7);max-width: 560px;margin: 24px 0 0;text-wrap: pretty;}
.es-s019{display: flex;align-items: center;gap: 22px;margin-top: 32px;}
.es-s020{font-family: 'Golos Text', sans-serif;font-size: 17px;font-weight: 600;padding: 17px 30px;border-radius: 12px;background: #E5502A;color: #FFF6F1;box-shadow: 0 14px 26px -14px rgba(229,80,42,.8);white-space: nowrap;}
.es-s021{font-size: 16px;font-weight: 500;color: rgba(22,35,60,.65);display: inline-flex;align-items: center;gap: 8px;white-space: nowrap;border-bottom: 1px solid rgba(22,35,60,.25);padding-bottom: 2px;}
.es-s022{font-family: 'JetBrains Mono', monospace;}
.es-s023{margin-top: 34px;display: flex;flex-wrap: wrap;gap: 8px 22px;font-size: 14px;color: rgba(22,35,60,.62);}
.es-s024{color: rgba(22,35,60,.3);}
.es-s025{background: #FFFFFF;border: 1px solid rgba(22,35,60,.1);border-radius: 20px;box-shadow: 0 30px 60px -40px rgba(22,35,60,.35);min-width: 0;}
.es-s026{padding: 24px 28px 24px;}
.es-s027{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;}
.es-s028{font-family: 'JetBrains Mono', monospace;font-size: 11px;letter-spacing: .1em;text-transform: uppercase;color: rgba(22,35,60,.5);}
.es-s029{font-family: 'JetBrains Mono', monospace;font-size: 11px;color: rgba(22,35,60,.5);text-align: right;}
.es-s030{margin-top: 16px;display: grid;grid-template-columns: 1fr 1fr;gap: 6px 18px;padding: 14px 16px;border-radius: 12px;background: rgba(22,35,60,.045);font-size: 12.5px;line-height: 1.35;}
.es-s031{display: flex;justify-content: space-between;gap: 10px;}
.es-s032{color: rgba(22,35,60,.55);}
.es-s033{font-weight: 600;text-align: right;}
.es-s034{font-weight: 600;}
.es-s035{margin-top: 14px;display: grid;gap: 0;}
.es-s036{display: flex;align-items: baseline;justify-content: space-between;padding: 11px 0;border-bottom: 1px solid rgba(22,35,60,.1);}
.es-s037{font-size: 15px;color: rgba(22,35,60,.68);}
.es-s038{font-family: 'Golos Text', sans-serif;font-size: 19px;font-weight: 600;color: rgba(22,35,60,.5);text-decoration: line-through;text-decoration-thickness: 1.5px;white-space: nowrap;flex-shrink: 0;}
.es-s039{font-family: 'Golos Text', sans-serif;font-size: 19px;font-weight: 600;color: #C7431F;white-space: nowrap;flex-shrink: 0;}
.es-s040{padding: 11px 0;border-bottom: 1px solid rgba(22,35,60,.1);}
.es-s041{display: flex;align-items: baseline;justify-content: space-between;}
.es-s042{font-size: 12px;color: rgba(22,35,60,.52);margin-top: 5px;line-height: 1.4;}
.es-s043{margin-top: 16px;display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.es-s044{padding: 13px 16px;border-radius: 13px;background: #16233C;color: #F6F2EA;}
.es-s045{font-size: 13px;color: rgba(246,242,234,.66);}
.es-s046{font-family: 'Golos Text', sans-serif;font-size: 25px;font-weight: 700;letter-spacing: -.02em;margin-top: 4px;}
.es-s047{padding: 13px 16px;border-radius: 13px;border: 1px dashed rgba(229,80,42,.5);background: rgba(229,80,42,.07);}
.es-s048{font-size: 13px;color: #C7431F;}
.es-s049{font-family: 'Golos Text', sans-serif;font-size: 25px;font-weight: 700;letter-spacing: -.02em;color: #C7431F;margin-top: 4px;}
.es-s050{margin-top: 10px;display: flex;align-items: baseline;justify-content: space-between;padding: 12px 16px;border-radius: 13px;background: rgba(22,35,60,.06);}
.es-s051{font-size: 14px;font-weight: 700;}
.es-s052{font-family: 'Golos Text', sans-serif;font-size: 21px;font-weight: 700;white-space: nowrap;flex-shrink: 0;}
.es-s053{border-top: 1px solid rgba(22,35,60,.1);padding: 16px 28px 20px;}
.es-s054{font-family: 'JetBrains Mono', monospace;font-size: 10px;letter-spacing: .1em;text-transform: uppercase;color: rgba(22,35,60,.45);}
.es-s055{display: flex;align-items: center;gap: 8px;margin-top: 12px;}
.es-s056{font-size: 12px;font-weight: 600;white-space: nowrap;}
.es-s057{flex: 1;height: 1px;position: relative;background: repeating-linear-gradient(to right, rgba(22,35,60,.25) 0 4px, transparent 4px 8px);}
.es-s058{position: absolute;top: -2.5px;width: 6px;height: 6px;border-radius: 50%;background: #E5502A;animation: es-run 1.1s ease-in-out .2s 1 both;}
.es-s059{font-size: 12px;font-weight: 700;padding: 4px 9px;border-radius: 7px;background: #16233C;color: #F6F2EA;white-space: nowrap;}
.es-s060{position: absolute;top: -2.5px;width: 6px;height: 6px;border-radius: 50%;background: #E5502A;animation: es-run 1.1s ease-in-out 1.1s 1 both;}
.es-s061{position: absolute;top: -2.5px;width: 6px;height: 6px;border-radius: 50%;background: #E5502A;animation: es-run 1.1s ease-in-out 2s 1 both;}
.es-s062{margin-top: 12px;padding: 12px 14px;border-radius: 11px;background: rgba(22,35,60,.04);border: 1px solid rgba(22,35,60,.08);}
.es-s063{display: flex;align-items: center;gap: 6px 8px;margin-top: 8px;font-size: 12px;font-weight: 600;flex-wrap: wrap;}
.es-s064{white-space: nowrap;}
.es-s065{font-family: 'JetBrains Mono', monospace;color: #E5502A;}
.es-s066{white-space: nowrap;padding: 4px 9px;border-radius: 7px;background: #16233C;color: #F6F2EA;}
.es-s067{height: 2px;margin-top: 10px;background: rgba(22,35,60,.1);border-radius: 2px;overflow: hidden;}
.es-s068{display: block;height: 100%;background: #E5502A;animation: es-fill 1.2s ease-out 3s 1 both;}
.es-s069{background: #16233C;color: #F6F2EA;}
.es-s070{max-width: 1320px;margin: 0 auto;padding: 54px 40px 58px;}
.es-s071{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1px;background: rgba(246,242,234,.16);border-top: 1px solid rgba(246,242,234,.16);border-bottom: 1px solid rgba(246,242,234,.16);}
.es-s072{background: #16233C;padding: 28px 26px 26px;}
.es-s073{font-family: 'Golos Text', sans-serif;font-size: 54px;font-weight: 700;letter-spacing: -.04em;line-height: 1;color: #E5502A;}
.es-s074{font-size: 15px;color: rgba(246,242,234,.72);margin-top: 12px;line-height: 1.45;}
.es-s075{font-family: 'Golos Text', sans-serif;font-size: 54px;font-weight: 700;letter-spacing: -.04em;line-height: 1;}
.es-s076{font-family: 'Golos Text', sans-serif;font-size: 34px;font-weight: 700;letter-spacing: -.03em;line-height: 1.05;}
.es-s077{font-size: 13px;color: rgba(246,242,234,.5);margin-top: 6px;}
.es-s078{max-width: 1320px;margin: 0 auto;padding: 76px 40px 0;}
.es-s079{display: grid;grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);gap: 56px;align-items: end;}
.es-s080{font-family: 'JetBrains Mono', monospace;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: #C7431F;}
.es-s081{font-family: 'Golos Text', sans-serif;font-size: 42px;font-weight: 700;line-height: 1.05;letter-spacing: -.03em;margin: 16px 0 0;}
.es-s082{font-size: 17px;line-height: 1.6;color: rgba(22,35,60,.65);margin: 0;max-width: 560px;}
.es-s083{display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px;margin-top: 40px;}
.es-s084{padding: 22px 20px;border: 1px solid rgba(22,35,60,.14);border-radius: 14px;background: #FFFFFF;display: flex;flex-direction: column;gap: 8px;min-height: 118px;}
.es-s085{font-family: 'JetBrains Mono', monospace;font-size: 10px;letter-spacing: .1em;color: rgba(22,35,60,.4);}
.es-s086{font-family: 'Golos Text', sans-serif;font-size: 19px;font-weight: 600;letter-spacing: -.02em;margin-top: auto;}
.es-s087{padding: 22px 20px;border: 1px dashed rgba(229,80,42,.5);border-radius: 14px;background: rgba(229,80,42,.07);display: flex;flex-direction: column;gap: 8px;min-height: 118px;}
.es-s088{font-family: 'JetBrains Mono', monospace;font-size: 10px;letter-spacing: .1em;color: rgba(229,80,42,.7);}
.es-s089{font-family: 'Golos Text', sans-serif;font-size: 17px;font-weight: 600;letter-spacing: -.02em;color: #C7431F;margin-top: auto;line-height: 1.2;}
.es-s090{display: flex;align-items: flex-end;justify-content: space-between;gap: 48px;}
.es-s091{font-size: 17px;line-height: 1.6;color: rgba(22,35,60,.65);max-width: 420px;margin: 0;}
.es-s092{display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;margin-top: 48px;}
.es-s093{border-top: 2px solid #16233C;padding-top: 20px;}
.es-s094{font-family: 'JetBrains Mono', monospace;font-size: 13px;color: #C7431F;letter-spacing: .06em;}
.es-s095{font-family: 'Golos Text', sans-serif;font-size: 22px;font-weight: 600;letter-spacing: -.02em;margin: 12px 0 10px;line-height: 1.15;}
.es-s096{font-size: 15px;line-height: 1.55;color: rgba(22,35,60,.68);margin: 0;}
.es-s097{border-top: 2px solid #E5502A;padding-top: 20px;}
.es-s098{background: #FFFFFF;border: 1px solid rgba(22,35,60,.1);border-radius: 22px;padding: 44px 44px 46px;}
.es-s099{display: grid;grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);gap: 56px;align-items: start;}
.es-s100{font-family: 'Golos Text', sans-serif;font-size: 40px;font-weight: 700;line-height: 1.05;letter-spacing: -.03em;margin: 16px 0 0;}
.es-s101{font-size: 17px;line-height: 1.6;color: rgba(22,35,60,.68);margin: 18px 0 0;}
.es-s102{margin-top: 24px;padding: 16px 18px;border-radius: 13px;background: rgba(22,35,60,.05);font-size: 14px;line-height: 1.5;color: rgba(22,35,60,.7);}
.es-s103{font-size: 13px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: rgba(22,35,60,.5);}
.es-s104{margin-top: 16px;display: grid;gap: 1px;background: rgba(22,35,60,.12);border-top: 1px solid rgba(22,35,60,.12);border-bottom: 1px solid rgba(22,35,60,.12);}
.es-s105{background: #FFFFFF;padding: 18px 4px;display: flex;align-items: baseline;gap: 20px;}
.es-s106{font-family: 'Golos Text', sans-serif;font-size: 32px;font-weight: 700;color: #E5502A;letter-spacing: -.03em;width: 72px;flex-shrink: 0;}
.es-s107{font-size: 16px;line-height: 1.45;}
.es-s108{font-family: 'Golos Text', sans-serif;font-size: 32px;font-weight: 700;color: rgba(22,35,60,.35);letter-spacing: -.03em;width: 72px;flex-shrink: 0;}
.es-s109{font-size: 16px;line-height: 1.45;color: rgba(22,35,60,.7);}
.es-s110{font-size: 13px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: rgba(22,35,60,.5);margin-top: 34px;}
.es-s111{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;margin-top: 16px;}
.es-s112{padding: 18px;border: 1px solid rgba(22,35,60,.14);border-radius: 13px;}
.es-s113{font-family: 'Golos Text', sans-serif;font-size: 17px;font-weight: 600;letter-spacing: -.02em;}
.es-s114{font-size: 14px;color: rgba(22,35,60,.65);margin-top: 6px;line-height: 1.45;}
.es-s115{max-width: 1320px;margin: 0 auto;padding: 76px 40px 100px;}
.es-s116{display: flex;align-items: flex-end;justify-content: space-between;gap: 48px;margin-bottom: 36px;}
.es-s117{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#C7431F;border:1px solid rgba(229,80,42,.32);border-radius:999px;padding:6px 12px;}
.es-s118{width:6px;height:6px;border-radius:50%;background:#E5502A;}
.es-s119{margin-top:10px;font-size:13px;}
.es-s120{font-size: 16px;line-height: 1.6;color: rgba(22,35,60,.65);max-width: 420px;margin: 0;}
.es-s121{background: #FFFFFF;border: 1px solid rgba(22,35,60,.1);border-radius: 22px;overflow: hidden;display: grid;grid-template-columns: minmax(0, 1fr) minmax(440px, 480px);}
.es-s122{padding: 36px 36px 40px;display: grid;gap: 24px;align-content: start;}
.es-s123{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.es-s124{display: block;}
.es-s125{display: block;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: rgba(22,35,60,.5);margin-bottom: 8px;}
.es-s126{font-family: 'Manrope', sans-serif;font-size: 15px;font-weight: 600;padding: 13px 14px;border-radius: 11px;border: 1.5px solid rgba(22,35,60,.16);background: rgba(22,35,60,.04);color: rgba(22,35,60,.75);}
.es-s127{width: 100%;font-family: 'Manrope', sans-serif;font-size: 15px;font-weight: 600;color: #16233C;padding: 13px 14px;border-radius: 11px;border: 1.5px solid rgba(22,35,60,.16);background: #FFFFFF;appearance: none;}
.es-s128{display: block;font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: rgba(22,35,60,.5);margin-bottom: 10px;}
.es-s129{display: flex;gap: 8px;flex-wrap: wrap;}
.es-s130{font-size: 12.5px;color: rgba(22,35,60,.55);margin-top: 10px;line-height: 1.4;}
.es-s131{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 14px 16px;border-radius: 12px;background: rgba(22,35,60,.045);border: 1px solid rgba(22,35,60,.1);}
.es-s132{font-size: 13px;font-weight: 700;}
.es-s133{font-size: 12.5px;color: rgba(22,35,60,.6);margin-top: 4px;line-height: 1.4;}
.es-s134{font-family: 'JetBrains Mono', monospace;font-size: 13px;color: #C7431F;white-space: nowrap;}
.es-s135{font-size: 13px;line-height: 1.5;color: rgba(22,35,60,.55);max-width: 560px;}
.es-s136{background: #16233C;color: #F6F2EA;padding: 34px 32px 38px;display: flex;flex-direction: column;}
.es-s137{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;}
.es-s138{font-family: 'JetBrains Mono', monospace;font-size: 11px;letter-spacing: .1em;text-transform: uppercase;color: rgba(246,242,234,.5);}
.es-s139{font-family: 'JetBrains Mono', monospace;font-size: 11px;color: rgba(246,242,234,.5);}
.es-s140{margin-top: 12px;padding: 10px 13px;border-radius: 10px;font-size: 12.5px;line-height: 1.4;background: rgba(246,242,234,.08);color: rgba(246,242,234,.78);border: 1px solid rgba(246,242,234,.18);}
.es-s141{margin-top: 18px;display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 10px 0;border-bottom: 1px solid rgba(246,242,234,.14);}
.es-s142{font-size: 14px;color: rgba(246,242,234,.66);}
.es-s143{font-family: 'Golos Text', sans-serif;font-size: 17px;font-weight: 600;color: rgba(246,242,234,.55);text-decoration: line-through;white-space: nowrap;flex-shrink: 0;}
.es-s144{margin-top: 14px;font-family: 'JetBrains Mono', monospace;font-size: 10px;letter-spacing: .1em;text-transform: uppercase;color: rgba(246,242,234,.45);}
.es-s145{margin-top: 8px;display: grid;gap: 0;}
.es-s146{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 9px 0;border-bottom: 1px solid rgba(246,242,234,.12);}
.es-s147{font-family: 'JetBrains Mono', monospace;font-size: 15px;white-space: nowrap;flex-shrink: 0;}
.es-s148{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 11px 0;border-bottom: 1px solid rgba(246,242,234,.14);}
.es-s149{font-size: 14px;font-weight: 600;}
.es-s150{font-family: 'Golos Text', sans-serif;font-size: 22px;font-weight: 700;white-space: nowrap;flex-shrink: 0;}
.es-s151{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 11px 0;}
.es-s152{font-family: 'Golos Text', sans-serif;font-size: 20px;font-weight: 700;color: #FF7A52;white-space: nowrap;flex-shrink: 0;}
.es-s153{display: grid;gap: 10px;}
.es-s154{padding: 14px 16px;border-radius: 13px;background: #E5502A;color: #FFF6F1;}
.es-s155{font-size: 14px;font-weight: 600;min-width: 0;}
.es-s156{font-family: 'Golos Text', sans-serif;font-size: 24px;font-weight: 700;white-space: nowrap;flex-shrink: 0;}
.es-s157{font-size: 12px;color: rgba(255,246,241,.85);margin-top: 6px;line-height: 1.4;}
.es-s158{padding: 13px 16px;border-radius: 13px;border: 1px dashed rgba(246,242,234,.35);display: flex;align-items: baseline;justify-content: space-between;gap: 12px;}
.es-s159{font-family: 'Golos Text', sans-serif;font-size: 20px;font-weight: 700;white-space: nowrap;flex-shrink: 0;}
.es-s160{margin-top: 16px;display: grid;gap: 8px;font-size: 14px;color: rgba(246,242,234,.7);}
.es-s161{font-family: 'JetBrains Mono', monospace;color: #F6F2EA;white-space: nowrap;flex-shrink: 0;}
.es-s162{font-family: 'JetBrains Mono', monospace;color: #F6F2EA;}
.es-s163{margin-top: 20px;}
.es-s164{font-family: 'JetBrains Mono', monospace;font-size: 11px;letter-spacing: .1em;text-transform: uppercase;color: rgba(246,242,234,.5);margin-bottom: 10px;}
.es-s165{font-size: 13px;color: rgba(246,242,234,.62);margin-top: 10px;line-height: 1.45;}
.es-s166{margin-top: auto;padding-top: 24px;display: flex;align-items: center;gap: 18px;flex-wrap: wrap;}
.es-s167{font-family: 'Golos Text', sans-serif;font-size: 17px;font-weight: 600;padding: 16px 26px;border-radius: 12px;background: #F6F2EA;color: #16233C;white-space: nowrap;}
.es-s168{font-size: 15px;font-weight: 500;color: rgba(246,242,234,.72);border-bottom: 1px solid rgba(246,242,234,.3);padding-bottom: 2px;white-space: nowrap;}
.es-s169{background:#16233C;color:#F6F2EA;}
.es-s170{padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;justify-content:space-between;}
.es-s171{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.es-s172{height:24px;width:auto;}
.es-s173{font-size:13px;color:rgba(246,242,234,.6);}
.es-s174{display:flex;align-items:center;gap:22px;font-size:14px;}
.es-s175{color:rgba(246,242,234,.82);}
.es-s176{font-size:13px;color:rgba(246,242,234,.5);}
.es-s177{margin-top:16px;}

/* hover для акцентных CTA */
.es-s010:hover{background:#C7431F}
.es-s014:hover{background:#C7431F}
.es-s020:hover{background:#C7431F}
.es-s058:hover{background:#C7431F}
.es-s060:hover{background:#C7431F}
.es-s061:hover{background:#C7431F}
.es-s068:hover{background:#C7431F}
.es-s154:hover{background:#C7431F}

/* ============================================================
   Секция «Выплаты на карту» + модалка регистрации карты.
   Чистый CSS на токенах дизайн-системы (Styleguide).
   ============================================================ */
.es-card-section{margin-top:8px;padding-bottom:96px}
.es-card{background:var(--white);border:1px solid var(--ink-10);border-radius:22px;padding:40px 44px 42px}
.es-card-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:start}
.es-card-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}
.es-card-title{font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.03em;margin:16px 0 0}
.es-card-lead{font-size:17px;line-height:1.6;color:var(--ink-70);margin:18px 0 0;max-width:520px}
.es-card-sub{font-size:14.5px;line-height:1.55;color:var(--ink-55);margin:12px 0 0;max-width:520px}
.es-card-cta{margin-top:28px;min-height:52px}
.es-card-note{font-size:13px;color:var(--ink-55);margin-top:14px}
.es-card-off{margin-top:28px}
.es-card-cta.is-disabled{background:var(--ink-16);color:var(--on-accent);box-shadow:none;cursor:not-allowed}
.es-card-off-note{font-size:13.5px;line-height:1.5;color:var(--ink-65);margin:14px 0 0;max-width:460px}

.es-card-scheme{padding:24px 26px 26px;border-radius:16px;background:var(--ink-045);border:1px solid var(--ink-10)}
.es-card-scheme-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50)}
.es-card-steps{list-style:none;margin:18px 0 0;padding:0}
.es-card-step{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}
.es-card-step-n{font-family:var(--font-mono);font-size:12px;color:rgba(22,35,60,.45);padding-top:2px}
.es-card-step-t{font-size:15px;font-weight:600;line-height:1.35}
.es-card-step--accent .es-card-step-n{color:var(--accent-strong)}
.es-card-step--accent .es-card-step-t{font-weight:700;color:var(--accent-strong)}
.es-card-conn{width:1px;height:18px;margin-left:12px;background:repeating-linear-gradient(to bottom,rgba(22,35,60,.28) 0 4px,transparent 4px 8px)}
.es-card-conn--accent{background:repeating-linear-gradient(to bottom,rgba(229,80,42,.5) 0 4px,transparent 4px 8px)}
.es-card-fee{margin-top:20px;padding-top:16px;border-top:1px solid var(--ink-12);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.es-card-fee-l{font-size:13.5px;color:var(--ink-65)}
.es-card-fee-v{font-family:var(--font-head);font-size:20px;font-weight:700}

.es-card-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;padding-top:28px;border-top:1px solid var(--ink-12)}
.es-card-adv-h{font-family:var(--font-head);font-size:19px;font-weight:600;letter-spacing:-.02em}
.es-card-adv-b{font-size:14.5px;line-height:1.55;color:var(--ink-65);margin-top:8px}

/* ---- модалка ---- */
body.es-card-lock{overflow:hidden}
.es-card-overlay{position:fixed;inset:0;z-index:120;background:rgba(22,35,60,.55);display:grid;place-items:center;padding:32px}
.es-card-modal{width:540px;max-width:100%;max-height:100%;overflow-y:auto;background:var(--base);border-radius:20px;box-shadow:0 40px 80px -40px rgba(22,35,60,.7)}
.es-card-modal-head{display:flex;align-items:flex-start;gap:20px;padding:28px 28px 0}
.es-card-modal-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}
.es-card-modal-title{font-family:var(--font-head);font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:10px 0 0}
.es-card-close{margin-left:auto;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--ink-16);background:transparent;font-size:16px;color:var(--ink);flex-shrink:0;cursor:pointer}
.es-card-close[disabled]{opacity:.4;cursor:not-allowed}
.es-card-panel{padding:18px 28px 28px}
.es-card-modal-desc{font-size:15px;line-height:1.55;color:var(--ink-70);margin:0}
.es-card-field-label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);margin:22px 0 8px}
.es-card-input{width:100%;min-height:52px;font-family:var(--font-mono);font-size:18px;letter-spacing:.06em;color:var(--ink);padding:0 16px;border-radius:12px;background:var(--white);border:1.5px solid var(--ink-16)}
.es-card-input[aria-invalid="true"]{border:2px solid var(--accent-strong)}
.es-card-input:focus{outline:3px solid var(--accent);outline-offset:1px}
.es-card-hint{font-size:12.5px;color:var(--ink-55);margin-top:8px}
.es-card-error{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--accent-strong)}
.es-card-error-i{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-strong);display:inline-grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;flex-shrink:0}
.es-card-check{display:flex;align-items:flex-start;gap:12px;margin-top:16px;cursor:pointer;min-height:44px;font-size:14.5px;line-height:1.5}
.es-card-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}
.es-card-check a{color:var(--accent-strong);border-bottom:1px solid rgba(199,67,31,.4)}
.es-card-submit{width:100%;margin-top:22px;min-height:52px;white-space:normal!important;line-height:1.25}
.es-card-submit:disabled{background:rgba(229,80,42,.35);color:rgba(255,246,241,.9);box-shadow:none;cursor:not-allowed}
.es-card-loading-box{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:var(--white);border:1px solid var(--ink-12)}
.es-card-spin{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(22,35,60,.18);border-top-color:var(--accent);flex-shrink:0;animation:es-spin .9s linear infinite}
@keyframes es-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.es-card-spin{animation:none}}
.es-card-loading-txt{font-size:15px;font-weight:600;line-height:1.45}
.es-card-loading-waiting{font-size:13px;color:var(--ink-55);margin-top:14px;line-height:1.5}
.es-card-loading-stuck{font-size:13px;color:var(--ink-70);margin-top:14px;line-height:1.5;padding:12px 14px;border-radius:12px;border:1px dashed var(--ink-16)}
.es-card-masked{margin-top:18px;padding:14px 16px;border-radius:12px;background:rgba(22,35,60,.05);font-family:var(--font-mono);font-size:13px;color:var(--ink-65)}
.es-card-result-txt{font-size:15px;line-height:1.55;color:var(--ink-70);margin:0}
.es-card-result-note{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px dashed var(--ink-16);font-size:13.5px;line-height:1.5;color:var(--ink-65)}
.es-card-errbox{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:13px;background:rgba(229,80,42,.09);border:1px solid rgba(229,80,42,.45);font-size:15px;line-height:1.5;color:var(--ink)}
.es-card-actions{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}
.es-card-primary{min-height:48px;display:inline-flex;align-items:center;padding:0 24px;font-family:var(--font-head);font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer}
.es-card-primary--dark{background:var(--ink);color:var(--base)}
.es-card-primary--accent{background:var(--accent);color:var(--on-accent)}
.es-card-secondary{min-height:44px;font-size:15px;font-weight:500;color:var(--ink-70);background:none;border:none;border-bottom:1px solid var(--ink-16);padding:0 0 2px;cursor:pointer;font-family:var(--font-body)}

/* ---- адаптив карты ---- */
@media (max-width:900px){
  .es-card-grid{grid-template-columns:1fr;gap:28px}
  .es-card-adv{grid-template-columns:1fr;gap:20px}
  .es-card-title{font-size:32px}
}
@media (max-width:768px){
  .es-card{padding:28px 22px 30px}
  .es-card-section{padding-bottom:64px}
}
@media (max-width:480px){
  .es-card-title{font-size:26px}
  .es-card-overlay{padding:0}
  .es-card-modal{border-radius:0;max-height:100%;height:100%;width:100%}
  .es-card-submit{font-size:16px;padding:14px 18px}
}