:root{
      --c-464646:#464646;
      --c-2E74B4:#2E74B4;
      --c-3D3D3D:#3D3D3D;
      --c-52DD09:#52DD09;
      --c-FFFFFF:#FFFFFF;

      --W_DESKTOP: 90rem;
      --W_MOBILE: 24.375rem;

      --pad-desktop: 3.125rem;
      --pad-mobile: 1.25rem;

      --ease: cubic-bezier(.2,.8,.2,1);
      --dur: 420ms;

      --headerH: 5.75rem;

      --shadowSoft: 0 0.65rem 1.6rem rgba(0,0,0,.08);
      --prodGrey:#EFEFEF;
      --line: rgba(0,0,0,.12);
      --solutionActive:#F2F4F6;
    }

    html{
      font-size: calc(100vw / 90);
      scroll-behavior: smooth;
    }

    @media (max-width: 1000px){
      html{
        font-size: calc(100vw / 24.375);
      }
    }

    html, body{
      overflow-x: hidden;
    }

    @supports (overflow: clip){
      html, body{
        overflow-x: clip;
      }
    }

    *, *::before, *::after{ box-sizing: border-box; }
    body, h1, h2, h3, h4, p{ margin: 0; }
    ul{ margin:0; padding:0; list-style:none; }
    a{ color: inherit; text-decoration: none; }
    img, svg{ display:block; max-width:100%; height:auto; }
    button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
    input{ font:inherit; }

    :focus-visible{
      outline: 0.18rem solid rgba(46,116,180,.35);
      outline-offset: 0.18rem;
      border-radius: 0.4rem;
    }

    body{
      font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--c-3D3D3D);
      background: var(--c-FFFFFF);
      line-height: 1.25;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      position: relative;
    }

    .container{
      width: 100%;
      max-width: var(--W_DESKTOP);
      margin: 0 auto;
      padding-left: var(--pad-desktop);
      padding-right: var(--pad-desktop);
    }

    @media (max-width: 1000px){
      .container{
        max-width: var(--W_MOBILE);
        padding-left: var(--pad-mobile);
        padding-right: var(--pad-mobile);
      }
    }

    .sec-top{ text-align: center; }

    .sec-kicker{
      font-weight: 800;
      color: var(--c-52DD09);
      letter-spacing: 0.02em;
      font-size: 0.9rem;
      margin-bottom: 0.8rem;
    }

    .sec-title{
      font-weight: 600;
      letter-spacing: -0.03em;
      line-height: 1.05;
      font-size: 3.1rem;
    }

    .sec-sub{
      margin: 1rem auto 0;
      color: rgba(70,70,70,.65);
      font-size: 1.15rem;
      line-height: 1.55;
      max-width: 56rem;
    }

    @media (max-width: 1000px){
      .sec-title{ font-size: 2.25rem; }
      .sec-sub{ font-size: 1.05rem; max-width: 22rem; }
    }

    /* ===================== REVEAL ANIMATIONS ===================== */
    [data-reveal]{
      opacity: 0;
      will-change: transform, opacity;
      transition-delay: var(--reveal-delay, 0s);
    }

    [data-reveal="up"]{
      transform: translate3d(0, 2.4rem, 0);
      transition:
        opacity .9s var(--ease),
        transform .9s var(--ease);
    }

    [data-reveal="fade"]{
      transform: none;
      transition: opacity 4s var(--ease);
    }

    [data-reveal].is-visible{
      opacity: 1;
      transform: none;
    }

    @media (max-width: 1000px){
      [data-reveal="up"]{
        transform: translate3d(0, 1.8rem, 0);
      }
    }

    /* ===================== HERO ===================== */
    .hero{
      position: relative;
      min-height: 100vh;
      overflow: hidden;
      background-image: url("../img/Container.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .hero__inner{
      position: relative;
      z-index: 1;
    }

    .header{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 20;
      padding-top: 1.2rem;
    }

    .header__row{
      display: grid;
      grid-template-columns: 12rem 1fr 12rem;
      align-items: center;
      gap: 1.5rem;
      min-height: var(--headerH);
    }

    .logo{
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--c-2E74B4);
      font-size: 1.8rem;
      text-transform: uppercase;
    }

    .nav{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2.2rem;
      font-size: 1rem;
      color: var(--c-464646);
      font-weight: 500;
    }

    .nav a{
      transition: opacity var(--dur) var(--ease), color var(--dur) var(--ease);
      white-space: nowrap;
    }

    .nav a:hover{ color:var(--c-52DD09); }

    .nav a.is-active{
      color: var(--c-52DD09);
      font-weight: 600;
    }

    .header__right{
      justify-self: end;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.7rem;
    }

    .lang{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 2.35rem;
      padding: 0 1.35rem;
      border: 1px solid rgba(61,61,61,.35);
      border-radius: 999px;
      color: var(--c-464646);
      font-weight: 700;
      font-size: 0.95rem;
      background: rgba(255,255,255,.15);
      backdrop-filter: blur(0.3rem);
      -webkit-tap-highlight-color: transparent;
      user-select: none;
    }

    .lang--m{
      display: none;
      height: 2.9rem;
      padding: 0 1.4rem;
      background: rgba(255,255,255,.55);
      border-color: rgba(0,0,0,.10);
    }

    .burger{
      display: none;
      width: 2.9rem;
      height: 2.9rem;
      border-radius: 999px;
      background: rgba(255,255,255,.55);
      border: 1px solid rgba(0,0,0,.08);
      align-items: center;
      justify-content: center;
      -webkit-tap-highlight-color: transparent;
      transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
      user-select: none;
    }

    .burger:active{ transform: translateY(0.08rem); }

    .burger__icon{
      position: relative;
      width: 1.35rem;
      height: 0.12rem;
      background: var(--c-3D3D3D);
      display: block;
      border-radius: 999px;
    }

    .burger__icon::before,
    .burger__icon::after{
      content:"";
      position:absolute;
      left:0;
      width:100%;
      height:0.12rem;
      background: var(--c-3D3D3D);
      border-radius: 999px;
      transition: transform var(--dur) var(--ease), top var(--dur) var(--ease), opacity var(--dur) var(--ease);
    }

    .burger__icon::before{ top: -0.42rem; }
    .burger__icon::after{ top: 0.42rem; }

    .drawer{
      position: fixed;
      inset: 0;
      z-index: 999;
      pointer-events: none;
      overflow: hidden;
    }

    .drawer__backdrop{
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.28);
      opacity: 0;
      transition: opacity var(--dur) var(--ease);
    }

    .drawer__panel{
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 18.5rem;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(0.6rem);
      border-left: 1px solid rgba(0,0,0,.08);
      box-shadow: -1.2rem 0 2.4rem rgba(0,0,0,.16);
      transform: translateX(105%);
      transition: transform var(--dur) var(--ease);
      padding: 1.2rem 1.2rem 1.2rem;
      display: grid;
      align-content: start;
      gap: 0.9rem;
      will-change: transform;
    }

    .drawer__top{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 0.2rem;
    }

    .drawer__close{
      width: 2.7rem;
      height: 2.7rem;
      border-radius: 999px;
      background: rgba(0,0,0,.06);
      border: 1px solid rgba(0,0,0,.10);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
      -webkit-tap-highlight-color: transparent;
    }

    .drawer__close:active{ transform: translateY(0.08rem); }

    .drawer__close svg{
      width: 1.1rem;
      height: 1.1rem;
      stroke: rgba(0,0,0,.65);
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .drawer__nav{
      display: grid;
      gap: 0.7rem;
      margin-top: 0.2rem;
    }

    .drawer__nav a{
      display: block;
      padding: 0.95rem 1.05rem;
      border-radius: 1rem;
      background: rgba(46,116,180,.06);
      color: rgba(0,0,0,.75);
      font-weight: 700;
      transition: background var(--dur) var(--ease), transform var(--dur) var(--ease);
    }

    .drawer__nav a:active{
      transform: translateY(0.08rem);
      background: rgba(46,116,180,.10);
    }

    .is-drawer-open .drawer{ pointer-events: auto; }
    .is-drawer-open .drawer__backdrop{ opacity: 1; }
    .is-drawer-open .drawer__panel{ transform: translateX(0); }

    .is-drawer-open .burger__icon{ background: transparent; }
    .is-drawer-open .burger__icon::before{ top: 0; transform: rotate(45deg); }
    .is-drawer-open .burger__icon::after{ top: 0; transform: rotate(-45deg); }

    .hero__content{
      min-height: 100vh;
      padding-top: calc(var(--headerH) + 3.2rem);
      padding-bottom: 3.2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .hero__title{
      max-width: 45rem;
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.03;
      font-size: 4.55rem;
    }

    .c-blue{ color: var(--c-2E74B4); }

    .hero__bottom{
      margin-top: 3rem;
      max-width: 48rem;
    }

    .hero__desc{
      color: rgba(70,70,70,.65);
      font-size: 1.15rem;
      line-height: 1.55;
      max-width: 44rem;
    }

    .btn-read{
      margin-top: 1.6rem;
      display: inline-flex;
      align-items: center;
      gap: 0.85rem;
      background: var(--c-2E74B4);
      color: #fff;
      border-radius: 999px;
      padding: 0.7rem 0.7rem 0.7rem 1.5rem;
      font-weight: 600;
      font-size: 1.05rem;
      box-shadow: 0 0.9rem 2rem rgba(46,116,180,.22);
      transition:
        transform var(--dur) var(--ease),
        background-color var(--dur) var(--ease),
        box-shadow var(--dur) var(--ease);
      user-select: none;
      -webkit-tap-highlight-color: transparent;
    }

    .btn-read:hover{
      background: var(--c-52DD09);
      box-shadow: 0 0.9rem 2rem rgba(82,221,9,.28);
    }
    
    .btn-read:active{
      transform: translateY(0.08rem);
    }


    .btn-read__circle{
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 999px;
      background: rgba(255,255,255,.95);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      transition: background-color var(--dur) var(--ease);
    }

   .btn-read__circle svg{
      width: 2rem;
      height: 2rem;
      stroke: var(--c-2E74B4);
      stroke-width: 1.5;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke var(--dur) var(--ease);
    }
    
    .btn-read:hover .btn-read__circle svg{
  stroke: var(--c-52DD09);
}
    
    @media (max-width: 1000px){
		.hero {
 
			min-height: auto;align-content}
		
      .header{ position: relative; padding-top: 0.9rem; }
      .header__row{ grid-template-columns: 1fr auto; min-height: 3.2rem; gap:4.5rem; }
      .nav{ display:none; }
      .lang--d{ display:none; }
      .lang--m{ display:inline-flex; }
      .burger{ display:flex; }
      .header__right{ gap: 0.6rem; }

      .hero::before{
        background: linear-gradient(180deg,
          rgba(255,255,255,.88) 0%,
          rgba(255,255,255,.88) 55%,
          rgba(255,255,255,.92) 100%);
      }

      .hero__content{
        min-height: auto;
        padding-top: 8rem;
        padding-bottom: 8rem;
        align-items: center;
        text-align: center;
      }

      .hero__title{
        font-size: 2rem;
        max-width: 21rem;
        line-height: 1.08;
      }

      .hero__bottom{
        margin-top: 1.4rem;
        max-width: 22rem;
      }

      .hero__desc{
        font-size: 1rem;
        line-height: 1.6;
        color: rgba(70,70,70,.62);
      }

      .btn-read{
        margin-top: 1.35rem;
        padding: 0.75rem 1.05rem 0.75rem 1.25rem;
        font-size: 1.02rem;
      }
    }

    /* ===================== PRODUCTS PREVIEW ===================== */
    .products{
      padding: 5.2rem 0 4.8rem;
      background: var(--c-FFFFFF);
    }

    .p-desk{
      margin-top: 3.2rem;
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 1.4rem;
      align-items: stretch;
    }

    .p-visual{
      position: relative;
      border-radius: 0.6rem;
      overflow: hidden;
      min-height: 25rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .p-visual img{
      width: 100%;
      height: 100%;
      object-fit: contain;
      user-select: none;
      -webkit-user-drag: none;
    }

    .p-card{
      background: var(--prodGrey);
      padding: 3rem 3rem 2.4rem;
      display: flex;
      flex-direction: column;
      min-height: 25rem;
    }

    .p-card h3{
      font-size: 2.1rem;
      letter-spacing: -0.02em;
      font-weight: 800;
      line-height: 1.15;
      color: #111;
    }

    .p-card p{
      margin-top: 1.1rem;
      font-size: 1.12rem;
      line-height: 1.75;
      color: rgba(61,61,61,.72);
      max-width: 34rem;
    }

    .p-card__bottom{
      margin-top: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.2rem;
      padding-top: 2.2rem;
    }

    .p-link{
      color: var(--c-2E74B4);
      font-weight: 800;
      font-size: 1.15rem;
    }
    
    .p-link:hover{
      color: var(--c-52DD09);
    }

    .p-arrows{
      display: inline-flex;
      align-items: center;
      gap: 0.9rem;
    }

    .p-btn{
      width: 2.6rem;
      height: 2.6rem;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease), background var(--dur) var(--ease);
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      flex: 0 0 auto;
    }

    .p-btn svg{
      width: 1.05rem;
      height: 1.05rem;
      fill: none;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .p-btn--prev{
      background: var(--c-2E74B4);
        border: 1px solid var(--c-2E74B4);
    }
    
    .p-btn--prev:hover{
      background: var(--c-52DD09);
        border: 1px solid var(--c-52DD09);
    }

    .p-btn--prev svg{ stroke: #fff; }

    .p-btn--next{
      background: var(--c-2E74B4);
      border: 1px solid var(--c-2E74B4);

    }
    
    .p-btn--next:hover{
        background: var(--c-52DD09);
        border: 1px solid var(--c-52DD09);
    }

    .p-btn--next svg{ stroke: #fff; }

    .p-btn:active{ transform: translateY(0.08rem); }
    .p-btn:hover{ opacity: .92; }

    .p-mob{ display: none; }

    .p-tabs{
      margin-top: 1.6rem;
      display: flex;
      align-items: center;
      gap: 0.8rem;
      overflow: auto;
      padding-bottom: 0.2rem;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .p-tabs::-webkit-scrollbar{ display:none; }

    .pill{
      height: 3.1rem;
      padding: 0 1.35rem;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1.05rem;
      white-space: nowrap;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      flex: 0 0 auto;
    }

    .pill--primary{
      background: var(--c-2E74B4);
      color: #fff;
      font-weight: 800;
    }

    .pill--ghost{
      background: transparent;
      border: 1px solid rgba(61,61,61,.32);
      color: rgba(61,61,61,.85);
      font-weight: 600;
    }

    .pill--ghost.is-active{
      border-color: rgba(46,116,180,.55);
      color: var(--c-2E74B4);
      font-weight: 800;
    }

    .p-cardm{
      margin-top: 1.4rem;
      background: #fff;
      overflow: hidden;
    }

    .p-cardm__img{
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .p-cardm__img img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .p-cardm__body{
      padding: 1.6rem 1.4rem 1.6rem;
      background: #F2F2F2;
    }

    .p-cardm__body h3{
      font-size: 1.25rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #111;
    }

    .p-cardm__body p{
      margin-top: 0.85rem;
      font-size: 1rem;
      line-height: 1.65;
      color: rgba(61,61,61,.72);
    }

    .p-mob__bottom{
      margin-top: 1.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }

    @media (max-width: 1000px){
      .products{ padding: 2.8rem 0 3rem; }
      .p-desk{ display:none; }
      .p-mob{ display:block; }
    }

    /* ===================== SOLUTIONS ===================== */
    .solutions{
      padding: 5.2rem 0 5.2rem;
      background: var(--c-FFFFFF);
    }

    .s-wrap{ margin-top: 3.2rem; }
    .s-list{ border-top: 1px solid var(--line); }

    .s-item{
      width: 100%;
      display: grid;
      grid-template-columns: 5.5rem 1fr 12.5rem;
      align-items: center;
      gap: 1.2rem;
      padding: 1.9rem 0;
      border-bottom: 1px solid var(--line);
      text-align: left;
      -webkit-tap-highlight-color: transparent;
      transition:
        background .55s var(--ease),
        border-color .55s var(--ease);
      cursor: pointer;
    }

    .s-num{
      font-weight: 800;
      color: var(--c-2E74B4);
      font-size: 1.55rem;
      letter-spacing: -0.01em;
    }

    .s-name{
      font-weight: 600;
      letter-spacing: -0.02em;
      font-size: 1.85rem;
      color: #111;
      line-height: 1.15;
    }

    .s-ctl{
      justify-self: end;
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      color: rgba(0,0,0,.55);
      font-weight: 600;
      font-size: 1.05rem;
      white-space: nowrap;
    }

    .s-ctl svg{
      width: 1.15rem;
      height: 1.15rem;
      fill: none;
      stroke: rgba(0,0,0,.55);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform .55s var(--ease);
    }

    .s-item.is-active{
      /* background: var(--solutionActive); */
/*       border-bottom-color: transparent; */
    }

    .s-item.is-active .s-ctl svg{
      transform: rotate(180deg);
    }

    .s-panel{
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      pointer-events: none;
      padding-top: 0;
      border-bottom: 1px solid transparent;
      transition:
        max-height .72s var(--ease),
        opacity .48s var(--ease),
        padding-top .72s var(--ease),
        border-color .72s var(--ease);
    }

    .s-item.is-active + .s-panel{
      max-height: 38rem;
      opacity: 1;
      pointer-events: auto;
      padding-top: 1.7rem;
      border-bottom-color: var(--line);
    }

    .s-panel__media{
      height: 33rem;
      background: #D9D9D9;
      overflow: hidden;
      position: relative;
      transform: translateY(1rem);
      transition: transform .72s var(--ease);
    }

    .s-item.is-active + .s-panel .s-panel__media{
      transform: translateY(0);
    }

    .s-panel__media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .s-panel__fade{
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,.24) 100%);
    }

    .s-panel__cap{
      position: absolute;
      left: 2rem;
      bottom: 1.6rem;
      right: 2rem;
      color: rgba(255,255,255,.92);
      font-weight: 700;
      font-size: 1.02rem;
      text-shadow: 0 0.3rem 0.8rem rgba(0,0,0,.35);
    }

    .s-panel__text{
      display: none;
    }

    @media (max-width: 1000px){
      .solutions{ padding: 2.8rem 0 3.2rem; }
      .s-wrap{ margin-top: 1.6rem; }

      .s-item{
        grid-template-columns: 3.3rem 1fr 2.2rem;
        padding: 1.4rem 0;
        background: transparent !important;
      }

      .s-num{ font-size: 1.3rem; }
      .s-name{ font-size: 1rem; }
      .s-ctl{ font-size: 0; gap: 0; }
      .s-ctl span{ display: none; }

      .s-item.is-open{
        border-bottom: 0;
      }

      .s-item.is-open + .s-panel{
        max-height: 28rem;
        opacity: 1;
        pointer-events: auto;
        padding-top: 0;
        border-bottom-color: var(--line);
      }

      .s-item.is-open .s-ctl svg{
        transform: rotate(180deg);
      }

      .s-panel{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding-top: 0;
        border-bottom: 1px solid transparent;
      }

      .s-panel__media{
        margin-top: 1.2rem;
        height: 15.8rem;
        transform: translateY(0.8rem);
      }

      .s-item.is-open + .s-panel .s-panel__media{
        transform: translateY(0);
      }

      .s-panel__fade,
      .s-panel__cap{
        display: none;
      }

      .s-panel__text{
        display: block;
        margin-top: 1.2rem;
        color: rgba(61,61,61,.72);
                font-size: 1.05rem;
        line-height: 1.75;
        margin-bottom: 1rem;
      }
    }

    /* ===================== ABOUT ===================== */
    .about{
      padding: 5.2rem 0 5.2rem;
      background: var(--c-FFFFFF);
    }

    .about__grid{
      margin-top: 3.2rem;
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 3.2rem;
      align-items: start;
    }

    .about__left{ text-align: left; }

    .about__kicker{
      font-weight: 800;
      color: var(--c-52DD09);
      letter-spacing: 0.02em;
      font-size: 0.9rem;
      margin-bottom: 0.9rem;
    }

    .about__title{
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.05;
      font-size: 3.05rem;
      color: #111;
    }

    .about__text{
      margin-top: 1.3rem;
      color: rgba(61,61,61,.72);
      font-size: 1.15rem;
      line-height: 1.75;
      max-width: 36rem;
    }

    .about__media{
      overflow: hidden;
      background: #D9D9D9;
      height: 22.5rem;
    }

    .about__media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    @media (max-width: 1000px){
      .about{ padding: 2.8rem 0 3.2rem; }
      .about__grid{
        margin-top: 1.6rem;
        grid-template-columns: 1fr;
        gap: 1.6rem;
      }
      .about__left{ text-align: center; }
      .about__title{ font-size: 2.25rem; }
      .about__text{
        font-size: 1.05rem;
        line-height: 1.65;
        max-width: 22rem;
        margin-left: auto;
        margin-right: auto;
      }
      .about__media{ height: 15.8rem; }
    }

    /* ===================== VALUES ===================== */
    .values{
      padding: 5.2rem 0 5.2rem;
      background: var(--c-FFFFFF);
    }

    .values__head{
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 3.2rem;
      align-items: start;
    }

    .values__left{ text-align: left; }

    .values__title{
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.06;
      font-size: 3.05rem;
      color: #111;
    }

    .values__right{
      text-align: left;
      color: rgba(61,61,61,.70);
      font-size: 1.15rem;
      line-height: 1.75;
      padding-top: 2.0rem;
    }

    .values__grid{
      margin-top: 2.4rem;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.8rem;
    }

    .v-card{
      background: #F2F2F2;
      padding: 2.2rem 2.2rem 2.0rem;
      min-height: 12.8rem;
      display: grid;
      align-content: start;
      gap: 0.9rem;
    }

    .v-ico{
      width: 2.35rem;
      height: 2.35rem;
      margin-bottom: 0.4rem;
    }

    .v-ico img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .v-title{
      font-weight: 800;
      font-size: 1.35rem;
      letter-spacing: -0.02em;
      color: #111;
    }

    .v-text{
      color: rgba(61,61,61,.70);
      font-size: 1.05rem;
      line-height: 1.65;
      max-width: 18rem;
    }

    @media (max-width: 1000px){
      .values{ padding: 2.8rem 0 2.8rem; }
      .values__head{ grid-template-columns: 1fr; gap: 0.9rem; }
      .values__left{ text-align: center; }
      .values__title{ font-size: 2.25rem; }
      .values__right{
        padding-top: 0;
        text-align: center;
        font-size: 1.05rem;
        line-height: 1.65;
        max-width: 22rem;
        margin: 0 auto;
      }
      .values__grid{
        margin-top: 1.6rem;
        grid-template-columns: 1fr;
        gap: 1.2rem;
      }
      .v-card{ padding: 1.8rem 1.6rem 1.7rem; }
      .v-title{ color: var(--c-2E74B4); }
      .v-text{ max-width: none; }
    }

    /* ===================== CTA ===================== */
    .cta{
      position: relative;
      background-image: url("../img/Call to Action.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
    }

    .cta::before{
  content: none;
}

    .cta__inner{
      position: relative;
      z-index: 1;
      padding: 7.4rem 0 7.4rem;
      text-align: center;
    }

    .cta__title{
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.05;
      font-size: 4.0rem;
      color: var(--c-2E74B4);
      text-shadow: 0 0.9rem 2.2rem rgba(0,0,0,.18);
      max-width: 70rem;
      margin: 0 auto;
    }

    .cta__text{
      margin: 1.4rem auto 0;
      max-width: 48rem;
      color: rgb(129 129 129 / 72%);
      font-size: 1.15rem;
      line-height: 1.65;
    }

    .cta__btn{
      margin-top: 2.1rem;
      display: inline-flex;
      align-items: center;
      gap: 0.85rem;
      background: var(--c-2E74B4);
      color: #fff;
      border-radius: 999px;
      padding: 0.75rem 1.15rem 0.75rem 1.25rem;
      font-weight: 800;
      font-size: 1.05rem;
      box-shadow: 0 0.9rem 2rem rgba(46,116,180,.25);
      transition:
        transform var(--dur) var(--ease),
        background-color var(--dur) var(--ease),
        box-shadow var(--dur) var(--ease);
      user-select: none;
      -webkit-tap-highlight-color: transparent;
    }
    
    .cta__btn:hover{
      background: var(--c-52DD09);
      box-shadow: 0 0.9rem 2rem rgba(82,221,9,.28);
    }
    
    .cta__btn:active{
      transform: translateY(0.08rem);
    }

    .cta__circle{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: background-color var(--dur) var(--ease);
}

   .cta__circle svg{
  width: 2rem;
  height: 2rem;
  stroke: var(--c-2E74B4);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke var(--dur) var(--ease);
}
.cta__btn:hover .cta__circle svg{
  stroke: var(--c-52DD09);
}

    @media (max-width: 1000px){
      .cta__inner{ padding: 4.2rem 0 4.2rem; }
      .cta__title{ font-size: 2.45rem; max-width: 22rem; }
      .cta__text{ font-size: 1.05rem; max-width: 22rem; color: rgba(255,255,255,.68); }
    }

    /* ===================== FOOTER ===================== */
    .footer{
      background: var(--c-2E74B4);
      color: rgba(255,255,255,.92);
      padding: 4.2rem 0 2.2rem;
      overflow: hidden;
    }

    .footer__grid{
      display: grid;
      grid-template-columns: 1.35fr 1.15fr 1.15fr;
      gap: 3.2rem;
      align-items: start;
    }

    .footer__logo{
      font-weight: 800;
      letter-spacing: -0.02em;
      font-size: 2.2rem;
      color: #fff;
      margin-bottom: 1.2rem;
    }

    .footer__desc{
      color: rgba(255,255,255,.78);
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 28rem;
    }

    .footer__follow{
      margin-top: 2.2rem;
    }

    .footer__h{
      font-weight: 800;
      font-size: 1.1rem;
      color: #fff;
      margin-bottom: 1.2rem;
    }

    .footer__social{
      display: inline-flex;
      align-items: center;
      gap: 0.9rem;
    }

    .social{
      width: 2.35rem;
      height: 2.35rem;
      border-radius: 999px;
      background: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0.7rem 1.4rem rgba(0,0,0,.12);
      transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      flex: 0 0 auto;
    }

    .social:hover{ opacity: .92; }
    .social:active{ transform: translateY(0.08rem); }

    .social svg{
      width: 1.05rem;
      height: 1.05rem;
      fill: none;
      stroke: var(--c-2E74B4);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer__lc{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.6rem;
    }

    .footer__links a,
    .footer__contact a{
      display: block;
      color: rgba(255,255,255,.82);
      font-size: 1.05rem;
      padding: 0.45rem 0;
      transition: opacity var(--dur) var(--ease);
      white-space: nowrap;
    }

    .footer__links a:hover,
    .footer__contact a:hover{ opacity: .85; }

    .footer__contact a{
      display: inline-flex;
      align-items: center;
      gap: 0.9rem;
      padding: 0.55rem 0;
      white-space: nowrap;
    }

    .footer__contact svg{
      width: 1.15rem;
      height: 1.15rem;
      fill: none;
      stroke: rgba(255,255,255,.85);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex: 0 0 auto;
    }

    .footer__sub p{
      color: rgba(255,255,255,.78);
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 26rem;
      margin-top: -0.2rem;
    }

    .footer__form{
      margin-top: 1.4rem;
      background: #fff;
      border-radius: 999px;
      padding: 0.25rem;
      display: flex;
      align-items: center;
      gap: 0.25rem;
      height: 3.25rem;
      max-width: 23.5rem;
    }

    .footer__form input{
      border: 0;
      outline: none;
      background: transparent;
      height: 100%;
      padding: 0 1.1rem;
      width: 100%;
      color: rgba(0,0,0,.7);
      font-size: 1.05rem;
      min-width: 0;
    }

    .footer__form button{
      height: 2.7rem;
      padding: 0 1.35rem;
      border-radius: 999px;
      background: var(--c-2E74B4);
      color: #fff;
      font-weight: 800;
      font-size: 1.05rem;
      border: 1px solid rgba(255,255,255,.35);
      flex: 0 0 auto;
      -webkit-tap-highlight-color: transparent;
      transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
    }
    
    .footer__form button:hover{

      background: var(--c-52DD09);

    }

    .footer__form button:hover{ opacity: .92; }
    .footer__form button:active{ transform: translateY(0.08rem); }

    .footer__hr{
      margin-top: 2.6rem;
      border: 0;
      height: 1px;
      background: rgba(255,255,255,.18);
    }

    .footer__bottom{
      margin-top: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.2rem;
      color: rgba(255,255,255,.72);
      font-size: 0.98rem;
      flex-wrap: wrap;
    }

    .footer__legal{
      color: rgba(255,255,255,.72);
      transition: opacity var(--dur) var(--ease);
      white-space: nowrap;
    }

    .footer__legal:hover{ opacity: .88; }

    @media (max-width: 1000px){
      .footer{ padding: 3.2rem 0 2.0rem; }
      .footer__grid{
        grid-template-columns: 1fr;
        gap: 2.2rem;
      }
      .footer__logo{ font-size: 2.0rem; }

      .footer__lc{
        grid-template-columns: 1fr;
        gap: 2.0rem;
      }

      .footer__form{
        max-width: 100%;
      }

      .footer__bottom{
        flex-direction: column;
        align-items: flex-start;
        gap: 0.8rem;
      }
    }

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

      [data-reveal]{
        opacity: 1 !important;
        transform: none !important;
      }
    }



    /* p2 */
/* ===================== SOLUTION PAGE HERO ===================== */
.solution-hero{
  padding: 1.25rem 0 1.5rem;
  text-align: center;
}

.solution-hero__title{
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.04;
  font-size: 4.1rem;
  color: #111;
}

.solution-hero__sub{
  margin: 1.55rem auto 0;
  max-width: 57rem;
  color: rgba(70,70,70,.62);
  font-size: 1.12rem;
  line-height: 1.62;
}

/* ===================== SOLUTIONS PAGE ===================== */
.solutions-page{
  padding: 1.25rem 0 2.8rem;
}

.solutions-desktop{
  display: grid;
  gap: 2rem;
}

.solution-block{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-height: 33.5rem;
  background: #fff;
}

.solution-block__content{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 1.45rem 1.55rem 1.7rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.solution-block__kicker{
  font-weight: 700;
  font-size: 0.96rem;
  line-height: 1.2;
  text-transform: uppercase;
  opacity: .98;
}

.solution-block__title{
  margin-top: 1rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-size: 2.1rem;
  max-width: 34rem;
}

.solution-block__text{
  margin-top: 1.3rem;
  font-size: 1.02rem;
  line-height: 1.52;
  color: rgba(255,255,255,.97);
  max-width: 35rem;
}

.solution-block__text strong{
  display: inline-block;
  margin-bottom: 0.35rem;
  font-weight: 800;
}

.solution-block__text ul{
  list-style: disc;
  padding-left: 1.35rem;
  margin-top: 0.5rem;
}

.solution-block__text li{
  margin: 0.26rem 0;
}

.solution-block__media{
  background: #E9E9E9;
  min-height: 33.5rem;
  overflow: hidden;
}

.solution-block__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-block--reverse .solution-block__media{
  order: 1;
}

.solution-block--reverse .solution-block__content{
  order: 2;
}

/* ===================== MOBILE SOLUTIONS SLIDER ===================== */
.solutions-mobile{
  display: none;
}

.solutions-mobile__viewport{
  margin-left: calc(var(--pad-mobile) * -1);
  margin-right: calc(var(--pad-mobile) * -1);
}

.solutions-mobile__track{
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.solutions-mobile__track::-webkit-scrollbar{
  display: none;
}

.solutions-mobile__slide{
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: start;
}

.solution-card-mobile{
  width: 100%;
}

.solution-card-mobile__visual{
  width: 100%;
  height: 15.65rem;
  background: #DCDCDC;
  overflow: hidden;
}

.solution-card-mobile__visual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-card-mobile__body{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 1.85rem 1.1rem 0.78rem;
}

.solution-card-mobile__kicker{
  text-align: center;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
}

.solution-card-mobile__title{
  margin-top: 1.15rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.98rem;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.solution-card-mobile__text{
  margin-top: 1.25rem;
  color: rgba(255,255,255,.96);
  font-size: 1rem;
  line-height: 1.55;
  text-align: left;
}

.solution-card-mobile__divider{
  margin-top: 1.35rem;
  height: 1px;
  background: rgba(255,255,255,.32);
  border: 0;
}

.solution-card-mobile__for{
  padding-top: 0.95rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
  color: rgba(255,255,255,.96);
  min-height: 4.8rem;
}

.solution-card-mobile__nav{
  margin-top: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution-arrow{
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.solution-arrow svg{
  width: 1.2rem;
  height: 1.2rem;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.solution-arrow--prev{
  border: 1px solid rgba(255,255,255,.78);
  background: transparent;
}

.solution-arrow--prev svg{
  stroke: #fff;
}

.solution-arrow--next{
  background: #66EE00;
  border: 1px solid #66EE00;
  box-shadow: 0 0.6rem 1.2rem rgba(102,238,0,.28);
}

.solution-arrow--next svg{
  stroke: #fff;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1000px){
  .solution-hero{
    padding: 2.05rem 0 1.25rem;
  }

  .solution-hero__title{
    font-size: 2.35rem;
    line-height: 1.05;
  }

  .solution-hero__sub{
    margin-top: 1rem;
    max-width: 20.8rem;
    font-size: 1rem;
    line-height: 1.72;
  }

  .solutions-page{
    padding: 1rem 0 2.7rem;
  }

  .solutions-desktop{
    display: none;
  }

  .solutions-mobile{
    display: block;
  }
}

@media (min-width: 1000.02px){
  .solutions-mobile{
    display: none;
  }
}
  
    /* ===================== FIX FOR INNER SOLUTIONS PAGE ===================== */
.page-solutions .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

.page-solutions .solution-hero{
  padding-top: 1.8rem;
}

.page-solutions .solution-hero__title{
  font-size: 4.1rem;
  line-height: 1.04;
}

.page-solutions .solution-hero__sub{
  margin-top: 1.55rem;
}

@media (max-width: 1000px){
  .page-solutions .header{
    position: relative;
    padding-top: 0.9rem;
  }

  .page-solutions .solution-hero{
    padding-top: 2.05rem;
  }

  .page-solutions .solution-hero__title{
    font-size: 2.35rem;
    line-height: 1.05;
  }
}

/* /p2 */
/* p3 */
/* ===================== SERVICE / SUPPORT PAGE ===================== */
.page-support .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

.support-hero{
  padding: 1.7rem 0 2rem;
  text-align: center;
}

.support-hero__title{
  font-weight: 700;
  font-size: 4.35rem;
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: #111;
}

.support-hero__blue{
  color: var(--c-2E74B4);
}

.support-hero__dark{
  color: #000;
}

.support-hero__sub{
  margin: 1.5rem auto 0;
  max-width: 58rem;
  color: rgba(70,70,70,.62);
  font-size: 1.12rem;
  line-height: 1.62;
}

.support-image-block{
  padding: 0 0 3.4rem;
}

.support-image-block__frame{
  width: 100%;
  height: 30rem;
  overflow: hidden;
  background: #ececec;
}

.support-image-block__frame img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.support-contact{
  padding: 0 0 3rem;
}

.support-contact__grid{
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 1.75rem;
  align-items: stretch;
}

.support-info-card{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 1.8rem 1.8rem 1.3rem;
}

.support-info-card__title{
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.03;
  letter-spacing: -0.04em;
  color: #fff;
  max-width: 34rem;
}

.support-info-card__rows{
  margin-top: 2rem;
}

.support-info-card__row{
  display: grid;
  grid-template-columns: 13rem 1fr;
  gap: 1.2rem;
  align-items: start;
  padding: 1.55rem 0;
  border-bottom: 1px solid rgba(255,255,255,.28);
}

.support-info-card__label{
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 700;
  color: rgba(255,255,255,.98);
}

.support-info-card__value{
  color: rgba(255,255,255,.94);
  font-size: 1rem;
  line-height: 1.5;
  text-align: right;
}

.support-info-card__value--link{
  text-decoration: underline;
  text-underline-offset: 0.15rem;
}

.support-info-card__hours{
  display: grid;
  gap: 0.7rem;
}

.support-info-card__socials{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.support-social{
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
  flex: 0 0 auto;
}

.support-social:hover{
  opacity: .92;
}

.support-social:active{
  transform: translateY(0.08rem);
}

.support-social svg{
  width: 0.95rem;
  height: 0.95rem;
  fill: none;
  stroke: var(--c-2E74B4);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.support-form-card{
  background: #fff;
  border-right: 0.28rem solid var(--c-2E74B4);
  border-bottom: 0.28rem solid var(--c-2E74B4);
  border-top: 1px solid rgba(0,0,0,.08);
  border-left: 1px solid rgba(0,0,0,.08);
}

.support-form-card__inner{
  padding: 1.8rem 1.65rem 1.55rem;
}

.support-form-card__title{
  max-width: 26rem;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #2d2d2d;
}

.support-form-card__line{
  margin: 1.45rem 0 1.5rem;
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.12);
}

.support-form{
  display: grid;
  gap: 1.28rem;
}

.support-form__field{
  display: grid;
  gap: 0.65rem;
}

.support-form__label{
  color: #2d2d2d;
  font-size: 1rem;
  line-height: 1.4;
}

.support-form__label strong{
  font-weight: 700;
}

.support-form__label span{
  color: rgba(45,45,45,.55);
  font-weight: 500;
}

.support-form input[type="text"],
.support-form input[type="email"],
.support-form textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #2d2d2d;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0 1rem;
  border-radius: 0;
  outline: none;
}

.support-form input[type="text"],
.support-form input[type="email"]{
  height: 3rem;
}

.support-form textarea{
  min-height: 5.4rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  resize: vertical;
}

.support-form input::placeholder,
.support-form textarea::placeholder{
  color: rgba(45,45,45,.42);
}

.support-form__radio-list{
  display: flex;
  align-items: center;
  gap: 1.3rem;
  flex-wrap: wrap;
}

.support-radio{
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  cursor: pointer;
  color: rgba(45,45,45,.68);
  font-size: 0.98rem;
  line-height: 1.4;
  user-select: none;
}

.support-radio input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.support-radio__dot{
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.28);
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}

.support-radio input:checked + .support-radio__dot::after{
  content: "";
  position: absolute;
  inset: 0.22rem;
  border-radius: 999px;
  background: #355b42;
}

.support-form__actions{
  display: flex;
  justify-content: flex-end;
  padding-top: 0.2rem;
}

.support-form__submit{
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: var(--c-2E74B4);
  color: #fff;
  border-radius: 999px;
  padding: 0.72rem 0.72rem 0.72rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
}

.support-form__submit:hover{
  opacity: .94;
}

.support-form__submit:active{
  transform: translateY(0.08rem);
}

.support-form__submit-circle{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.support-form__submit-circle svg{
  width: 1.95rem;
  height: 1.95rem;
  stroke: var(--c-2E74B4);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ===================== MOBILE ===================== */
@media (max-width: 1000px){
  .page-support .header{
    position: relative;
    padding-top: 0.9rem;
  }

  .support-hero{
    padding: 1.8rem 0 1.35rem;
  }

  .support-hero__title{
    font-size: 2.45rem;
    line-height: 1.06;
  }

  .support-hero__sub{
    margin-top: 1rem;
    max-width: 21rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .support-image-block{
    padding: 0 0 2rem;
  }

  .support-image-block__frame{
    height: 15rem;
  }

  .support-contact{
    padding: 0 0 2.3rem;
  }

  .support-contact__grid{
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .support-info-card{
    padding: 1.35rem 1.05rem 1rem;
  }

  .support-info-card__title{
    font-size: 2.4rem;
    line-height: 1.05;
    max-width: 100%;
  }

  .support-info-card__rows{
    margin-top: 1.3rem;
  }

  .support-info-card__row{
    grid-template-columns: 1fr;
    gap: 0.7rem;
    padding: 1rem 0;
  }

  .support-info-card__value{
    text-align: left;
    font-size: 0.98rem;
  }

  .support-info-card__socials{
    justify-content: flex-start;
  }

  .support-form-card__inner{
    padding: 1.25rem 1rem 1.2rem;
  }

  .support-form-card__title{
    max-width: 100%;
    font-size: 1.55rem;
    line-height: 1.25;
  }

  .support-form-card__line{
    margin: 1.1rem 0 1.15rem;
  }

  .support-form{
    gap: 1rem;
  }

  .support-form__radio-list{
    gap: 0.9rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .support-form__actions{
    justify-content: stretch;
  }

  .support-form__submit{
    width: 100%;
    justify-content: center;
  }
}
/* /p3 */
/* p4 */
/* ===================== ABOUT PAGE FIX ===================== */
.page-about .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

/* ===================== COMPANY HERO ===================== */
.company-hero{
  padding: 1.9rem 0 4rem;
  text-align: center;
}

.company-hero__title{
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.company-hero__blue{
  color: var(--c-2E74B4);
}

.company-hero__dark{
  color: #000;
}

.company-hero__sub{
  margin: 1.35rem auto 0;
  max-width: 68rem;
  color: rgba(70,70,70,.62);
  font-size: 1.12rem;
  line-height: 1.65;
}

.company-hero__frame{
  margin-top: 2.7rem;
  width: 100%;
  height: 38.2rem;
  background: #ECECEC;
  overflow: hidden;
}

.company-hero__frame img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===================== ABOUT COMPANY ===================== */
.about-company{
  padding: 1.2rem 0 5rem;
}

.about-company__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.4rem;
  align-items: start;
}

.about-company__content{
  padding-top: 0.2rem;
}

.about-company__kicker{
  font-weight: 800;
  color: var(--c-52DD09);
  letter-spacing: 0.02em;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.about-company__title{
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.04;
  font-size: 3.3rem;
  color: #000;
}

.about-company__text{
  margin-top: 2rem;
  color: rgba(61,61,61,.72);
  font-size: 1.1rem;
  line-height: 1.75;
/*   max-width: 37rem; */
}

.about-company__text p + p{
  margin-top: 1rem;
}

.about-company__media{
  width: 100%;
  height: 38.5rem;
  background: #ECECEC;
  overflow: hidden;
}

.about-company__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===================== PAGE SPACING OVERRIDES ===================== */
.page-about .values{
  padding-top: 1rem;
}

.page-about .cta__title{
  max-width: 76rem;
}

/* ===================== MOBILE ===================== */
@media (max-width: 1000px){
  .page-about .header{
    position: relative;
    padding-top: 0.9rem;
  }

  .company-hero{
    padding: 1.85rem 0 2.4rem;
  }

  .company-hero__title{
    font-size: 3.25rem;
    line-height: 1.05;
    letter-spacing: -0.04em;
  }

  .company-hero__sub{
    margin-top: 1.15rem;
    max-width: 22rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .company-hero__frame{
    margin-top: 1.9rem;
    height: 18.4rem;
  }

  .about-company{
    padding: 2.2rem 0 2.8rem;
  }

  .about-company__grid{
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .about-company__content{
    text-align: center;
    padding-top: 0;
  }

  .about-company__kicker{
    margin-bottom: 0.85rem;
  }

  .about-company__title{
    font-size: 2.55rem;
    line-height: 1.08;
  }

  .about-company__text{
    margin-top: 1.35rem;
    max-width: none;
    font-size: 1rem;
    line-height: 1.62;
    text-align: left;
  }

  .about-company__media{
    height: 18rem;
  }

  .page-about .values{
    padding-top: 0.2rem;
  }
}
/* /p4 */

/* p5 */
/* ===================== CONTACT PAGE FIX ===================== */
.page-contact .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

/* ===================== CONTACT HERO ===================== */
.contact-hero{
  padding: 2rem 0 3rem;
  text-align: center;
}

.contact-hero__title{
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.contact-hero__blue{
  color: var(--c-2E74B4);
}

.contact-hero__dark{
  color: #000;
}

.contact-hero__sub{
  margin: 1.35rem auto 0;
  max-width: 58rem;
  color: rgba(70,70,70,.62);
  font-size: 1.1rem;
  line-height: 1.62;
}

/* ===================== CONTACT MAIN ===================== */
.contact-main{
  padding: 0 0 3.2rem;
}

.contact-main__grid{
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 1.45rem;
  align-items: stretch;
}

.contact-info{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 1.85rem 1.55rem 1.25rem;
}

.contact-info__title{
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.03;
  letter-spacing: -0.05em;
  color: #fff;
  max-width: 32rem;
}

.contact-info__rows{
  margin-top: 1.9rem;
}

.contact-info__row{
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 1.2rem;
  align-items: start;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,.28);
}

.contact-info__label{
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 700;
  color: rgba(255,255,255,.98);
}

.contact-info__value{
  color: rgba(255,255,255,.94);
  font-size: 1rem;
  line-height: 1.52;
  text-align: right;
}

.contact-info__value--link{
  text-decoration: underline;
  text-underline-offset: 0.16rem;
}

.contact-info__hours{
  display: grid;
  gap: 0.72rem;
}

.contact-info__socials{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.contact-social{
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
  flex: 0 0 auto;
}

.contact-social:hover{
  opacity: .92;
}

.contact-social:active{
  transform: translateY(0.08rem);
}

.contact-social svg{
  width: 0.95rem;
  height: 0.95rem;
  fill: none;
  stroke: var(--c-2E74B4);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.contact-form-card{
  background: #fff;
  border-right: 0.28rem solid var(--c-2E74B4);
  border-bottom: 0.28rem solid var(--c-2E74B4);
  border-top: 1px solid rgba(0,0,0,.08);
  border-left: 1px solid rgba(0,0,0,.08);
}

.contact-form-card__inner{
  padding: 1.55rem 1.35rem 1.35rem;
}

.contact-form-card__title{
  max-width: 24rem;
  font-size: 1.95rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #2d2d2d;
}

.contact-form-card__line{
  margin: 1.25rem 0 1.35rem;
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.12);
}

.contact-form{
  display: grid;
  gap: 1.1rem;
}

.contact-form__field{
  display: grid;
  gap: 0.6rem;
}

.contact-form__label{
  color: #2d2d2d;
  font-size: 0.98rem;
  line-height: 1.4;
}

.contact-form__label strong{
  font-weight: 700;
}

.contact-form__label span{
  color: rgba(45,45,45,.55);
  font-weight: 500;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #2d2d2d;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0 1rem;
  border-radius: 0;
  outline: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"]{
  height: 3rem;
}

.contact-form textarea{
  min-height: 4.7rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color: rgba(45,45,45,.42);
}

.contact-form__radio-list{
  display: flex;
  align-items: center;
  gap: 1.15rem;
  flex-wrap: wrap;
}

.contact-radio{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: rgba(45,45,45,.68);
  font-size: 0.95rem;
  line-height: 1.4;
  user-select: none;
}

.contact-radio input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.contact-radio__dot{
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.28);
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}

.contact-radio input:checked + .contact-radio__dot::after{
  content: "";
  position: absolute;
  inset: 0.22rem;
  border-radius: 999px;
  background: #355b42;
}

.contact-form__actions{
  display: flex;
  justify-content: flex-end;
  padding-top: 0.1rem;
}

.contact-form__submit{
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: var(--c-2E74B4);
  color: #fff;
  border-radius: 999px;
  padding: 0.72rem 0.72rem 0.72rem 1.2rem;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.2;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
}

.contact-form__submit:hover{
  opacity: .94;
}

.contact-form__submit:active{
  transform: translateY(0.08rem);
}

.contact-form__submit-circle{
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.contact-form__submit-circle svg{
  width: 1.95rem;
  height: 1.95rem;
  stroke: var(--c-2E74B4);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ===================== MOBILE ===================== */
@media (max-width: 1000px){
  .page-contact .header{
    position: relative;
    padding-top: 0.9rem;
  }

  .contact-hero{
    padding: 1.8rem 0 1.55rem;
  }

  .contact-hero__title{
    font-size: 2.7rem;
    line-height: 1.08;
    letter-spacing: -0.04em;
  }

  .contact-hero__sub{
    margin-top: 1rem;
    max-width: 20.8rem;
    font-size: 1rem;
    line-height: 1.62;
  }

  .contact-main{
    padding: 0 0 2.4rem;
    background: #EFEFEF;
  }

  .contact-main .container{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .contact-main__grid{
    grid-template-columns: 1fr;
    gap: 0;
  }

  .contact-info{
    order: 1;
    background: transparent;
    color: #111;
    padding: 1.45rem 0.2rem 0.2rem;
  }

  .contact-info__title{
    font-size: 2.45rem;
    line-height: 1.08;
    max-width: 100%;
    text-align: center;
    color: var(--c-2E74B4);
  }

  .contact-info__rows{
    margin-top: 1.45rem;
  }

  .contact-info__row{
    grid-template-columns: 1fr;
    gap: 0.6rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0,0,0,.22);
  }

  .contact-info__label{
    color: var(--c-2E74B4);
    font-size: 1rem;
  }

  .contact-info__value{
    text-align: left;
    color: #1E1E1E;
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .contact-info__socials{
    justify-content: flex-start;
  }

  .contact-social{
    background: var(--c-2E74B4);
  }

  .contact-social svg{
    stroke: #fff;
  }

  .contact-form-card{
    order: 2;
    margin-top: 1.2rem;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid rgba(0,0,0,.08);
    border-left: 1px solid rgba(0,0,0,.08);
    background: #fff;
  }

  .contact-form-card__inner{
    padding: 1.1rem 0.85rem 1rem;
  }

  .contact-form-card__title{
    max-width: 100%;
    font-size: 1.58rem;
    line-height: 1.24;
  }

  .contact-form-card__line{
    margin: 1rem 0 1.1rem;
  }

  .contact-form{
    gap: 1rem;
  }

  .contact-form__radio-list{
    flex-wrap: wrap;
    gap: 0.9rem 1.1rem;
  }

  .contact-form textarea{
    min-height: 4.3rem;
  }

  .contact-form__actions{
    justify-content: center;
    padding-top: 0.2rem;
  }

  .contact-form__submit{
    width: 100%;
    justify-content: center;
    max-width: 16rem;
  }
}
/* /p5 */

/*news*/
/* ===================== NEWS ===================== */

/* header on news pages */
.page-news .header,
.page-single-news .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

.page-news .logo,
.page-single-news .logo{
  display: inline-flex;
  align-items: center;
}

.page-news .logo img,
.page-single-news .logo img{
  display: block;
  width: auto;
  max-height: 3rem;
}

/* listing page */
.news-hero{
  padding: 2.1rem 0 2.8rem;
  text-align: center;
}

.news-hero__title{
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.03;
  font-size: 4.15rem;
  color: #111;
}

.news-hero__sub{
  margin: 1.2rem auto 0;
  max-width: 52rem;
  color: rgba(61,61,61,.68);
  font-size: 1.12rem;
  line-height: 1.72;
}

.news-listing{
  padding: 0 0 5rem;
}

.news-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.news-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  min-height: 100%;
  transition:
    transform var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease),
    border-color var(--dur) var(--ease);
}

.news-card:hover{
  transform: translateY(-0.2rem);
  box-shadow: 0 1rem 2rem rgba(0,0,0,.08);
  border-color: rgba(46,116,180,.18);
}

.news-card__link{
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.news-card__thumb{
  width: 100%;
  height: 16rem;
  background: #E9E9E9;
  overflow: hidden;
}

.news-card__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--ease);
}

.news-card:hover .news-card__thumb img{
  transform: scale(1.04);
}

.news-card__thumb-empty{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(61,61,61,.45);
  font-weight: 700;
  font-size: 1rem;
}

.news-card__body{
  padding: 1.25rem 1.25rem 1.35rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.news-card__meta{
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.news-card__cat{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0 0.85rem;
  border-radius: 999px;
  background: rgba(82,221,9,.14);
  color: #2f7d08;
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.news-card__date{
  color: rgba(61,61,61,.56);
  font-size: 0.92rem;
  font-weight: 600;
}

.news-card__title{
  margin-top: 1.35rem;
  font-size: 1.45rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #111;
}

.news-card__more{
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  width: fit-content;
  background: var(--c-2E74B4);
  color: #fff;
  border-radius: 999px;
  padding: 0.58rem 0.58rem 0.58rem 1.15rem;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  box-shadow: 0 0.7rem 1.4rem rgba(46,116,180,.18);
  transition:
    transform var(--dur) var(--ease),
    background-color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease);
}

.news-card__more-circle{
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: background-color var(--dur) var(--ease);
}

.news-card__more-circle svg{
  width: 1.45rem;
  height: 1.45rem;
  stroke: var(--c-2E74B4);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke var(--dur) var(--ease);
}

.news-card__link:hover .news-card__more{
  background: var(--c-52DD09);
  box-shadow: 0 0.9rem 2rem rgba(82,221,9,.28);
}

.news-card__link:hover .news-card__more-circle svg{
  stroke: var(--c-52DD09);
}

.news-empty{
  padding: 4rem 0;
  text-align: center;
}

.news-empty h2{
  font-size: 2rem;
  color: #111;
}

.news-empty p{
  margin-top: 0.8rem;
  color: rgba(61,61,61,.66);
  font-size: 1.05rem;
}

/* pagination */
.news-pagination{
  margin-top: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.news-page-btn{
  min-width: 3.1rem;
  height: 3.1rem;
  padding: 0 0.85rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(0,0,0,.16);
  background: #fff;
  color: #2d2d2d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  transition:
    transform var(--dur) var(--ease),
    background-color var(--dur) var(--ease),
    border-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease);
}

a.news-page-btn:hover{
  transform: translateY(-0.08rem);
}

.news-page-btn.current{
  background: var(--c-52DD09);
  border-color: var(--c-52DD09);
  color: #fff;
  box-shadow: 0 0.7rem 1.4rem rgba(82,221,9,.22);
}

a.news-page-btn.news-page-btn--edge{
  background: var(--c-2E74B4);
  border-color: var(--c-2E74B4);
  color: #fff;
  box-shadow: 0 0.7rem 1.4rem rgba(46,116,180,.20);
}

span.news-page-btn.news-page-btn--edge.is-disabled{
  background: #fff;
  color: #2d2d2d;
  box-shadow: none;
}

.news-page-btn.dots{
  min-width: auto;
  padding: 0 0.45rem;
  border-color: transparent;
  background: transparent;
}

/* single news */
.news-single{
  padding: 2.4rem 0 5rem;
}

.news-single__header{
  max-width: 56rem;
  margin: 0 auto;
  text-align: center;
}

.news-back-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--c-2E74B4);
  font-weight: 700;
  font-size: 1rem;
  transition: color var(--dur) var(--ease);
}

.news-back-link:hover{
  color: var(--c-52DD09);
}

.news-single__meta{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.news-single__cat{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0 0.85rem;
  border-radius: 999px;
  background: rgba(82,221,9,.14);
  color: #2f7d08;
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.news-single__date{
  color: rgba(61,61,61,.58);
  font-size: 0.96rem;
  font-weight: 600;
}

.news-single__title{
  margin-top: 1rem;
  font-size: 4rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: #111;
}

.news-single__image{
  margin: 2rem auto 0;
  width: 100%;
  max-width: 84rem;
  height: 36rem;
  background: #E9E9E9;
  overflow: hidden;
}

.news-single__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-single__content{
  margin: 2rem auto 0;
  max-width: 56rem;
  color: rgba(61,61,61,.78);
  font-size: 1.08rem;
  line-height: 1.9;
  text-align: center;
}

.news-single__content h2,
.news-single__content h3,
.news-single__content h4{
  margin: 2rem 0 1rem;
  color: #111;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.news-single__content h2{
  font-size: 2.2rem;
  font-weight: 800;
}

.news-single__content h3{
  font-size: 1.7rem;
  font-weight: 800;
}

.news-single__content p{
  margin: 0 0 1.1rem;
}

.news-single__content ul,
.news-single__content ol{
  display: inline-block;
  margin: 0 0 1.2rem;
  padding-left: 1.4rem;
  text-align: left;
}

.news-single__content li{
  margin-bottom: 0.55rem;
}

.news-single__content img{
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* mobile */
@media (max-width: 1000px){
  .page-news .header,
  .page-single-news .header{
    padding-top: 0.9rem;
  }

  .page-news .logo img,
  .page-single-news .logo img{
    max-height: 2.4rem;
  }

  .news-hero{
    padding: 1.8rem 0 1.8rem;
  }

  .news-hero__title{
    font-size: 2.5rem;
    line-height: 1.08;
  }

  .news-hero__sub{
    max-width: 21rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .news-listing{
    padding: 0 0 3rem;
  }

  .news-grid{
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .news-card__thumb{
    height: 13.8rem;
  }

  .news-card__title{
    font-size: 1.28rem;
  }

  .news-card__more{
    font-size: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
  }

  .news-pagination{
    margin-top: 2rem;
    gap: 0.35rem;
  }

  .news-page-btn{
    min-width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.65rem;
    font-size: 0.95rem;
  }

  .news-single{
    padding: 1.8rem 0 3rem;
  }

  .news-single__header{
    max-width: 22rem;
  }

  .news-back-link{
    margin-bottom: 0.8rem;
    font-size: 0.95rem;
  }

  .news-single__title{
    font-size: 2.45rem;
    line-height: 1.08;
  }

  .news-single__image{
    margin-top: 1.4rem;
    height: 15rem;
  }

  .news-single__content{
    margin-top: 1.4rem;
    font-size: 1rem;
    line-height: 1.72;
  }

  .news-single__content h2{
    font-size: 1.7rem;
  }

  .news-single__content h3{
    font-size: 1.35rem;
  }

  .news-single__content ul,
  .news-single__content ol{
    display: block;
    width: 100%;
  }
}
/*/news*/

/* ===================== PRODUCTS ===================== */

.post-type-archive-product .header,
.single-product .header{
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding-top: 1.2rem;
}

.post-type-archive-product .logo,
.single-product .logo{
  display: inline-flex;
  align-items: center;
}

.post-type-archive-product .logo img,
.single-product .logo img{
  display: block;
  max-height: 3rem;
  width: auto;
}

/* archive hero */
.prod-hero{
  padding: 2.1rem 0 2.8rem;
  text-align: center;
}

.prod-hero__title{
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.03;
  font-size: 4.15rem;
  color: #111;
}

.prod-hero__sub{
  margin: 1.2rem auto 0;
  max-width: 56rem;
  color: rgba(61,61,61,.68);
  font-size: 1.12rem;
  line-height: 1.72;
}

.prod-list{ padding: 0 0 5rem; }

.prod-rows{
  display: grid;
  gap: 2.2rem;
}

.prod-row{
  padding: 2.2rem 0;
  border-top: 1px solid rgba(0,0,0,.08);
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 2.2rem;
  align-items: center;
}

.prod-row:first-child{ border-top: 0; }

.prod-row__kicker{
  color: var(--c-52DD09);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}

.prod-row__title{
  margin-top: 0.6rem;
  font-size: 2.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.12;
  color: #111;
}

.prod-row__text{
  margin-top: 0.9rem;
  color: rgba(61,61,61,.72);
  font-size: 1.02rem;
  line-height: 1.7;
  max-width: 36rem;
}

.prod-row__right{
  width: 100%;
/*   height: 16.5rem; */
  background: #E9E9E9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-row__right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prod-row__ph{
  width: 100%;
  height: 100%;
  background: #D9D9D9;
}

/* button (same style as other pages) */
.prod-btn{
  margin-top: 1.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  width: fit-content;
  background: var(--c-2E74B4);
  color: #fff;
  border-radius: 999px;
  padding: 0.58rem 0.58rem 0.58rem 1.15rem;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  box-shadow: 0 0.7rem 1.4rem rgba(46,116,180,.18);
  transition:
    transform var(--dur) var(--ease),
    background-color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease);
}

.prod-btn__circle{
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.prod-btn__circle svg{
  width: 1.45rem;
  height: 1.45rem;
  stroke: var(--c-2E74B4);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke var(--dur) var(--ease);
}

.prod-btn:hover{
  background: var(--c-52DD09);
  box-shadow: 0 0.9rem 2rem rgba(82,221,9,.28);
}

.prod-btn:hover .prod-btn__circle svg{
  stroke: var(--c-52DD09);
}

.prod-btn--center{
  margin-left: auto;
  margin-right: auto;
}

/* single top */
.prod-top{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 2.8rem 0 3rem;
}

.prod-back{
  display: inline-flex;
  margin-bottom: 1.4rem;
  color: rgba(255,255,255,.92);
  font-weight: 700;
  transition: opacity var(--dur) var(--ease);
}

.prod-back:hover{ opacity: .88; }

.prod-top__grid{
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.1fr;
  gap: 1.6rem;
  align-items: start;
}

.prod-top .sec-kicker{
  color: rgba(255,255,255,.88);
}

.prod-top__title{
  margin-top: 0.6rem;
  font-size: 3.2rem;
  line-height: 1.06;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: #fff;
}

.prod-top__text{
  margin-top: 1.2rem;
  color: rgba(255,255,255,.86);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 32rem;
}

.prod-top__media{
  width: 100%;
  height: 26rem;
  background: rgba(255,255,255,.12);
  overflow: hidden;
}

.prod-top__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prod-top__ph{
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.18);
}

.pbenefit{
  display: grid;
  grid-template-columns: 3.1rem 1fr;
  gap: 1rem;
  align-items: start;
  padding: 0.75rem 0;
}

.pbenefit__ico{
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pbenefit__ico img{
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}

.pbenefit__dot{
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 999px;
  background: var(--c-52DD09);
}

.pbenefit__title{
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.25;
}

.pbenefit__text{
  margin-top: 0.35rem;
  color: rgba(255,255,255,.82);
  font-size: 0.98rem;
  line-height: 1.55;
}

/* sections */
.prod-section{
  padding: 3.2rem 0 2.8rem;
}

.prod-h2{
  margin-top: 2.2rem;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111;
}

.prod-h2:first-child{ margin-top: 0; }

.prod-wysiwyg{
  margin-top: 1rem;
  color: rgba(61,61,61,.78);
  font-size: 1.05rem;
  line-height: 1.8;
}

.prod-specbox{
  margin-top: 1.2rem;
  background: #F2F2F2;
  padding: 1.35rem 1.25rem;
  color: rgba(61,61,61,.78);
  font-size: 1.02rem;
  line-height: 1.75;
}

.prod-gallery{
  margin-top: 1.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}

.prod-gallery__item{
  height: 13.5rem;
  background: #E9E9E9;
  overflow: hidden;
}

.prod-gallery__item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CTA */
.prod-cta{
  padding: 3.2rem 0 4rem;
  background: #F2F2F2;
  text-align: center;
}

.prod-cta__title{
  font-size: 3.2rem;
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
  color: var(--c-2E74B4);
  max-width: 70rem;
  margin: 0 auto;
}

.prod-cta__text{
  margin: 1rem auto 0;
  color: rgba(61,61,61,.68);
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 44rem;
}

/* responsive */
@media (max-width: 1000px){
  .post-type-archive-product .header,
  .single-product .header{
    padding-top: 0.9rem;
  }

  .post-type-archive-product .logo img,
  .single-product .logo img{
    max-height: 2.4rem;
  }

  .prod-hero__title{ font-size: 2.6rem; }
  .prod-hero__sub{ max-width: 22rem; font-size: 1rem; }

  .prod-row{
    grid-template-columns: 1fr;
    gap: 1.2rem;
    padding: 1.8rem 0;
  }
  .prod-row__right{ height: 14.5rem; }

  .prod-top__grid{
    grid-template-columns: 1fr;
  }
  .prod-top__media{ height: 16rem; }
  .prod-top__title{ font-size: 2.4rem; }

  .prod-gallery{
    grid-template-columns: 1fr;
  }
  .prod-gallery__item{ height: 12rem; }

  .prod-cta__title{ font-size: 2.4rem; max-width: 22rem; }
  .prod-cta__text{ max-width: 22rem; }
}

/* 222 */
/* =========================
   FOOTER NEW
========================= */
.footer{
  background: #3779B8;
  padding: 3.75rem 0 2rem;
  color: #fff;
  overflow: hidden;
}

.footer .container{
  width: min(100%, 90rem);
  margin: 0 auto;
  padding: 0 2rem;
}

.footer__grid{
  display: grid;
  grid-template-columns: minmax(16rem, 34rem) minmax(16rem, 24rem) minmax(16rem, 24rem);
  justify-content: space-between;
  gap: 3rem 4rem;
  align-items: start;
}

.footer__brand{
  max-width: 30rem;
}

.footer__logo-link{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 1.75rem;
}

.footer__logo-img{
  display: block;
  width: auto;
  max-width: 9rem;
  height: auto;
  object-fit: contain;
}

.footer__desc{
  margin: 0;
  max-width: 29rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}

.footer__lc{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}

.footer__h{
  margin: 0 0 1.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #fff;
}

.footer__links,
.footer__contact,
.footer__sub{
  min-width: 0;
}

.footer__links a,
.footer__contact a,
.footer__legal{
  text-decoration: none;
}

.footer__links a{
  display: block;

  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.35;
  color: rgba(255,255,255,.92);
  transition: opacity .25s ease;
}

.footer__links a:last-child{
  margin-bottom: 0;
}

.footer__links a:hover{
  opacity: .75;
}

.footer__contact-link{
  display: inline-flex;
  align-items: center;
  gap: .875rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.35;
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-underline-offset: .2rem;
  transition: opacity .25s ease;
}

.footer__contact-link:hover{
  opacity: .75;
}

.footer__contact-link svg{
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  stroke: #fff;
  stroke-width: 1.8;
  fill: none;
  opacity: .95;
}

.footer__sub p{
  margin: 0 0 1.75rem;
  max-width: 22rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}
.footer__form{
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  max-width: 35rem;
  padding: .35rem;
  background: #F3F3F3;
  border-radius: 999rem;
  overflow: hidden;
  box-sizing: border-box;
}

.footer__form input{
  flex: 1 1 auto;
  min-width: 0;
  height: 3.8rem;
  padding: 0 1.4rem;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  color: #1d1d1d;
}

.footer__form input::placeholder{
  color: rgba(0,0,0,.45);
}

.footer__form button{
  flex: 0 0 auto;
  height: 2.5rem;
  min-width: 6.3rem;
  padding: 0 1.4rem;
  border: 0;
  border-radius: 999rem;
  background: #3779B8;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  position: static;
  transition: opacity .25s ease, transform .25s ease;
}

.footer__form button:hover{
  opacity: .92;
  transform: translateY(-1px);
}

.footer__hr{
  margin: 3.5rem 0 2rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.14);
}

.footer__bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: .5rem;
}

.footer__copyright{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  color: rgba(255,255,255,.56);
}

.footer__legal{
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  color: rgba(255,255,255,.56);
  transition: opacity .25s ease;
}

.footer__legal:hover{
  opacity: .75;
}

/* =========================
   TABLET
========================= */
@media (max-width: 1100px){
  .footer__grid{
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 2.5rem;
  }

  .footer__brand{
    max-width: none;
    grid-column: 1 / -1;
  }

  .footer__sub{
    grid-column: 1 / -1;
  }

  .footer__sub p{
    max-width: 34rem;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px){
  .footer{
    padding: 3rem 0 1.5rem;
  }

  .footer .container{
    padding: 0 1rem;
  }

  .footer__grid{
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer__lc{
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer__logo-link{
    margin-bottom: 1.25rem;
  }

  .footer__logo-img{
    max-width: 7.5rem;
  }

  .footer__desc,
  .footer__sub p,
  .footer__links a,
  .footer__contact-link{
    font-size: 1rem;
  }

  .footer__sub p{
    max-width: none;
    margin-bottom: 1.25rem;
  }



  .footer__form button{
    top: .375rem;
    right: .375rem;
    height: 2.75rem;
    min-width: 4.4rem;
    font-size: .95rem;
  }

  .footer__hr{
    margin: 2.5rem 0 1.5rem;
  }

  .footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: .85rem;
  }

  .footer__copyright,
  .footer__legal{
    font-size: .95rem;
  }
}
/*  */
/* =========================
   FOOTER LOGO + BOTTOM FIX
========================= */

.footer__logo-box{
  width: 100%;
  max-width: 34rem; /* тут зменшуй/збільшуй лого */
  margin-bottom: 1.75rem;
}

.footer__brand .logo{
  display: block;
  width: 100%;
  text-decoration: none;
}

.footer__brand .logo img{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* якщо треба ще менше лого */
@media (max-width: 1440px){
  .footer__logo-box{
    max-width: 30rem;
  }
}

.footer__hr{
  display: block;
  width: 100%;
  height: 1px;
  margin: 3.25rem 0 1.75rem;
  border: 0;
  background: rgba(255,255,255,.14);
}

.footer__bottom{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  padding-bottom: .25rem;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.footer__copyright{
  display: block !important;
  font-size: 1rem;
  line-height: 1.4;
  color: rgba(255,255,255,.68) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.footer__legal{
  display: inline-block !important;
  font-size: 1rem;
  line-height: 1.4;
  color: rgba(255,255,255,.68) !important;
  text-decoration: none;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity .25s ease;
}

.footer__legal:hover{
  opacity: .8 !important;
}

@media (max-width: 767px){
  .footer__logo-box{
    max-width: 16rem;
    margin-bottom: 1.25rem;
  }

  .footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: .85rem;
  }

  .footer__copyright,
  .footer__legal{
    font-size: .95rem;
  }
}
.footer__logo-box {
    width: 13rem;
}
.footer__vate-link{
  color: inherit;
  text-decoration: none;
  transition: opacity .25s ease;
}

.footer__vate-link:hover{
  opacity: .8;
}
/*  */
/* ===== Contact form button hover ===== */
.contact-form__submit,
.support-form__submit {
  transition:
    background-color .35s ease,
    border-color .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}

.contact-form__submit-circle,
.support-form__submit-circle {
  transition:
    background-color .35s ease,
    border-color .35s ease,
    color .35s ease,
    transform .35s ease;
}

.contact-form__submit-circle svg path,
.support-form__submit-circle svg path {
  transition: stroke .35s ease;
}

/* hover */
.contact-form__submit:hover,
.support-form__submit:hover {
  background: #52DD09;
  border-color: #52DD09;
  color: #fff;
}

.contact-form__submit:hover .contact-form__submit-circle,
.support-form__submit:hover .support-form__submit-circle {
  background: #fff;
  border-color: #fff;
  transform: none; /* щоб кружечок не їхав */
}

.contact-form__submit:hover .contact-form__submit-circle svg path,
.support-form__submit:hover .support-form__submit-circle svg path {
  stroke: #52DD09;
}
/* Плавний hover-підйом тільки для потрібних кнопок */
.cta-top,
.prod-btn,
.contact-form__submit,
.support-form__submit,
.footer__form button,
.cta__btn,
.btn-read {
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background-color .35s ease,
    border-color .35s ease,
    color .35s ease;
  will-change: transform;
}

.cta-top:hover,
.prod-btn:hover,
.contact-form__submit:hover,
.support-form__submit:hover,
.footer__form button:hover,
.cta__btn:hover,
.btn-read:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.cta-top:active,
.prod-btn:active,
.contact-form__submit:active,
.support-form__submit:active,
.footer__form button:active,
.cta__btn:active,
.btn-read:active {
  transform: translateY(-1px);
}

































/*  */
/* ===================== HOME NEW HERO / ABOUT / VALUES ===================== */

.hero.hero--video{
  min-height: 100vh;
  background: #d9d9d9;
  overflow: hidden;
}

.hero__video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.hero__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.68) 100%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.10) 0,
      rgba(255,255,255,.10) 6.25rem,
      rgba(0,0,0,.025) 6.25rem,
      rgba(0,0,0,.025) 12.5rem
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.08) 0,
      rgba(255,255,255,.08) 6.25rem,
      rgba(0,0,0,.02) 6.25rem,
      rgba(0,0,0,.02) 12.5rem
    );
  pointer-events: none;
}

.hero.hero--video .hero__inner{
  position: relative;
  z-index: 2;
  min-height: 100vh;
}

.hero.hero--video .hero__content{
  min-height: 100vh;
  padding-top: calc(var(--headerH) + 3.2rem);
  padding-bottom: 5rem;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.hero.hero--video .hero__title{
  max-width: 58rem;
  margin: 0 auto;
  font-size: 4.5rem;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.055em;
  color: #2F2F31;
}

.hero.hero--video .hero__bottom{
  margin-top: 1.35rem;
  max-width: 45rem;
}

.hero.hero--video .hero__desc{
  max-width: 43rem;
  margin: 0 auto;
  font-size: 1.15rem;
  line-height: 1.55;
  color: rgba(61,61,61,.58);
}

.hero.hero--video .btn-read{
  margin-top: 2rem;
}

/* ABOUT second block */
.home-about{
  padding: 4.7rem 0 5.5rem;
}

.home-about .about__grid{
  margin-top: 0;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 4.4rem;
  align-items: center;
}

.home-about .about__kicker{
  margin-bottom: 1.35rem;
  font-size: 0.9rem;
  color: var(--c-52DD09);
}

.home-about .about__title{
  font-size: 3.05rem;
  line-height: 1.04;
  font-weight: 800;
  color: #000;
}

.home-about .about__text{
  margin-top: 2rem;
  max-width: 35rem;
  font-size: 1.35rem;
  line-height: 1.58;
  color: rgba(61,61,61,.72);
}

.home-about .about__btn{
  margin-top: 2.6rem;
}

.home-about .about__media{
  height: 27.5rem;
  background: #e9e9e9;
}

.home-about .about__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* VALUES third block */
.home-values{
  padding: 4.8rem 0 5.5rem;
  background: #fff;
}

.home-values .values__head{
  display: block;
  text-align: center;
}

.home-values .values__left{
  text-align: center;
}

.home-values .sec-kicker{
  margin-bottom: 1rem;
}

.home-values .values__title{
  font-size: 3.05rem;
  line-height: 1.08;
  font-weight: 800;
  color: #303033;
}

.home-values .values__right{
  display: none;
}

.values__grid--five{
  margin-top: 2.85rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.7rem;
}

.values__grid--five .v-card{
  min-height: 10rem;
  padding: 2rem 1.35rem;
  background: #f2f2f2;
  box-shadow: 0 0.25rem 0.45rem rgba(0,0,0,.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.05rem;
  text-align: center;
  transition:
    transform var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease),
    background-color var(--dur) var(--ease);
}

.values__grid--five .v-card:hover{
  transform: translateY(-0.25rem);
  box-shadow: 0 0.65rem 1.4rem rgba(0,0,0,.13);
}

.values__grid--five .v-ico{
  width: 2.55rem;
  height: 2.55rem;
  margin: 0;
}

.values__grid--five .v-ico img,
.values__grid--five .v-ico svg{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.values__grid--five .v-ico svg{
  fill: none;
  stroke: var(--c-2E74B4);
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.values__grid--five .v-title{
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 800;
  color: #111;
}

.values__grid--five .v-text{
  display: none;
}

/* responsive */
@media (max-width: 1000px){
  .hero.hero--video{
    min-height: auto;
  }

  .hero.hero--video .hero__inner{
    min-height: auto;
  }

  .hero.hero--video .header{
    position: absolute;
    padding-top: 0.9rem;
  }

  .hero.hero--video .hero__content{
    min-height: 38rem;
    padding-top: 8rem;
    padding-bottom: 5rem;
  }

  .hero.hero--video .hero__title{
    max-width: 22rem;
    font-size: 2.45rem;
    line-height: 1.1;
  }

  .hero.hero--video .hero__bottom{
    margin-top: 1.15rem;
    max-width: 22rem;
  }

  .hero.hero--video .hero__desc{
    font-size: 1rem;
    line-height: 1.55;
  }

  .home-about{
    padding: 3rem 0 3.2rem;
  }

  .home-about .about__grid{
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .home-about .about__left{
    text-align: center;
  }

  .home-about .about__title{
    font-size: 2.35rem;
  }

  .home-about .about__text{
    margin-top: 1.3rem;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.05rem;
    line-height: 1.65;
  }

  .home-about .about__btn{
    margin-top: 1.7rem;
  }

  .home-about .about__media{
    height: 15.8rem;
    order: -1;
  }

  .home-values{
    padding: 3rem 0 3.2rem;
  }

  .home-values .values__title{
    font-size: 2.25rem;
  }

  .values__grid--five{
    margin-top: 1.7rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .values__grid--five .v-card{
    min-height: 7.8rem;
    padding: 1.55rem 1.2rem;
  }

  .values__grid--five .v-title{
    color: #111;
  }
}
/* 2 */
/* ===================== HOME PRODUCTS NEW ===================== */

.products.products--home{
  padding: 5.2rem 0 5.2rem;
  background: #fff;
}

.products-home__head{
  text-align: center;
}

.products-home__head .sec-kicker{
  margin-bottom: 0.75rem;
}

.products-home__title{
  margin: 0 auto;
  max-width: 68rem;
  font-size: 3rem;
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #303033;
}

.products-home__subtitle{
  margin: 0.75rem auto 0;
  max-width: 52rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(61,61,61,.58);
}

.products-home__grid{
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
}

.product-home-card{
  background: #f2f2f2;
  min-height: 22.8rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.product-home-card__media{
  width: 100%;
  height: 22.4rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.product-home-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* якщо твоя картинка не має обрізатися, тоді в рядку вище object-fit: cover; заміни на contain */

.product-home-card__body{
  padding: 1.55rem 1.75rem 1.45rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-home-card__title{
  font-size: 1.45rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #000;
}

.product-home-card__text{
  margin-top: 0.95rem;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(61,61,61,.72);
}

.product-home-card__actions{
  margin-top: auto;
  padding-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.product-home-card__btn{
  margin-top: 0;
  padding: 0.58rem 0.55rem 0.58rem 1.05rem;
  gap: 0.65rem;
  font-size: 0.78rem;
  box-shadow: none;
}

.product-home-card__btn .btn-read__circle{
  width: 1.85rem;
  height: 1.85rem;
}

.product-home-card__btn .btn-read__circle svg{
  width: 1.55rem;
  height: 1.55rem;
}

.product-home-card__download{
  min-height: 2.95rem;
  padding: 0 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(61,61,61,.18);
  color: rgba(61,61,61,.48);
  background: transparent;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition:
    border-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    background-color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.product-home-card__download:hover{
  border-color: var(--c-2E74B4);
  color: var(--c-2E74B4);
  background: rgba(46,116,180,.06);
}

.product-home-card__download:active{
  transform: translateY(0.08rem);
}

@media (max-width: 1000px){
  .products.products--home{
    padding: 3rem 0 3.2rem;
  }

  .products-home__title{
    max-width: 22rem;
    font-size: 2.25rem;
  }

  .products-home__subtitle{
    max-width: 22rem;
    font-size: 1rem;
  }

  .products-home__grid{
    margin-top: 1.8rem;
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .product-home-card{
    min-height: auto;
  }

  .product-home-card__media{
    height: 11.5rem;
  }

  .product-home-card__body{
    padding: 1.35rem 1.2rem 1.35rem;
  }

  .product-home-card__title{
    font-size: 1.35rem;
  }

  .product-home-card__text{
    font-size: 1rem;
  }

  .product-home-card__actions{
    gap: 0.7rem;
  }

  .product-home-card__download{
    min-height: 2.75rem;
    padding: 0 1rem;
    font-size: 0.76rem;
  }
}
/* 3 */
/* ===================== HOME SOLUTIONS NEW ===================== */

.solutions.solutions--home{
  padding: 5.2rem 0 5.4rem;
  background: #f4f4f4;
}

.solutions-home__head{
  max-width: 78rem;
  text-align: left;
}

.solutions-home__head .sec-kicker{
  margin-bottom: 1.05rem;
}

.solutions-home__title{
  max-width: 74rem;
  font-size: 3.05rem;
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #303033;
}

.solutions-home__subtitle{
  margin-top: 1.15rem;
  max-width: 75rem;
  font-size: 1.28rem;
  line-height: 1.55;
  color: rgba(61,61,61,.72);
}

.solutions-home__grid{
  margin-top: 3.05rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.solution-home-card{
  min-width: 0;
  background: #fff;
  border-radius: 0.65rem;
  overflow: hidden;
  box-shadow: 0 0.35rem 1.2rem rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  transition:
    transform var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease);
}

.solution-home-card:hover{
  transform: translateY(-0.25rem);
  box-shadow: 0 0.75rem 1.8rem rgba(0,0,0,.12);
}

.solution-home-card__body{
  min-height: 23rem;
  padding: 1.45rem 1.15rem 1.35rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.solution-home-card__number{
  width: fit-content;
  min-width: 2.55rem;
  height: 2.1rem;
  margin-bottom: 1.35rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(46,116,180,.08);
  color: var(--c-2E74B4);
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.solution-home-card__title{
  font-size: 1.22rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #111;
}

.solution-home-card__text{
  margin: 1rem 0 0;
  max-width: none;
  font-size: 0.92rem;
  line-height: 1.55;
  color: rgba(61,61,61,.68);
}

.solution-home-card__link{
  margin-top: auto;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(61,61,61,.10);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  color: var(--c-2E74B4);
  font-size: 0.92rem;
  font-weight: 800;
  transition:
    color var(--dur) var(--ease),
    gap var(--dur) var(--ease);
}

.solution-home-card__link:hover{
  color: var(--c-52DD09);
  gap: 0.75rem;
}

@media (max-width: 1200px){
  .solutions-home__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .solution-home-card__body{
    min-height: 20.5rem;
  }
}

@media (max-width: 1000px){
  .solutions.solutions--home{
    padding: 3rem 0 3.2rem;
  }

  .solutions-home__head{
    text-align: center;
  }

  .solutions-home__title{
    max-width: 22rem;
    margin: 0 auto;
    font-size: 2.25rem;
  }

  .solutions-home__subtitle{
    max-width: 22rem;
    margin: 1rem auto 0;
    font-size: 1.02rem;
    line-height: 1.6;
  }

  .solutions-home__grid{
    margin-top: 1.8rem;
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.4rem;
    margin-left: calc(var(--pad-mobile) * -1);
    margin-right: calc(var(--pad-mobile) * -1);
    padding-left: var(--pad-mobile);
    padding-right: var(--pad-mobile);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .solutions-home__grid::-webkit-scrollbar{
    display: none;
  }

  .solution-home-card{
    flex: 0 0 18.5rem;
    scroll-snap-align: start;
  }

  .solution-home-card__body{
    min-height: 21.5rem;
    padding: 1.45rem 1.2rem 1.3rem;
  }

  .solution-home-card__number{
    margin-bottom: 1.15rem;
  }

  .solution-home-card__title{
    font-size: 1.18rem;
  }

  .solution-home-card__text{
    font-size: 0.95rem;
  }
}


/* ===================== HOME FEATURES BLOCK ===================== */

.features-home{
  padding: 4.3rem 0 4.3rem;
  background: #f4f4f4;
}

.features-home__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.2rem;
  align-items: start;
}

.features-home__item{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.features-home__icon{
  width: 2.8rem;
  height: 2.8rem;
  margin-bottom: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features-home__icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.features-home__title{
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #000;
}

.features-home__text{
  margin-top: 0.85rem;
  max-width: 17.5rem;
  font-size: 0.98rem;
  line-height: 1.5;
  color: rgba(61,61,61,.68);
}

@media (max-width: 1000px){
  .features-home{
    padding: 3rem 0 3.2rem;
  }

  .features-home__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.2rem;
  }

  .features-home__icon{
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.75rem;
  }

  .features-home__title{
    font-size: 1.15rem;
  }

  .features-home__text{
    max-width: 10.5rem;
    font-size: 0.9rem;
    line-height: 1.45;
  }
}

@media (max-width: 520px){
  .features-home__grid{
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .features-home__text{
    max-width: 20rem;
  }
}

/* ===================== HOME INDUSTRIES SLIDER ===================== */

.industries-home{
  padding: 4.2rem 0 4.4rem;
  background: #fff;
}

.industries-home__head{
  text-align: center;
}

.industries-home__head .sec-kicker{
  margin-bottom: 0.65rem;
}

.industries-home__title{
  margin: 0 auto;
  max-width: 52rem;
  font-size: 2.65rem;
  line-height: 1.12;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #303033;
}

.industries-home__slider{
  width: 100%;
  max-width: 74rem;
  margin: 2.4rem auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
  align-items: stretch;
}

.industries-home__media{
  min-height: 19.5rem;
  background: #f2f2f2;
  overflow: hidden;
}

.industries-home__media img{
  width: 100%;
  height: 100%;
  min-height: 19.5rem;
  object-fit: cover;
  display: block;
  transition:
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.industries-home__card{
  min-height: 19.5rem;
  background: #f2f2f2;
  padding: 2.15rem 2.1rem 1.65rem;
  display: flex;
  flex-direction: column;
}

.industries-home__content{
  max-width: 31rem;
}

.industries-home__card-title{
  font-size: 1.38rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #000;
  transition:
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.industries-home__text{
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.62;
  color: rgba(61,61,61,.72);
  transition:
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.industries-home__bottom{
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding-top: 1.4rem;
}

.industries-home__link{
  color: var(--c-2E74B4);
  font-size: 1rem;
  font-weight: 800;
  transition: color var(--dur) var(--ease);
}

.industries-home__link:hover{
  color: var(--c-52DD09);
}

.industries-home__arrows{
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.industries-home__arrow{
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  border: 1px solid var(--c-2E74B4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--c-2E74B4);
  background: transparent;
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.industries-home__arrow svg{
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.industries-home__arrow:hover,
.industries-home__arrow--active{
  background: var(--c-2E74B4);
  color: #fff;
}

.industries-home__arrow:active{
  transform: translateY(0.08rem);
}

.industries-home.is-changing .industries-home__media img,
.industries-home.is-changing .industries-home__card-title,
.industries-home.is-changing .industries-home__text{
  opacity: 0;
  transform: translateY(0.5rem);
}

@media (max-width: 1000px){
  .industries-home{
    padding: 3rem 0 3.2rem;
  }

  .industries-home__title{
    max-width: 22rem;
    font-size: 2.25rem;
  }

  .industries-home__slider{
    max-width: none;
    margin-top: 1.8rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .industries-home__media{
    min-height: 14.5rem;
  }

  .industries-home__media img{
    min-height: 14.5rem;
  }

  .industries-home__card{
    min-height: auto;
    padding: 1.55rem 1.25rem 1.35rem;
  }

  .industries-home__content{
    max-width: none;
  }

  .industries-home__card-title{
    font-size: 1.28rem;
  }

  .industries-home__text{
    font-size: 0.98rem;
    line-height: 1.58;
  }

  .industries-home__bottom{
    margin-top: 1.7rem;
    padding-top: 0;
  }
}

/* ===================== HOME TRUSTED TECHNOLOGY ===================== */

.trusted-home{
  padding: 5.2rem 0 5.6rem;
  background: #f8f8fb;
}

.trusted-home__head{
  text-align: center;
}

.trusted-home__head .sec-kicker{
  margin-bottom: 0.75rem;
}

.trusted-home__title{
  margin: 0 auto;
  max-width: 72rem;
  font-size: 3rem;
  line-height: 1.13;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #303033;
}

.trusted-home__subtitle{
  margin: 1rem auto 0;
  max-width: 62rem;
  font-size: 1.16rem;
  line-height: 1.55;
  color: rgba(61,61,61,.68);
}

.trusted-home__grid{
  margin-top: 3.1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
  position: relative;
}

.trusted-card{
  position: relative;
  min-height: 27.8rem;
  padding: 1.45rem 1.6rem 1.55rem;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(46,116,180,.10);
  border-radius: 1.2rem;
  box-shadow: 0 1rem 2.4rem rgba(46,116,180,.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.trusted-card:not(:last-child)::after{
  content: "→";
  position: absolute;
  top: 50%;
  right: -1.75rem;
  transform: translateY(-50%);
  z-index: 5;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(46,116,180,.42);
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 300;
  pointer-events: none;
}

.trusted-card__icon{
  width: 2.65rem;
  height: 2.65rem;
  margin-bottom: 1rem;
}

.trusted-card__icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.trusted-card__title{
  font-size: 1.38rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #1f2430;
}

.trusted-card__line{
  width: 100%;
  height: 1px;
  margin: 1.05rem 0 1.05rem;
  background: rgba(61,61,61,.10);
}

.trusted-card__chips{
  width: 100%;
}

.trusted-card__chips--single{
  display: grid;
  gap: 0.55rem;
}

.trusted-card__chips--grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.65rem;
}

.trusted-chip{
  min-height: 2.15rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.42rem;
  background: linear-gradient(180deg, #eaf1f8 0%, #dce7f1 100%);
  color: #2d3b48;
  font-size: 1rem;
  line-height: 1.15;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trusted-chip strong{
  color: #008697;
  font-weight: 900;
}

.trusted-card__bottom{
  width: 100%;
  margin-top: auto;
  padding-top: 2rem;
}

.trusted-card__small-title{
  font-size: 1.22rem;
  line-height: 1.15;
  font-weight: 800;
  color: #26303d;
}

.trusted-card__mini-list{
  margin-top: 0.85rem;
  display: grid;
  gap: 0.45rem;
  color: rgba(38,48,61,.78);
  font-size: 0.92rem;
  line-height: 1.25;
}

.trusted-card__mini-grid{
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem 0.55rem;
}

.trusted-card__mini-grid div{
  min-height: 1.5rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.35rem;
  background: linear-gradient(180deg, #eef3f8 0%, #e1ebf4 100%);
  color: #2d3b48;
  font-size: 0.82rem;
  line-height: 1.1;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trusted-card__map{
  width: 100%;
  height: 10.6rem;
  margin-top: 0.55rem;
  overflow: hidden;
}

.trusted-card__map img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.trusted-card__bottom--eu{
  padding-top: 0.85rem;
}

.trusted-card__location{
  width: fit-content;
  max-width: 100%;
  margin: 0.85rem auto 0;
  padding: 0.32rem 1.35rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #eef3f8 0%, #e1ebf4 100%);
  color: #526b82;
  font-size: 0.92rem;
  line-height: 1.1;
  font-weight: 800;
}

.trusted-card__eu-text{
  margin-top: 0.8rem;
  color: rgba(38,48,61,.78);
  font-size: 0.93rem;
  line-height: 1.45;
}

.trusted-card__eu-text strong{
  color: #2E74B4;
  font-weight: 900;
}

@media (max-width: 1000px){
  .trusted-home{
    padding: 3rem 0 3.2rem;
  }

  .trusted-home__title{
    max-width: 22rem;
    font-size: 2.25rem;
  }

  .trusted-home__subtitle{
    max-width: 22rem;
    font-size: 1rem;
    line-height: 1.6;
  }

  .trusted-home__grid{
    margin-top: 1.8rem;
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }

  .trusted-card{
    min-height: auto;
    padding: 1.4rem 1.2rem 1.45rem;
  }

  .trusted-card:not(:last-child)::after{
    display: none;
  }

  .trusted-card__bottom{
    padding-top: 1.6rem;
  }

  .trusted-card__map{
    height: 9.5rem;
  }
}
/* ===================== HOME NEWS SLIDER ===================== */

.news-home{
  padding: 5.2rem 0 5.6rem;
  background: #fff;
  overflow: hidden;
}

.news-home__head{
  text-align: left;
}

.news-home__head .sec-kicker{
  margin-bottom: 0.7rem;
}

.news-home__title{
  max-width: 74rem;
  font-size: 3rem;
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 800;
  color: #303033;
}

.news-home__subtitle{
  margin-top: 0.75rem;
  max-width: 62rem;
  font-size: 1.2rem;
  line-height: 1.55;
  color: rgba(61,61,61,.68);
}

.news-home__slider{
  position: relative;
  margin-top: 2.7rem;
}

.news-home__viewport{
  overflow: hidden;
  width: 100%;
}

.news-home__track{
  display: flex;
  gap: 1.55rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.news-home__track::-webkit-scrollbar{
  display: none;
}

.news-home-card{
  flex: 0 0 calc((100% - 3.1rem) / 3);
  min-width: 0;
  scroll-snap-align: start;
}

.news-home-card__media{
  width: 100%;
  height: 15.2rem;
  display: block;
  overflow: hidden;
  background: #f2f2f2;
}

.news-home-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--dur) var(--ease);
}

.news-home-card:hover .news-home-card__media img{
  transform: scale(1.04);
}

.news-home-card__body{
  padding-top: 1.15rem;
}

.news-home-card__title{
  font-size: 1.55rem;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #000;
}

.news-home-card__title a{
  transition: color var(--dur) var(--ease);
}

.news-home-card__title a:hover{
  color: var(--c-2E74B4);
}

.news-home-card__text{
  margin-top: 1rem;
  max-width: 25rem;
  font-size: 1.12rem;
  line-height: 1.55;
  color: rgba(61,61,61,.72);
}

.news-home-card__link{
  margin-top: 0.75rem;
  display: inline-flex;
  color: var(--c-2E74B4);
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 800;
  transition:
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.news-home-card__link:hover{
  color: var(--c-52DD09);
  transform: translateX(0.18rem);
}

.news-home__arrow{
  position: absolute;
  top: 7.15rem;
  z-index: 5;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(46,116,180,.35);
  color: var(--c-2E74B4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.5rem 1.4rem rgba(46,116,180,.14);
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    border-color var(--dur) var(--ease),
    transform var(--dur) var(--ease),
    opacity var(--dur) var(--ease);
}

.news-home__arrow svg{
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.news-home__arrow:hover{
  background: var(--c-2E74B4);
  border-color: var(--c-2E74B4);
  color: #fff;
}

.news-home__arrow:active{
  transform: translateY(0.08rem);
}

.news-home__arrow.is-disabled{
  opacity: .35;
  pointer-events: none;
}

.news-home__arrow--prev{
  left: -1.55rem;
}

.news-home__arrow--next{
  right: -1.55rem;
}

/* tablet */
@media (max-width: 1200px){
  .news-home-card{
    flex: 0 0 calc((100% - 1.55rem) / 2);
  }
}

/* mobile */
@media (max-width: 1000px){
  .news-home{
    padding: 3rem 0 3.3rem;
    overflow: hidden;
  }

  .news-home__head{
    text-align: center;
  }

  .news-home__head .sec-kicker{
    margin-bottom: 0.75rem;
  }

  .news-home__title{
    max-width: 21rem;
    margin: 0 auto;
    font-size: 2.3rem;
    line-height: 1.08;
    letter-spacing: -0.055em;
  }

  .news-home__subtitle{
    max-width: 20.5rem;
    margin: 1rem auto 0;
    font-size: 1rem;
    line-height: 1.6;
  }

  .news-home__slider{
    margin-top: 1.9rem;
    position: relative;
  }

  .news-home__viewport{
    overflow: hidden;
    width: 100%;
  }

  .news-home__track{
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .news-home-card{
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
  }

  .news-home-card__media{
    height: 14rem;
    background: #f2f2f2;
  }

  .news-home-card__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-home-card__body{
    padding-top: 1.35rem;
    text-align: left;
  }

  .news-home-card__title{
    font-size: 1.55rem;
    line-height: 1.15;
    letter-spacing: -0.045em;
  }

  .news-home-card__text{
    margin-top: 0.85rem;
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.55;
  }

  .news-home-card__link{
    margin-top: 0.7rem;
    font-size: 1rem;
  }

  .news-home__arrow{
    top: 5.45rem;
    width: 2.8rem;
    height: 2.8rem;
    background: rgba(255,255,255,.96);
    border-color: rgba(46,116,180,.35);
    box-shadow: 0 0.65rem 1.5rem rgba(46,116,180,.16);
  }

  .news-home__arrow svg{
    width: 1.2rem;
    height: 1.2rem;
  }

  .news-home__arrow--prev{
    left: 0.75rem;
  }

  .news-home__arrow--next{
    right: 0.75rem;
  }
}

@media (max-width: 420px){
  .news-home__title{
    font-size: 2.15rem;
    max-width: 20rem;
  }

  .news-home-card__media{
    height: 13.2rem;
  }

  .news-home__arrow{
    top: 5.15rem;
  }
}

/* ===================== HOME CONTACT BLOCK ===================== */

.home-contact{
  padding: 5.2rem 0 5.8rem;
  background: #fff;
}

.home-contact__grid{
  display: grid;
  grid-template-columns: 1.02fr 1fr;
  gap: 1.8rem;
  align-items: stretch;
}

.home-contact__info{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 3.35rem 2.8rem 3.15rem;
  min-height: 41.5rem;
  display: flex;
  flex-direction: column;
}

.home-contact__title{
  max-width: 32rem;
  font-size: 4.2rem;
  line-height: 1.1;
  letter-spacing: -0.055em;
  font-weight: 800;
  color: #fff;
}

.home-contact__text{
  margin-top: 2rem;
  max-width: 34rem;
  font-size: 1.42rem;
  line-height: 1.45;
  color: rgba(255,255,255,.94);
}

.home-contact__rows{
  margin-top: 2.5rem;
}

.home-contact__row{
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: 1.4rem;
  padding: 1.55rem 0;
  border-top: 1px solid rgba(255,255,255,.35);
}

.home-contact__row:last-child{
  border-bottom: 1px solid rgba(255,255,255,.35);
}

.home-contact__label{
  font-size: 1.08rem;
  line-height: 1.35;
  font-weight: 800;
  color: #fff;
}

.home-contact__value{
  font-size: 1.08rem;
  line-height: 1.45;
  color: rgba(255,255,255,.95);
}

.home-contact__value--link{
  text-decoration: underline;
  text-underline-offset: 0.18rem;
  transition: opacity var(--dur) var(--ease);
}

.home-contact__value--link:hover{
  opacity: .82;
}

.home-contact__form-wrap{
  position: relative;
  background: #f7f8f9;
  border: 1px solid rgba(61,61,61,.12);
  border-right: 0.28rem solid var(--c-2E74B4);
  border-bottom: 0.28rem solid var(--c-2E74B4);
  min-height: 41.5rem;
  padding: 2.1rem 2rem 1.8rem;
}

.home-contact__form{
  display: grid;
  gap: 1.18rem;
}

.home-contact__field{
  display: grid;
  gap: 0.55rem;
}

.home-contact__field label{
  font-size: 0.95rem;
  line-height: 1.25;
  font-weight: 800;
  color: #303033;
}

.home-contact__field label span{
  margin-left: 0.25rem;
  color: rgba(61,61,61,.60);
  font-weight: 500;
}

.home-contact__field input,
.home-contact__field textarea{
  width: 100%;
  border: 1px solid rgba(61,61,61,.14);
  background: transparent;
  color: #303033;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.3;
  outline: none;
  transition:
    border-color var(--dur) var(--ease),
    background-color var(--dur) var(--ease);
}

.home-contact__field input{
  height: 2.65rem;
  padding: 0 0.85rem;
}

.home-contact__field textarea{
  min-height: 5.4rem;
  resize: vertical;
  padding: 0.75rem 0.85rem;
}

.home-contact__field input::placeholder,
.home-contact__field textarea::placeholder{
  color: rgba(61,61,61,.50);
}

.home-contact__field input:focus,
.home-contact__field textarea:focus{
  border-color: rgba(46,116,180,.75);
  background: rgba(255,255,255,.55);
}

.home-contact__actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 0.55rem;
}

.home-contact__submit{
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-height: 3.15rem;
  padding: 0.55rem 0.55rem 0.55rem 1.35rem;
  border-radius: 999px;
  background: var(--c-2E74B4);
  color: #fff;
  font-size: 0.92rem;
  font-weight: 800;
  box-shadow: 0 0.9rem 2rem rgba(46,116,180,.18);
  transition:
    background-color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.home-contact__submit:hover{
  background: var(--c-52DD09);
  box-shadow: 0 0.9rem 2rem rgba(82,221,9,.24);
}

.home-contact__submit:active{
  transform: translateY(0.08rem);
}

.home-contact__submit-circle{
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.home-contact__submit-circle svg{
  width: 1.75rem;
  height: 1.75rem;
  fill: none;
  stroke: var(--c-2E74B4);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke var(--dur) var(--ease);
}

.home-contact__submit:hover .home-contact__submit-circle svg{
  stroke: var(--c-52DD09);
}

@media (max-width: 1000px){
  .home-contact{
    padding: 3rem 0 3.4rem;
  }

  .home-contact__grid{
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .home-contact__info{
    min-height: auto;
    padding: 2.2rem 1.35rem 2.2rem;
  }

  .home-contact__title{
    font-size: 2.7rem;
    line-height: 1.08;
  }

  .home-contact__text{
    margin-top: 1.3rem;
    font-size: 1.05rem;
    line-height: 1.6;
  }

  .home-contact__rows{
    margin-top: 1.7rem;
  }

  .home-contact__row{
    grid-template-columns: 1fr;
    gap: 0.55rem;
    padding: 1.2rem 0;
  }

  .home-contact__label,
  .home-contact__value{
    font-size: 1rem;
  }

  .home-contact__form-wrap{
    min-height: auto;
    padding: 1.45rem 1.2rem 1.35rem;
    border-right-width: 0.2rem;
    border-bottom-width: 0.2rem;
  }

  .home-contact__form{
    gap: 1rem;
  }

  .home-contact__actions{
    justify-content: flex-start;
    margin-top: 0.35rem;
  }
}
/* ===================== HOME VALUES / SPECS ===================== */

.home-values--specs{
  padding: 5.2rem 0 5.2rem;
  background: #fff;
}

.home-values--specs .values__head{
  display: block;
  text-align: center;
}

.home-values--specs .values__left{
  text-align: center;
}

.home-values--specs .values__title{
  max-width: 62rem;
  margin: 0 auto;
  color: #111;
}

.values-specs__grid{
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.9rem;
}

.values-specs__card{
  min-height: 17.2rem;
  padding: 1.45rem 1rem 1.55rem;
  background: #fff;
  border: 1px solid rgba(46,116,180,.10);
  border-radius: 0.75rem;
  box-shadow: 0 0.45rem 1.35rem rgba(0,0,0,.10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 0;
  transition:
    transform var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease),
    border-color var(--dur) var(--ease);
}

.values-specs__card:hover{
  transform: translateY(-0.25rem);
  border-color: rgba(46,116,180,.22);
  box-shadow: 0 0.85rem 1.8rem rgba(0,0,0,.13);
}

.values-specs__icon{
  width: 5.4rem;
  height: 5.4rem;
  margin: 0 auto 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.values-specs__icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.values-specs__title{
  margin: 0;
  color: #07366e;
  font-size: 2.05rem;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.values-specs__text{
/*   margin: 0.85rem auto 0; */
  max-width: 10.8rem;
  color: rgba(61,61,61,.66);
  font-size: 1rem;
  line-height: 1.38;
  font-weight: 600;
}

@media (max-width: 1200px){
  .values-specs__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .values-specs__card{
    min-height: 16.5rem;
  }
}

@media (max-width: 1000px){
  .home-values--specs{
    padding: 3rem 0 3.2rem;
  }

  .home-values--specs .values__title{
    max-width: 22rem;
    font-size: 2.25rem;
  }

  .values-specs__grid{
    margin-top: 1.8rem;
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.45rem;
    margin-left: calc(var(--pad-mobile) * -1);
    margin-right: calc(var(--pad-mobile) * -1);
    padding-left: var(--pad-mobile);
    padding-right: var(--pad-mobile);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .values-specs__grid::-webkit-scrollbar{
    display: none;
  }

  .values-specs__card{
    flex: 0 0 14.8rem;
    min-height: 15.8rem;
    padding: 1.35rem 1rem 1.45rem;
    scroll-snap-align: start;
  }

  .values-specs__icon{
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 1rem;
  }

  .values-specs__title{
    font-size: 1.75rem;
  }

  .values-specs__text{
    max-width: 11rem;
    font-size: 0.96rem;
  }
}

@media (max-width: 480px){
  .values-specs__card{
    flex-basis: 13.9rem;
  }

  .values-specs__title{
    font-size: 1.62rem;
  }

  .values-specs__text{
    font-size: 0.92rem;
  }
}
/* ===================== HOME HERO VIDEO UPDATE ===================== */

.hero{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: #f5f5f5 !important;
}

.hero__video{
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.hero__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.68) 0%,
      rgba(255,255,255,.58) 45%,
      rgba(255,255,255,.72) 100%
    );
}

.hero::before{
  content: none !important;
}

.hero__inner{
  position: relative;
  z-index: 2;
  min-height: 100vh;
}

.hero .header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

.hero__content--center{
  min-height: 100vh;
  padding-top: calc(var(--headerH) + 3rem);
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero__title--center{
  max-width: 58rem;
  margin: 0 auto;
  font-size: 4.2rem;
  line-height: 1.08;
  letter-spacing: -0.055em;
  font-weight: 800;
  color: #303033;
}

.hero__desc--center{
  margin: 1.25rem auto 0;
  max-width: 45rem;
  color: rgba(61,61,61,.72);
  font-size: 1.08rem;
  line-height: 1.55;
}

.hero__btn{
  margin-top: 1.7rem;
}

@media (max-width: 1000px){
  .hero{
    min-height: auto;
  }

  .hero__inner{
    min-height: auto;
  }

  .hero .header{
    position: relative;
    padding-top: 0.9rem;
  }

  .hero__content--center{
    min-height: auto;
    padding-top: 6.2rem;
    padding-bottom: 6.5rem;
  }

  .hero__title--center{
    max-width: 22rem;
    font-size: 2.45rem;
    line-height: 1.08;
  }

  .hero__desc--center{
    max-width: 21rem;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.55;
  }

  .hero__btn{
    margin-top: 1.45rem;
  }

  .hero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.78) 0%,
        rgba(255,255,255,.72) 48%,
        rgba(255,255,255,.84) 100%
      );
  }
}

/* ===================== COMPACT FOOTER UPDATE ===================== */

.footer.footer--compact{
  padding: 2.4rem 0 1.45rem;
}

.footer--compact .footer__grid--compact{
  display: grid;
  grid-template-columns: minmax(13rem, 0.75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: 2.2rem;
}

.footer--compact .footer__brand{
  min-width: 0;
}

.footer--compact .footer__logo-box{
  width: 11.5rem;
  max-width: 11.5rem;
  margin: 0 0 0.9rem;
}

.footer--compact .footer__brand .logo{
  display: block;
  width: 100%;
}

.footer--compact .footer__brand .logo img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.footer__address{
  margin: 0;
  max-width: 24rem;
  color: rgba(255,255,255,.78);
  font-size: 0.98rem;
  line-height: 1.5;
  font-style: normal;
}

.footer__menu{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.footer__menu a{
  color: rgba(255,255,255,.84);
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  white-space: nowrap;
  transition: opacity var(--dur) var(--ease), color var(--dur) var(--ease);
}

.footer__menu a:hover{
  color: #fff;
  opacity: .85;
}

.footer--compact .footer__hr{
  margin: 1.75rem 0 1.15rem;
}

.footer--compact .footer__bottom{
  margin-top: 0;
}

.footer--compact .footer__sub,
.footer--compact .footer__lc,
.footer--compact .footer__desc{
  display: none !important;
}

@media (max-width: 1000px){
  .footer.footer--compact{
    padding: 2.2rem 0 1.35rem;
  }

  .footer--compact .footer__grid--compact{
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .footer--compact .footer__logo-box{
    width: 10.5rem;
    max-width: 10.5rem;
    margin-bottom: 0.8rem;
  }

  .footer__address{
    max-width: 21rem;
    font-size: 0.96rem;
  }

  .footer__menu{
    justify-content: flex-start;
    gap: 0.8rem 1rem;
  }

  .footer__menu a{
    font-size: 0.96rem;
  }

  .footer--compact .footer__hr{
    margin: 1.55rem 0 1rem;
  }
}

@media (max-width: 520px){
  .footer__menu{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
  }

  .footer__menu a{
    white-space: normal;
  }
}

/*  */
.logo{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.logo img{
  display: block;
  width: auto;
  max-height: 3rem;
  object-fit: contain;
}

@media (min-width: 1000.02px){
  .header__row{
    grid-template-columns: 12rem minmax(0, 1fr) 6rem;
    gap: 1rem;
  }

  .nav{
    gap: clamp(1rem, 1.45vw, 2rem);
    font-size: 0.98rem;
  }
}

.nav__item{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav__item::before{
  content: "";
  position: absolute;
  left: -0.6rem;
  right: -0.6rem;
  top: 100%;
  height: 1.2rem;
}

.nav__link{
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.nav__chevron{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95em;
  line-height: 1;
  color: currentColor;
  transition: transform var(--dur) var(--ease);
}

.nav__item--has-dropdown:hover .nav__chevron,
.nav__item--has-dropdown:focus-within .nav__chevron{
  transform: translateY(0.08rem);
}

.nav__dropdown{
  position: absolute;
  left: 50%;
  top: calc(100% + 1rem);
  z-index: 80;
  min-width: 21.5rem;
  padding: 0.85rem 0.75rem;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.12);
  transform: translate(-50%, 0.45rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity var(--dur) var(--ease),
    visibility var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.nav__item--has-dropdown:hover .nav__dropdown,
.nav__item--has-dropdown:focus-within .nav__dropdown{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.nav__dropdown a{
  display: block;
  padding: 0.48rem 0.55rem;
  border-radius: 0.55rem;
  color: #202020;
  font-size: 0.88rem;
  line-height: 1.25;
  font-weight: 500;
  white-space: nowrap;
  transition:
    color var(--dur) var(--ease),
    background-color var(--dur) var(--ease);
}

.nav__dropdown a:hover{
  color: var(--c-52DD09);
  background: rgba(82,221,9,.07);
}

.drawer__panel{
  overflow-y: auto;
}

.drawer__nav a.is-active,
.drawer__main-link.is-active{
  color: var(--c-52DD09);
  background: rgba(82,221,9,.08);
}

.drawer__nav-group{
  display: grid;
  gap: 0.55rem;
}

.drawer__subnav{
  display: grid;
  gap: 0.4rem;
  padding-left: 0.7rem;
}

.drawer__subnav a{
  padding: 0.72rem 0.9rem;
  border-radius: 0.8rem;
  background: rgba(0,0,0,.035);
  color: rgba(0,0,0,.68);
  font-size: 0.82rem;
  line-height: 1.28;
  font-weight: 700;
}

.drawer__subnav a:active{
  background: rgba(46,116,180,.1);
}

@media (max-width: 1000px){
  .logo img{
    max-height: 2.45rem;
  }
}

/*  */
    .page-solutions-v2 .header{
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      padding-top: 1.2rem;
      background: #fff;
      z-index: 50;
    }

    .page-solutions-v2 .logo{
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
    }

    .page-solutions-v2 .logo img{
      display: block;
      width: auto;
      max-height: 3rem;
      object-fit: contain;
    }

    @media (min-width: 1000.02px){
      .page-solutions-v2 .header__row{
        grid-template-columns: 12rem minmax(0, 1fr) 6rem;
        gap: 1rem;
      }

      .page-solutions-v2 .nav{
        gap: clamp(1rem, 1.45vw, 2rem);
        font-size: 0.98rem;
      }
    }

    .nav__item{
      position: relative;
      display: inline-flex;
      align-items: center;
    }

    .nav__item::before{
      content: "";
      position: absolute;
      left: -0.6rem;
      right: -0.6rem;
      top: 100%;
      height: 1.2rem;
    }

    .nav__link{
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
    }

    .nav__chevron{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.95em;
      line-height: 1;
      color: currentColor;
      transition: transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__chevron,
    .nav__item--has-dropdown:focus-within .nav__chevron{
      transform: translateY(0.08rem);
    }

    .nav__dropdown{
      position: absolute;
      left: 50%;
      top: calc(100% + 1rem);
      z-index: 80;
      min-width: 21.5rem;
      padding: 0.85rem 0.75rem;
      background: rgba(255,255,255,.98);
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.12);
      transform: translate(-50%, 0.45rem);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity var(--dur) var(--ease),
        visibility var(--dur) var(--ease),
        transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__dropdown,
    .nav__item--has-dropdown:focus-within .nav__dropdown{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }

    .nav__dropdown a{
      display: block;
      padding: 0.48rem 0.55rem;
      border-radius: 0.55rem;
      color: #202020;
      font-size: 0.88rem;
      line-height: 1.25;
      font-weight: 500;
      white-space: nowrap;
      transition:
        color var(--dur) var(--ease),
        background-color var(--dur) var(--ease);
    }

    .nav__dropdown a:hover{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.07);
    }

    .drawer__panel{
      overflow-y: auto;
    }

    .drawer__nav a.is-active,
    .drawer__main-link.is-active{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.08);
    }

    .drawer__nav-group{
      display: grid;
      gap: 0.55rem;
    }

    .drawer__subnav{
      display: grid;
      gap: 0.4rem;
      padding-left: 0.7rem;
    }

    .drawer__subnav a{
      padding: 0.72rem 0.9rem;
      border-radius: 0.8rem;
      background: rgba(0,0,0,.035);
      color: rgba(0,0,0,.68);
      font-size: 0.82rem;
      line-height: 1.28;
      font-weight: 700;
    }

    .solutions-v2{
      background: #fff;
      color: var(--c-3D3D3D);
    }

    .solutions-v2-hero{
      padding: 4.2rem 0 3.05rem;
      text-align: center;
    }

    .solutions-v2-hero__title{
      max-width: 62rem;
      margin: 0 auto;
      font-weight: 800;
      font-size: 4.1rem;
      line-height: 1.08;
      letter-spacing: -0.045em;
      color: #2e2e2e;
    }

    .solutions-v2-hero__blue{
      color: var(--c-2E74B4);
    }

    .solutions-v2-hero__text{
      max-width: 58rem;
      margin: 1.55rem auto 0;
      color: rgba(61,61,61,.58);
      font-size: 1.14rem;
      line-height: 1.45;
      font-weight: 400;
    }

    .solutions-v2-list{
      padding: 0 0 3.4rem;
    }

    .solutions-v2-list__inner{
      display: grid;
      gap: 2.1rem;
    }

    .solution-v2-card{
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
      min-height: 32.4rem;
      background: var(--c-2E74B4);
      overflow: hidden;
    }

    .solution-v2-card__content{
      background: var(--c-2E74B4);
      color: #fff;
      padding: 2.15rem 2.7rem 2.25rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .solution-v2-card__kicker{
      font-size: 0.95rem;
      line-height: 1.2;
      font-weight: 800;
      text-transform: uppercase;
      color: rgba(255,255,255,.96);
    }

    .solution-v2-card__title{
      margin-top: 1.05rem;
      color: #fff;
      font-size: 2rem;
      line-height: 1.12;
      letter-spacing: -0.035em;
      font-weight: 800;
    }

    .solution-v2-card__desc{
      margin-top: 1.55rem;
      color: rgba(255,255,255,.98);
      font-size: 1.1rem;
      line-height: 1.45;
      font-weight: 400;
    }

    .solution-v2-card__features{
      margin-top: 1.7rem;
      color: rgba(255,255,255,.98);
      font-size: 1.04rem;
      line-height: 1.42;
    }

    .solution-v2-card__features-title{
      display: block;
      margin-bottom: 0.25rem;
      font-weight: 800;
    }

    .solution-v2-card__features ol{
      margin: 0;
      padding-left: 1.35rem;
    }

    .solution-v2-card__features li{
      padding-left: 0.15rem;
      margin: 0.15rem 0;
    }

    .solution-v2-card__features strong{
      font-weight: 800;
    }

    .solution-v2-card__media{
      min-height: 32.4rem;
      background: #e9e9e9;
      overflow: hidden;
    }

    .solution-v2-card__media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .solution-v2-card--reverse .solution-v2-card__media{
      order: 1;
    }

    .solution-v2-card--reverse .solution-v2-card__content{
      order: 2;
    }

    .footer--compact{
      margin-top: 0;
    }

    @media (max-width: 1000px){
      .page-solutions-v2 .header{
        padding-top: 0.9rem;
      }

      .page-solutions-v2 .logo img{
        max-height: 2.45rem;
      }

      .solutions-v2-hero{
        padding: 2.4rem 0 2rem;
      }

      .solutions-v2-hero__title{
        max-width: 22rem;
        font-size: 2.45rem;
        line-height: 1.08;
      }

      .solutions-v2-hero__text{
        max-width: 21.5rem;
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.58;
      }

      .solutions-v2-list{
        padding-bottom: 2.4rem;
      }

      .solutions-v2-list__inner{
        gap: 1.4rem;
      }

      .solution-v2-card,
      .solution-v2-card--reverse{
        grid-template-columns: 1fr;
        min-height: 0;
      }

      .solution-v2-card__media,
      .solution-v2-card--reverse .solution-v2-card__media{
        order: 1;
        min-height: 15.7rem;
        height: 15.7rem;
      }

      .solution-v2-card__content,
      .solution-v2-card--reverse .solution-v2-card__content{
        order: 2;
        padding: 1.55rem 1.2rem 1.7rem;
        justify-content: flex-start;
      }

      .solution-v2-card__kicker{
        text-align: left;
        font-size: 0.85rem;
      }

      .solution-v2-card__title{
        margin-top: 0.8rem;
        font-size: 1.75rem;
        line-height: 1.12;
      }

      .solution-v2-card__desc{
        margin-top: 1.05rem;
        font-size: 1rem;
        line-height: 1.48;
      }

      .solution-v2-card__features{
        margin-top: 1.25rem;
        font-size: 0.95rem;
        line-height: 1.45;
      }
    }

/* m */
    .page-manufacturing-v2 .header{
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      padding-top: 1.2rem;
      background: #fff;
      z-index: 50;
    }

    .page-manufacturing-v2 .logo{
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
    }

    .page-manufacturing-v2 .logo img{
      display: block;
      width: auto;
      max-height: 3rem;
      object-fit: contain;
    }

    @media (min-width: 1000.02px){
      .page-manufacturing-v2 .header__row{
        grid-template-columns: 12rem minmax(0, 1fr) 6rem;
        gap: 1rem;
      }

      .page-manufacturing-v2 .nav{
        gap: clamp(1rem, 1.45vw, 2rem);
        font-size: 0.98rem;
      }
    }

    .nav__item{
      position: relative;
      display: inline-flex;
      align-items: center;
    }

    .nav__item::before{
      content: "";
      position: absolute;
      left: -0.6rem;
      right: -0.6rem;
      top: 100%;
      height: 1.2rem;
    }

    .nav__link{
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
    }

    .nav__chevron{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.95em;
      line-height: 1;
      color: currentColor;
      transition: transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__chevron,
    .nav__item--has-dropdown:focus-within .nav__chevron{
      transform: translateY(0.08rem);
    }

    .nav__dropdown{
      position: absolute;
      left: 50%;
      top: calc(100% + 1rem);
      z-index: 80;
      min-width: 21.5rem;
      padding: 0.85rem 0.75rem;
      background: rgba(255,255,255,.98);
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.12);
      transform: translate(-50%, 0.45rem);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity var(--dur) var(--ease),
        visibility var(--dur) var(--ease),
        transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__dropdown,
    .nav__item--has-dropdown:focus-within .nav__dropdown{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }

    .nav__dropdown a{
      display: block;
      padding: 0.48rem 0.55rem;
      border-radius: 0.55rem;
      color: #202020;
      font-size: 0.88rem;
      line-height: 1.25;
      font-weight: 500;
      white-space: nowrap;
      transition:
        color var(--dur) var(--ease),
        background-color var(--dur) var(--ease);
    }

    .nav__dropdown a:hover{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.07);
    }

    .drawer__panel{
      overflow-y: auto;
    }

    .drawer__nav a.is-active,
    .drawer__main-link.is-active{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.08);
    }

    .drawer__nav-group{
      display: grid;
      gap: 0.55rem;
    }

    .drawer__subnav{
      display: grid;
      gap: 0.4rem;
      padding-left: 0.7rem;
    }

    .drawer__subnav a{
      padding: 0.72rem 0.9rem;
      border-radius: 0.8rem;
      background: rgba(0,0,0,.035);
      color: rgba(0,0,0,.68);
      font-size: 0.82rem;
      line-height: 1.28;
      font-weight: 700;
    }

    .manufacturing-v2{
      background: #fff;
      color: var(--c-3D3D3D);
    }

    .manufacturing-hero{
      padding: 3.25rem 0 2.45rem;
      text-align: center;
    }

    .manufacturing-hero__title{
      max-width: 72rem;
      margin: 0 auto;
      font-weight: 800;
      font-size: 4rem;
      line-height: 1.12;
      letter-spacing: -0.05em;
      color: #2e2e2e;
    }

    .manufacturing-hero__blue{
      color: var(--c-2E74B4);
    }

    .manufacturing-hero__text{
      max-width: 46rem;
      margin: 1rem auto 0;
      color: rgba(61,61,61,.58);
      font-size: 1.05rem;
      line-height: 1.5;
      font-weight: 400;
    }

    .manufacturing-main{
      padding: 0 0 3.4rem;
    }

    .manufacturing-card{
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
      min-height: 35.5rem;
      background: var(--c-2E74B4);
      overflow: hidden;
    }

    .manufacturing-card__content{
      background: var(--c-2E74B4);
      color: #fff;
      padding: 2.3rem 2.55rem 2.15rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .manufacturing-card__title{
      color: #fff;
      font-size: 2rem;
      line-height: 1.12;
      letter-spacing: 0.01em;
      font-weight: 600;
    }

    .manufacturing-card__text{
      margin-top: 1.25rem;
      color: rgba(255,255,255,.98);
      font-size: 1rem;
      line-height: 1.48;
      font-weight: 400;
    }

    .manufacturing-card__benefits{
      margin-top: 1.7rem;
      color: rgba(255,255,255,.98);
      font-size: 0.94rem;
      line-height: 1.42;
    }

    .manufacturing-card__benefits-title{
      display: block;
      margin-bottom: 0.25rem;
      font-weight: 800;
    }

    .manufacturing-card__benefits ol{
      margin: 0;
      padding-left: 1.25rem;
    }

    .manufacturing-card__benefits li{
      padding-left: 0.12rem;
      margin: 0.12rem 0;
    }

    .manufacturing-card__benefits strong{
      font-weight: 800;
    }

    .manufacturing-card__media{
      min-height: 35.5rem;
      background: #e9e9e9;
      overflow: hidden;
    }

    .manufacturing-card__media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .page-manufacturing-v2 .cta{
      margin-top: 0;
    }

    .page-manufacturing-v2 .cta__title{
      max-width: 76rem;
      color: var(--c-2E74B4);
    }

    .page-manufacturing-v2 .cta__text{
      color: rgba(61,61,61,.62);
    }

    .footer--compact{
      margin-top: 0;
    }

    @media (max-width: 1000px){
      .page-manufacturing-v2 .header{
        padding-top: 0.9rem;
      }

      .page-manufacturing-v2 .logo img{
        max-height: 2.45rem;
      }

      .manufacturing-hero{
        padding: 2.4rem 0 2rem;
      }

      .manufacturing-hero__title{
        max-width: 22rem;
        font-size: 2.45rem;
        line-height: 1.08;
      }

      .manufacturing-hero__text{
        max-width: 21.5rem;
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.58;
      }

      .manufacturing-main{
        padding-bottom: 2.4rem;
      }

      .manufacturing-card{
        grid-template-columns: 1fr;
        min-height: 0;
      }

      .manufacturing-card__media{
        order: 1;
        min-height: 15.7rem;
        height: 15.7rem;
      }

      .manufacturing-card__content{
        order: 2;
        padding: 1.55rem 1.2rem 1.7rem;
        justify-content: flex-start;
      }

      .manufacturing-card__title{
        font-size: 1.75rem;
        line-height: 1.12;
      }

      .manufacturing-card__text{
        margin-top: 1.05rem;
        font-size: 1rem;
        line-height: 1.48;
      }

      .manufacturing-card__benefits{
        margin-top: 1.25rem;
        font-size: 0.95rem;
        line-height: 1.45;
      }

      .page-manufacturing-v2 .cta__title{
        max-width: 22rem;
      }
    }


/* t */
    .page-technology-v2 .header{
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      padding-top: 1.2rem;
      background: #fff;
      z-index: 50;
    }

    .page-technology-v2 .logo{
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
    }

    .page-technology-v2 .logo img{
      display: block;
      width: auto;
      max-height: 3rem;
      object-fit: contain;
    }

    @media (min-width: 1000.02px){
      .page-technology-v2 .header__row{
        grid-template-columns: 12rem minmax(0, 1fr) 6rem;
        gap: 1rem;
      }

      .page-technology-v2 .nav{
        gap: clamp(1rem, 1.45vw, 2rem);
        font-size: 0.98rem;
      }
    }

    .nav__item{
      position: relative;
      display: inline-flex;
      align-items: center;
    }

    .nav__item::before{
      content: "";
      position: absolute;
      left: -0.6rem;
      right: -0.6rem;
      top: 100%;
      height: 1.2rem;
    }

    .nav__link{
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
    }

    .nav__chevron{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.95em;
      line-height: 1;
      color: currentColor;
      transition: transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__chevron,
    .nav__item--has-dropdown:focus-within .nav__chevron{
      transform: translateY(0.08rem);
    }

    .nav__dropdown{
      position: absolute;
      left: 50%;
      top: calc(100% + 1rem);
      z-index: 80;
      min-width: 21.5rem;
      padding: 0.85rem 0.75rem;
      background: rgba(255,255,255,.98);
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.12);
      transform: translate(-50%, 0.45rem);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity var(--dur) var(--ease),
        visibility var(--dur) var(--ease),
        transform var(--dur) var(--ease);
    }

    .nav__item--has-dropdown:hover .nav__dropdown,
    .nav__item--has-dropdown:focus-within .nav__dropdown{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }

    .nav__dropdown a{
      display: block;
      padding: 0.48rem 0.55rem;
      border-radius: 0.55rem;
      color: #202020;
      font-size: 0.88rem;
      line-height: 1.25;
      font-weight: 500;
      white-space: nowrap;
      transition:
        color var(--dur) var(--ease),
        background-color var(--dur) var(--ease);
    }

    .nav__dropdown a:hover{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.07);
    }

    .drawer__panel{
      overflow-y: auto;
    }

    .drawer__nav a.is-active,
    .drawer__main-link.is-active{
      color: var(--c-52DD09);
      background: rgba(82,221,9,.08);
    }

    .drawer__nav-group{
      display: grid;
      gap: 0.55rem;
    }

    .drawer__subnav{
      display: grid;
      gap: 0.4rem;
      padding-left: 0.7rem;
    }

    .drawer__subnav a{
      padding: 0.72rem 0.9rem;
      border-radius: 0.8rem;
      background: rgba(0,0,0,.035);
      color: rgba(0,0,0,.68);
      font-size: 0.82rem;
      line-height: 1.28;
      font-weight: 700;
    }

    .technology-v2{
      background: #fff;
      color: var(--c-3D3D3D);
    }

    .technology-hero{
      padding: 3.6rem 0 4.2rem;
      text-align: center;
    }

    .technology-hero__title{
      max-width: 76rem;
      margin: 0 auto;
      font-weight: 800;
      font-size: 4.05rem;
      line-height: 1.12;
      letter-spacing: -0.05em;
      color: #2e2e2e;
    }

    .technology-hero__blue{
      color: var(--c-2E74B4);
    }

    .technology-list{
      padding: 0 0 4.4rem;
    }

    .technology-list__inner{
      display: grid;
      gap: 3.6rem;
    }

    .technology-item{
      display: grid;
      gap: 1.65rem;
    }

    .technology-item__title{
      color: #000;
      font-size: 2rem;
      line-height: 1.2;
      letter-spacing: -0.025em;
      font-weight: 800;
    }

    .technology-item__text{
      color: rgba(61,61,61,.72);
      font-size: 1.05rem;
      line-height: 1.52;
      font-weight: 400;
      max-width: 82rem;
    }

    .technology-item__text strong{
      color: #000;
      font-weight: 800;
    }

    .technology-item__media{
      width: 100%;
      background: #f1f1f1;
      overflow: hidden;
    }

    .technology-item__media img{
      width: 100%;
      height: auto;
      display: block;
    }

    .home-contact--technology-page{
      padding: 0 0 4rem;
      background: #fff;
    }

    .home-contact--technology-page .home-contact__grid{
      align-items: stretch;
    }

    .home-contact--technology-page .home-contact__info{
      background: var(--c-2E74B4);
      color: #fff;
    }

    .home-contact--technology-page .home-contact__title,
    .home-contact--technology-page .home-contact__text,
    .home-contact--technology-page .home-contact__label,
    .home-contact--technology-page .home-contact__value{
      color: #fff;
    }

    .home-contact--technology-page .home-contact__value--link{
      color: #fff;
      text-decoration: underline;
      text-underline-offset: 0.12rem;
    }

    .home-contact--technology-page .home-contact__row{
      border-bottom-color: rgba(255,255,255,.28);
    }

    .home-contact--technology-page .home-contact__form-wrap{
      background: #fff;
      border-right: 0.28rem solid var(--c-2E74B4);
      border-bottom: 0.28rem solid var(--c-2E74B4);
      border-top: 1px solid rgba(0,0,0,.08);
      border-left: 1px solid rgba(0,0,0,.08);
    }

    .footer--compact{
      margin-top: 0;
    }

    @media (max-width: 1000px){
      .page-technology-v2 .header{
        padding-top: 0.9rem;
      }

      .page-technology-v2 .logo img{
        max-height: 2.45rem;
      }

      .technology-hero{
        padding: 2.4rem 0 2.4rem;
      }

      .technology-hero__title{
        max-width: 22rem;
        font-size: 2.45rem;
        line-height: 1.08;
      }

      .technology-list{
        padding-bottom: 2.8rem;
      }

      .technology-list__inner{
        gap: 2.4rem;
      }

      .technology-item{
        gap: 1.1rem;
      }

      .technology-item__title{
        font-size: 1.55rem;
        line-height: 1.2;
      }

      .technology-item__text{
        font-size: 1rem;
        line-height: 1.58;
      }

      .home-contact--technology-page{
        padding-bottom: 2.8rem;
      }
    }




/* ===================== PRODUCT SINGLE HERO FIX ===================== */

.single-product .prod-top,
.page-product-single .prod-top{
  background: var(--c-2E74B4);
  color: #fff;
  padding: 2.3rem 0 3.2rem;
  overflow: hidden;
}

.single-product .prod-back,
.page-product-single .prod-back{
  display: inline-flex;
  align-items: center;
  margin-bottom: 2.1rem;
  color: rgba(255,255,255,.95);
  font-weight: 800;
  font-size: 0.95rem;
  line-height: 1.2;
  transition: opacity var(--dur) var(--ease);
}

.single-product .prod-back:hover,
.page-product-single .prod-back:hover{
  opacity: .82;
}

.single-product .prod-top__grid,
.page-product-single .prod-top__grid{
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  grid-template-rows: auto auto;
  column-gap: 3.2rem;
  row-gap: 1.25rem;
  align-items: start;
}

.single-product .prod-top__left,
.page-product-single .prod-top__left{
  grid-column: 1;
  grid-row: 1;
  max-width: 36rem;
}

.single-product .prod-top .sec-kicker,
.page-product-single .prod-top .sec-kicker{
  margin-bottom: 0.8rem;
  color: rgba(255,255,255,.96);
  font-size: 0.8rem;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.single-product .prod-top__title,
.page-product-single .prod-top__title{
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: clamp(3rem, 4.6vw, 4.6rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.single-product .prod-top__text,
.page-product-single .prod-top__text{
  margin-top: 1.55rem;
  max-width: 34rem;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.55;
  font-weight: 500;
}

.single-product .prod-top__text strong,
.page-product-single .prod-top__text strong{
  color: #fff;
  font-weight: 800;
}

.single-product .prod-top__media,
.page-product-single .prod-top__media{
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  height: 20.5rem;
  margin-top: 0.35rem;
  background: rgba(255,255,255,.12);
  overflow: hidden;
}

.single-product .prod-top__media img,
.page-product-single .prod-top__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-product .prod-top__ph,
.page-product-single .prod-top__ph{
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.18);
}

.single-product .prod-top__benefits,
.page-product-single .prod-top__benefits{
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  gap: 1.65rem;
  padding-top: 0.2rem;
}

.single-product .pbenefit,
.page-product-single .pbenefit{
  display: grid;
  grid-template-columns: 3.55rem minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  padding: 0;
}

.single-product .pbenefit__ico,
.page-product-single .pbenefit__ico{
  width: 3.55rem;
  height: 3.55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.98);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.single-product .pbenefit__ico img,
.page-product-single .pbenefit__ico img{
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

.single-product .pbenefit__dot,
.page-product-single .pbenefit__dot{
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  background: var(--c-52DD09);
}

.single-product .pbenefit__body,
.page-product-single .pbenefit__body{
  padding-top: 0.05rem;
}

.single-product .pbenefit__title,
.page-product-single .pbenefit__title{
  color: #fff;
  font-weight: 800;
  font-size: 1.22rem;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.single-product .pbenefit__text,
.page-product-single .pbenefit__text{
  margin-top: 0.55rem;
  color: rgba(255,255,255,.82);
  font-size: 1.02rem;
  line-height: 1.55;
  font-weight: 500;
  max-width: 38rem;
}

@media (max-width: 1000px){
  .single-product .prod-top,
  .page-product-single .prod-top{
    padding: 1.7rem 0 2.7rem;
  }

  .single-product .prod-back,
  .page-product-single .prod-back{
    margin-bottom: 1.55rem;
    font-size: 0.95rem;
  }

  .single-product .prod-top__grid,
  .page-product-single .prod-top__grid{
    grid-template-columns: 1fr;
    row-gap: 1.45rem;
  }

  .single-product .prod-top__left,
  .page-product-single .prod-top__left,
  .single-product .prod-top__media,
  .page-product-single .prod-top__media,
  .single-product .prod-top__benefits,
  .page-product-single .prod-top__benefits{
    grid-column: 1;
    grid-row: auto;
  }

  .single-product .prod-top__left,
  .page-product-single .prod-top__left{
    max-width: none;
  }

  .single-product .prod-top .sec-kicker,
  .page-product-single .prod-top .sec-kicker{
    font-size: 0.82rem;
    margin-bottom: 0.75rem;
  }

  .single-product .prod-top__title,
  .page-product-single .prod-top__title{
    font-size: 2.65rem;
    line-height: 1.02;
  }

  .single-product .prod-top__text,
  .page-product-single .prod-top__text{
    margin-top: 1.1rem;
    max-width: none;
    font-size: 1rem;
    line-height: 1.55;
  }

  .single-product .prod-top__media,
  .page-product-single .prod-top__media{
    height: 18rem;
    margin-top: 0;
  }

  .single-product .prod-top__benefits,
  .page-product-single .prod-top__benefits{
    gap: 1.35rem;
    padding-top: 0.2rem;
  }

  .single-product .pbenefit,
  .page-product-single .pbenefit{
    grid-template-columns: 3.2rem minmax(0, 1fr);
    gap: 1rem;
  }

  .single-product .pbenefit__ico,
  .page-product-single .pbenefit__ico{
    width: 3.2rem;
    height: 3.2rem;
  }

  .single-product .pbenefit__ico img,
  .page-product-single .pbenefit__ico img{
    width: 1.55rem;
    height: 1.55rem;
  }

  .single-product .pbenefit__title,
  .page-product-single .pbenefit__title{
    font-size: 1.08rem;
    line-height: 1.25;
  }

  .single-product .pbenefit__text,
  .page-product-single .pbenefit__text{
    margin-top: 0.4rem;
    font-size: 0.95rem;
    line-height: 1.55;
  }
}

@media (max-width: 520px){
  .single-product .prod-top__media,
  .page-product-single .prod-top__media{
    height: 15.8rem;
  }

  .single-product .prod-top__title,
  .page-product-single .prod-top__title{
    font-size: 2.35rem;
  }
}

/*  */
.nav__dropdown{
  min-width: 26rem;
}

.nav__dropdown-group{
  display: grid;
  gap: 0.18rem;
}

.nav__dropdown-group + .nav__dropdown-group{
  margin-top: 0.7rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0,0,0,.08);
}

.nav__dropdown .nav__dropdown-title{
  display: block;
  padding: 0.38rem 0.55rem 0.48rem;
  color: var(--c-2E74B4);
  font-size: 0.95rem;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.01em;
  white-space: nowrap;
  background: transparent;
}

.nav__dropdown .nav__dropdown-title:hover{
  color: var(--c-52DD09);
  background: rgba(82,221,9,.07);
}

.nav__dropdown .nav__dropdown-product{
  padding-left: 1.15rem;
}

.drawer__subnav-group{
  display: grid;
  gap: 0.35rem;
}

.drawer__subnav-group + .drawer__subnav-group{
  margin-top: 0.55rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(0,0,0,.08);
}

.drawer__subnav .drawer__subnav-title{
  display: block;
  padding: 0.58rem 0.9rem;
  border-radius: 0.8rem;
  color: var(--c-2E74B4);
  background: rgba(46,116,180,.07);
  font-size: 0.86rem;
  line-height: 1.2;
  font-weight: 900;
}

.drawer__subnav .drawer__subnav-title:hover,
.drawer__subnav .drawer__subnav-title:active{
  color: var(--c-52DD09);
  background: rgba(82,221,9,.08);
}

.drawer__subnav .drawer__subnav-product{
  padding-left: 1.25rem;
}

/* ===================== HERO EVENT BANNER ===================== */
.hero__event-banner{
  width: min(53.5rem, calc(100vw - 6.25rem));
  max-width: 53.5rem;
  margin: 1.9rem auto 0;
  position: relative;
  z-index: 4;
  overflow: hidden;
  box-shadow: 0 1.05rem 2.4rem rgba(0, 51, 92, .14);
}

.hero__event-banner img{
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 1001px){
  .hero__content--center{
    padding-bottom: 2.4rem;
  }
}

@media (max-width: 1000px){
  .hero__content--center{
    padding-top: 8.1rem;
    padding-bottom: 0;
  }

  .hero__event-banner{
    width: 100vw;
    max-width: 100vw;
    margin-top: 2.1rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-shadow: none;
  }

  .hero__event-banner img{
    width: 100%;
    height: auto;
  }
}

@media (max-width: 480px){
  .hero__content--center{
    padding-top: 7.5rem;
  }

  .hero__event-banner{
    margin-top: 2rem;
  }
}


.ehub-language-select {
  width: auto;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
  padding-left: 1.35rem;
  padding-right: 1.35rem;
}

.ehub-language-select option {
  text-align: left;
}