/* page-poetapnaya.css — посадочная «Поэтапная оплата» (information/poetapnaya_oplata).
   Собрано из HTML-макета landing-poetapnaya-oplata.html по образцу page-nexus.css:
   локальные шрифты темы + токены + lp/po-стили макета (без макетных header/footer/модалки)
   + секция im-cta (форма как на странице «Дилерам», page-partners.css).
   Все правила скоупятся на .im-poetapnaya-page: макет объявлял токены на :root и глобальный
   сброс, а это перекрасило бы шапку и подвал темы. */
@font-face {
    font-family: "Exo 2";
    src: url("../fonts/Exo,Exo_2,Inter,Montserrat/Exo_2/Exo2-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Exo,Exo_2,Inter,Montserrat/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ===== CSS TOKENS (скоуп страницы, не :root) ===== */
.im-poetapnaya-page {
  --font-family: "Inter", sans-serif;
  --second-family: "Exo 2", sans-serif;
  --neutral-100: #fff;
  --neutral-140: #f8f8f8;
  --neutral-150: #f7f7f7;
  --neutral-200: #f5f5f5;
  --neutral-230: #f3f4f6;
  --neutral-260: #ececec;
  --neutral-310: #cfcfcf;
  --neutral-400: #ccc;
  --neutral-500: #999;
  --neutral-600: #666;
  --neutral-700: #444;
  --neutral-800: #222;
  --neutral-900: #111;
  --neutral-black: #000;
  --brand-100: #ffe5e5;
  --brand-500: #ff2e2e;
  --brand-600: #f00;
  --brand-700: #c00;
  --blue-100: #e6f1fa;
  --blue-400: #5fa4d3;
  --blue-600: #0067B6;
  --blue-700: #00355d;
  --blue-800: #002440;
  --blue-900: #001a2f;
  --green-500: #1e9e5a;
  --green-600: #18844b;

  font-family: var(--font-family);
  color: var(--neutral-800);
  line-height: 1.5;
  overflow-x: hidden;
}

/* ===== RESET & BASE (только внутри страницы) ===== */
.im-poetapnaya-page *,
.im-poetapnaya-page *::before,
.im-poetapnaya-page *::after{box-sizing:border-box;margin:0;padding:0}
.im-poetapnaya-page img{max-width:100%;display:block}
.im-poetapnaya-page a{color:inherit;text-decoration:none}
.im-poetapnaya-page button{cursor:pointer;border:none;background:none;font-family:inherit}
.im-poetapnaya-page ul,.im-poetapnaya-page ol{list-style:none}
.im-poetapnaya-page input{font-family:inherit}

/* ===== LAYOUT ===== */
.im-poetapnaya-page .wrap{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}

/* ===== TYPOGRAPHY SHARED ===== */
.im-poetapnaya-page .lp-eye{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-600);margin-bottom:8px}
.im-poetapnaya-page .lp-eye--white{color:var(--blue-400)}
.im-poetapnaya-page .lp-title{font-family:var(--second-family);font-weight:700;font-size:clamp(26px,3.2vw,42px);line-height:1.18;color:var(--blue-800)}
.im-poetapnaya-page .lp-title--white{color:#fff}
.im-poetapnaya-page .lp-sub{font-size:16px;color:var(--neutral-600);line-height:1.6;margin-top:12px;max-width:620px}
.im-poetapnaya-page .lp-sub--white{color:rgba(255,255,255,.78)}
.im-poetapnaya-page .lp-sec{padding-top:56px;padding-bottom:56px}
.im-poetapnaya-page .lp-sec--tight{padding-top:0}
.im-poetapnaya-page .lp-sec-head{margin-bottom:28px}
.im-poetapnaya-page .lp-card-title{font-size:16px;font-weight:600;line-height:1.35;color:var(--blue-800)}
.im-poetapnaya-page .lp-card-text{font-size:14px;line-height:1.6;color:var(--neutral-600)}

/* ===== BUTTONS ===== */
.im-poetapnaya-page .u-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--brand-600);color:#fff;font-size:14px;font-weight:600;border-radius:8px;transition:background .18s,transform .12s}
.im-poetapnaya-page .u-btn:hover{background:var(--brand-700);transform:translateY(-1px)}
.im-poetapnaya-page .u-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;background:transparent;color:var(--blue-800);font-size:14px;font-weight:600;border:2px solid var(--blue-800);border-radius:8px;transition:background .18s,color .18s}
.im-poetapnaya-page .u-btn-secondary:hover{background:var(--blue-800);color:#fff}
.im-poetapnaya-page .u-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;background:transparent;color:#fff;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.5);border-radius:8px;transition:border-color .18s,background .18s}
.im-poetapnaya-page .u-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* ===== BREADCRUMB ===== */
.im-poetapnaya-page .lp-bc{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--neutral-500);padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.im-poetapnaya-page .lp-bc a{color:var(--neutral-500);transition:color .15s}
.im-poetapnaya-page .lp-bc a:hover{color:var(--blue-600)}
.im-poetapnaya-page .lp-bc-sep{color:var(--neutral-310)}
.im-poetapnaya-page .lp-bc-cur{color:var(--neutral-700)}

/* ===== HERO ===== */
.im-poetapnaya-page .po-hero{position:relative;padding:64px 0 56px;background:var(--blue-900)}
.im-poetapnaya-page .po-hero .wrap{position:relative;z-index:1}
.im-poetapnaya-page .po-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;font-size:12px;font-weight:600;color:#fff;margin-bottom:18px}
.im-poetapnaya-page .po-hero-content{max-width:820px}
.im-poetapnaya-page .po-hero-acts{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.im-poetapnaya-page .po-hero-old{margin-top:26px;display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.55);flex-wrap:wrap}
.im-poetapnaya-page .po-hero-old s{color:rgba(255,255,255,.4)}
.im-poetapnaya-page .po-hero-old b{color:#fff}

/* ===== TIMELINE ===== */
.im-poetapnaya-page .po-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:8px}
.im-poetapnaya-page .po-tl-line{position:absolute;top:9px;left:calc(12.5% - 2px);right:calc(12.5% - 2px);height:3px;background:var(--neutral-260);z-index:0}
.im-poetapnaya-page .po-tl-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-right:20px}
.im-poetapnaya-page .po-tl-dot{width:20px;height:20px;border-radius:50%;background:var(--blue-800);border:3px solid #fff;box-shadow:0 0 0 2px var(--neutral-260)}
.im-poetapnaya-page .po-tl-dot--start{background:var(--neutral-500)}
.im-poetapnaya-page .po-tl-dot--s1{background:var(--blue-400)}
.im-poetapnaya-page .po-tl-dot--s2{background:var(--blue-600)}
.im-poetapnaya-page .po-tl-dot--s3{background:var(--blue-800)}
.im-poetapnaya-page .po-tl-tag{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--neutral-500)}
.im-poetapnaya-page .po-tl-tag--s1{color:var(--blue-400)}
.im-poetapnaya-page .po-tl-tag--s2{color:var(--blue-600)}
.im-poetapnaya-page .po-tl-tag--s3{color:var(--blue-800)}
.im-poetapnaya-page .po-tl-title{font-family:var(--second-family);font-weight:700;font-size:16px;color:var(--blue-800);margin:2px 0}

