/* Лендинг «Оптимус → Нексус». Классы lp-* локальны для этой страницы. */
/* Палитра и типографика макета. Держим на обёртке, а не на :root:
   global.css подключается последним и переопределял бы переменные,
   из-за чего лендинг рисовался цветами сайта вместо цветов макета. */
.im-optimus-page{{
      --font-family:"Inter",sans-serif;
      --second-family:"Exo 2",sans-serif;
      --neutral-100:#fff; --neutral-140:#f8f8f8; --neutral-200:#f5f5f5;
      --neutral-250:#eee; --neutral-300:#e6e6e6; --neutral-400:#ccc;
      --neutral-500:#999; --neutral-600:#666; --neutral-700:#444;
      --neutral-800:#222; --neutral-900:#111;
      --brand-100:#ffe5e5; --brand-600:#f00; --brand-650:#d90400; --brand-700:#c00;
      --blue-100:#e6f1fa; --blue-400:#5fa4d3;
      --blue-600:#0067B6; --blue-700:#00355d; --blue-800:#002440; --blue-900:#001a2f;
      --font-2xs-size:12px; --font-xs-size:13px; --font-sm-size:14px;
      --font-base-size:16px; --font-lg-size:18px; --font-xl-size:20px;
      --font-2xl-size:24px; --font-3xl-size:28px; --font-4xl-size:32px;
      --font-5xl-size:40px; --font-6xl-size:56px;
      --ease:cubic-bezier(0.33,1,0.68,1);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    /* Ресет макета держим на обёртке лендинга: на body он менял line-height
   общей шапки и подвала — они становились выше, чем на остальных страницах. */
.im-optimus-page{font-family:var(--font-family);font-size:var(--font-base-size);line-height:1.55;color:var(--neutral-900);background:var(--neutral-200);overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    ul{list-style:none}
    img{display:block;max-width:100%}

    /* LAYOUT */
    .lp-wrap{max-width:1320px;margin:0 auto;padding:0 24px}
    .lp-sec{padding:72px 0;background:var(--neutral-100)}
    .lp-sec--alt{background:var(--neutral-140)}
    .lp-sec--dark{background:var(--blue-800);color:var(--neutral-100)}

    /* SECTION HEAD */
    .lp-sh{margin-bottom:48px}
    .lp-sh--c{text-align:center}
    .lp-sh__tag{display:inline-block;font-size:var(--font-xs-size);font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--blue-600);background:var(--blue-100);padding:4px 12px;border-radius:4px;margin-bottom:12px}
    .lp-sec--dark .lp-sh__tag{color:var(--neutral-300);background:rgba(255,255,255,.08)}
    .lp-sh__title{font-family:var(--second-family);font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.1;color:var(--neutral-900);margin-bottom:12px}
    .lp-sec--dark .lp-sh__title{color:var(--neutral-100)}
    .lp-sh__sub{font-size:var(--font-lg-size);color:var(--neutral-600);max-width:640px;line-height:1.6}
    .lp-sh--c .lp-sh__sub{margin:0 auto}
    .lp-sec--dark .lp-sh__sub{color:rgba(255,255,255,.6)}

    /* BUTTONS */
    .lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-sm-size);font-weight:600;padding:13px 26px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
    .lp-btn--primary{background:var(--brand-650);color:var(--neutral-100);border-color:var(--brand-650)}
    .lp-btn--primary:hover{background:var(--brand-700);border-color:var(--brand-700);box-shadow:0 4px 16px rgba(217,4,0,.3)}
    .lp-btn--outline{background:transparent;color:var(--blue-600);border-color:var(--blue-600)}
    .lp-btn--outline:hover{background:var(--blue-100)}
    .lp-btn--outline-w{background:transparent;color:var(--neutral-100);border-color:rgba(255,255,255,.35)}
    .lp-btn--outline-w:hover{border-color:var(--neutral-100);background:rgba(255,255,255,.07)}
    .lp-btn--lg{font-size:var(--font-base-size);padding:15px 32px}

    /* HEADER */
    .lp-hdr{background:var(--neutral-100);border-bottom:1px solid var(--neutral-250);padding:14px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.06)}
    .lp-hdr__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
    .lp-logo{font-family:var(--second-family);font-size:22px;font-weight:800;color:var(--blue-700);letter-spacing:-.5px}
    .lp-logo span{color:var(--brand-600)}
    .lp-hdr__nav{display:flex;align-items:center;gap:28px}
    .lp-hdr__nav a{font-size:var(--font-sm-size);font-weight:500;color:var(--neutral-700);transition:color .35s var(--ease)}
    .lp-hdr__nav a:hover{color:var(--blue-600)}
    .lp-hdr__right{display:flex;align-items:center;gap:16px}
    .lp-hdr__phone{font-size:var(--font-sm-size);font-weight:600;color:var(--neutral-800);transition:color .35s var(--ease)}
    .lp-hdr__phone:hover{color:var(--blue-600)}

    /* BREADCRUMB */
    .lp-bc{background:var(--neutral-140);padding:10px 0;border-bottom:1px solid var(--neutral-250)}
    .lp-bc__list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:var(--font-xs-size);color:var(--neutral-500)}
    .lp-bc__list li+li::before{content:"›";margin-right:4px;color:var(--neutral-400)}
    .lp-bc__list a{color:var(--blue-600)}
    .lp-bc__list a:hover{opacity:.75}

    /* ── HERO ── */
    .lp-hero{background:var(--blue-800);background-image:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 55%,var(--blue-700) 100%);padding:80px 0;position:relative;overflow:hidden}
    .lp-hero__grid{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}
    .lp-hero__kicker{display:inline-block;font-size:var(--font-xs-size);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--neutral-300);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:5px 14px;border-radius:4px;margin-bottom:22px}
    .lp-hero__title{font-family:var(--second-family);font-size:clamp(32px,4.5vw,54px);font-weight:800;line-height:1.08;color:var(--neutral-100);margin-bottom:20px}
    .lp-hero__title em{font-style:normal;color:var(--brand-400)}
    .lp-hero__sub{font-size:var(--font-lg-size);color:rgba(255,255,255,.68);line-height:1.65;margin-bottom:36px;max-width:520px}
    .lp-hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
    .lp-hero__trust{margin-top:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .lp-hero__trust-item{display:flex;align-items:center;gap:7px;font-size:var(--font-xs-size);color:rgba(255,255,255,.5)}
    .lp-hero__trust-dot{width:5px;height:5px;border-radius:50%;background:var(--blue-400);flex-shrink:0}

    /* Hero card */
    .lp-hero__card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px}
    .lp-hero__card-label{font-size:var(--font-xs-size);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.35)}
    .lp-hero__card-img{background:rgba(255,255,255,.04);border-radius:10px;height:200px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs-size);color:rgba(255,255,255,.25);border:1px dashed rgba(255,255,255,.1)}
    .lp-hero__card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .lp-hero__stat{background:rgba(255,255,255,.06);border-radius:8px;padding:12px 14px}
    .lp-hero__stat-val{font-family:var(--second-family);font-size:var(--font-xl-size);font-weight:700;color:var(--neutral-100);line-height:1;margin-bottom:3px}
    .lp-hero__stat-label{font-size:var(--font-2xs-size);color:rgba(255,255,255,.45)}

    /* ── OPTIMUS INTRO ── */
    .lp-intro{display:grid;grid-template-columns:1fr 1fr;gap:2px}
    .lp-intro__half{padding:40px 48px}
    .lp-intro__half--left{background:var(--neutral-200);border-radius:12px 0 0 12px}
    .lp-intro__half--right{background:var(--blue-700);border-radius:0 12px 12px 0;color:var(--neutral-100)}
    .lp-intro__badge{display:inline-block;font-size:var(--font-xs-size);font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:14px}
    .lp-intro__half--left .lp-intro__badge{background:var(--neutral-300);color:var(--neutral-600)}
    .lp-intro__half--right .lp-intro__badge{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
    .lp-intro__title{font-family:var(--second-family);font-size:var(--font-2xl-size);font-weight:700;line-height:1.2;margin-bottom:10px}
    .lp-intro__half--left .lp-intro__title{color:var(--neutral-700)}
    .lp-intro__half--right .lp-intro__title{color:var(--neutral-100)}
    .lp-intro__text{font-size:var(--font-sm-size);line-height:1.65}
    .lp-intro__half--left .lp-intro__text{color:var(--neutral-600)}
    .lp-intro__half--right .lp-intro__text{color:rgba(255,255,255,.65)}

    /* ── COMPARE TABLE ── */
    .lp-tbl-wrap{overflow-x:auto;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.07)}
    .lp-tbl{width:100%;border-collapse:collapse;min-width:680px;background:var(--neutral-100);font-size:var(--font-sm-size)}
    .lp-tbl thead tr{background:var(--blue-800)}
    .lp-tbl thead th{padding:16px 20px;text-align:left;font-family:var(--second-family);font-size:var(--font-xs-size);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.65)}
    .lp-tbl thead th:first-child{border-radius:12px 0 0 0}
    .lp-tbl thead th:last-child{border-radius:0 12px 0 0}
    .lp-tbl__col-nexus{color:var(--neutral-100)!important}
    .lp-tbl tbody tr{border-bottom:1px solid var(--neutral-250);transition:background .25s}
    .lp-tbl tbody tr:last-child{border-bottom:none}
    .lp-tbl tbody tr:hover{background:var(--neutral-140)}
    .lp-tbl td{padding:18px 20px;vertical-align:middle}
    .lp-tbl__param{font-weight:600;color:var(--neutral-800)}
    .lp-tbl__sub{font-size:var(--font-xs-size);color:var(--neutral-500);margin-top:2px;font-weight:400}
    .lp-tbl__old{color:var(--neutral-600)}
    .lp-tbl__new{font-weight:600;color:var(--blue-600)}
    .lp-tbl__chip{display:inline-block;font-size:var(--font-xs-size);font-weight:700;padding:2px 9px;border-radius:20px;margin-top:5px}
    .lp-tbl__chip--blue{background:var(--blue-100);color:var(--blue-600)}
    .lp-tbl__chip--red{background:var(--brand-100);color:var(--brand-650)}
    .lp-tbl__dash{color:var(--neutral-400)}

    /* ── 5 ADVANTAGES ── */
    .lp-adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
    .lp-adv{background:var(--neutral-100);border:1px solid var(--neutral-250);border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
    .lp-adv:hover{box-shadow:0 8px 32px rgba(0,103,182,.1);transform:translateY(-2px)}
    .lp-adv::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue-600)}
    .lp-adv--accent{background:var(--blue-700);border-color:var(--blue-600)}
    .lp-adv--accent::before{background:var(--brand-650)}
    .lp-adv__num{font-family:var(--second-family);font-size:44px;font-weight:800;color:var(--blue-100);line-height:1;margin-bottom:10px}
    .lp-adv--accent .lp-adv__num{color:rgba(255,255,255,.08)}
    .lp-adv__title{font-family:var(--second-family);font-size:var(--font-lg-size);font-weight:700;color:var(--neutral-900);margin-bottom:10px;line-height:1.25}
    .lp-adv--accent .lp-adv__title{color:var(--neutral-100)}
    .lp-adv__body{font-size:var(--font-sm-size);color:var(--neutral-600);line-height:1.65}
    .lp-adv--accent .lp-adv__body{color:rgba(255,255,255,.6)}
    .lp-adv__flag{display:inline-block;margin-top:14px;font-size:var(--font-xs-size);font-weight:700;color:var(--blue-600);background:var(--blue-100);padding:3px 10px;border-radius:4px}
    .lp-adv--accent .lp-adv__flag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}

    /* ── MODEL CARDS ── */
    .lp-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
    .lp-model{background:var(--neutral-100);border:1px solid var(--neutral-250);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
    .lp-model:hover{box-shadow:0 8px 32px rgba(0,103,182,.12);transform:translateY(-3px)}
    .lp-model__img{background:var(--neutral-200);height:200px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs-size);color:var(--neutral-500);position:relative;border:1px dashed var(--neutral-300)}
    .lp-model__badge{position:absolute;top:12px;left:12px;font-size:var(--font-2xs-size);font-weight:700;padding:3px 9px;border-radius:4px;background:var(--blue-600);color:var(--neutral-100)}
    .lp-model__badge--heavy{background:var(--blue-900)}
    .lp-model__body{padding:20px;flex:1;display:flex;flex-direction:column}
    .lp-model__series{font-size:var(--font-xs-size);font-weight:600;color:var(--neutral-500);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
    .lp-model__name{font-family:var(--second-family);font-size:var(--font-xl-size);font-weight:700;color:var(--blue-600);margin-bottom:4px}
    .lp-model__analog{font-size:var(--font-xs-size);color:var(--neutral-500);margin-bottom:14px}
    .lp-model__analog span{text-decoration:line-through}
    .lp-model__specs{flex:1;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
    .lp-model__spec{display:flex;justify-content:space-between;font-size:var(--font-xs-size);color:var(--neutral-700);padding-bottom:6px;border-bottom:1px solid var(--neutral-250)}
    .lp-model__spec:last-child{border-bottom:none}
    .lp-model__spec-val{font-weight:600;color:var(--neutral-900)}
    .lp-model__cta{display:block;text-align:center;background:var(--blue-600);color:var(--neutral-100);font-size:var(--font-sm-size);font-weight:600;padding:11px;border-radius:8px;transition:background .35s var(--ease)}
    .lp-model__cta:hover{background:var(--blue-700)}

    /* Industrial banner */
    .lp-industrial{background:var(--blue-900);border-radius:12px;padding:40px 48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:24px}
    .lp-industrial__eyebrow{font-size:var(--font-xs-size);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue-400);margin-bottom:10px}
    .lp-industrial__title{font-family:var(--second-family);font-size:var(--font-3xl-size);font-weight:800;color:var(--neutral-100);margin-bottom:12px;line-height:1.15}
    .lp-industrial__text{font-size:var(--font-sm-size);color:rgba(255,255,255,.6);line-height:1.65;max-width:560px}
    .lp-industrial__specs{display:flex;flex-direction:column;gap:10px;min-width:220px}
    .lp-industrial__spec{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 18px}
    .lp-industrial__spec-name{font-family:var(--second-family);font-size:var(--font-base-size);font-weight:700;color:var(--neutral-100);margin-bottom:2px}
    .lp-industrial__spec-detail{font-size:var(--font-xs-size);color:rgba(255,255,255,.45)}

    /* ── GUARANTEE ── */
    .lp-guarantee{background:var(--blue-700);padding:48px 0}
    .lp-guarantee__inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
    .lp-guarantee__text{flex:1;min-width:240px}
    .lp-guarantee__title{font-family:var(--second-family);font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--neutral-100);margin-bottom:8px;line-height:1.15}
    .lp-guarantee__sub{font-size:var(--font-base-size);color:rgba(255,255,255,.7);line-height:1.55}
    .lp-guarantee__compare{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:18px 24px;min-width:220px}
    .lp-guarantee__row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:var(--font-sm-size);color:rgba(255,255,255,.7);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1)}
    .lp-guarantee__row:last-child{border-bottom:none}
    .lp-guarantee__val{font-weight:700;color:var(--neutral-100)}
    .lp-guarantee__val--accent{color:var(--brand-400)}

    /* ── FAQ ── */
    .lp-faq{display:flex;flex-direction:column;gap:4px}
    .lp-faq__item{background:var(--neutral-100);border:1px solid var(--neutral-250);border-radius:10px;overflow:hidden}
    .lp-faq__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:var(--font-base-size);font-weight:600;color:var(--neutral-900);text-align:left;cursor:pointer;background:none;border:none;transition:background .25s}
    .lp-faq__btn:hover{background:var(--neutral-140)}
    .lp-faq__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--blue-100);color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300;transition:transform .35s var(--ease),background .25s,color .25s}
    .lp-faq__item.is-open .lp-faq__icon{transform:rotate(45deg);background:var(--blue-600);color:var(--neutral-100)}
    .lp-faq__answer{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
    .lp-faq__answer-inner{padding:0 22px 18px;font-size:var(--font-sm-size);color:var(--neutral-600);line-height:1.7}

    /* ── CTA ── */
    .lp-cta{background:var(--blue-800);padding:80px 0}
    .lp-cta__inner{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
    .lp-cta__title{font-family:var(--second-family);font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--neutral-100);margin-bottom:10px;line-height:1.15}
    .lp-cta__sub{font-size:var(--font-base-size);color:rgba(255,255,255,.6);max-width:500px;line-height:1.6}
    .lp-cta__actions{display:flex;flex-direction:column;gap:10px;min-width:220px}

    /* FOOTER */
    .lp-footer{background:var(--neutral-900);padding:28px 0}
    .lp-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .lp-footer__copy{font-size:var(--font-xs-size);color:rgba(255,255,255,.35)}
    .lp-footer__nav{display:flex;gap:20px;flex-wrap:wrap}
    .lp-footer__nav a{font-size:var(--font-xs-size);color:rgba(255,255,255,.35);transition:color .25s}
    .lp-footer__nav a:hover{color:var(--neutral-100)}

    /* RESPONSIVE */
    @media(max-width:1024px){
      .lp-hero__grid{grid-template-columns:1fr}
      .lp-hero__card{display:none}
      .lp-industrial{grid-template-columns:1fr}
    }
    @media(max-width:768px){
      .lp-sec{padding:48px 0}
      .lp-hdr__nav{display:none}
      .lp-hero{padding:48px 0}
      .lp-hero__ctas{flex-direction:column}
      .lp-btn{width:100%}
      .lp-intro{grid-template-columns:1fr}
      .lp-intro__half--left{border-radius:12px 12px 0 0}
      .lp-intro__half--right{border-radius:0 0 12px 12px}
      .lp-intro__half{padding:28px 24px}
      .lp-guarantee__inner{flex-direction:column;text-align:center}
      .lp-guarantee__compare{width:100%}
      .lp-cta__inner{grid-template-columns:1fr}
      .lp-cta__actions{flex-direction:row;flex-wrap:wrap}
      .lp-industrial{padding:28px 24px}
    }
    @media(max-width:480px){
      .lp-wrap{padding:0 16px}
    }

/* --- Единственное отличие от макета: там были пустые заглушки с пунктирной
   рамкой, здесь внутрь встают настоящие фотографии. --- */
.lp-hero__card-img{border:0;overflow:hidden;height:auto;aspect-ratio:16/9}
.lp-hero__card-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}

.lp-model__img{border:0;overflow:hidden;text-decoration:none}
.lp-model__img img{width:100%;height:100%;object-fit:contain;display:block}