:root{
  --public-bg:#ffffff;
  --public-soft:#f4f9ff;
  --public-soft-2:#edf6ff;
  --public-text:#071934;
  --public-muted:#647896;
  --public-line:#d7e5f4;
  --public-blue:#0877f2;
  --public-blue-dark:#0667d4;
  --public-navy:#082c50;
  --public-shadow:0 12px 35px rgba(31,83,139,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-home{margin:0;background:var(--public-bg);color:var(--public-text);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.public-home a{color:inherit;text-decoration:none}.public-home button{font:inherit}
.public-wrap{width:min(calc(100% - 64px),1320px);margin:0 auto}

.public-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #edf2f8;backdrop-filter:blur(14px)}
.public-header-row{height:74px;display:flex;align-items:center;gap:26px}
.public-brand{display:flex;align-items:center;flex:0 0 auto}.public-brand img{display:block;width:160px;height:auto}
.public-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;font-size:14px;font-weight:650;color:#243957;white-space:nowrap}
.public-nav a,.public-nav button{border:0;background:none;padding:10px 0;cursor:pointer;color:inherit;transition:color .16s ease}.public-nav a:hover,.public-nav button:hover{color:var(--public-blue)}
.public-actions{display:flex;align-items:center;gap:12px;margin-left:16px;white-space:nowrap}
.public-button{min-height:46px;padding:0 20px;border-radius:7px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}
.public-button:hover{transform:translateY(-1px)}
.public-button.primary{background:linear-gradient(180deg,#1187ff,#0671e8);color:#fff;box-shadow:0 8px 18px rgba(8,119,242,.22)}
.public-button.primary:hover{background:linear-gradient(180deg,#0c7ced,#0565d1)}
.public-button.secondary{background:#fff;color:#0670df;border-color:#0e80f4;box-shadow:0 2px 8px rgba(19,92,169,.05)}
.public-button.dark-outline{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.78)}
.public-button.large{min-height:54px;padding:0 24px;font-size:15px;border-radius:8px}

.public-hero{overflow:hidden;background:radial-gradient(circle at 73% 18%,rgba(38,157,255,.16),rgba(38,157,255,0) 32%),linear-gradient(112deg,#fff 0%,#f7fbff 44%,#eaf6ff 100%)}
.public-hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(560px,1.12fr);gap:26px;align-items:center;padding:54px 0 36px}
.public-hero-copy{padding:8px 0 0}
.public-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:800;color:#6b82a3;margin-bottom:18px}
.public-hero h1{margin:0;max-width:690px;font-size:55px;line-height:1.07;letter-spacing:-.045em;font-weight:850;color:#071934}
.public-lead{max-width:680px;margin:23px 0 0;color:#526b8e;font-size:18px;line-height:1.55;font-weight:430}
.public-definition{max-width:660px;margin:19px 0 0;color:#334d6f;font-size:16px;line-height:1.45}
.public-hero-actions{display:flex;gap:16px;margin-top:24px}
.public-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;max-width:720px}
.public-trust-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-width:0}
.public-trust-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--public-blue)}
.public-trust-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-trust-item strong{display:block;font-size:11px;line-height:1.25;color:#14345c;margin-bottom:3px}.public-trust-item small{display:block;font-size:9.5px;line-height:1.25;color:#7b8ba2}
.public-product-scene{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;margin-right:-24px}
.public-product-scene img{display:block;width:min(100%,760px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(37,79,122,.12))}

.public-feature-section{padding:22px 0 34px;background:#fff}
.public-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.public-feature-card{min-height:205px;background:#fff;border:1px solid var(--public-line);border-radius:11px;padding:24px 24px 22px;box-shadow:0 8px 24px rgba(29,83,142,.045)}
.public-feature-icon,.public-capability-symbol,.public-audience-symbol,.public-flow-symbol{display:inline-grid;place-items:center;color:var(--public-blue)}
.public-feature-icon{width:42px;height:42px;margin-bottom:16px}.public-feature-icon svg{width:36px;height:36px}
.public-feature-icon svg,.public-capability-symbol svg,.public-audience-symbol svg,.public-flow-symbol svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.public-feature-card h3{margin:0 0 9px;font-size:20px;line-height:1.18;letter-spacing:-.02em}.public-feature-card p{margin:0;color:#6a7d98;font-size:15px;line-height:1.46}

.public-section{padding:68px 0}.public-section.soft{background:linear-gradient(180deg,#f9fcff,#eff7ff);border-top:1px solid #edf4fb;border-bottom:1px solid #e9f1f9}
.public-section h2{margin:0 0 30px;text-align:center;font-size:36px;line-height:1.14;letter-spacing:-.035em;font-weight:850}.public-left-title{text-align:left!important;font-size:35px!important;margin-bottom:26px!important}
.public-section-intro{margin:22px auto 0;max-width:840px;text-align:center;color:#6c7f99;font-size:14px;line-height:1.5}

.public-flow-section{padding-top:50px;padding-bottom:56px}
.public-flow{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;align-items:center}
.public-flow-step{position:relative;min-height:118px;padding:16px 8px;background:#fff;border:1px solid var(--public-line);border-radius:10px;box-shadow:0 9px 24px rgba(35,81,131,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:750;color:#203a5d}
.public-flow-step:not(:last-child):after{content:"→";position:absolute;right:-20px;top:47px;color:#1683ef;font-size:24px;font-weight:500;z-index:2}
.public-flow-symbol{width:40px;height:40px}.public-flow-symbol svg{width:34px;height:34px}

.public-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.public-capability{min-height:145px;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--public-line);border-radius:10px;padding:24px 24px;box-shadow:0 8px 22px rgba(35,81,131,.035)}
.public-capability-symbol{width:50px;height:50px;color:#3879bd}.public-capability-symbol svg{width:40px;height:40px}
.public-capability h3{margin:2px 0 7px;font-size:18px;line-height:1.22}.public-capability p{margin:0;color:#6d809c;font-size:14px;line-height:1.5}

.public-audience-section{padding-top:58px;padding-bottom:58px}
.public-audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.public-audience{min-height:170px;background:#fff;border:1px solid var(--public-line);border-radius:10px;padding:22px 20px;box-shadow:0 8px 22px rgba(35,81,131,.035)}
.public-audience-symbol{height:44px;min-width:44px;justify-content:start;font-size:28px;font-weight:850}.public-audience-symbol svg{width:38px;height:38px}.public-audience-symbol.code{font-size:27px;line-height:44px}
.public-audience h3{margin:11px 0 8px;font-size:17px;line-height:1.25}.public-audience p{margin:0;color:#6f819a;font-size:13.5px;line-height:1.48}

.public-integration-section{padding-top:42px;padding-bottom:58px}
.public-integration-market{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.72fr);gap:28px;align-items:stretch}
.public-integration-panel,.public-market-panel{background:#fff}.public-integration-panel h3,.public-market-panel>h3{margin:0 0 20px;font-size:22px;line-height:1.2;letter-spacing:-.025em}
.public-integration-line{display:grid;grid-template-columns:1.15fr 32px .9fr 32px .92fr;gap:8px;align-items:center}
.public-integration-node{min-height:62px;padding:12px 16px;border-radius:7px;background:#eaf4fd;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:14px;font-weight:750;color:#315b82}
.public-integration-node.brand{background:linear-gradient(180deg,#0b7ef2,#076ee1);color:#fff;gap:10px}.brand-node-mark{width:35px;height:27px;fill:#fff}.public-integration-node.brand strong{font-size:15px;color:#fff}
.public-integration-arrow{font-size:24px;color:#77a0c8;text-align:center}.node-icon{font-size:20px}.public-integration-meta{display:flex;gap:30px;flex-wrap:wrap;margin-top:18px;color:#6c819b;font-size:12px}.public-integration-action{margin-top:20px}
.public-market-panel{border:1px solid var(--public-line);border-radius:10px;padding:22px 22px;background:#f9fcff;box-shadow:0 8px 24px rgba(35,81,131,.04)}
.public-market-card{display:flex;gap:15px;align-items:flex-start}.public-market-logo{width:50px;height:50px;flex:0 0 50px;border-radius:10px;background:linear-gradient(145deg,#f3dbff,#c85ce8);display:grid;place-items:center;color:#fff;font-weight:900;font-size:26px;box-shadow:inset 0 0 0 1px rgba(149,41,179,.12)}
.public-market-copy h4{margin:0 0 8px;font-size:19px;line-height:1.2}.public-market-copy p{margin:0;color:#71849d;font-size:13.5px;line-height:1.5}.public-pill{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:999px;background:#dff0ff;color:#0870dc;font-size:10px;font-weight:800;vertical-align:2px}

.public-bottom-cta{position:relative;overflow:hidden;background:linear-gradient(100deg,#082b4d 0%,#0a355d 48%,#0b365e 58%,#0a345c 100%);color:#fff}
.public-bottom-grid{min-height:310px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);gap:24px;align-items:center}
.public-bottom-copy{position:relative;z-index:2;padding:46px 0}.public-bottom-copy h2{margin:0 0 14px;font-size:40px;line-height:1.08;letter-spacing:-.035em;color:#fff}.public-bottom-copy p{max-width:720px;margin:0;color:#d6e5f4;font-size:15px;line-height:1.52}.public-bottom-buttons{display:flex;gap:14px;margin-top:22px}
.public-bottom-visual{align-self:stretch;min-height:310px;background-image:linear-gradient(90deg,#0a355d 0%,rgba(10,53,93,.38) 17%,rgba(10,53,93,0) 38%),url('/static/public/cta-mobile-approved.png');background-repeat:no-repeat;background-position:right center;background-size:auto 100%;margin-right:-32px}

.public-footer{background:#fff;border-top:1px solid #e8eef5}.public-footer-row{min-height:82px;display:flex;align-items:center;gap:30px;color:#6a7c95;font-size:11px}.footer-brand{margin-right:8px}.footer-brand img{width:135px}.public-footer-row>a:not(.public-brand):hover{color:var(--public-blue)}.public-footer-note{margin-left:auto;text-align:right;line-height:1.55}


.interest-modal[hidden]{display:none}.interest-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.interest-backdrop{position:absolute;inset:0;background:rgba(5,18,37,.66);backdrop-filter:blur(5px)}.interest-dialog{position:relative;z-index:1;width:min(510px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:32px}.interest-dialog h2{font-size:29px;line-height:1.15;margin:0 42px 10px 0;color:var(--public-text)}.interest-dialog>p{color:var(--public-muted);line-height:1.5;margin:0 0 19px}.interest-close{position:absolute;right:14px;top:13px;width:39px;height:39px;border:0;background:#eef3f9;border-radius:50%;font-size:25px;line-height:1;color:#64748b;cursor:pointer}.interest-email-label{display:block;font-size:14px;font-weight:750;color:var(--public-text)}.interest-dialog input[type=email]{display:block;width:100%;height:50px;border:1px solid #b9c8d8;border-radius:9px;padding:0 14px;margin:8px 0 17px;outline:none;font:inherit}.interest-dialog input[type=email]:focus{border-color:#147de5;box-shadow:0 0 0 3px rgba(20,125,229,.12)}.modal-submit{width:100%}.form-legal{font-size:11px!important;color:#8491a4!important;line-height:1.45!important;margin:13px 0 0!important}.form-legal a{color:#4c6f97;text-decoration:underline}.form-message{font-size:13px;line-height:1.4;margin-top:12px;min-height:18px}.form-message.error{color:#b42318}.form-message.success{color:#147a4b}.honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.body-modal-open{overflow:hidden}

@media(max-width:1180px){
  .public-wrap{width:min(calc(100% - 40px),1080px)}.public-nav{gap:16px;font-size:13px}.public-actions{margin-left:6px}.public-brand img{width:146px}
  .public-hero-grid{grid-template-columns:1fr 1.04fr;min-height:600px}.public-hero h1{font-size:47px}.public-lead{font-size:17px}.public-trust{gap:10px}.public-product-scene{margin-right:-10px}
  .public-flow{gap:12px}.public-flow-step:not(:last-child):after{right:-16px}.public-capability{padding:20px}.public-integration-market{grid-template-columns:1.45fr .8fr}
}
@media(max-width:960px){
  .public-nav{display:none}.public-header-row{height:68px}.public-actions{margin-left:auto}.public-hero-grid{grid-template-columns:1fr;padding:50px 0 34px}.public-hero h1{max-width:820px;font-size:50px}.public-lead{max-width:760px}.public-product-scene{justify-content:center;margin:20px auto 0}.public-product-scene img{width:min(100%,760px)}
  .public-feature-grid{grid-template-columns:repeat(2,1fr)}.public-flow{grid-template-columns:repeat(4,1fr);row-gap:24px}.public-flow-step:nth-child(4):after{display:none}.public-capabilities{grid-template-columns:repeat(2,1fr)}.public-audiences{grid-template-columns:repeat(2,1fr)}.public-integration-market{grid-template-columns:1fr}.public-bottom-grid{grid-template-columns:1fr .8fr}.public-bottom-visual{margin-right:-20px}
}
@media(max-width:680px){
  .public-wrap{width:min(calc(100% - 28px),640px)}.public-header-row{height:64px;gap:10px}.public-brand img{width:128px}.public-actions .public-button.secondary{display:none}.public-actions .public-button.primary{min-height:40px;padding:0 13px;font-size:12px}
  .public-hero-grid{padding-top:38px;min-height:auto}.public-eyebrow{font-size:10px;margin-bottom:14px}.public-hero h1{font-size:39px;line-height:1.08}.public-lead{font-size:16px}.public-definition{font-size:14px}.public-hero-actions{flex-wrap:wrap}.public-button.large{min-height:48px;padding:0 18px}.public-trust{grid-template-columns:1fr;margin-top:30px}.public-trust-item strong{font-size:12px}.public-trust-item small{font-size:11px}.public-product-scene{margin-top:8px}
  .public-feature-section{padding-top:18px}.public-feature-grid,.public-capabilities,.public-audiences{grid-template-columns:1fr}.public-section{padding:50px 0}.public-section h2,.public-left-title{font-size:29px!important}.public-flow{grid-template-columns:repeat(2,1fr)}.public-flow-step:nth-child(even):after{display:none}.public-capability{min-height:0}.public-integration-line{grid-template-columns:1fr}.public-integration-arrow{transform:rotate(90deg)}.public-integration-meta{gap:14px}.public-market-panel{padding:20px}.public-bottom-grid{grid-template-columns:1fr;min-height:0}.public-bottom-copy{padding:42px 0}.public-bottom-copy h2{font-size:34px}.public-bottom-visual{height:220px;min-height:220px;margin:0 -14px;background-size:auto 100%;background-position:center}.public-footer-row{padding:20px 0;min-height:auto;flex-wrap:wrap;gap:16px}.public-footer-note{margin-left:0;width:100%;text-align:left}
}

/* MERXALIS DESKTOP CANVAS 20260908 V9
   Desktop строится внутри единого центрированного холста max 1600px.
   Это соответствует исходной утверждённой геометрии и одновременно
   корректно работает при широком viewport / уменьшенном browser zoom.
   Утверждённый hero PNG не изменяется. */

.hero-desktop-break {
  display: none;
}

@media (min-width: 961px) {

  /* =========================================================
     DESKTOP CANVAS
     ========================================================= */

  html {
    background: #f5f7fa;
  }

  body.public-home {
    background: #f5f7fa;
  }

  .semantic-public-site {
    position: relative;

    width: min(100%, 1600px);
    margin: 0 auto;

    background: #ffffff;

    box-shadow:
      0 0 0 1px rgba(214,225,237,.35);
  }

  /*
     Макет 941px имел около 3–4% внутренних боковых полей.
     При 1600px это примерно 55–65px.
  */
  .public-wrap {
    width: min(calc(100% - 120px), 1480px);
    margin-left: auto;
    margin-right: auto;
  }


  /* =========================================================
     HEADER
     ========================================================= */

  .public-header {
    width: 100%;
  }

  .public-header-row {
    height: 76px;
    gap: 25px;
  }

  .public-brand img {
    width: 174px;
  }

  .public-nav {
    gap: 25px;
    font-size: 14px;
  }

  .public-actions {
    gap: 12px;
    margin-left: 15px;
  }

  .public-header .public-button {
    min-height: 48px;
    padding: 0 22px;
    font-size: 14px;
  }


  /* =========================================================
     HERO
     ========================================================= */

  .public-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
      linear-gradient(
        105deg,
        #ffffff 0%,
        #ffffff 35%,
        #f9fcff 58%,
        #eaf6ff 100%
      );
  }

  /*
     Scene привязана к правому краю 1600px-холста.
     На viewport <1600 это фактически край окна.
     На viewport >1600 это край центрированного сайта.
  */
  .public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;

    top: 0;
    right: 0;

    width: min(58.6%, 938px);
    aspect-ratio: 1448 / 1086;

    background-image:
      url('/static/public/hero-approved-20260908.png');

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    pointer-events: none;
  }

  .public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;

    top: 0;
    right: 0;

    width: min(58.6%, 938px);
    aspect-ratio: 1448 / 1086;

    background:
      linear-gradient(
        90deg,
        #ffffff 0%,
        rgba(255,255,255,.98) 2%,
        rgba(255,255,255,.91) 4%,
        rgba(255,255,255,.76) 7%,
        rgba(252,254,255,.54) 10%,
        rgba(248,252,255,.30) 13%,
        rgba(244,251,255,.12) 16%,
        rgba(244,251,255,0) 19%
      );

    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 45%,
        rgba(0,0,0,.88) 49%,
        rgba(0,0,0,.60) 53%,
        rgba(0,0,0,.28) 56%,
        rgba(0,0,0,.08) 59%,
        transparent 61%
      );

    mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 45%,
        rgba(0,0,0,.88) 49%,
        rgba(0,0,0,.60) 53%,
        rgba(0,0,0,.28) 56%,
        rgba(0,0,0,.08) 59%,
        transparent 61%
      );

    pointer-events: none;
  }

  .public-hero-grid {
    position: relative;
    z-index: 2;

    display: block;

    min-height:
      clamp(
        650px,
        43.95vw,
        705px
      );

    padding: 38px 0 24px;
  }

  .public-product-scene {
    display: none !important;
  }


  /* =========================================================
     HERO COPY
     ========================================================= */

  .hero-desktop-break {
    display: initial;
  }

  .public-hero-copy {
    position: relative;
    z-index: 3;

    width: 41.5%;
    max-width: 630px;

    padding: 0;
  }

  .public-eyebrow {
    margin-bottom: 15px;

    font-size: 11.5px;
    line-height: 1.2;
    letter-spacing: .22em;
  }

  .public-hero h1 {
    width: 100%;
    max-width: none;

    margin: 0;

    font-size:
      clamp(
        44px,
        3vw,
        52px
      );

    line-height: 1.07;
    letter-spacing: -.038em;
  }

  .public-lead {
    width: 96%;
    max-width: 600px;

    margin-top: 19px;

    font-size: 16.5px;
    line-height: 1.48;
  }

  .public-definition {
    width: 94%;
    max-width: 580px;

    margin-top: 15px;

    font-size: 14.5px;
    line-height: 1.43;
  }

  .public-hero-actions {
    gap: 14px;
    margin-top: 21px;
  }

  .public-button.large {
    min-height: 50px;
    padding: 0 23px;
    font-size: 14px;
  }


  /* =========================================================
     TRUST
     ========================================================= */

  .public-trust {
    width: 104%;
    max-width: 650px;

    margin-top: 31px;

    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    gap: 13px;
  }

  .public-trust-item {
    grid-template-columns: 31px 1fr;
    gap: 8px;
  }

  .public-trust-icon {
    width: 31px;
    height: 31px;
  }

  .public-trust-icon svg {
    width: 22px;
    height: 22px;
  }

  .public-trust-item strong {
    font-size: 11.5px;
    line-height: 1.17;
  }

  .public-trust-item small {
    margin-top: 2px;
    font-size: 9.8px;
    line-height: 1.17;
  }


  /* =========================================================
     FIRST CARD ROW
     ========================================================= */

  .public-feature-section {
    padding-top: 14px;
    padding-bottom: 18px;
  }

  .public-feature-grid {
    gap: 18px;
  }
}


/* =========================================================
   DESKTOP < 1180 CSS px
   ========================================================= */

@media (min-width: 961px) and (max-width: 1180px) {

  .public-wrap {
    width: min(calc(100% - 64px), 1080px);
  }

  .public-hero::before,
  .public-hero::after {
    width: 60%;
  }

  .public-hero-grid {
    min-height: 610px;
  }

  .public-hero-copy {
    width: 43%;
  }

  .public-hero h1 {
    font-size: 39px;
  }

  .public-lead,
  .public-definition,
  .public-trust {
    width: 100%;
  }
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1600px) {

  .public-hero::before,
  .public-hero::after {
    width: 938px;
  }
}

/* MERXALIS HERO TITLE STABILITY 20260908 V10
   На полноценном desktop четыре строки hero являются частью
   утверждённой композиции и не зависят от browser zoom.
   На узком desktop/tablet возвращается естественный перенос. */

.hero-title-line {
  display: inline;
}

/*
   Между inline-фрагментами на мобильном/узком режиме
   сохраняется обычный пробел.
*/
.hero-title-line + .hero-title-line::before {
  content: " ";
}

@media (min-width: 1200px) {

  .public-hero h1 .hero-title-line {
    display: block;
    white-space: nowrap;
  }

  .public-hero h1 .hero-title-line + .hero-title-line::before {
    content: none;
  }
}

/*
   Старый класс из V9 больше HTML не использует.
   Оставляем его нейтральным до следующей очистки CSS.
*/
.hero-desktop-break {
  display: none !important;
}

/* MERXALIS FEATURE CARDS 20260908 V11
   Только первая строка из четырёх карточек под hero.
   Hero, утверждённое изображение и остальные разделы не меняются. */

@media (min-width: 961px) {

  .public-feature-section {
    padding-top: 16px;
    padding-bottom: 22px;
  }

  .public-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
  }

  .public-feature-card {
    box-sizing: border-box;

    min-height: 158px;

    padding: 18px 20px 17px;

    border-radius: 9px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    box-shadow:
      0 5px 16px rgba(29,83,142,.035);
  }

  .public-feature-icon {
    width: 34px;
    height: 34px;

    margin-bottom: 11px;
  }

  .public-feature-icon svg {
    width: 30px;
    height: 30px;
  }

  .public-feature-card h3 {
    margin: 0 0 7px;

    font-size: 16px;
    line-height: 1.2;

    letter-spacing: -.015em;
  }

  .public-feature-card p {
    margin: 0;

    font-size: 13px;
    line-height: 1.42;

    color: #6a7d98;
  }
}


/*
   На промежуточном desktop сохраняем четыре колонки,
   но слегка уменьшаем внутреннюю геометрию.
*/
@media (min-width: 961px) and (max-width: 1180px) {

  .public-feature-grid {
    gap: 14px;
  }

  .public-feature-card {
    min-height: 150px;
    padding: 16px 17px;
  }

  .public-feature-card h3 {
    font-size: 15px;
  }

  .public-feature-card p {
    font-size: 12px;
  }
}

/* MERXALIS FEATURE CARDS APPROVED GEOMETRY 20260908 V12
   Коррекция V11 по прямому сравнению с утверждённым макетом.
   Ширина ряда сохраняется, восстанавливаются правильная высота,
   межколоночные интервалы и масштаб содержимого карточек.
   Hero и остальные разделы не изменяются. */

@media (min-width: 961px) {

  .public-feature-section {
    padding-top: 22px;
    padding-bottom: 28px;
  }

  .public-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    /*
       В утверждённой композиции промежутки между карточками
       заметно больше, чем в V11.
    */
    gap: 30px;

    align-items: stretch;
  }

  .public-feature-card {
    box-sizing: border-box;

    /*
       V11 = 158px — оказалось чрезмерно компактно.
       Целевая высота восстановлена по пропорциям
       утверждённого desktop-макета.
    */
    min-height: 248px;

    padding: 26px 26px 24px;

    border-radius: 12px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    box-shadow:
      0 7px 22px rgba(29,83,142,.04);
  }

  .public-feature-icon {
    width: 46px;
    height: 46px;

    margin-bottom: 15px;

    flex: 0 0 auto;
  }

  .public-feature-icon svg {
    width: 42px;
    height: 42px;
  }

  .public-feature-card h3 {
    margin: 0 0 10px;

    font-size: 22px;
    line-height: 1.18;

    letter-spacing: -.018em;
  }

  .public-feature-card p {
    margin: 0;

    font-size: 18px;
    line-height: 1.42;

    color: #6a7d98;
  }
}


/*
   Только настоящий узкий desktop.
   Browser zoom на широком экране сюда не попадает,
   поэтому композиция при 70%/60% остаётся стабильной.
*/
@media (min-width: 961px) and (max-width: 1180px) {

  .public-feature-grid {
    gap: 22px;
  }

  .public-feature-card {
    min-height: 220px;
    padding: 22px;
  }

  .public-feature-icon {
    width: 42px;
    height: 42px;
  }

  .public-feature-icon svg {
    width: 38px;
    height: 38px;
  }

  .public-feature-card h3 {
    font-size: 19px;
  }

  .public-feature-card p {
    font-size: 16px;
  }
}

/* MERXALIS ORDER FLOW APPROVED GEOMETRY 20260908 V13
   Только секция пути заказа.
   Восемь существующих этапов не меняются по смыслу и порядку.
   Hero и первая строка feature-карточек не изменяются. */

@media (min-width: 961px) {

  .public-flow-section {
    padding-top: 48px;
    padding-bottom: 50px;
  }

  .public-flow-section h2 {
    margin-bottom: 26px;

    font-size: 38px;
    line-height: 1.12;
    letter-spacing: -.032em;
  }

  /*
     При wrap=1480px gap около 58px даёт карточку
     примерно 134px — близко к утверждённой композиции.
     Свободное пространство между этапами используется стрелками.
  */
  .public-flow {
    display: grid;

    grid-template-columns:
      repeat(8, minmax(0, 1fr));

    gap: 58px;

    align-items: center;
  }

  .public-flow-step {
    position: relative;

    box-sizing: border-box;

    min-height: 120px;

    padding: 14px 8px;

    border-radius: 11px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 10px;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 750;

    box-shadow:
      0 6px 18px rgba(35,81,131,.04);
  }

  .public-flow-symbol {
    width: 40px;
    height: 40px;
  }

  .public-flow-symbol svg {
    width: 34px;
    height: 34px;
  }

  /*
     Стрелка находится по центру увеличенного промежутка,
     а не почти прилипает к следующей карточке.
  */
  .public-flow-step:not(:last-child)::after {
    right: -42px;
    top: 43px;

    font-size: 24px;
    line-height: 1;
    font-weight: 500;
  }

  .public-section-intro {
    max-width: 920px;

    margin-top: 22px;

    font-size: 15px;
    line-height: 1.45;
  }
}


/*
   Более узкий настоящий desktop.
   Здесь уменьшаем только расстояния, сохраняя 8 этапов в ряд.
*/
@media (min-width: 961px) and (max-width: 1180px) {

  .public-flow {
    gap: 34px;
  }

  .public-flow-step {
    min-height: 112px;
    font-size: 12px;
  }

  .public-flow-step:not(:last-child)::after {
    right: -28px;
    top: 41px;
    font-size: 21px;
  }

  .public-flow-section h2 {
    font-size: 32px;
  }
}

/* MERXALIS WAREHOUSE CAPABILITIES 20260908 V14
   Только секция "Что получает склад".
   Структура 3×2 и содержание сохраняются.
   Корректируется вертикальный ритм и плотность карточек
   относительно утверждённого макета. */

@media (min-width: 961px) {

  #warehouse.public-section {
    padding-top: 34px;
    padding-bottom: 38px;
  }

  #warehouse .public-left-title {
    margin-bottom: 20px !important;

    font-size: 35px !important;
    line-height: 1.12;

    letter-spacing: -.032em;
  }

  #warehouse .public-capabilities {
    display: grid;

    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    column-gap: 18px;
    row-gap: 16px;

    align-items: stretch;
  }

  #warehouse .public-capability {
    box-sizing: border-box;

    min-height: 142px;

    grid-template-columns:
      48px
      minmax(0, 1fr);

    gap: 14px;

    padding: 19px 20px;

    border-radius: 10px;

    align-items: start;

    box-shadow:
      0 7px 20px rgba(35,81,131,.035);
  }

  #warehouse .public-capability-symbol {
    width: 44px;
    height: 44px;
  }

  #warehouse .public-capability-symbol svg {
    width: 36px;
    height: 36px;
  }

  #warehouse .public-capability h3 {
    margin: 1px 0 6px;

    font-size: 17px;
    line-height: 1.2;

    letter-spacing: -.012em;
  }

  #warehouse .public-capability p {
    margin: 0;

    font-size: 13.5px;
    line-height: 1.42;
  }
}


@media (min-width: 961px) and (max-width: 1180px) {

  #warehouse.public-section {
    padding-top: 30px;
    padding-bottom: 34px;
  }

  #warehouse .public-capabilities {
    column-gap: 14px;
    row-gap: 14px;
  }

  #warehouse .public-capability {
    min-height: 136px;

    grid-template-columns:
      44px
      minmax(0, 1fr);

    gap: 12px;

    padding: 17px;
  }

  #warehouse .public-capability-symbol {
    width: 40px;
    height: 40px;
  }

  #warehouse .public-capability-symbol svg {
    width: 34px;
    height: 34px;
  }

  #warehouse .public-capability h3 {
    font-size: 16px;
  }

  #warehouse .public-capability p {
    font-size: 12.5px;
  }
}

/* MERXALIS WAREHOUSE CONTENT SCALE 20260908 V15
   Внешняя геометрия карточек V14 сохраняется.
   Корректируется только масштаб и расположение содержимого
   по сравнению с утверждённым макетом. */

@media (min-width: 961px) {

  #warehouse .public-capability {
    /*
       Внешние размеры V14 НЕ меняем.
       Увеличиваем пространство, отведённое под крупную иконку.
    */
    grid-template-columns:
      66px
      minmax(0, 1fr);

    gap: 16px;

    padding: 19px 20px;
  }

  #warehouse .public-capability-symbol {
    width: 62px;
    height: 62px;

    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  #warehouse .public-capability-symbol svg {
    width: 54px;
    height: 54px;
  }

  #warehouse .public-capability h3 {
    margin: 0 0 7px;

    font-size: 23px;
    line-height: 1.16;

    letter-spacing: -.015em;
  }

  #warehouse .public-capability p {
    margin: 0;

    font-size: 18px;
    line-height: 1.36;
  }
}


@media (min-width: 961px) and (max-width: 1180px) {

  #warehouse .public-capability {
    grid-template-columns:
      56px
      minmax(0, 1fr);

    gap: 14px;
  }

  #warehouse .public-capability-symbol {
    width: 52px;
    height: 52px;
  }

  #warehouse .public-capability-symbol svg {
    width: 46px;
    height: 46px;
  }

  #warehouse .public-capability h3 {
    font-size: 20px;
  }

  #warehouse .public-capability p {
    font-size: 16px;
  }
}

/* MERXALIS AUDIENCE APPROVED GEOMETRY 20260908 V16
   Только секция "Для кого Мерксалис".
   Четыре существующие аудитории и их тексты сохраняются.
   Композиция карточки меняется с вертикальной на утверждённую:
   иконка слева, заголовок и описание справа. */

@media (min-width: 961px) {

  .public-audience-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .public-audience-section .public-left-title {
    margin-bottom: 17px !important;

    font-size: 35px !important;
    line-height: 1.12;

    letter-spacing: -.032em;
  }

  .public-audiences {
    display: grid;

    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    gap: 16px;

    align-items: stretch;
  }

  .public-audience {
    box-sizing: border-box;

    min-height: 150px;

    padding: 18px 20px;

    display: grid;

    grid-template-columns:
      54px
      minmax(0, 1fr);

    grid-template-rows:
      auto
      1fr;

    column-gap: 14px;
    row-gap: 5px;

    align-items: start;

    border-radius: 10px;

    box-shadow:
      0 7px 20px rgba(35,81,131,.035);
  }

  .public-audience-symbol {
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 50px;
    min-width: 50px;
    height: 50px;

    margin: 0;

    display: grid;
    place-items: center;

    justify-content: center;

    font-size: 32px;
    line-height: 1;

    font-weight: 850;
  }

  .public-audience-symbol svg {
    width: 44px;
    height: 44px;
  }

  .public-audience-symbol.code {
    width: 50px;
    height: 50px;

    font-size: 31px;
    line-height: 50px;

    text-align: center;
  }

  .public-audience h3 {
    grid-column: 2;
    grid-row: 1;

    margin: 1px 0 0;

    font-size: 19px;
    line-height: 1.2;

    letter-spacing: -.012em;
  }

  .public-audience p {
    grid-column: 2;
    grid-row: 2;

    margin: 0;

    font-size: 15px;
    line-height: 1.4;

    color: #6f819a;
  }
}


@media (min-width: 961px) and (max-width: 1180px) {

  .public-audience-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .public-audiences {
    gap: 14px;
  }

  .public-audience {
    min-height: 142px;

    grid-template-columns:
      48px
      minmax(0, 1fr);

    column-gap: 12px;

    padding: 17px;
  }

  .public-audience-symbol {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }

  .public-audience-symbol svg {
    width: 40px;
    height: 40px;
  }

  .public-audience-symbol.code {
    width: 46px;
    height: 46px;

    font-size: 27px;
    line-height: 46px;
  }

  .public-audience h3 {
    font-size: 17px;
  }

  .public-audience p {
    font-size: 13.5px;
  }
}

/* MERXALIS INTEGRATIONS APPROVED GEOMETRY 20260908 V17
   Только секция Integration API + поддерживаемые маркетплейсы.
   Содержание и ссылки не меняются.
   Пропорции и визуальная структура приводятся к утверждённому макету. */

@media (min-width: 961px) {

  .public-integration-section {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  /*
     Утверждённая композиция примерно 64 / 36.
     При public-wrap=1480px получаем около 934px / 520px.
  */
  .public-integration-market {
    display: grid;

    grid-template-columns:
      minmax(0, 1.72fr)
      minmax(0, .96fr);

    gap: 26px;

    align-items: start;
  }

  .public-integration-panel,
  .public-market-panel {
    min-width: 0;
  }

  .public-integration-panel h3,
  .public-market-panel > h3 {
    margin: 0 0 18px;

    font-size: 27px;
    line-height: 1.18;

    letter-spacing: -.025em;
  }


  /* =========================================================
     INTEGRATION SCHEME
     ========================================================= */

  .public-integration-line {
    display: grid;

    grid-template-columns:
      1.15fr
      38px
      .90fr
      38px
      .92fr;

    gap: 9px;

    align-items: center;
  }

  .public-integration-node {
    box-sizing: border-box;

    min-height: 82px;

    padding: 14px 18px;

    border-radius: 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    text-align: center;

    font-size: 18px;
    line-height: 1.22;
    font-weight: 750;

    color: #315b82;
  }

  .node-icon {
    font-size: 25px;
  }

  .public-integration-node.brand {
    gap: 12px;
  }

  .brand-node-mark {
    width: 44px;
    height: 34px;
  }

  .public-integration-node.brand strong {
    font-size: 20px;
  }

  .public-integration-arrow {
    font-size: 28px;
    line-height: 1;

    text-align: center;
  }

  .public-integration-meta {
    display: flex;
    flex-wrap: nowrap;

    gap: 28px;

    margin-top: 19px;

    font-size: 15px;
    line-height: 1.3;
  }

  .public-integration-action {
    margin-top: 22px;
  }

  .public-integration-action .public-button {
    min-height: 46px;

    padding-left: 20px;
    padding-right: 20px;

    font-size: 14px;
  }


  /* =========================================================
     MARKETPLACE COLUMN

     В утверждённом макете заголовок расположен ВНЕ карточки.
     Поэтому сам article становится без рамки,
     а рамка переносится визуально на .public-market-card.
     HTML менять не требуется.
     ========================================================= */

  .public-market-panel {
    padding: 0;

    border: 0;
    border-radius: 0;

    background: transparent;

    box-shadow: none;
  }

  .public-market-card {
    box-sizing: border-box;

    min-height: 176px;

    padding: 22px;

    display: flex;

    gap: 18px;

    align-items: flex-start;

    border: 1px solid var(--public-line);
    border-radius: 10px;

    background: #f9fcff;

    box-shadow:
      0 8px 24px rgba(35,81,131,.04);
  }

  .public-market-logo {
    width: 68px;
    height: 68px;

    flex: 0 0 68px;

    border-radius: 12px;

    font-size: 32px;
  }

  .public-market-copy {
    min-width: 0;
  }

  .public-market-copy h4 {
    margin: 1px 0 9px;

    font-size: 24px;
    line-height: 1.2;

    letter-spacing: -.015em;
  }

  .public-market-copy p {
    margin: 0;

    font-size: 18px;
    line-height: 1.43;
  }

  .public-pill {
    margin-left: 7px;

    padding: 4px 7px;

    font-size: 12px;

    vertical-align: 3px;
  }
}


/* =========================================================
   REAL NARROW DESKTOP
   ========================================================= */

@media (min-width: 961px) and (max-width: 1180px) {

  .public-integration-market {
    grid-template-columns:
      minmax(0, 1.62fr)
      minmax(300px, .95fr);

    gap: 20px;
  }

  .public-integration-panel h3,
  .public-market-panel > h3 {
    font-size: 23px;
  }

  .public-integration-line {
    grid-template-columns:
      1.12fr
      30px
      .90fr
      30px
      .92fr;

    gap: 7px;
  }

  .public-integration-node {
    min-height: 72px;

    padding: 12px;

    font-size: 15px;
  }

  .node-icon {
    font-size: 21px;
  }

  .brand-node-mark {
    width: 38px;
    height: 30px;
  }

  .public-integration-node.brand strong {
    font-size: 17px;
  }

  .public-integration-meta {
    gap: 18px;

    font-size: 12.5px;
  }

  .public-market-card {
    min-height: 160px;

    padding: 18px;

    gap: 14px;
  }

  .public-market-logo {
    width: 58px;
    height: 58px;

    flex-basis: 58px;

    font-size: 28px;
  }

  .public-market-copy h4 {
    font-size: 20px;
  }

  .public-market-copy p {
    font-size: 15px;
  }

  .public-pill {
    font-size: 10px;
  }
}

/* MERXALIS BOTTOM CTA APPROVED BACKGROUND 20260908 V18
   Desktop CTA использует утверждённый background-only asset
   941×202 на всю ширину секции.
   Текст и кнопки остаются настоящими HTML-элементами.
   Старый cta-mobile-approved.png на desktop больше не отображается. */

@media (min-width: 961px) {

  .public-bottom-cta {
    position: relative;
    overflow: hidden;

    color: #fff;

    background-image:
      url('/static/public/cta-background-approved.png');

    background-repeat: no-repeat;
    background-position: center center;

    /*
       Показываем изображение полностью.
       Никакого cover/crop.
    */
    background-size: 100% 100%;
  }

  /*
     Соотношение исходника 941×202.
     При максимальном desktop canvas 1600px
     целевая высота ≈343px.
  */
  .public-bottom-grid {
    min-height:
      clamp(
        278px,
        21.47vw,
        344px
      );

    display: grid;

    grid-template-columns:
      minmax(0, 57%)
      minmax(0, 43%);

    gap: 0;

    align-items: center;
  }

  /*
     Левая часть остаётся HTML.
  */
  .public-bottom-copy {
    position: relative;
    z-index: 3;

    max-width: 700px;

    padding: 38px 0 36px;
  }

  .public-bottom-copy h2 {
    max-width: 650px;

    margin: 0 0 15px;

    font-size: 46px;
    line-height: 1.07;

    letter-spacing: -.035em;

    color: #fff;
  }

  .public-bottom-copy p {
    max-width: 710px;

    margin: 0;

    color: #dce9f6;

    font-size: 16px;
    line-height: 1.5;
  }

  .public-bottom-buttons {
    display: flex;

    gap: 14px;

    margin-top: 23px;
  }

  .public-bottom-buttons .public-button.large {
    min-height: 48px;

    padding-left: 23px;
    padding-right: 23px;

    font-size: 14px;
  }

  /*
     Правый div остаётся в layout только как пространство
     под фотографическую часть общего CTA-background.

     В нём больше НЕ рисуем мобильное изображение.
  */
  .public-bottom-visual {
    align-self: stretch;

    min-height: 0;

    margin: 0;

    background: none !important;

    pointer-events: none;
  }
}


@media (min-width: 961px) and (max-width: 1180px) {

  .public-bottom-grid {
    min-height: 278px;

    grid-template-columns:
      minmax(0, 58%)
      minmax(0, 42%);
  }

  .public-bottom-copy {
    padding: 32px 0;
  }

  .public-bottom-copy h2 {
    max-width: 540px;

    font-size: 38px;
  }

  .public-bottom-copy p {
    max-width: 590px;

    font-size: 14px;
  }
}

/* MERXALIS EXACT CROPPED CTA 20260908 V18
   Исходное утверждённое изображение 2048×429 используется без изменений.
   Белые поля уже удалены отдельным точным crop.
   Никакой дорисовки, ретуши, растягивания по высоте или кадрирования.
   Существующие HTML-кнопки остаются настоящими интерактивными элементами. */

@media (min-width: 961px) {

  .public-bottom-cta {
    position: relative;
    overflow: hidden;

    width: 100%;

    background:
      url('/static/public/cta-approved-cropped-20260908.png')
      center center / 100% 100%
      no-repeat;

    color: #fff;
  }

  /*
     Строго исходное соотношение 2048:429.
  */
  .public-bottom-grid.public-wrap {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    min-height: 0;

    aspect-ratio: 2048 / 429;

    display: block;
  }

  .public-bottom-copy {
    position: absolute;
    z-index: 3;

    inset: 0;

    max-width: none;

    margin: 0;
    padding: 0;
  }

  /*
     Заголовок и описание уже присутствуют в утверждённой картинке.
     HTML остаётся в DOM для семантики, но второй визуальный дубль
     не рисуется.
  */
  .public-bottom-copy > h2,
  .public-bottom-copy > p {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0,0,0,0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
  }

  /*
     Реальные кнопки кладём точно поверх кнопок изображения.

     Фактические координаты исходника 2048×429:
       "Запросить демо":
         x=79..355
         y=306..374

       "Войти":
         x=386..550
         y=306..374
  */
  .public-bottom-buttons {
    position: absolute;

    inset: 0;

    display: block;

    margin: 0;
    padding: 0;

    pointer-events: none;
  }

  .public-bottom-buttons .public-button {
    position: absolute;

    top: 71.329%;
    height: 16.084%;

    min-height: 0;

    margin: 0;
    padding: 0;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 0 !important;

    appearance: none;

    pointer-events: auto;
  }

  .public-bottom-buttons .public-button:first-child {
    left: 3.857%;
    width: 13.525%;
  }

  .public-bottom-buttons .public-button:nth-child(2) {
    left: 18.848%;
    width: 8.057%;
  }

  .public-bottom-buttons .public-button:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: 3px;
  }

  /*
     Старый отдельный visual справа больше не нужен:
     вся утверждённая композиция уже находится в новом CTA.
  */
  .public-bottom-visual {
    display: none !important;
  }
}

/* MERXALIS BRAND02 — optically balanced SaaS wordmark
   Ассет плотно обрезан по видимому знаку и тексту; прозрачный холст больше
   не влияет на визуальный размер. Размер задаётся по ширине, чтобы бренд
   сохранял стабильный оптический вес в desktop/tablet/mobile. */
.public-header .public-brand img {
  display:block !important;
  width:220px !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain;
}
@media (max-width:1180px) {
  .public-header .public-brand img {width:205px !important;}
}
@media (max-width:960px) {
  .public-header .public-brand img {width:190px !important;}
}
@media (max-width:680px) {
  .public-header .public-brand img {width:155px !important;}
}

/* MERXALIS STICKY HEADER ANCHOR OFFSET 20260908 V20
   Компенсация sticky-header для внутренних навигационных якорей.
   Визуальная геометрия самих секций, header и контента не меняется. */

@media (min-width: 961px) {

  #how,
  #warehouse,
  #integrations {
    scroll-margin-top: 96px;
  }
}

@media (min-width: 681px) and (max-width: 960px) {

  #how,
  #warehouse,
  #integrations {
    scroll-margin-top: 88px;
  }
}

@media (max-width: 680px) {

  #how,
  #warehouse,
  #integrations {
    scroll-margin-top: 84px;
  }
}