/* ===== CALCULATOR ===== */
.im-poetapnaya-page .po-calc{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--blue-800);border-radius:20px;overflow:hidden}
.im-poetapnaya-page .po-calc-in{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.im-poetapnaya-page .po-calc-lbl{font-size:12px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.04em}
.im-poetapnaya-page .po-calc-inp-wrap{position:relative}
.im-poetapnaya-page .po-calc-inp{width:100%;padding:16px 44px 16px 18px;border:1.5px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;font-weight:700;font-family:var(--second-family);outline:none}
.im-poetapnaya-page .po-calc-inp::placeholder{color:rgba(255,255,255,.35);font-weight:400;font-size:15px}
.im-poetapnaya-page .po-calc-inp:focus{border-color:rgba(255,255,255,.6)}
.im-poetapnaya-page .po-calc-cur{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.5);font-size:18px}
.im-poetapnaya-page .po-calc-note{font-size:12px;color:rgba(255,255,255,.45)}
.im-poetapnaya-page .po-calc-out{background:rgba(0,0,0,.15);padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.im-poetapnaya-page .po-calc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.im-poetapnaya-page .po-calc-row:last-child{border-bottom:none}
.im-poetapnaya-page .po-calc-row-lbl{font-size:13px;color:rgba(255,255,255,.65)}
.im-poetapnaya-page .po-calc-row-val{font-family:var(--second-family);font-weight:700;font-size:19px;color:#fff;white-space:nowrap}

/* ===== USE-CASES ===== */
.im-poetapnaya-page .po-use-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.im-poetapnaya-page .po-use-card{padding:18px 16px;border:1px solid var(--neutral-260);border-radius:14px;display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center}
.im-poetapnaya-page .po-use-icon{width:36px;height:36px;border-radius:9px;background:var(--blue-100);display:flex;align-items:center;justify-content:center}
.im-poetapnaya-page .po-use-card .lp-card-title{font-size:13px}

/* ===== ELIGIBILITY ===== */
.im-poetapnaya-page .po-elig{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.im-poetapnaya-page .po-elig-card{padding:24px;border-radius:16px;display:flex;gap:16px}
.im-poetapnaya-page .po-elig-yes{background:#f2faf5;border:1px solid #d7efdf}
.im-poetapnaya-page .po-elig-note{background:var(--neutral-140)}
.im-poetapnaya-page .po-elig-icon{width:36px;height:36px;min-width:36px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.im-poetapnaya-page .po-elig-yes .po-elig-icon{background:#e1f5e8}
.im-poetapnaya-page .po-elig-note .po-elig-icon{background:var(--neutral-230)}
.im-poetapnaya-page .po-elig-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.im-poetapnaya-page .po-elig-item{font-size:13.5px;color:var(--neutral-700)}
.im-poetapnaya-page .po-elig-text{margin-top:6px}
.im-poetapnaya-page .po-elig-contact{margin-top:12px;font-size:13.5px;font-weight:600;color:var(--blue-600)}
.im-poetapnaya-page .po-elig-contact a{transition:color .15s}
.im-poetapnaya-page .po-elig-contact a:hover{color:var(--blue-800)}

/* ===== СМЕЖНЫЕ УСЛУГИ ===== */
.im-poetapnaya-page .po-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.im-poetapnaya-page .po-rel-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--neutral-260);border-radius:14px;transition:border-color .18s,transform .15s}
.im-poetapnaya-page .po-rel-card:hover{border-color:var(--blue-400);transform:translateY(-2px)}
.im-poetapnaya-page .po-rel-name{font-size:16px;font-weight:600;line-height:1.35;color:var(--blue-800)}
.im-poetapnaya-page .po-rel-text{font-size:14px;line-height:1.6;color:var(--neutral-600)}
.im-poetapnaya-page .po-rel-link{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--blue-600)}

/* ===== FAQ ===== */
.im-poetapnaya-page .lp-faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--neutral-260)}
.im-poetapnaya-page .lp-faq-item{border-bottom:1px solid var(--neutral-260)}
.im-poetapnaya-page .lp-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:15px;font-weight:600;color:var(--blue-800);text-align:left}
.im-poetapnaya-page .lp-faq-arr{font-size:18px;color:var(--neutral-400);transition:transform .25s;flex-shrink:0}
.im-poetapnaya-page .lp-faq-item.open .lp-faq-arr{transform:rotate(180deg)}
.im-poetapnaya-page .lp-faq-ans{max-height:0;overflow:hidden;transition:max-height .3s ease}
.im-poetapnaya-page .lp-faq-item.open .lp-faq-ans{max-height:400px}
.im-poetapnaya-page .lp-faq-ans-inner{padding-bottom:16px;color:var(--neutral-600)}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px){
  .im-poetapnaya-page .po-use-grid{grid-template-columns:repeat(3,1fr)}
  .im-poetapnaya-page .po-rel-grid{grid-template-columns:1fr 1fr}
  .im-poetapnaya-page .po-elig{grid-template-columns:1fr}
}
@media(max-width:720px){
  .im-poetapnaya-page .po-hero{padding:40px 0 40px}
  .im-poetapnaya-page .lp-sec{padding-top:40px;padding-bottom:40px}
  .im-poetapnaya-page .po-calc{grid-template-columns:1fr}
  .im-poetapnaya-page .po-calc-in,.im-poetapnaya-page .po-calc-out{padding:24px 20px}
  .im-poetapnaya-page .po-use-grid{grid-template-columns:1fr 1fr}
  .im-poetapnaya-page .po-rel-grid{grid-template-columns:1fr}
  .im-poetapnaya-page .po-timeline{grid-template-columns:1fr;gap:22px}
  .im-poetapnaya-page .po-tl-line{display:none}
  .im-poetapnaya-page .po-tl-item{flex-direction:row;align-items:flex-start;padding-right:0}
  .im-poetapnaya-page .po-tl-dot{margin-top:3px;flex-shrink:0}
}

/* ===== CTA-блок заявки (как на странице «Дилерам», источник page-partners.css) ===== */
.im-poetapnaya-page .im-cta {margin:48px 0 40px}
.im-poetapnaya-page .im-cta__inner {display:grid;grid-template-columns:140px minmax(0, 1fr);justify-content:space-between;align-items:start;gap:48px;background:var(--blue-900);border-radius:8px;padding:40px;overflow:hidden;position:relative}
.im-poetapnaya-page .im-cta__content {min-width:0;width:100%;max-width:100%;justify-self:end;margin-left:auto}
.im-poetapnaya-page .im-cta__title {margin:0 0 20px;font-family:var(--font-family);font-weight:700;font-size:38px;line-height:43px;color:var(--neutral-100);max-width:640px}
.im-poetapnaya-page .im-cta__title-accent {color:red}
.im-poetapnaya-page .im-cta__subtitle {margin:0 0 46px;font-family:var(--font-family);font-weight:400;font-size:14px;line-height:17px;color:var(--neutral-100)}
.im-poetapnaya-page .im-cta__form {display:flex;flex-direction:column;gap:24px}
.im-poetapnaya-page .im-cta__row {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:100%;max-width:768px}
.im-poetapnaya-page .im-cta__input {width:100%;height:50px;padding:14px;background:color-mix(in srgb, var(--neutral-100) 8%, transparent);border:none;border-radius:4px;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:14px;color:var(--neutral-100);outline:none;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);min-width:0}
.im-poetapnaya-page .im-cta__input::placeholder {color:#999;opacity:1;white-space:nowrap;text-overflow:ellipsis}
.im-poetapnaya-page .im-cta__input:focus {background:color-mix(in srgb, var(--neutral-100) 11%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--neutral-100) 10%, transparent)}
.im-poetapnaya-page .im-cta__select-wrap {position:relative;display:flex;flex-direction:column;width:100%;min-width:0}
.im-poetapnaya-page .im-cta__select-wrap:focus-within .im-cta__select-btn {background:color-mix(in srgb, var(--neutral-100) 11%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--neutral-100) 10%, transparent)}
.im-poetapnaya-page .im-cta__select-label {position:absolute;top:7px;left:14px;right:40px;z-index:3;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-weight:400;font-size:12px;line-height:13px;color:#ccc}
.im-poetapnaya-page .im-cta__select-btn {width:100%;height:50px;border-radius:4px;padding:19px 14px 7px;background:color-mix(in srgb, var(--neutral-100) 8%, transparent);border:none;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-100);outline:none;text-align:left;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;z-index:1;cursor:text}
.im-poetapnaya-page .im-cta__select-btn::placeholder {color:#999;opacity:1;white-space:nowrap;text-overflow:ellipsis}
.im-poetapnaya-page .im-cta__select-btn:focus {background:color-mix(in srgb, var(--neutral-100) 11%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--neutral-100) 10%, transparent)}
.im-poetapnaya-page .im-cta__button {display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;border-radius:8px;padding:21px 16px;width:240px;min-width:240px;height:58px;border:none;font-weight:700;font-size:14px;line-height:16px;color:var(--neutral-100);background:#ff2e2e;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);margin-top:22px}
.im-poetapnaya-page .im-cta__button:hover {background:#ff4747;transform:translateY(-1px)}
.im-poetapnaya-page .im-cta__button:active {transform:translateY(0)}
.im-poetapnaya-page .im-cta__button-icon {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;line-height:0}
.im-poetapnaya-page .im-cta__button-icon svg,.im-poetapnaya-page .im-cta__button-icon img {display:block;width:9px;height:8px}
.im-poetapnaya-page .im-cta__logo {display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:140px;height:110px}
.im-poetapnaya-page .im-cta__logo img {width:100%;height:100%;object-fit:contain}
.im-poetapnaya-page .im-partners-page__cta-inner {column-gap:260px}
.im-poetapnaya-page .im-partners-page__cta-inner::after {content:"";position:absolute;right:20px;bottom:20px;width:25px;height:25px;background:var(--brand-600)}
.im-poetapnaya-page .im-partners-page__cta-content {max-width:100%}
.im-poetapnaya-page .im-partners-page__cta-form .im-cta__row {grid-template-columns:repeat(2, minmax(0, 1fr));max-width:none}
.im-poetapnaya-page .im-partners-page__cta-title {margin-bottom:20px;font-size:var(--font-5xl-size);line-height:48px}
.im-poetapnaya-page .im-partners-page__cta-subtitle {max-width:520px;margin-bottom:46px;font-size:var(--font-xl-size);line-height:28px}
.im-poetapnaya-page .im-partners-page__cta-note {color:var(--brand-600)}
@media(max-width: 1200px) {
.im-poetapnaya-page .im-partners-page__cta-inner {column-gap:120px}
}
@media(max-width: 900px) {
.im-poetapnaya-page .im-cta {margin:32px 0}
.im-poetapnaya-page .im-cta__inner {grid-template-columns:1fr;gap:0;padding:24px 16px;overflow:visible}
.im-poetapnaya-page .im-cta__logo {order:0;width:107px;height:85px;margin:0 0 24px}
.im-poetapnaya-page .im-cta__content {order:0;width:100%;justify-self:stretch;margin-left:0}
.im-poetapnaya-page .im-cta__title {max-width:none;font-size:24px;line-height:32px;margin-bottom:16px}
.im-poetapnaya-page .im-cta__subtitle {font-size:14px;line-height:16px;margin-bottom:32px}
.im-poetapnaya-page .im-partners-page__cta-inner::after {content:none}
.im-poetapnaya-page .im-cta__form.im-partners-page__cta-form {gap:16px}
.im-poetapnaya-page .im-cta__form.im-partners-page__cta-form .im-cta__row {grid-template-columns:1fr;gap:16px}
.im-poetapnaya-page .im-cta__form.im-partners-page__cta-form .im-cta__row:last-of-type {margin-bottom:16px}
.im-poetapnaya-page .im-cta__input {padding:13px 14px}
.im-poetapnaya-page .im-cta__select-wrap {width:100%}
.im-poetapnaya-page .im-cta__button {width:100%;min-width:0;height:50px;margin-top:0;padding:17px 14px}
}
@media(max-width: 768px) {
.im-poetapnaya-page .im-partners-page__cta-title {margin-bottom:16px;font-size:var(--font-2xl-size);line-height:32px}
.im-poetapnaya-page .im-partners-page__cta-subtitle {margin-bottom:32px;font-size:var(--font-sm-size);line-height:16px}
}
@media(max-width: 480px) {
.im-poetapnaya-page .im-cta {margin:24px 0}
}

.im-poetapnaya-page .im-partners-page__cta-form .im-cta__row--single {
  grid-template-columns: 1fr;
}

/* Строка согласия под кнопкой лежит на тёмно-синей плашке CTA — держим её белой,
   иначе она сливается с фоном. */
.im-poetapnaya-page .lp-cta-note {
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--neutral-100);
}

/* Углы полей формы — как на странице «Дилерам» (page-partners.css, 4px):
   у части полей оставался радиус 8px из базовой сборки, и внутри одной формы
   углы отличались. */
.im-poetapnaya-page .im-cta__input,
.im-poetapnaya-page .im-cta__select-btn,
.im-poetapnaya-page .im-cta__textarea {
  border-radius: 4px;
}