/* MERXALIS PUBLIC SUPPORT FORM 20260908 V21
   Публичная поддержка использует существующее модальное окно.
   Для support дополнительно отображается текст обращения. */

.interest-message-label {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 750;
  color: var(--public-text);
}

.interest-message-label[hidden] {
  display: none !important;
}

.interest-dialog textarea {
  display: block;
  width: 100%;
  min-height: 132px;
  margin: 8px 0 17px;
  padding: 12px 14px;
  resize: vertical;
  border: 1px solid #b9c8d8;
  border-radius: 9px;
  outline: none;
  background: #fff;
  color: var(--public-text);
  font: inherit;
  line-height: 1.45;
}

.interest-dialog textarea:focus {
  border-color: #147de5;
  box-shadow: 0 0 0 3px rgba(20,125,229,.12);
}

/* MERXALIS BRAND04 — final public brand hierarchy.
   Футер и рабочий интерфейс намеренно не затрагиваются.
   На широком desktop размер задаётся по высоте, чтобы горизонтальный
   wordmark имел достаточный визуальный вес и не выглядел сжатым.
   На более узких desktop сохраняется безопасный размер для навигации. */
@media (min-width: 1441px) {
  .public-header .public-brand img {
    display: block !important;
    width: auto !important;
    height: 42px !important;
    max-width: none !important;
    object-fit: contain;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .public-header .public-brand img {
    display: block !important;
    width: auto !important;
    height: 40px !important;
    max-width: none !important;
    object-fit: contain;
  }
}

@media (min-width: 1181px) and (max-width: 1280px) {
  .public-header .public-brand img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-width: none !important;
    object-fit: contain;
  }
}