/*
Theme Name: NGL
Author: PRO SITE
Author URI: https://pro-site.org
Version:  2026
*/

:root{
  --bg:#F6F6F5;
  --surface:#ffffff;
  --surface-2:#EFF2F4;
  --text:#18262A;
  --muted:#6B7880;
  --line:#C7C9CE;
  --accent:#52C7EF;
  --accent-hover:#34B7E4;
  --dark:#18262A;
  --dark-2:#24103F;
  --white:#ffffff;
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:12px;
  --radius-pill:999px;
  --shadow:0 18px 50px rgba(24,38,42,.08);
  --shadow-dark:0 30px 80px rgba(24,38,42,.25);
  --container:1280px;
  --heading-font:'Oswald',sans-serif;
  --body-font:'Inter',sans-serif;
  --transition:.25s ease;
}
*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
html,
body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}
body{
  /* background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%); */
  color:var(--text);
  font-family:var(--body-font);
}
a{
  text-decoration:none;
  color:inherit;
}
button{
  font-family:inherit;
}
svg{
  display:block;
}
.container{
  width:min(var(--container), calc(100% - 32px));
  margin:0 auto;
}
/* ===== FIRST SCREEN ===== */
.first-screen{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#120b24;
}
/* ===== HEADER ===== */
.site-header{
  position:absolute;
  top:18px;
  left:0;
  width:100%;
  z-index:30;
  background:transparent !important;
}
.header-top{
  background:-o-linear-gradient(315deg,var(--dark),var(--dark-2));
  background:linear-gradient(135deg,var(--dark),var(--dark-2));
  border-radius:28px 28px 18px 18px;
  color:#fff;
  padding:14px 18px;
  -webkit-box-shadow:var(--shadow-dark);
          box-shadow:var(--shadow-dark);
}
.header-top-inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:16px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.top-list{
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.top-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 14px;
  border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.88);
  font-size:13px;
  line-height:1.35;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}
.top-item svg,
.city-btn svg{
  width:16px;
  height:16px;
  stroke:var(--accent);
  fill:none;
  stroke-width:2;
  -webkit-box-flex:0;
      -ms-flex:0 0 16px;
          flex:0 0 16px;
}
.top-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.city-btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.city-btn:hover{
  background:rgba(255,255,255,.14);
}
.icon-links{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.icon-link{
  width:42px;
  height:42px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.icon-link:hover{
  background:var(--accent);
  border-color:var(--accent);
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.icon-link svg{
  width:18px;
  height:18px;
  stroke:#fff;
  fill:none;
  stroke-width:2;
}
.header-bottom{
  margin-top:10px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(24,38,42,.08);
  border-radius:18px 18px 28px 28px;
  -webkit-box-shadow:var(--shadow);
          box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  position:relative;
}
.header-bottom-inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:22px;
  min-height:88px;
  padding:14px 18px;
}
.logo{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
}
.logo-box{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-width:220px;
  height:68px;
  padding:12px 22px;
  border-radius:20px;
  background:-o-linear-gradient(315deg,var(--dark),var(--dark-2));
  background:linear-gradient(135deg,var(--dark),var(--dark-2));
  -webkit-box-shadow:0 16px 40px rgba(24,38,42,.18);
          box-shadow:0 16px 40px rgba(24,38,42,.18);
}
.logo-img{
  display:block;
  width:auto;
  min-width: 37px;
  height:38px;
  -o-object-fit:contain;
     object-fit:contain;
}
.desktop-nav{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  min-width:0;
}
.desktop-nav-list{
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:8px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.desktop-nav-item{
  position:relative;
}
.desktop-nav-link{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 16px;
  border-radius:var(--radius-pill);
  color:var(--text);
  font-size:14px;
  font-weight:600;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  background:transparent;
  border:none;
  cursor:pointer;
}
.desktop-nav-link:hover,
.desktop-nav-item:hover > .desktop-nav-link,
.desktop-nav-item.active > .desktop-nav-link{
  background:var(--surface-2);
}
.desktop-nav-link.has-dropdown::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  -webkit-transform:rotate(45deg) translateY(-1px);
      -ms-transform:rotate(45deg) translateY(-1px);
          transform:rotate(45deg) translateY(-1px);
  opacity:.7;
  margin-top:-3px;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.desktop-nav-item:hover > .desktop-nav-link.has-dropdown::after,
.desktop-nav-item.open > .desktop-nav-link.has-dropdown::after{
  -webkit-transform:rotate(-135deg) translateY(-1px);
      -ms-transform:rotate(-135deg) translateY(-1px);
          transform:rotate(-135deg) translateY(-1px);
  margin-top:3px;
}
.desktop-dropdown-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  min-width:250px;
  padding:12px;
  background:#fff;
  border:1px solid rgba(24,38,42,.08);
  border-radius:20px;
  -webkit-box-shadow:0 24px 50px rgba(24,38,42,.12);
          box-shadow:0 24px 50px rgba(24,38,42,.12);
  list-style:none;
  margin:0;
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(10px);
      -ms-transform:translateY(10px);
          transform:translateY(10px);
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  z-index:40;
}
.desktop-dropdown-menu li + li{
  margin-top:6px;
}
.desktop-dropdown-menu a{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-height:44px;
  padding:0 14px;
  border-radius:14px;
  color:var(--text);
  font-size:14px;
  font-weight:500;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.desktop-dropdown-menu a:hover{
  background:var(--surface-2);
}
.desktop-nav-item:hover > .desktop-dropdown-menu,
.desktop-nav-item:focus-within > .desktop-dropdown-menu,
.desktop-nav-item.open > .desktop-dropdown-menu{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
      -ms-transform:translateY(0);
          transform:translateY(0);
}
.header-actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
}
.menu-burger{
  width:52px;
  height:52px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border:none;
  border-radius:18px;
  background:-o-linear-gradient(315deg,var(--dark),var(--dark-2));
  background:linear-gradient(135deg,var(--dark),var(--dark-2));
  cursor:pointer;
  -webkit-box-shadow:0 14px 30px rgba(24,38,42,.18);
          box-shadow:0 14px 30px rgba(24,38,42,.18);
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  position:relative;
}
.menu-burger:hover{
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.menu-burger-dots{
  display:grid;
  grid-template-columns:repeat(2, 6px);
  gap:5px;
}
.menu-burger-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  display:block;
}
/* ===== HERO ===== */
.hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#120b24;
  font-family:var(--body-font);
}
.hero__bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  z-index:0;
}
.hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:-o-radial-gradient(68% 48%, circle, rgba(82,199,239,.14), transparent 18%),
    -o-radial-gradient(78% 52%, circle, rgba(125,58,255,.18), transparent 26%),
    -o-linear-gradient(left,
      rgba(15,10,30,.72) 0%,
      rgba(19,15,39,.56) 26%,
      rgba(25,20,53,.42) 48%,
      rgba(27,18,58,.46) 62%,
      rgba(22,14,48,.62) 78%,
      rgba(15,9,30,.78) 100%
    );
  background:radial-gradient(circle at 68% 48%, rgba(82,199,239,.14), transparent 18%),
    radial-gradient(circle at 78% 52%, rgba(125,58,255,.18), transparent 26%),
    -webkit-gradient(linear,
      left top, right top,
      from(rgba(15,10,30,.72)),
      color-stop(26%, rgba(19,15,39,.56)),
      color-stop(48%, rgba(25,20,53,.42)),
      color-stop(62%, rgba(27,18,58,.46)),
      color-stop(78%, rgba(22,14,48,.62)),
      to(rgba(15,9,30,.78))
    );
  background:radial-gradient(circle at 68% 48%, rgba(82,199,239,.14), transparent 18%),
    radial-gradient(circle at 78% 52%, rgba(125,58,255,.18), transparent 26%),
    linear-gradient(90deg,
      rgba(15,10,30,.72) 0%,
      rgba(19,15,39,.56) 26%,
      rgba(25,20,53,.42) 48%,
      rgba(27,18,58,.46) 62%,
      rgba(22,14,48,.62) 78%,
      rgba(15,9,30,.78) 100%
    );
}
.hero__overlay::after{
  content:"";
  position:absolute;
  inset:0;
  background:-o-linear-gradient(
    top,
    rgba(8,7,18,.20) 0%,
    rgba(8,7,18,.04) 24%,
    rgba(8,7,18,.18) 100%
  );
  background:-webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(8,7,18,.20)),
    color-stop(24%, rgba(8,7,18,.04)),
    to(rgba(8,7,18,.18))
  );
  background:linear-gradient(
    180deg,
    rgba(8,7,18,.20) 0%,
    rgba(8,7,18,.04) 24%,
    rgba(8,7,18,.18) 100%
  );
  pointer-events:none;
}
.hero__grid{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:-o-linear-gradient(left,
      transparent 0%,
      transparent 11.5%,
      rgba(255,255,255,.08) 11.5%,
      rgba(255,255,255,.08) 11.62%,
      transparent 11.62%,
      transparent 32.7%,
      rgba(255,255,255,.08) 32.7%,
      rgba(255,255,255,.08) 32.82%,
      transparent 32.82%,
      transparent 53.9%,
      rgba(255,255,255,.08) 53.9%,
      rgba(255,255,255,.08) 54.02%,
      transparent 54.02%,
      transparent 75.1%,
      rgba(255,255,255,.08) 75.1%,
      rgba(255,255,255,.08) 75.22%,
      transparent 75.22%,
      transparent 100%);
  background:-webkit-gradient(linear,
      left top, right top,
      from(transparent),
      color-stop(11.5%, transparent),
      color-stop(11.5%, rgba(255,255,255,.08)),
      color-stop(11.62%, rgba(255,255,255,.08)),
      color-stop(11.62%, transparent),
      color-stop(32.7%, transparent),
      color-stop(32.7%, rgba(255,255,255,.08)),
      color-stop(32.82%, rgba(255,255,255,.08)),
      color-stop(32.82%, transparent),
      color-stop(53.9%, transparent),
      color-stop(53.9%, rgba(255,255,255,.08)),
      color-stop(54.02%, rgba(255,255,255,.08)),
      color-stop(54.02%, transparent),
      color-stop(75.1%, transparent),
      color-stop(75.1%, rgba(255,255,255,.08)),
      color-stop(75.22%, rgba(255,255,255,.08)),
      color-stop(75.22%, transparent),
      to(transparent));
  background:linear-gradient(to right,
      transparent 0%,
      transparent 11.5%,
      rgba(255,255,255,.08) 11.5%,
      rgba(255,255,255,.08) 11.62%,
      transparent 11.62%,
      transparent 32.7%,
      rgba(255,255,255,.08) 32.7%,
      rgba(255,255,255,.08) 32.82%,
      transparent 32.82%,
      transparent 53.9%,
      rgba(255,255,255,.08) 53.9%,
      rgba(255,255,255,.08) 54.02%,
      transparent 54.02%,
      transparent 75.1%,
      rgba(255,255,255,.08) 75.1%,
      rgba(255,255,255,.08) 75.22%,
      transparent 75.22%,
      transparent 100%);
  opacity:.22;
}
.hero__container{
  position:relative;
  z-index:3;
  width:100%;
  min-height:100vh;
  padding:0 60px;
}
.hero__content{
  position:relative;
  z-index:4;
  max-width:980px;
  padding-top:240px;
  padding-bottom:140px;
}
.hero__eyebrow{
  margin:0 0 18px;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:800;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.hero__title{
  margin:0;
  color:#fff;
  font-family:var(--heading-font);
  font-size:clamp(82px, 11vw, 176px);
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.01em;
  max-width:980px;
  text-shadow:0 8px 32px rgba(0,0,0,.28);
}
.hero__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:14px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  margin-top:34px;
  position:relative;
  z-index:6;
  max-width:560px;
}
.hero__btn{
  min-height:58px;
  padding:0 28px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-decoration:none;
  font-family:var(--body-font);
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
  white-space:nowrap;
  border:1px solid transparent;
  -webkit-box-shadow:0 16px 36px rgba(0,0,0,.18);
          box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.hero__btn--primary{
  background:var(--accent);
  color:var(--text);
}
.hero__btn--primary:hover{
  background:var(--accent-hover);
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 20px 44px rgba(82,199,239,.28);
          box-shadow:0 20px 44px rgba(82,199,239,.28);
}
.hero__btn--secondary{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
}
.hero__btn--secondary:hover{
  background:rgba(255,255,255,.18);
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  border-color:rgba(255,255,255,.34);
}
.hero__list{
  position:absolute;
  right:80px;
  top:30%;
  z-index:5;
  margin:0;
  padding:0;
  list-style:none;
}
.hero__list li{
  position:relative;
  padding-left:20px;
  color:rgba(255,255,255,.72);
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  text-shadow:0 3px 18px rgba(0,0,0,.25);
}
.hero__list li::before{
  content:"";
  position:absolute;
  top:8px;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--accent);
  -webkit-box-shadow:0 0 14px rgba(82,199,239,.45);
          box-shadow:0 0 14px rgba(82,199,239,.45);
}
.hero__list li:not(:last-child){
  margin-bottom:12px;
}
.hero__client{
  position:absolute;
  left:60px;
  bottom:28px;
  z-index:5;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:14px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  -webkit-box-shadow:0 16px 40px rgba(0,0,0,.16);
          box-shadow:0 16px 40px rgba(0,0,0,.16);
  max-width:calc(100% - 120px);
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
}
.hero__avatars{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.hero__avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.7);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:11px;
  font-weight:800;
  color:#fff;
  margin-left:-8px;
  overflow:hidden;
}
.hero__avatar:first-child{
  margin-left:0;
  background:#18262A;
}
.hero__avatar:nth-child(2){
  background:#24103F;
}
.hero__avatar:nth-child(3){
  background:#52C7EF;
  color:#18262A;
}
.hero__client h4{
  margin:0;
  color:#fff;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
  font-family:var(--heading-font);
  letter-spacing:.02em;
  white-space:nowrap;
}
/* ===== MEGA MENU ===== */
.mega-overlay{
  position:fixed;
  inset:0;
  background:rgba(24,38,42,.48);
  -webkit-backdrop-filter:blur(6px);
          backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  z-index:120;
}
.mega-overlay.open{
  opacity:1;
  visibility:visible;
}
.mega-menu{
  position:fixed;
  inset:28px;
  background:-o-linear-gradient(315deg,#18262A 0%, #1A2731 45%, #24103F 100%);
  background:linear-gradient(135deg,#18262A 0%, #1A2731 45%, #24103F 100%);
  color:#fff;
  border-radius:32px;
  -webkit-box-shadow:0 40px 100px rgba(24,38,42,.35);
          box-shadow:0 40px 100px rgba(24,38,42,.35);
  overflow:auto;
  -webkit-transform:translateY(20px) scale(.98);
      -ms-transform:translateY(20px) scale(.98);
          transform:translateY(20px) scale(.98);
  opacity:0;
  visibility:hidden;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  z-index:130;
}
.mega-menu.open{
  -webkit-transform:translateY(0) scale(1);
      -ms-transform:translateY(0) scale(1);
          transform:translateY(0) scale(1);
  opacity:1;
  visibility:visible;
}
.mega-menu-inner{
  padding:34px;
}
.mega-top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:16px;
  margin-bottom:30px;
}
.mega-title-wrap small{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:rgba(255,255,255,.6);
  margin-bottom:8px;
}
.mega-title{
  margin:0;
  font-family:var(--heading-font);
  text-transform:uppercase;
  font-size:44px;
  line-height:.95;
  letter-spacing:.01em;
}
.mega-close{
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  cursor:pointer;
  position:relative;
  -webkit-box-flex:0;
      -ms-flex:0 0 54px;
          flex:0 0 54px;
}
.mega-close::before,
.mega-close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:2px;
  background:#fff;
  border-radius:2px;
}
.mega-close::before{
  -webkit-transform:translate(-50%,-50%) rotate(45deg);
      -ms-transform:translate(-50%,-50%) rotate(45deg);
          transform:translate(-50%,-50%) rotate(45deg);
}
.mega-close::after{
  -webkit-transform:translate(-50%,-50%) rotate(-45deg);
      -ms-transform:translate(-50%,-50%) rotate(-45deg);
          transform:translate(-50%,-50%) rotate(-45deg);
}
.mega-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:18px;
}
.mega-col{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:20px;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}
.mega-col h3{
  margin:0 0 14px;
  font-family:var(--heading-font);
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:22px;
  line-height:1;
}
.mega-col ul{
  list-style:none;
  margin:0;
  padding:0;
}
.mega-col li + li{
  margin-top:8px;
}
.mega-col a{
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.45;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.mega-col a:hover{
  color:var(--accent);
}
/* ===== MOBILE NAV ===== */
.mobile-nav{
  display:none;
  padding:0 18px 18px;
}
.mobile-nav.open{
  display:block;
}
.mobile-nav-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.mobile-nav-item{
  background:#F8F9FA;
  border:1px solid rgba(24,38,42,.06);
  border-radius:18px;
  overflow:hidden;
}
.mobile-nav-head{
  width:100%;
  min-height:52px;
  padding:0 16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  border:none;
  background:transparent;
  color:var(--text);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.mobile-nav-head::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
          transform:rotate(45deg);
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.mobile-nav-item.open .mobile-nav-head::after{
  -webkit-transform:rotate(-135deg);
      -ms-transform:rotate(-135deg);
          transform:rotate(-135deg);
}
.mobile-submenu{
  max-height:0;
  overflow:hidden;
  -webkit-transition:max-height .3s ease;
  -o-transition:max-height .3s ease;
  transition:max-height .3s ease;
  padding:0 12px;
}
.mobile-nav-item.open .mobile-submenu{
  max-height:320px;
  padding:0 12px 12px;
}
.mobile-submenu a{
  display:block;
  padding:12px 12px;
  border-radius:12px;
  font-size:14px;
  color:var(--text);
}
.mobile-submenu a:hover{
  background:#fff;
}
/* ===== PLACEHOLDER SECTIONS ===== */
#contacts{
  height:1px;
}
/* ===== RESPONSIVE ===== */
@media (max-width:1180px){
  .desktop-nav{
    display:none;
  }

  .mobile-nav{
    display:block;
  }

  .header-bottom{
    padding-bottom:0;
  }

  .mobile-nav:not(.open){
    display:none;
  }

  .site-header{
    position:relative;
    top:0;
    left:0;
    width:100%;
  }

  .hero{
    min-height:auto;
  }

  .hero__container{
    min-height:auto;
    padding:0 30px;
  }

  .hero__content{
    padding-top:90px;
    padding-bottom:100px;
  }

  .hero__list,
  .hero__client{
    position:static;
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
  }

  .hero__list{
    margin-top:30px;
  }

  .hero__client{
    margin-top:30px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
  }
}
@media (max-width:1100px){
  .mega-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}
@media (max-width:820px){
  .container{
    width:min(var(--container), calc(100% - 20px));
  }

  .top-item{
    width:100%;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }

  .top-right{
    width:100%;
  }

  .city-btn{
    width:100%;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }

  .icon-links{
    width:100%;
  }

  .header-bottom-inner{
    min-height:76px;
    padding:12px 14px;
  }

  .logo-box{
    min-width: 200px;
    height:58px;
    padding:10px 16px;
  }

  .mega-menu{
    inset:12px;
    border-radius:22px;
  }

  .mega-menu-inner{
    padding:18px;
  }

  .mega-title{
    font-size:30px;
  }

  .mega-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:767px){
  .hero__container{
    padding:0 20px;
  }

  .hero__content{
    padding-top:60px;
    padding-bottom:70px;
  }

  .hero__title{
    font-size:clamp(52px, 14vw, 84px);
    line-height:1.05;
  }

  .hero__actions{
    width:100%;
    gap:12px;
  }

  .hero__btn{
    width:100%;
    min-height:54px;
    padding:0 20px;
    font-size:13px;
  }

  .hero__client{
    width:100%;
  }
}
.ticker{
  position:relative;
  z-index:6;
  width:100%;
  padding:28px 0;
  background:-o-linear-gradient(315deg, #18262a 0%, #24103f 62%, #52c7ef 100%);
  background:linear-gradient(135deg, #18262a 0%, #24103f 62%, #52c7ef 100%);
}
.ticker__inner{
  margin:0 auto;
  overflow:hidden;
  -webkit-box-shadow:0 20px 50px rgba(24, 38, 42, 0.14);
          box-shadow:0 20px 50px rgba(24, 38, 42, 0.14);
  border:1px solid rgba(24, 38, 42, 0.08);
}
.ticker__row{
  position:relative;
  overflow:hidden;
  white-space:nowrap;
}
.ticker__row--top{
  background:-o-linear-gradient(left, #52C7EF 0%, #7AD7F4 50%, #52C7EF 100%);
  background:-webkit-gradient(linear, left top, right top, from(#52C7EF), color-stop(50%, #7AD7F4), to(#52C7EF));
  background:linear-gradient(90deg, #52C7EF 0%, #7AD7F4 50%, #52C7EF 100%);
}
.ticker__row--bottom{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-top:1px solid rgba(255,255,255,.08);
}
.ticker__track{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  min-width:200%;
  -webkit-animation-timing-function:linear;
          animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
}
.ticker__row--top .ticker__track{
  -webkit-animation-name:tickerLeft;
          animation-name:tickerLeft;
  -webkit-animation-duration:20s;
          animation-duration:20s;
}
.ticker__row--bottom .ticker__track{
  -webkit-animation-name:tickerRight;
          animation-name:tickerRight;
  -webkit-animation-duration:20s;
          animation-duration:20s;
}
.ticker__item{
  position:relative;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  display:inline-block;
  padding:12px 34px 10px;
  font-family:var(--heading-font, 'Oswald', sans-serif);
  font-size:50px;
  font-weight:700;
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:.015em;
}
.ticker__row--top .ticker__item{
  color:#18262A;
}
.ticker__row--bottom .ticker__item{
  color:#F6F6F5;
}
.ticker__item::after{
  content:"•";
  display:inline-block;
  margin-left:34px;
  opacity:.55;
}
.ticker__row--top .ticker__item::after{
  color:rgba(24,38,42,.55);
}
.ticker__row--bottom .ticker__item::after{
  color:rgba(246,246,245,.45);
}
@-webkit-keyframes tickerLeft{
  0%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes tickerLeft{
  0%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes tickerRight{
  0%{
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes tickerRight{
  0%{
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 991px){
  .ticker{
    padding: 22px 0;
  }

  

  .ticker__item{
    font-size: 34px;
    padding: 12px 24px 10px;
  }

  .ticker__item::after{
    margin-left: 24px;
  }
}
@media (max-width: 767px){
  .ticker__item{
    font-size: 22px;
    padding: 12px 18px 10px;
  }

  .ticker__item::after{
    margin-left: 18px;
  }
}
.bb-products{
  --bb-bg:#F6F6F5;
  --bb-surface:#FFFFFF;
  --bb-surface-2:#EFF2F4;
  --bb-text:#18262A;
  --bb-muted:#6B7880;
  --bb-line:#C7C9CE;
  --bb-accent:#52C7EF;
  --bb-accent-hover:#34B7E4;
  --bb-dark:#18262A;
  --bb-dark-2:#24103F;
  --bb-success:#2DBE77;
  --bb-warning:#F4B740;
  --bb-radius-xl:28px;
  --bb-radius-lg:20px;
  --bb-radius-md:16px;
  --bb-radius-pill:999px;
  --bb-shadow:0 18px 50px rgba(24,38,42,.08);
  --bb-shadow-hover:0 26px 60px rgba(24,38,42,.12);
  --bb-heading:'Oswald',sans-serif;
  --bb-body:'Inter',sans-serif;
  --bb-transition:.25s ease;
  background:var(--bb-bg);
  padding:72px 0;
  color:var(--bb-text);
  font-family:var(--bb-body);
}
.bb-products__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.bb-products__head{
  display:grid;
  gap:24px;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:end;
  margin-bottom:32px;
}
.bb-products__title{
  margin:0;
  font-family:var(--bb-heading);
  font-size:clamp(42px,5vw,68px);
  line-height:.9;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:var(--bb-text);
}
.bb-products__subtitle{
  margin:0;
  color:var(--bb-muted);
  font-size:16px;
  line-height:1.7;
  max-width:760px;
}
.bb-products__tabs{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:12px;
  margin-bottom:34px;
}
.bb-products__tab{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border:1px solid rgba(24,38,42,.12);
  background:rgba(255,255,255,.75);
  color:var(--bb-text);
  min-height:52px;
  padding:0 18px;
  border-radius:var(--bb-radius-pill);
  font-family:var(--bb-body);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  -webkit-transition:var(--bb-transition);
  -o-transition:var(--bb-transition);
  transition:var(--bb-transition);
  white-space:nowrap;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}
.bb-products__tab:hover{
  border-color:var(--bb-accent);
  background:#fff;
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.bb-products__tab.is-active{
  background:var(--bb-accent);
  color:var(--bb-text);
  border-color:var(--bb-accent);
  -webkit-box-shadow:0 12px 28px rgba(82,199,239,.26);
          box-shadow:0 12px 28px rgba(82,199,239,.26);
}
.bb-products__panel{
  display:none;
}
.bb-products__panel.is-active{
  display:block;
}
.bb-products__carousel{
  position:relative;
  padding:0 56px;
}
.bb-products__track{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:8px 0 12px;
}
.bb-products__track::-webkit-scrollbar{
  display:none;
}
.bb-products__arrow{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:-o-linear-gradient(315deg,var(--bb-dark),var(--bb-dark-2));
  background:linear-gradient(135deg,var(--bb-dark),var(--bb-dark-2));
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:3;
  -webkit-box-shadow:0 14px 32px rgba(24,38,42,.18);
          box-shadow:0 14px 32px rgba(24,38,42,.18);
  -webkit-transition:var(--bb-transition);
  -o-transition:var(--bb-transition);
  transition:var(--bb-transition);
}
.bb-products__arrow:hover{
  background:var(--bb-accent);
  color:var(--bb-text);
}
.bb-products__arrow--prev{
  left:0;
}
.bb-products__arrow--next{
  right:0;
}
.bb-products__card{
  position:relative;
  min-width:285px;
  max-width:285px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(24,38,42,.08);
  border-radius:var(--bb-radius-xl);
  padding:18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:12px;
  -webkit-box-shadow:var(--bb-shadow);
          box-shadow:var(--bb-shadow);
  -webkit-transition:var(--bb-transition);
  -o-transition:var(--bb-transition);
  transition:var(--bb-transition);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
}
.bb-products__card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  -webkit-box-shadow:var(--bb-shadow-hover);
          box-shadow:var(--bb-shadow-hover);
  border-color:rgba(82,199,239,.55);
}
.bb-products__icon{
  width:100%;
  height:136px;
  border-radius:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:60px;
  background:-o-linear-gradient(top,#ffffff 0%, #EFF2F4 100%);
  background:-webkit-gradient(linear,left top, left bottom,from(#ffffff), to(#EFF2F4));
  background:linear-gradient(180deg,#ffffff 0%, #EFF2F4 100%);
  border:1px solid rgba(24,38,42,.06);
  position:relative;
  overflow:hidden;
}
.bb-products__badges{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:8px;
}
.bb-products__badge,
  .bb-products__stock{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.bb-products__badge{
  background:rgba(82,199,239,.16);
  color:var(--bb-text);
}
.bb-products__stock{
  background:rgba(45,190,119,.14);
  color:#177548;
}
.bb-products__name{
  margin:0;
  font-size:22px;
  line-height:1.05;
  font-family:var(--bb-heading);
  text-transform:uppercase;
  color:var(--bb-text);
}
.bb-products__desc{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--bb-muted);
}
.bb-products__specs{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:8px;
  padding:14px 0;
  border-top:1px solid rgba(24,38,42,.08);
  border-bottom:1px solid rgba(24,38,42,.08);
}
.bb-products__spec{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--bb-muted);
  line-height:1.4;
}
.bb-products__rating{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  font-size:13px;
}
.bb-products__rating strong{
  color:var(--bb-warning);
  font-weight:700;
}
.bb-products__rating span{
  color:var(--bb-muted);
}
.bb-products__price{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
  gap:10px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.bb-products__price-current{
  font-size:28px;
  line-height:1;
  font-weight:800;
  color:var(--bb-text);
}
.bb-products__price-old{
  font-size:15px;
  color:#9AA4AA;
  text-decoration:line-through;
}
.bb-products__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:8px;
  margin-top:4px;
}
.bb-products__btn{
  -webkit-box-flex:1;
      -ms-flex:1 1 0px;
          flex:1 1 0;
  min-height:44px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-decoration:none;
  -webkit-transition:var(--bb-transition);
  -o-transition:var(--bb-transition);
  transition:var(--bb-transition);
  border:1px solid transparent;
}
.bb-products__btn--primary{
  background:var(--bb-accent);
  color:var(--bb-text);
  -webkit-box-shadow:0 12px 28px rgba(82,199,239,.22);
          box-shadow:0 12px 28px rgba(82,199,239,.22);
}
.bb-products__btn--primary:hover{
  background:var(--bb-accent-hover);
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.bb-products__btn--secondary{
  background:transparent;
  color:var(--bb-text);
  border-color:rgba(24,38,42,.12);
}
.bb-products__btn--secondary:hover{
  background:var(--bb-surface-2);
}
@media (max-width: 991px){
    .bb-products{
      padding:56px 0;
    }

    .bb-products__head{
      grid-template-columns:1fr;
      gap:12px;
    }

    .bb-products__carousel{
      padding:0;
    }

    .bb-products__arrow{
      display:none;
    }
  }
@media (max-width: 767px){
    .bb-products__container{
      width:min(1280px, calc(100% - 20px));
    }

    .bb-products__tabs{
      gap:10px;
      margin-bottom:24px;
    }

    .bb-products__tab{
      min-height:46px;
      padding:0 14px;
      font-size:13px;
    }

    .bb-products__card{
      min-width:260px;
      max-width:260px;
      border-radius:22px;
      padding:16px;
    }

    .bb-products__icon{
      height:120px;
      font-size:52px;
    }

    .bb-products__name{
      font-size:20px;
    }

    .bb-products__price-current{
      font-size:24px;
    }

    .bb-products__actions{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
          -ms-flex-direction:column;
              flex-direction:column;
    }
  }
/* =========================
   АКЦИИ / PROMO CAROUSEL
   ========================= */
.brand-promo{
  padding:clamp(72px, 8vw, 110px) 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  overflow:hidden;
}
.brand-promo__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-promo__head{
  display:grid;
  grid-template-columns:minmax(280px, 1.1fr) minmax(280px, 0.9fr) auto;
  gap:24px;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:end;
  margin-bottom:34px;
}
.brand-promo__eyebrow{
  margin:0 0 12px;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#7F8A8F;
}
.brand-promo__title{
  margin:0;
  font-family:var(--heading-font, "Oswald", sans-serif);
  font-size:clamp(42px, 5vw, 68px);
  font-weight:700;
  line-height:0.92;
  letter-spacing:-0.02em;
  text-transform:uppercase;
  color:white;
}
.brand-promo__lead{
  margin:0;
  max-width:560px;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:17px;
  line-height:1.65;
  color:#5C676C;
}
.brand-promo__all{
  justify-self:end;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  border:1px solid rgba(24, 38, 42, 0.12);
  background:#FFFFFF;
  text-decoration:none;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:12px;
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#18262A;
  -webkit-transition:0.25s ease;
  -o-transition:0.25s ease;
  transition:0.25s ease;
}
.brand-promo__all:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  border-color:rgba(82, 199, 239, 0.6);
  -webkit-box-shadow:0 14px 32px rgba(24, 38, 42, 0.08);
          box-shadow:0 14px 32px rgba(24, 38, 42, 0.08);
}
/* slider */
.brand-promo-slider{
  position:relative;
  display:grid;
  grid-template-columns:64px 1fr 64px;
  gap:18px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.brand-promo-slider__viewport{
  min-width:0;
  overflow:hidden;
}
.brand-promo-slider__track{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-behavior:smooth;
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:4px 2px 10px;
}
.brand-promo-slider__track::-webkit-scrollbar{
  display:none;
}
.brand-promo-slider__nav{
  width:64px;
  height:64px;
  border:1px solid rgba(24, 38, 42, 0.1);
  border-radius:50%;
  background:#FFFFFF;
  color:#18262A;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  cursor:pointer;
  -webkit-transition:0.25s ease;
  -o-transition:0.25s ease;
  transition:0.25s ease;
  -webkit-box-shadow:0 12px 28px rgba(24, 38, 42, 0.06);
          box-shadow:0 12px 28px rgba(24, 38, 42, 0.06);
  z-index:2;
}
.brand-promo-slider__nav span{
  font-size:24px;
  line-height:1;
}
.brand-promo-slider__nav:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:#52C7EF;
  border-color:#52C7EF;
}
.brand-promo-slider__nav:disabled{
  opacity:0.45;
  cursor:default;
  -webkit-transform:none;
      -ms-transform:none;
          transform:none;
}
/* cards */
.brand-promo-card{
  scroll-snap-align:start;
  -webkit-box-flex:0;
      -ms-flex:0 0 calc((100% - 40px) / 3);
          flex:0 0 calc((100% - 40px) / 3);
  min-width:0;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  min-height:420px;
  padding:28px;
  border-radius:28px;
  background:#FFFFFF;
  border:1px solid rgba(24, 38, 42, 0.08);
  -webkit-box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
  overflow:hidden;
  -webkit-transition:border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition:border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  -o-transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.brand-promo-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:#52C7EF;
}
.brand-promo-card:hover{
  -webkit-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
          transform:translateY(-6px);
  border-color:rgba(82, 199, 239, 0.4);
  -webkit-box-shadow:0 24px 54px rgba(24, 38, 42, 0.1);
          box-shadow:0 24px 54px rgba(24, 38, 42, 0.1);
}
.brand-promo-card--featured{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-color:rgba(255, 255, 255, 0.08);
  -webkit-box-shadow:0 24px 54px rgba(24, 38, 42, 0.18);
          box-shadow:0 24px 54px rgba(24, 38, 42, 0.18);
}
.brand-promo-card--featured::before{
  background:-o-linear-gradient(left, #52C7EF 0%, #7AD7F4 100%);
  background:-webkit-gradient(linear, left top, right top, from(#52C7EF), to(#7AD7F4));
  background:linear-gradient(90deg, #52C7EF 0%, #7AD7F4 100%);
}
.brand-promo-card__top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:16px;
  margin-bottom:26px;
}
.brand-promo-card__badge{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(24, 38, 42, 0.06);
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:11px;
  font-weight:800;
  letter-spacing:0.12em;
  line-height:1;
  text-transform:uppercase;
  color:#18262A;
}
.brand-promo-card--featured .brand-promo-card__badge{
  background:rgba(255, 255, 255, 0.1);
  color:#F6F6F5;
}
.brand-promo-card__title{
  margin:0 0 14px;
  font-family:var(--heading-font, "Oswald", sans-serif);
  font-size:34px;
  font-weight:700;
  line-height:0.95;
  letter-spacing:-0.02em;
  text-transform:uppercase;
  color:#18262A;
  word-break:break-word;
}
.brand-promo-card--featured .brand-promo-card__title{
  color:#F6F6F5;
}
.brand-promo-card__desc{
  margin:0 0 22px;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:16px;
  line-height:1.65;
  color:#5C676C;
}
.brand-promo-card--featured .brand-promo-card__desc{
  color:rgba(246, 246, 245, 0.82);
}
.brand-promo-card__benefit{
  margin-top:auto;
  margin-bottom:12px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-height:44px;
  padding:0 16px;
  border-radius:16px;
  background:rgba(82, 199, 239, 0.14);
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  color:#18262A;
}
.brand-promo-card--featured .brand-promo-card__benefit{
  background:rgba(82, 199, 239, 0.18);
  color:#F6F6F5;
}
.brand-promo-card__period{
  margin-bottom:22px;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#7F8A8F;
}
.brand-promo-card--featured .brand-promo-card__period{
  color:rgba(246, 246, 245, 0.58);
}
.brand-promo-card__btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  background:#52C7EF;
  text-decoration:none;
  font-family:var(--body-font, "Inter", sans-serif);
  font-size:12px;
  font-weight:800;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#18262A;
  -webkit-transition:0.25s ease;
  -o-transition:0.25s ease;
  transition:0.25s ease;
}
.brand-promo-card__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:#7AD7F4;
  -webkit-box-shadow:0 16px 34px rgba(82, 199, 239, 0.28);
          box-shadow:0 16px 34px rgba(82, 199, 239, 0.28);
}
/* responsive */
@media (max-width: 1180px) {
  .brand-promo__head {
    grid-template-columns: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .brand-promo__all {
    justify-self: start;
  }

  .brand-promo-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 20px) / 2);
            flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .brand-promo {
    padding: 64px 0 120px;
  }

  .brand-promo__container {
    width: min(1280px, calc(100% - 20px));
  }

  .brand-promo-slider {
    grid-template-columns: 1fr;
  }

  .brand-promo-slider__viewport {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .brand-promo-slider__nav {
    width: 52px;
    height: 52px;
    position: absolute;
    top: calc(100% + 18px);
  }

  .brand-promo-slider__nav--prev {
    left: calc(50% - 60px);
  }

  .brand-promo-slider__nav--next {
    right: calc(50% - 60px);
  }

  .brand-promo-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 22px;
    border-radius: 22px;
    min-height: 390px;
  }

  .brand-promo-card__title {
    font-size: 28px;
  }

  .brand-promo-card__desc {
    font-size: 15px;
  }

  .brand-promo-card__btn,
  .brand-promo__all {
    width: 100%;
  }
}
/* чтобы плашка 3000+ клиентов не наезжала на кнопки */
@media (max-width: 1366px){
  .hero__content{
    padding-bottom:170px;
  }
}
@media (max-width: 767px){
  .hero__content{
    padding-bottom:70px;
  }

  .hero__client{
    max-width:100%;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-bottom: 10px;
  }

  .hero__client h4{
    white-space:normal;
  }
}
/* =====================================
   FOR WHOM / testimonial-like block
   ===================================== */
.brandbook-whom{
  padding:clamp(72px, 8vw, 110px) 0;
  background:var(--bg);
}
.brandbook-whom__shell{
  position:relative;
  padding:clamp(28px, 4vw, 42px);
  border-radius:32px;
  overflow:hidden;
  background:-o-linear-gradient(315deg, var(--dark) 0%, #1c2b34 48%, var(--dark-2) 100%);
  background:linear-gradient(135deg, var(--dark) 0%, #1c2b34 48%, var(--dark-2) 100%);
  -webkit-box-shadow:var(--shadow-dark);
          box-shadow:var(--shadow-dark);
}
.brandbook-whom__shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:-o-radial-gradient(top left, circle, rgba(82,199,239,.18) 0%, transparent 34%),
    -o-radial-gradient(bottom right, circle, rgba(82,199,239,.10) 0%, transparent 32%);
  background:radial-gradient(circle at top left, rgba(82,199,239,.18) 0%, transparent 34%),
    radial-gradient(circle at bottom right, rgba(82,199,239,.10) 0%, transparent 32%);
  pointer-events:none;
}
.brandbook-whom__header{
  position:relative;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:24px;
  margin-bottom:34px;
}
.brandbook-whom__eyebrow{
  margin:0 0 12px;
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-family:var(--body-font);
}
.brandbook-whom__title{
  margin:0;
  color:#fff;
  font-family:var(--heading-font);
  font-size:clamp(42px, 5vw, 68px);
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:-.02em;
  max-width:720px;
}
.brandbook-whom__quote{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  color:rgba(82,199,239,.22);
  font-family:var(--heading-font);
  font-size:clamp(86px, 10vw, 150px);
  line-height:.7;
  -webkit-transform:translateY(14px);
      -ms-transform:translateY(14px);
          transform:translateY(14px);
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.brandbook-whom__slider{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:56px 1fr 56px;
  gap:18px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.brandbook-whom__viewport{
  min-width:0;
  overflow:hidden;
}
.brandbook-whom__track{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-behavior:smooth;
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:4px 2px 10px;
}
.brandbook-whom__track::-webkit-scrollbar{
  display:none;
}
.brandbook-whom__nav{
  width:56px;
  height:56px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  cursor:pointer;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
}
.brandbook-whom__nav span{
  font-size:28px;
  line-height:1;
}
.brandbook-whom__nav:hover{
  background:var(--accent);
  color:var(--text);
  border-color:var(--accent);
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
}
.brandbook-whom__nav:disabled{
  opacity:.35;
  cursor:default;
  -webkit-transform:none;
      -ms-transform:none;
          transform:none;
}
.brandbook-whom-card{
  scroll-snap-align:start;
  -webkit-box-flex:0;
      -ms-flex:0 0 calc((100% - 40px) / 3);
          flex:0 0 calc((100% - 40px) / 3);
  min-width:0;
  min-height:280px;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.12);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-shadow:0 18px 50px rgba(0,0,0,.12);
          box-shadow:0 18px 50px rgba(0,0,0,.12);
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
}
.brandbook-whom-card:hover{
  -webkit-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
          transform:translateY(-6px);
  -webkit-box-shadow:0 24px 60px rgba(0,0,0,.18);
          box-shadow:0 24px 60px rgba(0,0,0,.18);
}
.brandbook-whom-card__icon{
  width:72px;
  height:72px;
  border-radius:50%;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:var(--surface-2);
  border:1px solid rgba(24,38,42,.08);
  font-size:30px;
  margin-bottom:22px;
}
.brandbook-whom-card__title{
  margin:0 0 22px;
  color:var(--text);
  font-family:var(--heading-font);
  font-size:34px;
  line-height:.96;
  text-transform:uppercase;
  letter-spacing:-.02em;
  word-break:break-word;
}
.brandbook-whom-card__btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  background:var(--accent);
  color:var(--text);
  text-decoration:none;
  font-family:var(--body-font);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  -webkit-transition:var(--transition);
  -o-transition:var(--transition);
  transition:var(--transition);
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
.brandbook-whom-card__btn:hover{
  background:var(--accent-hover);
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 16px 34px rgba(82,199,239,.28);
          box-shadow:0 16px 34px rgba(82,199,239,.28);
}
@media (max-width:1180px){
  .brandbook-whom-card{
    -webkit-box-flex:0;
        -ms-flex:0 0 calc((100% - 20px) / 2);
            flex:0 0 calc((100% - 20px) / 2);
  }
}
@media (max-width:767px){
  .brandbook-whom{
    padding:64px 0 120px;
  }

  .brandbook-whom__shell{
    padding:22px;
    border-radius:24px;
  }

  .brandbook-whom__header{
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    margin-bottom:24px;
  }

  .brandbook-whom__quote{
    font-size:74px;
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
  }

  .brandbook-whom__slider{
    grid-template-columns:1fr;
  }

  .brandbook-whom__viewport{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1;
  }

  .brandbook-whom__nav{
    width:52px;
    height:52px;
    position:absolute;
    top:calc(100% + 18px);
    z-index:3;
  }

  .brandbook-whom__nav--prev{
    left:calc(50% - 60px);
  }

  .brandbook-whom__nav--next{
    right:calc(50% - 60px);
  }

  .brandbook-whom-card{
    -webkit-box-flex:0;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
    min-height:240px;
    padding:22px;
    border-radius:22px;
  }

  .brandbook-whom-card__icon{
    width:62px;
    height:62px;
    font-size:26px;
    margin-bottom:18px;
  }

  .brandbook-whom-card__title{
    font-size:28px;
    margin-bottom:18px;
  }

  .brandbook-whom-card__btn{
    width:100%;
  }
}
.brandbook-whom-card__icon svg{
  width:30px;
  height:30px;
  stroke:#18262A;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brandbook-whom-card:hover .brandbook-whom-card__icon{
  background:rgba(82,199,239,.18);
  border-color:rgba(82,199,239,.35);
}
/* =========================
   BB PRODUCTS — dark cards + svg icons
   ========================= */
.bb-products__card--dark{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-color:rgba(82,199,239,.18);
  -webkit-box-shadow:0 22px 54px rgba(24,38,42,.26);
          box-shadow:0 22px 54px rgba(24,38,42,.26);
}

.bb-products__card--dark:hover{
  border-color:rgba(82,199,239,.45);
  -webkit-box-shadow:0 28px 64px rgba(24,38,42,.34);
          box-shadow:0 28px 64px rgba(24,38,42,.34);
}
.bb-products__card--dark .bb-products__name,
.bb-products__card--dark .bb-products__price-current{
  color:#F6F6F5;
}
.bb-products__card--dark .bb-products__desc,
.bb-products__card--dark .bb-products__spec,
.bb-products__card--dark .bb-products__rating span{
  color:rgba(246,246,245,.78);
}
.bb-products__card--dark .bb-products__specs{
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.bb-products__card--dark .bb-products__badge{
  background:rgba(82,199,239,.18);
  color:#F6F6F5;
}
.bb-products__card--dark .bb-products__stock{
  background:rgba(255,255,255,.10);
  color:#F6F6F5;
}
.bb-products__card--dark .bb-products__btn--primary{
  background:#52C7EF;
  color:#18262A;
  -webkit-box-shadow:0 12px 28px rgba(82,199,239,.24);
          box-shadow:0 12px 28px rgba(82,199,239,.24);
}
.bb-products__card--dark .bb-products__btn--primary:hover{
  background:#7AD7F4;
}
.bb-products__card--dark .bb-products__btn--secondary{
  color:#F6F6F5;
  border-color:rgba(255,255,255,.16);
  background:transparent;
}
.bb-products__card--dark .bb-products__btn--secondary:hover{
  background:rgba(255,255,255,.08);
}
.bb-products__icon::after{
  content:"";
  position:absolute;
  inset:auto auto -26px -26px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:rgba(82,199,239,.12);
  -webkit-filter:blur(6px);
          filter:blur(6px);
}
.bb-products__icon svg{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  stroke:#18262A;
  stroke-width:1.9;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bb-products__card--dark .bb-products__icon{
  background:-o-linear-gradient(top, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.08)), to(rgba(255,255,255,.03)));
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  border-color:rgba(255,255,255,.08);
}
.bb-products__card--dark .bb-products__icon::after{
  background:rgba(82,199,239,.22);
}
.bb-products__card--dark .bb-products__icon svg{
  stroke:#F6F6F5;
}
.bb-products__icon--diesel{
  background:-o-linear-gradient(top, #FFFFFF 0%, #EEF8FC 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF8FC));
  background:linear-gradient(180deg, #FFFFFF 0%, #EEF8FC 100%);
}
.bb-products__icon--gasoline{
  background:-o-linear-gradient(top, #FFFFFF 0%, #F5F1FF 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F1FF));
  background:linear-gradient(180deg, #FFFFFF 0%, #F5F1FF 100%);
}
.bb-products__icon--kerosene{
  background:-o-linear-gradient(top, #FFFFFF 0%, #EEF3FF 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF3FF));
  background:linear-gradient(180deg, #FFFFFF 0%, #EEF3FF 100%);
}
.bb-products__icon--heavy{
  background:-o-linear-gradient(top, #FFFFFF 0%, #F2F3F4 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F3F4));
  background:linear-gradient(180deg, #FFFFFF 0%, #F2F3F4 100%);
}
.bb-products__icon--light{
  background:-o-linear-gradient(top, #FFFFFF 0%, #F2FBFF 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2FBFF));
  background:linear-gradient(180deg, #FFFFFF 0%, #F2FBFF 100%);
}
.bb-products__icon--supplier{
  background:-o-linear-gradient(top, #FFFFFF 0%, #F3F5F8 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F5F8));
  background:linear-gradient(180deg, #FFFFFF 0%, #F3F5F8 100%);
}
/* =========================
   SERVICES RAIL / ACCORDION
   ========================= */
.brand-services-rail{
  padding:88px 0;
  background:-o-radial-gradient(top left, circle, rgba(82,199,239,.08), transparent 34%),
    #F6F6F5;
  background:radial-gradient(circle at top left, rgba(82,199,239,.08), transparent 34%),
    #F6F6F5;
  color:#18262A;
}
.brand-services-rail__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-services-rail__head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:32px;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:end;
  margin-bottom:34px;
}
.brand-services-rail__eyebrow{
  grid-column:1 / -1;
  margin:0 0 6px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-services-rail__title{
  margin:0;
  font-family:"Oswald", sans-serif;
  font-size:clamp(44px, 7vw, 88px);
  line-height:.9;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:#18262A;
}
.brand-services-rail__lead{
  margin:0;
  max-width:560px;
  justify-self:end;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.7;
  color:#6B7880;
}
.brand-services-rail__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:14px;
}
.brand-services-rail__item{
  position:relative;
  border:1px solid rgba(24,38,42,.10);
  border-radius:30px;
  background:rgba(255,255,255,.76);
  -webkit-box-shadow:0 16px 44px rgba(24,38,42,.06);
          box-shadow:0 16px 44px rgba(24,38,42,.06);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  overflow:hidden;
  -webkit-transition:.28s ease;
  -o-transition:.28s ease;
  transition:.28s ease;
}
.brand-services-rail__item[open]{
  -webkit-box-shadow:0 22px 56px rgba(24,38,42,.10);
          box-shadow:0 22px 56px rgba(24,38,42,.10);
  border-color:rgba(82,199,239,.32);
}
.brand-services-rail__item--dark{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-color:rgba(82,199,239,.18);
  -webkit-box-shadow:0 20px 56px rgba(24,38,42,.20);
          box-shadow:0 20px 56px rgba(24,38,42,.20);
}
.brand-services-rail__item--dark .brand-services-rail__name{
  color:#F6F6F5;
}
.brand-services-rail__item--dark .brand-services-rail__teaser,
.brand-services-rail__item--dark .brand-services-rail__body p,
.brand-services-rail__item--dark .brand-services-rail__num{
  color:rgba(246,246,245,.74);
}
.brand-services-rail__item--dark .brand-services-rail__icon{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.10);
}
.brand-services-rail__item--dark .brand-services-rail__icon svg{
  stroke:#F6F6F5;
}
.brand-services-rail__item--dark .brand-services-rail__toggle{
  border-color:rgba(255,255,255,.14);
}
.brand-services-rail__item--dark .brand-services-rail__toggle::before,
.brand-services-rail__item--dark .brand-services-rail__toggle::after{
  background:#F6F6F5;
}
.brand-services-rail__summary{
  list-style:none;
  display:grid;
  grid-template-columns:72px 82px minmax(0, 1fr) 56px;
  gap:18px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:24px 26px;
  cursor:pointer;
}
.brand-services-rail__summary::-webkit-details-marker{
  display:none;
}
.brand-services-rail__num{
  font-family:"Oswald", sans-serif;
  font-size:28px;
  line-height:1;
  color:rgba(24,38,42,.34);
}
.brand-services-rail__icon{
  width:82px;
  height:82px;
  border-radius:24px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-linear-gradient(top, #FFFFFF 0%, #EFF2F4 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFF2F4));
  background:linear-gradient(180deg, #FFFFFF 0%, #EFF2F4 100%);
  border:1px solid rgba(24,38,42,.08);
  position:relative;
  overflow:hidden;
}
.brand-services-rail__icon::after{
  content:"";
  position:absolute;
  width:60px;
  height:60px;
  right:-16px;
  bottom:-16px;
  border-radius:50%;
  background:rgba(82,199,239,.14);
  -webkit-filter:blur(4px);
          filter:blur(4px);
}
.brand-services-rail__icon svg{
  position:relative;
  z-index:2;
  width:38px;
  height:38px;
  stroke:#18262A;
  stroke-width:1.9;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-services-rail__main{
  display:grid;
  gap:8px;
  min-width:0;
}
.brand-services-rail__name{
  font-family:"Oswald", sans-serif;
  font-size:clamp(28px, 4vw, 44px);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:#18262A;
}
.brand-services-rail__teaser{
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.55;
  color:#6B7880;
}
.brand-services-rail__toggle{
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(24,38,42,.10);
  position:relative;
  background:transparent;
}
.brand-services-rail__toggle::before,
.brand-services-rail__toggle::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:2px;
  background:#18262A;
  border-radius:2px;
  -webkit-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
}
.brand-services-rail__toggle::after{
  -webkit-transform:translate(-50%,-50%) rotate(90deg);
      -ms-transform:translate(-50%,-50%) rotate(90deg);
          transform:translate(-50%,-50%) rotate(90deg);
}
.brand-services-rail__item[open] .brand-services-rail__toggle::after{
  -webkit-transform:translate(-50%,-50%) rotate(0);
      -ms-transform:translate(-50%,-50%) rotate(0);
          transform:translate(-50%,-50%) rotate(0);
}
.brand-services-rail__body{
  padding:0 26px 26px 172px;
}
.brand-services-rail__body p{
  margin:0 0 18px;
  max-width:760px;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.75;
  color:#506068;
}
.brand-services-rail__link{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  background:#52C7EF;
  color:#18262A;
  font-family:"Inter", sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 12px 28px rgba(82,199,239,.22);
          box-shadow:0 12px 28px rgba(82,199,239,.22);
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
}
.brand-services-rail__link:hover{
  background:#34B7E4;
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.brand-services-rail__item--dark .brand-services-rail__link{
  background:#52C7EF;
  color:#18262A;
}
@media (max-width: 991px){
  .brand-services-rail{
    padding: 64px 0;
  }

  .brand-services-rail__head{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .brand-services-rail__lead{
    justify-self: start;
    max-width: 100%;
  }

  .brand-services-rail__summary{
    grid-template-columns: 56px 68px minmax(0, 1fr) 48px;
    gap: 14px;
    padding: 20px;
  }

  .brand-services-rail__icon{
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }

  .brand-services-rail__icon svg{
    width: 32px;
    height: 32px;
  }

  .brand-services-rail__body{
    padding: 0 20px 20px 138px;
  }
}
@media (max-width: 767px){
  .brand-services-rail__container{
    width: min(1280px, calc(100% - 20px));
  }

  .brand-services-rail__summary{
    grid-template-columns: 1fr 42px;
    grid-template-areas:
      "main toggle"
      "icon toggle"
      "num toggle";
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 12px;
  }

  .brand-services-rail__main{
    grid-area: main;
  }

  .brand-services-rail__icon{
    grid-area: icon;
    width: 62px;
    height: 62px;
  }

  .brand-services-rail__num{
    grid-area: num;
    font-size: 22px;
  }

  .brand-services-rail__toggle{
    grid-area: toggle;
    width: 42px;
    height: 42px;
    margin-top: 4px;
  }

  .brand-services-rail__body{
    padding: 0 20px 20px 20px;
  }

  .brand-services-rail__body p{
    font-size: 15px;
  }
}
/* =========================
   GEOGRAPHY DELIVERY — ngl like
   ========================= */
.geo-delivery{
  padding:88px 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  color:#18262A;
}
.geo-delivery__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.geo-delivery__head{
  text-align:center;
  margin-bottom:34px;
}
.geo-delivery__title{
  margin:0 0 10px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(42px, 6vw, 74px);
  line-height:.92;
  text-transform:uppercase;
  color:white;
}
.geo-delivery__subtitle{
  margin:0 0 12px;
  font-family:"Inter", sans-serif;
  font-size:20px;
  font-weight:700;
  color:#52C7EF;
}
.geo-delivery__hint{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.7;
  color:#6B7880;
}
.geo-delivery__layout{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) 360px;
  gap:24px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
}
.geo-delivery__map-wrap{
  padding:22px;
  border-radius:34px;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  -webkit-box-shadow:0 28px 72px rgba(24,38,42,.20);
          box-shadow:0 28px 72px rgba(24,38,42,.20);
}
.geo-delivery__map{
  position:relative;
  min-height:620px;
  border-radius:28px;
  overflow:hidden;
  background:#dfe7ec;
  background-size:auto, 44px 44px, 44px 44px, auto;
  border:1px solid rgba(255,255,255,.08);
  width:100%;
}
.geo-delivery__ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px dashed rgba(82,199,239,.25);
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}
.geo-delivery__ring--1{
  width:180px;
  height:180px;
}
.geo-delivery__ring--2{
  width:320px;
  height:320px;
}
.geo-delivery__ring--3{
  width:480px;
  height:480px;
}
.geo-delivery__pin{
  position:absolute;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  border:none;
  background:none;
  cursor:pointer;
  padding:0;
  z-index:2;
}
.geo-delivery__pin::before{
  content:"";
  display:block;
  width:16px;
  height:16px;
  margin:0 auto;
  border-radius:50%;
  background:#52C7EF;
  -webkit-box-shadow:0 0 0 6px rgba(82,199,239,.16),
    0 10px 24px rgba(82,199,239,.28);
          box-shadow:0 0 0 6px rgba(82,199,239,.16),
    0 10px 24px rgba(82,199,239,.28);
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
}
.geo-delivery__pin span{
  display:inline-block;
  margin-top:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  font-family:"Inter", sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1;
  color:#F6F6F5;
  opacity:0;
  -webkit-transform:translateY(6px);
      -ms-transform:translateY(6px);
          transform:translateY(6px);
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
  pointer-events:none;
  white-space:nowrap;
}
.geo-delivery__pin:hover::before,
.geo-delivery__pin.is-active::before{
  -webkit-transform:scale(1.15);
      -ms-transform:scale(1.15);
          transform:scale(1.15);
  background:#7AD7F4;
}
.geo-delivery__pin:hover span,
.geo-delivery__pin.is-active span{
  opacity:1;
  -webkit-transform:translateY(0);
      -ms-transform:translateY(0);
          transform:translateY(0);
}
.geo-delivery__sidebar{
  display:grid;
  gap:20px;
}
.geo-delivery__sidebar-card,
.geo-delivery__info{
  border-radius:30px;
  overflow:hidden;
}
.geo-delivery__sidebar-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(24,38,42,.08);
  -webkit-box-shadow:0 18px 48px rgba(24,38,42,.07);
          box-shadow:0 18px 48px rgba(24,38,42,.07);
}
.geo-delivery__sidebar-title{
  margin:0;
  padding:22px 22px 14px;
  font-family:"Oswald", sans-serif;
  font-size:32px;
  line-height:.95;
  text-transform:uppercase;
  color:#18262A;
}
.geo-delivery__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  max-height:480px;
  overflow:auto;
  padding:0 12px 12px;
}
.geo-delivery__list::-webkit-scrollbar{
  width:8px;
}
.geo-delivery__list::-webkit-scrollbar-thumb{
  background:rgba(24,38,42,.12);
  border-radius:999px;
}
.geo-delivery__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:56px;
  padding:0 14px;
  border:none;
  border-radius:18px;
  background:transparent;
  cursor:pointer;
  text-align:left;
  -webkit-transition:.22s ease;
  -o-transition:.22s ease;
  transition:.22s ease;
}
.geo-delivery__item span:first-child{
  font-family:"Inter", sans-serif;
  font-size:14px;
  font-weight:700;
  color:#18262A;
}
.geo-delivery__item span:nth-child(2){
  font-family:"Inter", sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#6B7880;
}
.geo-delivery__item:hover{
  background:#EFF2F4;
}
.geo-delivery__item.is-active{
  background:#52C7EF;
}
.geo-delivery__item.is-active span{
  color:#18262A;
}
.geo-delivery__info{
  padding:22px;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border:1px solid rgba(82,199,239,.16);
  -webkit-box-shadow:0 22px 54px rgba(24,38,42,.18);
          box-shadow:0 22px 54px rgba(24,38,42,.18);
}
.geo-delivery__info-label{
  margin-bottom:10px;
  font-family:"Inter", sans-serif;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:rgba(246,246,245,.56);
}
.geo-delivery__info-city{
  margin-bottom:8px;
  font-family:"Oswald", sans-serif;
  font-size:42px;
  line-height:.95;
  text-transform:uppercase;
  color:#F6F6F5;
}
.geo-delivery__info-time{
  margin-bottom:18px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  font-weight:700;
  color:#52C7EF;
}
.geo-delivery__benefits ul{
  margin:0 0 22px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.geo-delivery__benefits li{
  position:relative;
  padding-left:18px;
  font-family:"Inter", sans-serif;
  font-size:14px;
  line-height:1.6;
  color:rgba(246,246,245,.82);
}
.geo-delivery__benefits li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#52C7EF;
}
.geo-delivery__btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  background:#52C7EF;
  color:#18262A;
  text-decoration:none;
  font-family:"Inter", sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  -webkit-box-shadow:0 12px 28px rgba(82,199,239,.24);
          box-shadow:0 12px 28px rgba(82,199,239,.24);
  -webkit-transition:.25s ease;
  -o-transition:.25s ease;
  transition:.25s ease;
}
.geo-delivery__btn:hover{
  background:#34B7E4;
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
@media (max-width: 1100px){
  .geo-delivery__layout{
    grid-template-columns: 1fr;
  }

  .geo-delivery__list{
    max-height: 320px;
  }
}
@media (max-width: 767px){
  .geo-delivery{
    padding: 64px 0;
  }

  .geo-delivery__container{
    width: min(1280px, calc(100% - 20px));
  }

  .geo-delivery__map-wrap,
  .geo-delivery__sidebar-card,
  .geo-delivery__info{
    border-radius: 24px;
  }

  .geo-delivery__map{
    min-height: 460px;
    border-radius: 20px;
  }

  .geo-delivery__title{
    font-size: 42px;
  }

  .geo-delivery__subtitle{
    font-size: 18px;
  }

  .geo-delivery__pin span{
    display: none;
  }

  .geo-delivery__sidebar-title{
    font-size: 26px;
  }

  .geo-delivery__info-city{
    font-size: 34px;
  }
}
/* =========================
   CASES
   ========================= */
.brand-cases{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-cases__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-cases__head{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:32px;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:end;
  margin-bottom:34px;
  text-align:center;
}
.brand-cases__eyebrow{
  grid-column:1 / -1;
  margin:0 0 6px;
  font:800 12px/1 "Inter", sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-cases__title{
  margin:0 0 10px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(42px, 6vw, 74px);
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:#18262A;
}
.brand-cases__lead{
  margin:0;
  max-width:560px;
  justify-self:end;
  font:400 16px/1.7 "Inter", sans-serif;
  color:#6B7880;
}
.brand-cases__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:22px;
}
.brand-case-story--dark{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-color:rgba(82,199,239,.18);
  -webkit-box-shadow:0 28px 70px rgba(24,38,42,.18);
          box-shadow:0 28px 70px rgba(24,38,42,.18);
}
.brand-case-story--dark .brand-case-story__accent{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.brand-case-story__label{
  font:800 11px/1 "Inter", sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-case-story__percent{
  font-family:"Oswald", sans-serif;
  font-size:clamp(64px, 8vw, 110px);
  line-height:.85;
  color:#18262A;
}
.brand-case-story--dark .brand-case-story__percent{
  color:#F6F6F5;
}
.brand-case-story__title{
  margin:0 0 18px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(28px, 4vw, 48px);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:#18262A;
}
.brand-case-story--dark .brand-case-story__title{
  color:#F6F6F5;
}
.brand-case-story__block{
  min-height:100%;
  padding:18px;
  border-radius:24px;
  background:#EFF2F4;
  border:1px solid rgba(24,38,42,.06);
}
.brand-case-story--dark .brand-case-story__block{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
}
.brand-case-story__block-title{
  display:block;
  margin-bottom:10px;
  font:800 11px/1 "Inter", sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-case-story__block p{
  margin:0;
  font:500 15px/1.65 "Inter", sans-serif;
  color:#506068;
}
.brand-case-story--dark .brand-case-story__block p{
  color:rgba(246,246,245,.78);
}
.brand-case-story__block--result ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.brand-case-story__block--result li{
  position:relative;
  padding-left:18px;
  font:500 15px/1.55 "Inter", sans-serif;
  color:#506068;
}
.brand-case-story--dark .brand-case-story__block--result li{
  color:rgba(246,246,245,.82);
}
.brand-case-story__block--result li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#52C7EF;
}
@media (max-width: 1100px){
  .brand-geo__layout,
  .brand-cases__head,
  .brand-geo__head{
    grid-template-columns:1fr;
  }

  .brand-geo__lead,
  .brand-cases__lead{
    justify-self:start;
    max-width:100%;
  }

  .brand-geo__info{
    grid-template-rows:auto auto;
  }

  .brand-case-story{
    grid-template-columns:1fr;
  }

  .brand-case-story__accent{
    min-height:auto;
    gap:18px;
  }

  .brand-case-story__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 767px){
  .brand-geo,
  .brand-cases{
    padding:64px 0;
  }

  .brand-geo__container,
  .brand-cases__container{
    width:min(1280px, calc(100% - 20px));
  }

  .brand-geo__map-panel,
  .brand-geo__card,
  .brand-case-story{
    border-radius:24px;
    padding:18px;
  }

  .brand-geo__map-shell{
    min-height:580px;
    border-radius:20px;
  }

  .brand-geo__node{
    min-width:96px;
    padding:8px 10px;
    font-size:12px;
  }

  .brand-geo__stats{
    grid-template-columns:1fr;
  }

  .brand-geo__chips{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .brand-case-story__block{
    border-radius:18px;
    padding:16px;
  }

  .brand-case-story__accent{
    border-radius:20px;
    padding:16px;
  }
}
/* чтобы встроенная карта аккуратно резалась по радиусу */
.geo-delivery__map > ymaps,
.geo-delivery__map [class*="ymaps-2-1"]{
  border-radius:28px;
}
@media (max-width: 767px){
  .geo-delivery__map-wrap{
    border-radius: 24px;
    padding: 16px;
  }

  .geo-delivery__map{
    min-height: 460px;
    border-radius: 20px;
  }

  .geo-delivery__map > ymaps,
  .geo-delivery__map [class*="ymaps-2-1"]{
    border-radius: 20px;
  }
}
/* =========================
   CASES — structure like site
   ========================= */
.brand-cases__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.7;
  color:#6B7880;
}
.brand-cases__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}
.brand-cases-card{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:18px;
  padding:26px;
  border-radius:30px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(24,38,42,.08);
  -webkit-box-shadow:0 18px 50px rgba(24,38,42,.07);
          box-shadow:0 18px 50px rgba(24,38,42,.07);
  height:100%;
}
.brand-cases-card--dark{
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  border-color:rgba(82,199,239,.18);
  -webkit-box-shadow:0 24px 60px rgba(24,38,42,.18);
          box-shadow:0 24px 60px rgba(24,38,42,.18);
}
.brand-cases-card__badge{
  -ms-flex-item-align:start;
      align-self:flex-start;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:rgba(82,199,239,.16);
  color:#18262A;
  font-family:"Inter", sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.brand-cases-card--dark .brand-cases-card__badge{
  background:rgba(82,199,239,.22);
  color:#F6F6F5;
}
.brand-cases-card__title{
  margin:0;
  font-family:"Oswald", sans-serif;
  font-size:34px;
  line-height:.95;
  text-transform:uppercase;
  color:#18262A;
}
.brand-cases-card--dark .brand-cases-card__title{
  color:#F6F6F5;
}
.brand-cases-card__section{
  padding:16px 0 0;
  border-top:1px solid rgba(24,38,42,.08);
}
.brand-cases-card--dark .brand-cases-card__section{
  border-top-color:rgba(255,255,255,.10);
}
.brand-cases-card__label{
  margin-bottom:10px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-cases-card__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.brand-cases-card__list li{
  position:relative;
  padding-left:16px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.6;
  color:#506068;
}
.brand-cases-card__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#52C7EF;
}
.brand-cases-card--dark .brand-cases-card__list li{
  color:rgba(246,246,245,.82);
}
.brand-cases-card__section--result{
  margin-top:auto;
}
@media (max-width: 1100px){
  .brand-cases__grid{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px){
  .brand-cases{
    padding: 64px 0;
  }

  .brand-cases__container{
    width: min(1280px, calc(100% - 20px));
  }

  .brand-cases-card{
    padding: 20px;
    border-radius: 24px;
  }

  .brand-cases-card__title{
    font-size: 28px;
  }
}
/* CASES: photo + buttons */
.brand-cases-card__photo{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  aspect-ratio:16 / 10;
  margin-bottom:18px;
  background:-o-linear-gradient(315deg,#dfe7ec 0%,#cfd8df 100%);
  background:linear-gradient(135deg,#dfe7ec 0%,#cfd8df 100%);
  -webkit-box-shadow:0 16px 40px rgba(24,38,42,.10);
          box-shadow:0 16px 40px rgba(24,38,42,.10);
}
.brand-cases-card__photo img{
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
  -webkit-transition:-webkit-transform .6s ease;
  transition:-webkit-transform .6s ease;
  -o-transition:transform .6s ease;
  transition:transform .6s ease;
  transition:transform .6s ease, -webkit-transform .6s ease;
}
.brand-cases-card:hover .brand-cases-card__photo img{
  -webkit-transform:scale(1.04);
      -ms-transform:scale(1.04);
          transform:scale(1.04);
}
.brand-cases-card__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:12px;
  margin-top:auto;
  padding-top:18px;
}
.brand-cases-card__btn{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border:none;
  text-decoration:none;
  cursor:pointer;
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-family:"Inter",sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  -webkit-transition:background .25s ease,
    color .25s ease,
    border-color .25s ease,
    -webkit-transform .25s ease,
    -webkit-box-shadow .25s ease;
  transition:background .25s ease,
    color .25s ease,
    border-color .25s ease,
    -webkit-transform .25s ease,
    -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
  transition:transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
  transition:transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    -webkit-transform .25s ease,
    -webkit-box-shadow .25s ease;
}
.brand-cases-card__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
}
.brand-cases-card__btn--primary{
  background:-o-linear-gradient(left,#52C7EF 0%,#7AD7F4 100%);
  background:-webkit-gradient(linear,left top, right top,from(#52C7EF),to(#7AD7F4));
  background:linear-gradient(90deg,#52C7EF 0%,#7AD7F4 100%);
  color:#18262A;
  -webkit-box-shadow:0 14px 30px rgba(82,199,239,.28);
          box-shadow:0 14px 30px rgba(82,199,239,.28);
}
.brand-cases-card__btn--secondary{
  background:transparent;
  color:#18262A;
  border:1px solid rgba(24,38,42,.16);
}
.brand-cases-card__btn--secondary:hover{
  background:rgba(24,38,42,.04);
  border-color:rgba(24,38,42,.28);
}
.brand-cases-card__btn--primary,
.brand-cases-card__btn--secondary{
  -webkit-box-flex:1;
      -ms-flex:1 1 calc(50% - 6px);
          flex:1 1 calc(50% - 6px);
}
/* dark card support */
.brand-cases-card--dark .brand-cases-card__photo{
  -webkit-box-shadow:0 18px 44px rgba(0,0,0,.24);
          box-shadow:0 18px 44px rgba(0,0,0,.24);
}
.brand-cases-card--dark .brand-cases-card__btn--secondary{
  color:#F6F6F5;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
}
.brand-cases-card--dark .brand-cases-card__btn--secondary:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.28);
}
@media (max-width: 767px){
  .brand-cases-card__photo{
    border-radius:18px;
    margin-bottom:14px;
    aspect-ratio:4 / 3;
  }

  .brand-cases-card__actions{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:10px;
  }

  .brand-cases-card__btn--primary,
  .brand-cases-card__btn--secondary{
    width:100%;
    -webkit-box-flex:1;
        -ms-flex:1 1 100%;
            flex:1 1 100%;
  }
}
/* =========================
   SUPPLIERS
   ========================= */
.brand-suppliers{
  padding:88px 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  color:#18262A;
}
.brand-suppliers__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-suppliers__head{
  max-width:860px;
  margin:0 auto 34px;
  text-align:center;
  margin-bottom:28px;
}
.brand-suppliers__eyebrow{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(82,199,239,.12);
  color:#18262A;
  font:700 12px/1 "Inter", sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brand-suppliers__title{
  margin:0;
  font-family:"Oswald", sans-serif;
  font-size:clamp(42px, 5vw, 68px);
  line-height:.92;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:white;
}
.brand-suppliers__subtitle{
  margin:16px auto 0;
  max-width:760px;
  font:400 17px/1.7 "Inter", sans-serif;
  color:#66737b;
}
.brand-suppliers__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
.brand-supplier-card{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:12px;
  min-height:300px;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(24,38,42,.08);
  -webkit-box-shadow:0 18px 44px rgba(24,38,42,.08);
          box-shadow:0 18px 44px rgba(24,38,42,.08);
  overflow:hidden;
  -webkit-transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}
.brand-supplier-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  -webkit-box-shadow:0 24px 56px rgba(24,38,42,.12);
          box-shadow:0 24px 56px rgba(24,38,42,.12);
  border-color:rgba(82,199,239,.30);
}
.brand-supplier-card--dark{
  background:-o-linear-gradient(315deg,#18262A 0%,#24103F 100%);
  background:linear-gradient(135deg,#18262A 0%,#24103F 100%);
  color:#F6F6F5;
  border-color:rgba(82,199,239,.18);
  -webkit-box-shadow:0 24px 56px rgba(24,38,42,.22);
          box-shadow:0 24px 56px rgba(24,38,42,.22);
}
.brand-supplier-card--accent{
  background:-o-linear-gradient(top,#ffffff 0%,#eef8fc 100%);
  background:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#eef8fc));
  background:linear-gradient(180deg,#ffffff 0%,#eef8fc 100%);
  border-color:rgba(82,199,239,.22);
}
.brand-supplier-card__top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:12px;
}
.brand-supplier-card__logo{
  width:52px;
  height:52px;
  border-radius:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:#18262A;
  color:#F6F6F5;
  font:700 22px/1 "Oswald", sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  -webkit-box-shadow:0 10px 24px rgba(24,38,42,.16);
          box-shadow:0 10px 24px rgba(24,38,42,.16);
}
.brand-supplier-card--dark .brand-supplier-card__logo{
  background:#52C7EF;
  color:#18262A;
}
.brand-supplier-card__status{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(82,199,239,.12);
  color:#18262A;
  font:700 11px/1 "Inter", sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brand-supplier-card--dark .brand-supplier-card__status{
  background:rgba(255,255,255,.08);
  color:#F6F6F5;
}
.brand-supplier-card__name{
  margin:2px 0 0;
  font-family:"Oswald", sans-serif;
  font-size:28px;
  line-height:.95;
  text-transform:uppercase;
}
.brand-supplier-card__desc{
  margin:0;
  font:500 14px/1.5 "Inter", sans-serif;
  color:#66737b;
}
.brand-supplier-card--dark .brand-supplier-card__desc{
  color:rgba(246,246,245,.76);
}
.brand-supplier-card__line{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(24,38,42,.08);
  font:600 14px/1.5 "Inter", sans-serif;
  width:100%;
  color:#18262A;
}
.brand-supplier-card--dark .brand-supplier-card__line{
  border-top-color:rgba(255,255,255,.1);
}
.brand-supplier-card__meta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:10px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  color:#66737b;
  font:600 13px/1.4 "Inter", sans-serif;
}
.brand-supplier-card__meta span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(24,38,42,.05);
}
.brand-supplier-card--dark .brand-supplier-card__meta{
  color:rgba(246,246,245,.84);
}
.brand-supplier-card--dark .brand-supplier-card__meta span{
  background:rgba(255,255,255,.08);
}
.brand-suppliers__trust{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:22px;
}
.brand-suppliers__trust-item{
  min-height:66px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-align:center;
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(24,38,42,.08);
  font:600 14px/1.5 "Inter", sans-serif;
  color:#18262A;
  -webkit-box-shadow:0 10px 28px rgba(24,38,42,.05);
          box-shadow:0 10px 28px rgba(24,38,42,.05);
}
/* =========================
   ABOUT
   ========================= */
.brand-about{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-about__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-about__layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 420px;
  gap:24px;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
.brand-about__content{
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(24,38,42,.08);
  -webkit-box-shadow:0 18px 48px rgba(24,38,42,.08);
          box-shadow:0 18px 48px rgba(24,38,42,.08);
}
.brand-about__eyebrow{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-bottom:16px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(82,199,239,.12);
  color:#18262A;
  font:700 12px/1 "Inter", sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brand-about__title{
  margin:0;
  max-width:780px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(42px, 5vw, 68px);
  line-height:.92;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.brand-about__lead{
  margin:18px 0 0;
  max-width:760px;
  font:400 17px/1.75 "Inter", sans-serif;
  color:#66737b;
}
.brand-about__points{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:28px;
}
.brand-about__point{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:12px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(24,38,42,.07);
}
.brand-about__point-mark{
  width:12px;
  height:12px;
  -webkit-box-flex:0;
      -ms-flex:0 0 12px;
          flex:0 0 12px;
  margin-top:5px;
  border-radius:50%;
  background:-o-linear-gradient(315deg,#52C7EF 0%,#7AD7F4 100%);
  background:linear-gradient(135deg,#52C7EF 0%,#7AD7F4 100%);
  -webkit-box-shadow:0 0 0 6px rgba(82,199,239,.14);
          box-shadow:0 0 0 6px rgba(82,199,239,.14);
}
.brand-about__point span:last-child{
  font:500 15px/1.6 "Inter", sans-serif;
  color:#18262A;
}
.brand-about__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.brand-about__btn{
  min-height:54px;
  padding:0 22px;
  border-radius:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-decoration:none;
  font:700 14px/1 "Inter", sans-serif;
  -webkit-transition:background .25s ease, color .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, color .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-about__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
}
.brand-about__btn--primary{
  background:-o-linear-gradient(left,#52C7EF 0%,#7AD7F4 100%);
  background:-webkit-gradient(linear,left top, right top,from(#52C7EF),to(#7AD7F4));
  background:linear-gradient(90deg,#52C7EF 0%,#7AD7F4 100%);
  color:#18262A;
  -webkit-box-shadow:0 14px 30px rgba(82,199,239,.28);
          box-shadow:0 14px 30px rgba(82,199,239,.28);
}
.brand-about__btn--secondary{
  color:#18262A;
  border:1px solid rgba(24,38,42,.12);
  background:transparent;
}
.brand-about__btn--secondary:hover{
  background:rgba(24,38,42,.04);
}
.brand-about__aside{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.brand-about__panel{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:18px;
  padding:24px;
  border-radius:34px;
  background:-o-linear-gradient(315deg,#18262A 0%,#24103F 100%);
  background:linear-gradient(135deg,#18262A 0%,#24103F 100%);
  color:#F6F6F5;
  border:1px solid rgba(82,199,239,.18);
  -webkit-box-shadow:0 24px 60px rgba(24,38,42,.2);
          box-shadow:0 24px 60px rgba(24,38,42,.2);
}
.brand-about__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.brand-about__stat{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.brand-about__stat-value{
  font-family:"Oswald", sans-serif;
  font-size:42px;
  line-height:.9;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#52C7EF;
}
.brand-about__stat-label{
  margin-top:8px;
  font:500 13px/1.55 "Inter", sans-serif;
  color:rgba(246,246,245,.78);
}
.brand-about__quote{
  padding:20px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.brand-about__quote p{
  margin:0;
  font:500 15px/1.75 "Inter", sans-serif;
  color:#F6F6F5;
}
/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 1180px){
  .brand-suppliers__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .brand-about__layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 900px){
  .brand-suppliers__trust{
    grid-template-columns:1fr;
  }

  .brand-about__points{
    grid-template-columns:1fr;
  }
}
@media (max-width: 767px){
  .brand-suppliers,
  .brand-about{
    padding:64px 0;
  }

  .brand-suppliers__container,
  .brand-about__container{
    width:min(100%, calc(100% - 20px));
  }

  .brand-suppliers__grid{
    grid-template-columns:1fr;
  }

  .brand-supplier-card,
  .brand-about__content,
  .brand-about__panel{
    border-radius:24px;
  }

  .brand-supplier-card{
    min-height:auto;
    padding:20px;
  }

  .brand-about__content{
    padding:24px 20px;
  }

  .brand-about__panel{
    padding:20px;
  }

  .brand-about__stats{
    grid-template-columns:1fr 1fr;
  }

  .brand-about__actions{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  }

  .brand-about__btn{
    width:100%;
  }
}
/* =========================
   SUPPLIERS — structure 1:1
   ========================= */
.brand-supplier-card__icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-linear-gradient(top,#ffffff 0%,#eef8fc 100%);
  background:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#eef8fc));
  background:linear-gradient(180deg,#ffffff 0%,#eef8fc 100%);
  border:1px solid rgba(82,199,239,.22);
  font-size:22px;
  -webkit-box-shadow:0 10px 24px rgba(24,38,42,.06);
          box-shadow:0 10px 24px rgba(24,38,42,.06);
  -webkit-box-flex:0;
      -ms-flex:0 0 52px;
          flex:0 0 52px;
  color:#18262A;
}
.brand-supplier-card__rating{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:6px;
  padding:0 12px;
  border-radius:999px;
  background:#18262A;
  color:#F6F6F5;
  font:700 13px/1 "Inter", sans-serif;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-width:48px;
  min-height:30px;
}
.brand-supplier-card__rating span{
  color:rgba(246,246,245,.78);
  font-weight:500;
}
/* =========================
   ABOUT — structure 1:1
   ========================= */
.brand-about__list{
  margin:24px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-about__list li{
  position:relative;
  padding-left:28px;
  font:500 15px/1.65 "Inter", sans-serif;
  color:#18262A;
}
.brand-about__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:-o-linear-gradient(315deg,#52C7EF 0%,#7AD7F4 100%);
  background:linear-gradient(135deg,#52C7EF 0%,#7AD7F4 100%);
  -webkit-box-shadow:0 0 0 6px rgba(82,199,239,.14);
          box-shadow:0 0 0 6px rgba(82,199,239,.14);
}
.brand-about__link{
  margin-top:26px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:54px;
  padding:0 22px;
  border-radius:16px;
  text-decoration:none;
  background:-o-linear-gradient(left,#52C7EF 0%,#7AD7F4 100%);
  background:-webkit-gradient(linear,left top, right top,from(#52C7EF),to(#7AD7F4));
  background:linear-gradient(90deg,#52C7EF 0%,#7AD7F4 100%);
  color:#18262A;
  font:700 14px/1 "Inter", sans-serif;
  -webkit-box-shadow:0 14px 30px rgba(82,199,239,.28);
          box-shadow:0 14px 30px rgba(82,199,239,.28);
  -webkit-transition:-webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:-webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease;
  transition:transform .25s ease, box-shadow .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-about__link:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 18px 36px rgba(82,199,239,.34);
          box-shadow:0 18px 36px rgba(82,199,239,.34);
}
.brand-about__media{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.brand-about__video{
  position:relative;
  width:100%;
  min-height:100%;
  padding:0;
  border-radius:30px;
  overflow:hidden;
  text-decoration:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  background:#18262A;
  border:1px solid rgba(82,199,239,.18);
  -webkit-box-shadow:0 22px 56px rgba(24,38,42,.18);
          box-shadow:0 22px 56px rgba(24,38,42,.18);
  color:#F6F6F5;
  isolation:isolate;
  cursor:pointer;
}
.brand-about__video::before{
  content:"";
  position:absolute;
  inset:0;
  background:-o-radial-gradient(30% 20%, circle, rgba(82,199,239,.20), transparent 34%),
    -o-radial-gradient(80% 80%, circle, rgba(255,255,255,.08), transparent 30%);
  background:radial-gradient(circle at 30% 20%, rgba(82,199,239,.20), transparent 34%),
    radial-gradient(circle at 80% 80%, rgba(255,255,255,.08), transparent 30%);
}
.brand-about__video > *{
  position:relative;
  z-index:1;
}
.brand-about__video-play{
  width:64px;
  height:64px;
  margin-bottom:auto;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  font-size:28px;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  -webkit-transition:background .25s ease, border-color .25s ease, -webkit-transform .25s ease;
  transition:background .25s ease, border-color .25s ease, -webkit-transform .25s ease;
  -o-transition:transform .25s ease, background .25s ease, border-color .25s ease;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, -webkit-transform .25s ease;
}
.brand-about__video-time{
  margin-top:28px;
  font:700 14px/1 "Inter", sans-serif;
  color:#52C7EF;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:0 20px 0;
}
.brand-about__video-label{
  margin-top:10px;
  font-family:"Oswald", sans-serif;
  font-size:30px;
  line-height:1;
  text-transform:uppercase;
  padding:10px 20px 20px;
  color:#fff;
}
/* =========================
   responsive
   ========================= */
@media (max-width: 1180px){
  .brand-suppliers__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .brand-about__layout{
    grid-template-columns:1fr;
  }

  .brand-about__video{
    min-height:320px;
  }
}
@media (max-width: 767px){
  .brand-suppliers,
  .brand-about{
    padding:64px 0;
  }

  .brand-suppliers__container,
  .brand-about__container{
    width:min(100%, calc(100% - 20px));
  }

  .brand-suppliers__grid{
    grid-template-columns:1fr;
  }

  .brand-supplier-card,
  .brand-about__content,
  .brand-about__video{
    border-radius:24px;
  }

  .brand-supplier-card,
  .brand-about__content{
    padding:20px;
  }

  .brand-about__video{
    min-height:260px;
    padding:20px;
  }

  .brand-about__video-label{
    font-size:26px;
  }
}
/* =========================
   SUPPLIERS — 2 rows x 4
   ========================= */
.brand-supplier-card__btn{
  margin-top:auto;
  min-height:50px;
  width:100%;
  padding:0 18px;
  border-radius:16px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-decoration:none;
  background:-o-linear-gradient(left,#52C7EF 0%,#7AD7F4 100%);
  background:-webkit-gradient(linear,left top, right top,from(#52C7EF),to(#7AD7F4));
  background:linear-gradient(90deg,#52C7EF 0%,#7AD7F4 100%);
  color:#18262A;
  font:700 14px/1 "Inter", sans-serif;
  -webkit-box-shadow:0 14px 30px rgba(82,199,239,.28);
          box-shadow:0 14px 30px rgba(82,199,239,.28);
  -webkit-transition:-webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:-webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease;
  transition:transform .25s ease, box-shadow .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-supplier-card__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 18px 36px rgba(82,199,239,.34);
          box-shadow:0 18px 36px rgba(82,199,239,.34);
}
@media (max-width: 1180px){
  .brand-suppliers__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px){
  .brand-suppliers{
    padding:64px 0;
  }

  .brand-suppliers__container{
    width:min(100%, calc(100% - 20px));
  }

  .brand-suppliers__grid{
    grid-template-columns:1fr;
  }

  .brand-supplier-card{
    min-height:auto;
    padding:20px;
    border-radius:24px;
  }
}
/* ===== FINAL FIX: SUPPLIER ICONS ===== */
.brand-supplier-card__icon--plant{
  background:-o-linear-gradient(top,#ffffff 0%,#f4f8fb 100%);
  background:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#f4f8fb));
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fb 100%);
}
.brand-supplier-card__icon-svg{
  width:24px;
  height:24px;
  display:block;
}
.brand-supplier-card__icon-svg,
.brand-supplier-card__icon-svg *{
  fill:none !important;
  stroke:#18262A !important;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:1180px){
  .brand-suppliers__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:767px){
  .brand-suppliers__grid{
    grid-template-columns:1fr;
  }

  .brand-supplier-card{
    min-height:auto;
    padding:20px;
    border-radius:24px;
  }
}
/* ===== ABOUT VIDEO PREVIEW FIX ===== */
.brand-about__video-preview{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  display:block;
  z-index:0;
}
.brand-about__video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:-o-linear-gradient(top, rgba(10,12,20,.08) 0%, rgba(10,12,20,.20) 42%, rgba(10,12,20,.84) 100%),
    -o-radial-gradient(22% 16%, circle, rgba(82,199,239,.18), transparent 30%);
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(10,12,20,.08)), color-stop(42%, rgba(10,12,20,.20)), to(rgba(10,12,20,.84))),
    radial-gradient(circle at 22% 16%, rgba(82,199,239,.18), transparent 30%);
  background:linear-gradient(180deg, rgba(10,12,20,.08) 0%, rgba(10,12,20,.20) 42%, rgba(10,12,20,.84) 100%),
    radial-gradient(circle at 22% 16%, rgba(82,199,239,.18), transparent 30%);
}
.brand-about__video-play svg{
  width:24px;
  height:24px;
  display:block;
  fill:#fff;
  stroke:none;
  margin-left:2px;
}
.brand-about__video-time,
.brand-about__video-label{
  position:relative;
  z-index:2;
  text-align:left;
}
.brand-about__video:hover .brand-about__video-play{
  -webkit-transform:scale(1.06);
      -ms-transform:scale(1.06);
          transform:scale(1.06);
  background:rgba(82,199,239,.22);
  border-color:rgba(82,199,239,.36);
}
@media (max-width:767px){
  .brand-about__video{
    min-height:260px;
    border-radius:24px;
  }

  .brand-about__video-label{
    font-size:26px;
    padding:8px 16px 16px;
  }

  .brand-about__video-time{
    padding:0 16px 0;
  }

  .brand-about__video-play{
    top:14px;
    left:14px;
    width:56px;
    height:56px;
  }
}
/* ===== ABOUT VIDEO CARD ===== */
/* ===== VIDEO POPUP ===== */
.video-popup{
  position:fixed;
  inset:0;
  z-index:300;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  -webkit-transition:opacity .25s ease, visibility .25s ease;
  -o-transition:opacity .25s ease, visibility .25s ease;
  transition:opacity .25s ease, visibility .25s ease;
}
.video-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.video-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,10,18,.72);
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
}
.video-popup__dialog{
  position:relative;
  z-index:1;
  width:min(1100px, 100%);
  border-radius:28px;
  overflow:hidden;
  background:#101822;
  border:1px solid rgba(255,255,255,.08);
  -webkit-box-shadow:0 30px 80px rgba(0,0,0,.35);
          box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.video-popup__media{
  position:relative;
  background:#000;
  aspect-ratio:16 / 9;
}
.video-popup__player{
  width:100%;
  height:100%;
  display:block;
  background:#000;
}
.video-popup__bottom{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  background:-o-linear-gradient(315deg,#18262A 0%,#24103F 100%);
  background:linear-gradient(135deg,#18262A 0%,#24103F 100%);
}
.video-popup__title{
  color:#fff;
  font-family:"Oswald", sans-serif;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
}
.video-popup__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
  cursor:pointer;
  -webkit-transition:background .2s ease, -webkit-transform .2s ease;
  transition:background .2s ease, -webkit-transform .2s ease;
  -o-transition:transform .2s ease, background .2s ease;
  transition:transform .2s ease, background .2s ease;
  transition:transform .2s ease, background .2s ease, -webkit-transform .2s ease;
}
.video-popup__close:hover{
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
  background:rgba(255,255,255,.18);
}
.video-popup__close::before,
.video-popup__close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:20px;
  height:2px;
  background:#fff;
  border-radius:2px;
}
.video-popup__close::before{
  -webkit-transform:translate(-50%,-50%) rotate(45deg);
      -ms-transform:translate(-50%,-50%) rotate(45deg);
          transform:translate(-50%,-50%) rotate(45deg);
}
.video-popup__close::after{
  -webkit-transform:translate(-50%,-50%) rotate(-45deg);
      -ms-transform:translate(-50%,-50%) rotate(-45deg);
          transform:translate(-50%,-50%) rotate(-45deg);
}
@media (max-width:767px){
  .brand-about__video{
    min-height:260px;
    border-radius:24px;
  }

  .brand-about__video-label{
    font-size:26px;
    padding:8px 16px 16px;
  }

  .brand-about__video-time{
    padding:0 16px 0;
  }

  .brand-about__video-play{
    top:14px;
    left:14px;
    width:56px;
    height:56px;
  }

  .video-popup{
    padding:12px;
  }

  .video-popup__dialog{
    border-radius:22px;
  }

  .video-popup__bottom{
    padding:14px 16px;
  }

  .video-popup__title{
    font-size:22px;
  }
}
.video-popup__frame{
  width:100%;
  height:100%;
  display:block;
  background:#000;
}
/* =========================================================
   BRAND CALC
========================================================= */
.brand-calc{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-calc__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-calc__card{
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:32px;
  -webkit-box-shadow:0 24px 60px rgba(24, 38, 42, 0.08);
          box-shadow:0 24px 60px rgba(24, 38, 42, 0.08);
  padding:42px 36px 34px;
}
.brand-calc__head{
  text-align:center;
  margin-bottom:28px;
}
.brand-calc__title{
  margin:0 0 10px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(38px, 5vw, 64px);
  line-height:0.95;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:#18262A;
}
.brand-calc__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:#18262A;
  opacity:0.82;
}
.brand-calc__form{
  width:100%;
}
.brand-calc__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 38px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
}
.brand-calc__field{
  min-width:0;
}
.brand-calc__field--wide{
  grid-column:1 / 2;
}
.brand-calc__label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  -webkit-clip-path:inset(50%);
          clip-path:inset(50%);
  white-space:nowrap;
}
.brand-calc__control{
  width:100%;
  height:58px;
  border:1px solid transparent;
  border-radius:18px;
  background:#ECECEA;
  padding:0 20px;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1;
  color:#18262A;
  outline:none;
  -webkit-transition:border-color .25s ease, background .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, background .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease, -webkit-box-shadow .25s ease;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.brand-calc__control::-webkit-input-placeholder{
  color:rgba(24, 38, 42, 0.8);
}
.brand-calc__control::-moz-placeholder{
  color:rgba(24, 38, 42, 0.8);
}
.brand-calc__control:-ms-input-placeholder{
  color:rgba(24, 38, 42, 0.8);
}
.brand-calc__control::-ms-input-placeholder{
  color:rgba(24, 38, 42, 0.8);
}
.brand-calc__control::placeholder{
  color:rgba(24, 38, 42, 0.8);
}
.brand-calc__control:focus{
  border-color:rgba(82, 199, 239, 0.55);
  background:#F2FBFE;
  -webkit-box-shadow:0 0 0 4px rgba(82, 199, 239, 0.12);
          box-shadow:0 0 0 4px rgba(82, 199, 239, 0.12);
}
.brand-calc__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-top:28px;
}
.brand-calc__button{
  min-width:255px;
  height:54px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:-o-linear-gradient(315deg, #708899 0%, #5F7789 100%);
  background:linear-gradient(135deg, #708899 0%, #5F7789 100%);
  color:#ffffff;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:10px;
  font-family:"Inter", sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.06em;
  cursor:pointer;
  -webkit-box-shadow:0 18px 40px rgba(95, 119, 137, 0.24);
          box-shadow:0 18px 40px rgba(95, 119, 137, 0.24);
  -webkit-transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-calc__button:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 24px 46px rgba(95, 119, 137, 0.32);
          box-shadow:0 24px 46px rgba(95, 119, 137, 0.32);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #3CAFD8 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #3CAFD8 100%);
}
.brand-calc__button-icon{
  font-size:16px;
  line-height:1;
}
/* =========================================================
   BRAND SEO / DELIVERY
========================================================= */
.brand-seo{
  padding:88px 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  color:#18262A;
}
.brand-seo__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-seo__layout{
  display:grid;
  grid-template-columns:minmax(0, 860px);
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:24px;
}
.brand-seo__content{
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:32px;
  -webkit-box-shadow:0 24px 60px rgba(24, 38, 42, 0.07);
          box-shadow:0 24px 60px rgba(24, 38, 42, 0.07);
  padding:34px 32px;
}
.brand-seo__eyebrow{
  margin-bottom:14px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:#52C7EF;
}
.brand-seo__title{
  margin:0 0 22px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(34px, 4.6vw, 58px);
  line-height:1.04;
  text-transform:uppercase;
  letter-spacing:0;
  color:#18262A;
  max-width:none;
  text-wrap:normal;
}

.brand-seo__subtitle{
  margin:28px 0 14px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1;
  text-transform:uppercase;
  color:#18262A;
}
.brand-seo__text{
  margin:0 0 16px;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.75;
  color:rgba(24, 38, 42, 0.88);
}
.brand-seo__text--strong{
  font-weight:700;
  color:#18262A;
}
.brand-seo__list{
  margin:0 0 22px;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-seo__list li{
  position:relative;
  padding-left:22px;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.7;
  color:rgba(24, 38, 42, 0.9);
}
.brand-seo__list li::before{
  content:"";
  position:absolute;
  top:11px;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#52C7EF;
  -webkit-box-shadow:0 0 0 6px rgba(82, 199, 239, 0.14);
          box-shadow:0 0 0 6px rgba(82, 199, 239, 0.14);
}
.brand-seo__actions{
  margin-top:26px;
}
.brand-seo__button{
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  text-decoration:none;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-family:"Inter", sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.06em;
  -webkit-transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -webkit-box-shadow:0 18px 40px rgba(24, 38, 42, 0.18);
          box-shadow:0 18px 40px rgba(24, 38, 42, 0.18);
}
.brand-seo__button:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-box-shadow:0 24px 46px rgba(36, 16, 63, 0.22);
          box-shadow:0 24px 46px rgba(36, 16, 63, 0.22);
}
.brand-seo__panel{
  width:100%;
  border-radius:32px;
  padding:28px 24px;
}
.brand-seo__panel--dark{
  background:-o-linear-gradient(290deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(160deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  -webkit-box-shadow:0 30px 70px rgba(24, 38, 42, 0.24);
          box-shadow:0 30px 70px rgba(24, 38, 42, 0.24);
}
.brand-seo__panel-label{
  margin-bottom:18px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:rgba(255, 255, 255, 0.72);
}
.brand-seo__stats{
  display:grid;
  gap:16px;
}
.brand-seo__stat{
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255, 255, 255, 0.08);
  border:1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}
.brand-seo__stat-value{
  margin-bottom:8px;
  font-family:"Oswald", sans-serif;
  font-size:34px;
  line-height:0.95;
  text-transform:uppercase;
  color:#ffffff;
}
.brand-seo__stat-text{
  font-family:"Inter", sans-serif;
  font-size:14px;
  line-height:1.65;
  color:rgba(255, 255, 255, 0.78);
}
/* =========================================================
   BRAND PASSPORTS
========================================================= */
.brand-passports{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-passports__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-passports__head{
  max-width:760px;
  margin-bottom:28px;
}
.brand-passports__eyebrow{
  margin-bottom:14px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:#52C7EF;
}
.brand-passports__title{
  margin:0 0 14px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(36px, 5vw, 62px);
  line-height:0.95;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:#18262A;
}
.brand-passports__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.75;
  color:rgba(24, 38, 42, 0.82);
}
.brand-passports__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.brand-passport-card{
  min-height:100%;
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:28px;
  padding:24px 22px 22px;
  -webkit-box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
  -webkit-transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.brand-passport-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  border-color:rgba(82, 199, 239, 0.34);
  -webkit-box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
          box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
}
.brand-passport-card__icon{
  width:50px;
  height:50px;
  margin-bottom:18px;
  border-radius:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-linear-gradient(top, #F4FCFF 0%, #E7F8FD 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#F4FCFF), to(#E7F8FD));
  background:linear-gradient(180deg, #F4FCFF 0%, #E7F8FD 100%);
  border:1px solid rgba(82, 199, 239, 0.24);
  color:#18262A;
}
.brand-passport-card__icon-svg{
  width:22px;
  height:22px;
  display:block;
  fill:none !important;
  stroke:#18262A !important;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-passport-card__title{
  margin:0 0 14px;
  font-family:"Oswald", sans-serif;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
  color:#18262A;
}
.brand-passport-card__list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  margin-bottom:18px;
}
.brand-passport-card__list li{
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.65;
  color:rgba(24, 38, 42, 0.84);
}
/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1180px) {
  .brand-calc,
  .brand-seo,
  .brand-passports {
    padding: 72px 0;
  }

  .brand-seo__layout {
    grid-template-columns: 1fr;
  }

  .brand-passports__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .brand-calc,
  .brand-seo,
  .brand-passports {
    padding: 56px 0;
  }

  .brand-calc__card,
  .brand-seo__content,
  .brand-seo__panel,
  .brand-passport-card {
    border-radius: 24px;
  }

  .brand-calc__card {
    padding: 28px 18px 24px;
  }

  .brand-calc__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .brand-calc__field--wide {
    grid-column: auto;
  }

  .brand-calc__control {
    height: 54px;
    border-radius: 16px;
    font-size: 15px;
  }

  .brand-calc__actions {
    margin-top: 20px;
  }

  .brand-calc__button {
    width: 100%;
    min-width: 0;
  }

  .brand-seo__content {
    padding: 26px 18px;
  }

  .brand-seo__panel {
    padding: 22px 18px;
  }

  .brand-seo__text,
  .brand-passports__subtitle {
    font-size: 15px;
    line-height: 1.7;
  }

  .brand-seo__list li {
    font-size: 15px;
  }

  .brand-passports__grid {
    grid-template-columns: 1fr;
  }

  .brand-passport-card {
    padding: 20px 18px 18px;
  }

  .brand-passport-card__title {
    font-size: 24px;
  }
}
.brand-passport-card__btn{
  margin-top:auto;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:10px;
  width:100%;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  font-family:"Inter", sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.06em;
  text-decoration:none;
  -webkit-box-shadow:0 14px 32px rgba(24, 38, 42, 0.16);
          box-shadow:0 14px 32px rgba(24, 38, 42, 0.16);
  -webkit-transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-passport-card__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-box-shadow:0 18px 38px rgba(36, 16, 63, 0.22);
          box-shadow:0 18px 38px rgba(36, 16, 63, 0.22);
}
.brand-passport-card__btn-icon{
  font-size:15px;
  line-height:1;
}
/* =========================================================
   REVIEWS PRO — like screenshot
========================================================= */
.brand-reviews-pro{
  padding:88px 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  color:#18262A;
  overflow:hidden;
}
.brand-reviews-pro__container{
  width:min(1480px, calc(100% - 32px));
  margin:0 auto;
}
.brand-reviews-pro__head{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.brand-reviews-pro__title{
  margin:0;
  font-family:"Oswald", sans-serif;
  font-size:clamp(38px, 5vw, 64px);
  line-height:0.92;
  font-weight:800;
  color:white;
  text-transform:uppercase;
  letter-spacing:0.01em;
}
.brand-reviews-pro__note{
  margin:0;
  max-width:360px;
  text-align:right;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.5;
  color:white;
  font-weight:600;
}
.brand-reviews-pro__tabs{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:10px;
  margin-bottom:28px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.brand-reviews-pro__tab{
  min-height:40px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(24, 38, 42, 0.10);
  background:#ffffff;
  color:#18262A;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  -webkit-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  -webkit-box-shadow:0 8px 18px rgba(24, 38, 42, 0.04);
          box-shadow:0 8px 18px rgba(24, 38, 42, 0.04);
}
.brand-reviews-pro__tab:hover{
  border-color:rgba(82, 199, 239, 0.30);
  background:#F4FCFF;
}
.brand-reviews-pro__tab.is-active{
  background:#18262A;
  border-color:#18262A;
  color:#ffffff;
  -webkit-box-shadow:0 14px 28px rgba(24, 38, 42, 0.14);
          box-shadow:0 14px 28px rgba(24, 38, 42, 0.14);
}
.brand-reviews-pro__slider{
  position:relative;
}
.brand-reviews-pro__viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:10px 24px;
}
.brand-reviews-pro__viewport::-webkit-scrollbar{
  display:none;
}
.brand-reviews-pro__track{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:14px;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
}
.brand-review-pro-card{
  -webkit-box-flex:0;
      -ms-flex:0 0 246px;
          flex:0 0 246px;
  min-height:190px;
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:20px;
  padding:18px 16px 16px;
  -webkit-box-shadow:0 18px 42px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 42px rgba(24, 38, 42, 0.06);
  -webkit-transition:border-color .25s ease, opacity .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, opacity .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .2s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .2s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.brand-review-pro-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  border-color:rgba(82, 199, 239, 0.32);
  -webkit-box-shadow:0 24px 52px rgba(82, 199, 239, 0.12);
          box-shadow:0 24px 52px rgba(82, 199, 239, 0.12);
}
.brand-review-pro-card.is-hidden{
  display:none;
}
.brand-review-pro-card__name{
  margin-bottom:4px;
  text-align:center;
  font-family:"Inter", sans-serif;
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  color:#18262A;
}
.brand-review-pro-card__role{
  margin-bottom:16px;
  text-align:center;
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1.35;
  color:rgba(24, 38, 42, 0.42);
}
.brand-review-pro-card__meta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  margin-bottom:14px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.brand-review-pro-card__rating{
  font-size:11px;
  line-height:1;
  letter-spacing:0.12em;
  color:#FFB400;
}
.brand-review-pro-card__date{
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1;
  color:#F2A33A;
  font-weight:700;
}
.brand-review-pro-card__text{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:13px;
  line-height:1.68;
  color:rgba(24, 38, 42, 0.74);
  font-style:italic;
}
.brand-reviews-pro__arrow{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  cursor:pointer;
  -webkit-box-shadow:0 12px 24px rgba(24, 38, 42, 0.18);
          box-shadow:0 12px 24px rgba(24, 38, 42, 0.18);
  z-index:3;
  -webkit-transition:background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
}
.brand-reviews-pro__arrow:hover{
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-transform:translateY(-50%) scale(1.05);
      -ms-transform:translateY(-50%) scale(1.05);
          transform:translateY(-50%) scale(1.05);
  -webkit-box-shadow:0 16px 28px rgba(82, 199, 239, 0.22);
          box-shadow:0 16px 28px rgba(82, 199, 239, 0.22);
}
.brand-reviews-pro__arrow--prev{
  left:-8px;
}
.brand-reviews-pro__arrow--next{
  right:-8px;
}
.brand-reviews-pro__arrow span{
  font-size:18px;
  line-height:1;
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
@media (max-width: 1180px) {
  .brand-reviews-pro {
    padding: 72px 0;
  }

  .brand-reviews-pro__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .brand-reviews-pro__note {
    max-width: none;
    text-align: left;
  }

  .brand-review-pro-card {
    -ms-flex-preferred-size: 230px;
        flex-basis: 230px;
  }
}
@media (max-width: 767px) {
  .brand-reviews-pro {
    padding: 56px 0;
  }

  .brand-reviews-pro__title {
    font-size: 28px;
  }

  .brand-reviews-pro__tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 20px;
  }

  .brand-reviews-pro__viewport {
    padding: 8px 6px;
  }

  .brand-review-pro-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84vw;
            flex: 0 0 84vw;
    min-height: auto;
  }

  .brand-reviews-pro__arrow {
    display: none;
  }
}
/* =========================================================
   REVIEWS PRO — brandbook refinement
========================================================= */
.brand-reviews-pro__head-side{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
  gap:14px;
}
.brand-reviews-pro__all{
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:10px;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  text-decoration:none;
  font-family:"Inter", sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.06em;
  -webkit-box-shadow:0 16px 34px rgba(24, 38, 42, 0.16);
          box-shadow:0 16px 34px rgba(24, 38, 42, 0.16);
  -webkit-transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-reviews-pro__all:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-box-shadow:0 22px 42px rgba(36, 16, 63, 0.22);
          box-shadow:0 22px 42px rgba(36, 16, 63, 0.22);
}
.brand-reviews-pro__all-icon{
  font-size:15px;
  line-height:1;
}
@media (max-width: 1180px) {
  .brand-reviews-pro {
    padding: 72px 0;
  }

  .brand-reviews-pro__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .brand-reviews-pro__head-side {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .brand-reviews-pro__note {
    max-width: none;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .brand-reviews-pro {
    padding: 56px 0;
  }

  .brand-reviews-pro__title {
    font-size: 34px;
  }

  .brand-reviews-pro__tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 20px;
  }

  .brand-reviews-pro__viewport {
    padding: 8px 6px;
  }

  .brand-review-pro-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84vw;
            flex: 0 0 84vw;
    min-height: auto;
  }

  .brand-reviews-pro__arrow {
    display: none;
  }

  .brand-reviews-pro__all {
    min-height: 44px;
    padding: 0 16px;
  }
}

/* =========================================================
   BRAND FLEET
========================================================= */
.brand-fleet{
  padding:88px 0;
  background:-o-linear-gradient(left, #18262a 0%, #24103f 54%, #52c7ef 100%);
  background:-webkit-gradient(linear, left top, right top, from(#18262a), color-stop(54%, #24103f), to(#52c7ef));
  background:linear-gradient(90deg, #18262a 0%, #24103f 54%, #52c7ef 100%);
  color:#18262A;
}
.brand-fleet__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-fleet__head{
  max-width:760px;
  margin-bottom:30px;
}
.brand-fleet__eyebrow{
  margin-bottom:14px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:#52C7EF;
}
.brand-fleet__title{
  margin:0 0 12px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(38px, 5vw, 64px);
  line-height:0.94;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:white;
}
.brand-fleet__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.75;
  color:white;
}
.brand-fleet__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.brand-fleet-card{
  min-height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:28px;
  padding:22px;
  -webkit-box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
  -webkit-transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-fleet-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  border-color:rgba(82, 199, 239, 0.34);
  -webkit-box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
          box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
}
.brand-fleet-card__top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.brand-fleet-card__icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-linear-gradient(top, #F4FCFF 0%, #E7F8FD 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#F4FCFF), to(#E7F8FD));
  background:linear-gradient(180deg, #F4FCFF 0%, #E7F8FD 100%);
  border:1px solid rgba(82, 199, 239, 0.24);
}
.brand-fleet-card__icon-svg{
  width:24px;
  height:24px;
  display:block;
  fill:none !important;
  stroke:#18262A !important;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-fleet-card__status{
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:rgba(82, 199, 239, 0.10);
  border:1px solid rgba(82, 199, 239, 0.20);
  color:#18262A;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.08em;
  white-space:nowrap;
}
.brand-fleet-card__name{
  margin:0 0 14px;
  font-family:"Oswald", sans-serif;
  font-size:30px;
  line-height:0.98;
  text-transform:uppercase;
  color:#18262A;
}
.brand-fleet-card__specs{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-bottom:16px;
}
.brand-fleet-card__spec{
  padding:12px 14px;
  border-radius:16px;
  background:#F6F6F5;
  border:1px solid rgba(24, 38, 42, 0.06);
}
.brand-fleet-card__label{
  display:block;
  margin-bottom:4px;
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:rgba(24, 38, 42, 0.46);
}
.brand-fleet-card__value{
  display:block;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#18262A;
}
.brand-fleet-card__text{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.7;
  color:rgba(24, 38, 42, 0.80);
}
/* =========================================================
   BRAND NEWS
========================================================= */
.brand-news{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-news__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-news__head{
  max-width:760px;
  margin-bottom:30px;
}
.brand-news__eyebrow{
  margin-bottom:14px;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.16em;
  color:#52C7EF;
}
.brand-news__title{
  margin:0 0 12px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(38px, 5vw, 64px);
  line-height:0.94;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:#18262A;
}
.brand-news__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.75;
  color:rgba(24, 38, 42, 0.82);
}
.brand-news__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.brand-news-card{
  min-height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  background:#ffffff;
  border:1px solid rgba(24, 38, 42, 0.08);
  border-radius:28px;
  padding:22px;
  -webkit-box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
  -webkit-transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-news-card:hover{
  -webkit-transform:translateY(-4px);
      -ms-transform:translateY(-4px);
          transform:translateY(-4px);
  border-color:rgba(82, 199, 239, 0.34);
  -webkit-box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
          box-shadow:0 24px 56px rgba(82, 199, 239, 0.14);
}
.brand-news-card__meta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  margin-bottom:10px;
}
.brand-news-card__meta--single{
  gap:0;
}
.brand-news-card__meta-item{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:#F6F6F5;
  border:1px solid rgba(24, 38, 42, 0.06);
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  color:rgba(24, 38, 42, 0.72);
}
.brand-news-card__title{
  margin:0 0 18px;
  font-family:"Oswald", sans-serif;
  font-size:30px;
  line-height:1;
  text-transform:uppercase;
  color:#18262A;
}
@media (max-width: 1180px) {
  .brand-fleet,
  .brand-news {
    padding: 72px 0;
  }

  .brand-fleet__grid,
  .brand-news__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .brand-fleet,
  .brand-news {
    padding: 56px 0;
  }

  .brand-fleet-card,
  .brand-news-card {
    border-radius: 22px;
    padding: 18px;
  }

  .brand-fleet__grid,
  .brand-news__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .brand-fleet-card__name,
  .brand-news-card__title {
    font-size: 24px;
  }

  .brand-fleet-card__text,
  .brand-fleet__subtitle,
  .brand-news__subtitle {
    font-size: 15px;
    line-height: 1.7;
  }
}
.brand-news-card__meta--secondary{
  margin-bottom:14px;
}
.brand-news-card__btn{
  margin-top:auto;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:8px;
  -ms-flex-item-align:start;
      align-self:flex-start;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  color:#ffffff;
  text-decoration:none;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.06em;
  -webkit-box-shadow:0 12px 28px rgba(24, 38, 42, 0.14);
          box-shadow:0 12px 28px rgba(24, 38, 42, 0.14);
  -webkit-transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
}
.brand-news-card__btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-box-shadow:0 18px 34px rgba(36, 16, 63, 0.20);
          box-shadow:0 18px 34px rgba(36, 16, 63, 0.20);
}
.brand-news-card__btn-icon{
  font-size:14px;
  line-height:1;
}
/* =========================
   BRAND FAQ
   ========================= */
.brand-faq{
  padding:88px 0;
  background:#F6F6F5;
  color:#18262A;
}
.brand-faq__container{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.brand-faq__head{
  max-width:760px;
  margin-bottom:28px;
}
.brand-faq__eyebrow{
  margin-bottom:14px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(82, 199, 239, 0.12);
  border:1px solid rgba(82, 199, 239, 0.24);
  font-family:"Inter", sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#18262A;
}
.brand-faq__title{
  margin:0 0 10px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(34px, 5vw, 58px);
  line-height:0.98;
  font-weight:500;
  text-transform:uppercase;
  color:#18262A;
}
.brand-faq__subtitle{
  margin:0;
  font-family:"Inter", sans-serif;
  font-size:17px;
  line-height:1.75;
  color:rgba(24, 38, 42, 0.72);
}
.brand-faq__list{
  display:grid;
  gap:16px;
}
.brand-faq-item{
  padding:26px 28px;
  border-radius:28px;
  background:#FFFFFF;
  border:1px solid rgba(24, 38, 42, 0.08);
  -webkit-box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
          box-shadow:0 18px 44px rgba(24, 38, 42, 0.06);
  -webkit-transition:border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition:border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  -o-transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
}
.brand-faq-item:hover{
  -webkit-transform:translateY(-3px);
      -ms-transform:translateY(-3px);
          transform:translateY(-3px);
  border-color:rgba(82, 199, 239, 0.34);
  -webkit-box-shadow:0 24px 56px rgba(82, 199, 239, 0.12);
          box-shadow:0 24px 56px rgba(82, 199, 239, 0.12);
}
.brand-faq-item__question{
  position:relative;
  padding-left:24px;
  margin-bottom:10px;
  font-family:"Inter", sans-serif;
  font-size:18px;
  line-height:1.45;
  font-weight:800;
  color:#18262A;
}
.brand-faq-item__question::before{
  content:"";
  position:absolute;
  top:10px;
  left:0;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#52C7EF;
  -webkit-box-shadow:0 0 0 6px rgba(82, 199, 239, 0.14);
          box-shadow:0 0 0 6px rgba(82, 199, 239, 0.14);
}
.brand-faq-item__answer{
  padding-left:24px;
  font-family:"Inter", sans-serif;
  font-size:16px;
  line-height:1.8;
  color:rgba(24, 38, 42, 0.82);
}
/* =========================================
   FOOTER
   ========================================= */
.footer{
  position:relative;
  padding:88px 0 28px;
  background:-o-radial-gradient(top left, circle, rgba(82, 199, 239, 0.12), transparent 28%),
    -o-linear-gradient(top, #18262A 0%, #121D20 100%);
  background:radial-gradient(circle at top left, rgba(82, 199, 239, 0.12), transparent 28%),
    -webkit-gradient(linear, left top, left bottom, from(#18262A), to(#121D20));
  background:radial-gradient(circle at top left, rgba(82, 199, 239, 0.12), transparent 28%),
    linear-gradient(180deg, #18262A 0%, #121D20 100%);
  color:#F6F6F5;
  overflow:hidden;
}
.footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:-o-linear-gradient(left, rgba(255,255,255,0.02) 1px, transparent 1px),
    -o-linear-gradient(top, rgba(255,255,255,0.02) 1px, transparent 1px);
  background:linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:0.16;
  pointer-events:none;
}
.footer__container{
  position:relative;
  z-index:1;
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
}
.footer__top{
  padding:34px 34px 0;
  border-radius:34px;
  background:rgba(255, 255, 255, 0.03);
  border:1px solid rgba(255, 255, 255, 0.08);
  -webkit-box-shadow:0 24px 60px rgba(0, 0, 0, 0.18);
          box-shadow:0 24px 60px rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
}
.footer__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:34px 26px;
}
.footer__col{
  min-width:0;
}
.footer__title{
  margin:0 0 18px;
  font-family:"Oswald", sans-serif;
  font-size:26px;
  line-height:1;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.02em;
  color:#F6F6F5;
}
.footer__links,
.footer__info ul,
.footer__bottom-menu,
.footer__contact-list{
  margin:0;
  padding:0;
  list-style:none;
}
.footer__links li{
  margin-bottom:12px;
}
.footer__links li:last-child{
  margin-bottom:0;
}
.footer__links a{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  gap:10px;
  text-decoration:none;
  color:rgba(246, 246, 245, 0.74);
  -webkit-transition:color .22s ease, -webkit-transform .22s ease;
  transition:color .22s ease, -webkit-transform .22s ease;
  -o-transition:transform .22s ease, color .22s ease;
  transition:transform .22s ease, color .22s ease;
  transition:transform .22s ease, color .22s ease, -webkit-transform .22s ease;
}
.footer__links a:hover{
  color:#FFFFFF;
  -webkit-transform:translateX(4px);
      -ms-transform:translateX(4px);
          transform:translateX(4px);
}
.footer__links a span:first-child{
  margin-top:3px;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  font-size:11px;
  color:#52C7EF;
}
.footer__links a span:last-child{
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.55;
  font-weight:500;
}
.footer__info ul li{
  margin-bottom:12px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.65;
  color:rgba(246, 246, 245, 0.76);
}
.footer__info ul li:last-child{
  margin-bottom:0;
}
.footer__text{
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.75;
  color:rgba(246, 246, 245, 0.74);
}
.footer__middle{
  margin-top:46px;
  padding-top:34px;
  display:grid;
  grid-template-columns:minmax(280px, 480px) minmax(240px, 360px);
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:28px;
  border-top:1px solid rgba(255, 255, 255, 0.10);
}
.footer__logo{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:14px;
  margin-bottom:24px;
  text-decoration:none;
  color:#F6F6F5;
  width: 100%;
}
.footer__logo-mark{
  min-width:56px;
  height:56px;
  padding:0 14px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border-radius:18px;
  background:-o-linear-gradient(315deg, #52C7EF 0%, #7DE3FF 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #7DE3FF 100%);
  color:#18262A;
  font-family:"Oswald", sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:500;
  letter-spacing:0.06em;
  text-transform:uppercase;
  -webkit-box-shadow:0 18px 40px rgba(82, 199, 239, 0.22);
          box-shadow:0 18px 40px rgba(82, 199, 239, 0.22);
}
.footer__logo-text{
  font-family:"Oswald", sans-serif;
  font-size:clamp(24px, 4vw, 34px);
  line-height:1;
  letter-spacing:0.03em;
  text-transform:uppercase;
}
.footer__contact-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:12px;
}
.footer__contact-list li{
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255, 255, 255, 0.04);
  border:1px solid rgba(255, 255, 255, 0.08);
}
.footer__contact-label{
  margin-bottom:8px;
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:rgba(246, 246, 245, 0.56);
}
.footer__contact-value,
.footer__contact-value a{
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.65;
  color:#FFFFFF;
  text-decoration:none;
  -webkit-transition:color .22s ease;
  -o-transition:color .22s ease;
  transition:color .22s ease;
}
.footer__contact-value a:hover{
  color:#52C7EF;
}
.footer__social-list{
  margin-top:18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:10px;
}
.footer__social-btn{
  min-height:46px;
  padding:0 18px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border-radius:999px;
  text-decoration:none;
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#FFFFFF;
  border:1px solid rgba(255, 255, 255, 0.10);
  -webkit-box-shadow:0 14px 32px rgba(0, 0, 0, 0.20);
          box-shadow:0 14px 32px rgba(0, 0, 0, 0.20);
  -webkit-transition:opacity .22s ease, -webkit-transform .22s ease, -webkit-box-shadow .22s ease;
  transition:opacity .22s ease, -webkit-transform .22s ease, -webkit-box-shadow .22s ease;
  -o-transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease, -webkit-transform .22s ease, -webkit-box-shadow .22s ease;
}
.footer__social-btn:hover{
  -webkit-transform:translateY(-2px);
      -ms-transform:translateY(-2px);
          transform:translateY(-2px);
  -webkit-box-shadow:0 18px 36px rgba(0, 0, 0, 0.26);
          box-shadow:0 18px 36px rgba(0, 0, 0, 0.26);
  opacity:0.96;
}
.footer__social-btn--wa{
  background:#25D366;
}
.footer__social-btn--tg{
  background:#0088cc;
}
.footer__social-btn--max{
  background:#5533EE;
  max-width: 110px;
  width: 100%;
}
.footer__bottom{
  margin-top:24px;
  padding-top:24px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255, 255, 255, 0.10);
}
.footer__copy{
  font-family:"Inter", sans-serif;
  font-size:13px;
  line-height:1.6;
  color:rgba(246, 246, 245, 0.56);
}
.footer__bottom-menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  gap:10px 18px;
}
.footer__bottom-menu a{
  text-decoration:none;
  font-family:"Inter", sans-serif;
  font-size:13px;
  line-height:1.6;
  color:rgba(246, 246, 245, 0.64);
  -webkit-transition:color .22s ease;
  -o-transition:color .22s ease;
  transition:color .22s ease;
}
.footer__bottom-menu a:hover{
  color:#52C7EF;
}
@media (max-width: 1180px) {
  .footer {
    padding: 72px 0 24px;
  }

  .footer__top {
    padding: 28px 28px 0;
    border-radius: 28px;
  }

  .footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 22px;
  }

  .footer__middle {
    grid-template-columns: 1fr;
  }

  .footer__title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: 56px 0 20px;
  }

  .footer__top {
    padding: 20px 18px 0;
    border-radius: 22px;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .footer__title {
    margin-bottom: 14px;
    font-size: 22px;
  }

  .footer__links a span:last-child,
  .footer__info ul li,
  .footer__text,
  .footer__contact-value,
  .footer__contact-value a {
    font-size: 14px;
  }

  .footer__middle {
    margin-top: 28px;
    padding-top: 22px;
    gap: 24px;
  }

  .footer__logo {
    gap: 10px;
    margin-bottom: 18px;
  }

  .footer__logo-mark {
    min-width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 18px;
  }

  .footer__contact-list li {
    padding: 14px 16px;
    border-radius: 18px;
  }

  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }

  .footer__bottom-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
/* =========================================
   MOBILE FIXES — ACTUAL CURRENT INDEX.HTML
   header + products + for-whom
   ========================================= */

@media (max-width: 991px) {
  .header-top {
    display: none;
  }


  .site-header .container,
  .bb-products__container,
  .brandbook-whom .container {
    width: calc(100% - 24px);
  }

  .header-bottom {
    border-radius: 22px;
  }

  .header-bottom-inner {
    min-height: 76px;
    padding: 10px 14px;
    gap: 12px;
  }

  .desktop-nav {
    display: none;
  }

  .header-actions {
    margin-left: auto;
  }

  .menu-burger {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .mobile-nav {
    top: calc(100% + 12px);
    border-radius: 22px;
    padding: 10px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }

  .mobile-nav-head {
    min-height: 54px;
    padding: 0 16px;
    font-size: 14px;
  }

  .mobile-submenu {
    padding: 0 8px 10px;
  }

  .mobile-submenu a {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 14px;
  }

  /* PRODUCTS */
  .bb-products {
    padding: 72px 0;
  }

  .bb-products__head {
    margin-bottom: 22px;
    gap: 12px;
  }

  .bb-products__title {
    font-size: clamp(30px, 6vw, 42px);
    line-height: 0.98;
  }

  .bb-products__subtitle {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.7;
  }

  .bb-products__tabs {
    margin-bottom: 20px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .bb-products__tabs::-webkit-scrollbar {
    display: none;
  }

  .bb-products__tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
    min-height: 44px;
    padding: 0 16px;
    font-size: 12px;
  }

  .bb-products__carousel {
    padding: 0;
  }

  .bb-products__arrow {
    display: none;
  }

  .bb-products__track {
    gap: 14px;
    padding: 4px 2px 12px;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }

  .bb-products__card {
    width: min(320px, 84vw);
    min-width: min(320px, 84vw);
    padding: 20px 18px;
    border-radius: 24px;
    scroll-snap-align: start;
  }

  .bb-products__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
  }

  .bb-products__name {
    font-size: 24px;
    line-height: 1;
  }

  .bb-products__desc,
  .bb-products__spec,
  .bb-products__rating span {
    font-size: 14px;
  }

  .bb-products__price-current {
    font-size: 26px;
  }

  .bb-products__price-old {
    font-size: 15px;
  }

  .bb-products__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

  .bb-products__btn {
    width: 100%;
    min-height: 46px;
    font-size: 12px;
  }

  /* FOR WHOM */
  .brandbook-whom {
    padding: 72px 0;
  }

  .brandbook-whom__shell {
    padding: 24px 18px;
    border-radius: 28px;
  }

  .brandbook-whom__header {
    margin-bottom: 20px;
  }

  .brandbook-whom__title {
    font-size: clamp(30px, 6vw, 42px);
    line-height: 0.98;
  }

  .brandbook-whom__slider {
    gap: 12px;
  }

  .brandbook-whom__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .brandbook-whom__viewport::-webkit-scrollbar {
    display: none;
  }

  .brandbook-whom__track {
    gap: 14px;
  }

  .brandbook-whom-card {
    width: min(300px, 82vw);
    min-width: min(300px, 82vw);
    padding: 22px 18px;
    border-radius: 24px;
  }

  .brandbook-whom-card__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
  }

  .brandbook-whom-card__title {
    font-size: 22px;
    line-height: 1.05;
  }

  .brandbook-whom-card__btn {
    min-height: 44px;
    padding: 0 16px;
    font-size: 12px;
  }

  .brandbook-whom__nav {
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
}



 
@media (max-width: 767px) {
  .site-header .container,
  .bb-products__container,
  .brandbook-whom .container {
    width: calc(100% - 16px);
  }

  .header-bottom {
    border-radius: 18px;
  }

  .header-bottom-inner {
    min-height: 64px;
    padding: 8px 10px;
  }

  .logo-img {
    max-height: 34px;
  }

  .menu-burger {
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }

  .mobile-nav {
    top: calc(100% + 10px);
    padding: 8px;
    border-radius: 18px;
  }

  .mobile-nav-head {
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px;
    font-size: 13px;
  }

  .mobile-submenu a {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 13px;
  }

  /* PRODUCTS */
  .bb-products {
    padding: 56px 0;
  }

  .bb-products__head {
    margin-bottom: 18px;
  }

  .bb-products__title {
    font-size: 30px;
  }

  .bb-products__subtitle {
    font-size: 14px;
    line-height: 1.65;
  }

  .bb-products__tabs {
    margin-bottom: 16px;
    gap: 8px;
  }

  .bb-products__tab {
    min-height: 40px;
    padding: 0 14px;
    font-size: 11px;
    border-radius: 999px;
  }

  .bb-products__track {
    gap: 12px;
    padding-bottom: 8px;
  }

  .bb-products__card {
    width: min(286px, 84vw);
    min-width: min(286px, 84vw);
    padding: 18px 16px;
    border-radius: 20px;
  }

  .bb-products__badges {
    gap: 8px;
  }

  .bb-products__badge,
  .bb-products__stock {
    min-height: 28px;
    padding: 0 10px;
    font-size: 10px;
  }

  .bb-products__icon {
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
  }

  .bb-products__name {
    font-size: 22px;
  }

  .bb-products__desc {
    font-size: 13px;
    line-height: 1.55;
  }

  .bb-products__specs {
    gap: 8px;
    margin-bottom: 12px;
  }

  .bb-products__spec {
    font-size: 13px;
    line-height: 1.5;
  }

  .bb-products__rating {
    gap: 6px;
    margin-bottom: 12px;
  }

  .bb-products__rating strong,
  .bb-products__rating span {
    font-size: 13px;
  }

  .bb-products__price-current {
    font-size: 24px;
  }

  .bb-products__price-old {
    font-size: 14px;
  }

  .bb-products__actions {
    gap: 8px;
  }

  .bb-products__btn {
    min-height: 42px;
    font-size: 11px;
    letter-spacing: 0.06em;
  }

  /* FOR WHOM */
  .brandbook-whom {
    padding: 56px 0;
  }

  .brandbook-whom__shell {
    padding: 18px 14px;
    border-radius: 22px;
  }

  .brandbook-whom__title {
    font-size: 30px;
  }

  .brandbook-whom__nav {
    display: none;
  }

  .brandbook-whom__track {
    gap: 12px;
  }

  .brandbook-whom-card {
    width: min(260px, 82vw);
    min-width: min(260px, 82vw);
    padding: 18px 16px;
    border-radius: 20px;
  }

  .brandbook-whom-card__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
  }

  .brandbook-whom-card__title {
    font-size: 20px;
  }

  .brandbook-whom-card__btn {
    min-height: 40px;
    font-size: 11px;
  }
}

@media (max-width: 767px) {

  .header-bottom-inner {
    min-height: 60px;
    padding: 8px;
  }

  .menu-burger {
    width: 42px;
    height: 42px;
  }

  .bb-products__title,
  .brandbook-whom__title {
    font-size: 28px;
  }

  .bb-products__card,
  .brandbook-whom-card {
    width: 100%;
    min-width: calc(100vw - 32px);
  }
}
@media (max-width: 767px) {
  /* -----------------------------
     Для кого наши услуги
     ----------------------------- */
  .brandbook-whom {
    padding: 56px 0 96px;
  }

  .brandbook-whom__slider {
    position: relative;
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .brandbook-whom__viewport {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .brandbook-whom__viewport::-webkit-scrollbar {
    display: none;
  }

  .brandbook-whom__track {
    gap: 12px;
    padding: 4px 0 8px;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }

  .brandbook-whom-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 82%;
            flex: 0 0 82%;
    min-width: 82%;
    scroll-snap-align: start;
  }

  .brandbook-whom__nav {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    position: static;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #FFFFFF;
    color: #18262A;
    border: 1px solid rgba(24, 38, 42, 0.10);
    -webkit-box-shadow: 0 10px 24px rgba(24, 38, 42, 0.10);
            box-shadow: 0 10px 24px rgba(24, 38, 42, 0.10);
    z-index: 3;
  }

  .brandbook-whom__nav span {
    font-size: 22px;
  }

  .brandbook-whom__nav:hover {
    background: #52C7EF;
    color: #18262A;
    border-color: #52C7EF;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
  }

  .brandbook-whom__nav:disabled {
    opacity: 0.45;
  }

  .brandbook-whom__nav--prev,
  .brandbook-whom__nav--next {
    left: auto;
    right: auto;
    top: auto;
  }
}
/* =========================================================
   TEAM TILT — reference like "Our Team", styled by brandbook
========================================================= */
.brand-team-tilt{
  padding:96px 0 88px;
  background:#F6F6F5;
  color:#18262A;
  overflow:hidden;
}
.brand-team-tilt__container{
  width:min(1320px, calc(100% - 32px));
  margin:0 auto;
}
.brand-team-tilt__head{
  text-align:center;
  margin-bottom:42px;
}
.brand-team-tilt__eyebrow{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:30px;
  padding:0 12px;
  margin-bottom:16px;
  border-radius:10px;
  background:#52C7EF;
  color:#ffffff;
  font-family:"Inter", sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.12em;
}
.brand-team-tilt__title{
  margin:0;
  font-family:"Oswald", sans-serif;
  font-size:clamp(42px, 6vw, 78px);
  line-height:0.92;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:#24103F;
}
.brand-team-tilt__dot{
  width:18px;
  height:18px;
  margin:16px auto 0;
  border-radius:50%;
  border:2px solid rgba(82, 199, 239, 0.55);
  position:relative;
}
.brand-team-tilt__dot::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:#52C7EF;
}
.brand-team-tilt__grid{
  display:block;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:26px 20px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
}
.brand-team-tilt__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-flex:0;
      -ms-flex:0 0 calc((100% - 40px) / 3);
          flex:0 0 calc((100% - 40px) / 3);
}
.brand-team-tilt__card{
  width:100%;
  max-width:290px;
  border-radius:18px;
  -webkit-transform-origin:center center;
      -ms-transform-origin:center center;
          transform-origin:center center;
  -webkit-transition:-webkit-transform .25s ease, -webkit-filter .25s ease;
  transition:-webkit-transform .25s ease, -webkit-filter .25s ease;
  -o-transition:transform .25s ease, filter .25s ease;
  transition:transform .25s ease, filter .25s ease;
  transition:transform .25s ease, filter .25s ease, -webkit-transform .25s ease, -webkit-filter .25s ease;
}
.brand-team-tilt__item:hover .brand-team-tilt__card{
  -webkit-filter:drop-shadow(0 22px 34px rgba(24, 38, 42, 0.12));
          filter:drop-shadow(0 22px 34px rgba(24, 38, 42, 0.12));
  -webkit-transform:rotate(-6deg) translateY(-6px);
      -ms-transform:rotate(-6deg) translateY(-6px);
          transform:rotate(-6deg) translateY(-6px);
}
.brand-team-tilt__item--1 .brand-team-tilt__card{
  -webkit-transform:rotate(-11deg);
      -ms-transform:rotate(-11deg);
          transform:rotate(-11deg);
}
.brand-team-tilt__item--2 .brand-team-tilt__card{
  -webkit-transform:rotate(-9deg);
      -ms-transform:rotate(-9deg);
          transform:rotate(-9deg);
}
.brand-team-tilt__item--3 .brand-team-tilt__card{
  -webkit-transform:rotate(-11deg);
      -ms-transform:rotate(-11deg);
          transform:rotate(-11deg);
}
.brand-team-tilt__item--4 .brand-team-tilt__card{
  -webkit-transform:rotate(-10deg);
      -ms-transform:rotate(-10deg);
          transform:rotate(-10deg);
}
.brand-team-tilt__item--5 .brand-team-tilt__card{
  -webkit-transform:rotate(-9deg);
      -ms-transform:rotate(-9deg);
          transform:rotate(-9deg);
}
.brand-team-tilt__item--6 .brand-team-tilt__card{
  -webkit-transform:rotate(-11deg);
      -ms-transform:rotate(-11deg);
          transform:rotate(-11deg);
}
.brand-team-tilt__photo{
  aspect-ratio:0.82 / 1;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(24, 38, 42, 0.08);
  -webkit-box-shadow:0 18px 42px rgba(24, 38, 42, 0.10);
          box-shadow:0 18px 42px rgba(24, 38, 42, 0.10);
  background:-o-linear-gradient(top, #EFF2F4 0%, #DDE5EA 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#EFF2F4), to(#DDE5EA));
  background:linear-gradient(180deg, #EFF2F4 0%, #DDE5EA 100%);
}
.brand-team-tilt__photo-placeholder{
  position:relative;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-radial-gradient(50% 32%, circle, rgba(82,199,239,0.20) 0, rgba(82,199,239,0.20) 56px, transparent 57px),
    -o-linear-gradient(top, #EEF3F6 0%, #DCE4E8 100%);
  background:radial-gradient(circle at 50% 32%, rgba(82,199,239,0.20) 0, rgba(82,199,239,0.20) 56px, transparent 57px),
    -webkit-gradient(linear, left top, left bottom, from(#EEF3F6), to(#DCE4E8));
  background:radial-gradient(circle at 50% 32%, rgba(82,199,239,0.20) 0, rgba(82,199,239,0.20) 56px, transparent 57px),
    linear-gradient(180deg, #EEF3F6 0%, #DCE4E8 100%);
}
.brand-team-tilt__photo-placeholder::before{
  content:"";
  position:absolute;
  width:122px;
  height:122px;
  top:58px;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  border-radius:50%;
  background:-o-linear-gradient(top, #C6D2D9 0%, #A9B9C2 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#C6D2D9), to(#A9B9C2));
  background:linear-gradient(180deg, #C6D2D9 0%, #A9B9C2 100%);
  -webkit-box-shadow:inset 0 0 0 10px rgba(255,255,255,0.24);
          box-shadow:inset 0 0 0 10px rgba(255,255,255,0.24);
}
.brand-team-tilt__photo-placeholder::after{
  content:"";
  position:absolute;
  width:208px;
  height:154px;
  left:50%;
  bottom:28px;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  border-radius:120px 120px 26px 26px;
  background:-o-linear-gradient(top, #B7C5CD 0%, #95A8B3 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(#B7C5CD), to(#95A8B3));
  background:linear-gradient(180deg, #B7C5CD 0%, #95A8B3 100%);
}
.brand-team-tilt__initials{
  position:absolute;
  right:16px;
  bottom:14px;
  z-index:2;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-width:54px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.86);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
  color:#18262A;
  font-family:"Inter", sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  -webkit-box-shadow:0 8px 18px rgba(24,38,42,.10);
          box-shadow:0 8px 18px rgba(24,38,42,.10);
}
.brand-team-tilt__info{
  margin-top:18px;
  text-align:center;
  -webkit-transform:rotate(-7deg);
      -ms-transform:rotate(-7deg);
          transform:rotate(-7deg);
  -webkit-transition:-webkit-transform .25s ease;
  transition:-webkit-transform .25s ease;
  -o-transition:transform .25s ease;
  transition:transform .25s ease;
  transition:transform .25s ease, -webkit-transform .25s ease;
}
.brand-team-tilt__item--1 .brand-team-tilt__info{
  -webkit-transform:rotate(-7deg);
      -ms-transform:rotate(-7deg);
          transform:rotate(-7deg);
}
.brand-team-tilt__item--2 .brand-team-tilt__info{
  -webkit-transform:rotate(-6deg);
      -ms-transform:rotate(-6deg);
          transform:rotate(-6deg);
}
.brand-team-tilt__item--3 .brand-team-tilt__info{
  -webkit-transform:rotate(-7deg);
      -ms-transform:rotate(-7deg);
          transform:rotate(-7deg);
}
.brand-team-tilt__item--4 .brand-team-tilt__info{
  -webkit-transform:rotate(-6deg);
      -ms-transform:rotate(-6deg);
          transform:rotate(-6deg);
}
.brand-team-tilt__item--5 .brand-team-tilt__info{
  -webkit-transform:rotate(-7deg);
      -ms-transform:rotate(-7deg);
          transform:rotate(-7deg);
}
.brand-team-tilt__item--6 .brand-team-tilt__info{
  -webkit-transform:rotate(-6deg);
      -ms-transform:rotate(-6deg);
          transform:rotate(-6deg);
}
.brand-team-tilt__item:hover .brand-team-tilt__info{
  -webkit-transform:rotate(-3deg);
      -ms-transform:rotate(-3deg);
          transform:rotate(-3deg);
}
.brand-team-tilt__name{
  margin:0 0 6px;
  font-family:"Oswald", sans-serif;
  font-size:clamp(24px, 2vw, 34px);
  line-height:0.96;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:#24103F;
}
.brand-team-tilt__role{
  margin-bottom:6px;
  font-family:"Inter", sans-serif;
  font-size:15px;
  line-height:1.4;
  color:rgba(24, 38, 42, 0.80);
}
.brand-team-tilt__meta{
  font-family:"Inter", sans-serif;
  font-size:12px;
  line-height:1.5;
  font-weight:600;
  color:#6B7880;
}
@media (max-width: 1180px) {
  .brand-team-tilt {
    padding: 78px 0 72px;
  }

  .brand-team-tilt__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
    gap: 34px 18px;
  }

  .brand-team-tilt__title {
    font-size: clamp(42px, 7vw, 64px);
  }
}
@media (max-width: 767px) {
  .brand-team-tilt {
    padding: 58px 0 56px;
  }

  .brand-team-tilt__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .brand-team-tilt__card {
    max-width: 280px;
  }

  .brand-team-tilt__title {
    font-size: 42px;
  }

  .brand-team-tilt__name {
    font-size: 28px;
  }

  .brand-team-tilt__role {
    font-size: 14px;
  }

  .brand-team-tilt__meta {
    font-size: 11px;
  }
}

/* =========================================================
   TEAM TILT SLIDER — 3 cards
========================================================= */
.brand-team-tilt__slider{
  position:relative;
}
.brand-team-tilt__viewport{
  overflow:hidden;
  padding:10px 34px;
}
.brand-team-tilt__track{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  -webkit-transition:-webkit-transform .45s ease;
  transition:-webkit-transform .45s ease;
  -o-transition:transform .45s ease;
  transition:transform .45s ease;
  transition:transform .45s ease, -webkit-transform .45s ease;
  will-change:transform;
}
.brand-team-tilt__arrow{
  position:absolute;
  top:42%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  cursor:pointer;
  z-index:5;
  color:#ffffff;
  background:-o-linear-gradient(315deg, #18262A 0%, #24103F 100%);
  background:linear-gradient(135deg, #18262A 0%, #24103F 100%);
  -webkit-box-shadow:0 16px 30px rgba(24, 38, 42, 0.18);
          box-shadow:0 16px 30px rgba(24, 38, 42, 0.18);
  -webkit-transition:background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
  transition:background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
  -o-transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease;
  transition:transform .2s ease, box-shadow .25s ease, background .25s ease, -webkit-transform .2s ease, -webkit-box-shadow .25s ease;
}
.brand-team-tilt__arrow:hover{
  -webkit-transform:translateY(-50%) scale(1.06);
      -ms-transform:translateY(-50%) scale(1.06);
          transform:translateY(-50%) scale(1.06);
  background:-o-linear-gradient(315deg, #52C7EF 0%, #24103F 100%);
  background:linear-gradient(135deg, #52C7EF 0%, #24103F 100%);
  -webkit-box-shadow:0 20px 36px rgba(82, 199, 239, 0.22);
          box-shadow:0 20px 36px rgba(82, 199, 239, 0.22);
}
.brand-team-tilt__arrow span{
  font-size:24px;
  line-height:1;
  -webkit-transform:translateY(-1px);
      -ms-transform:translateY(-1px);
          transform:translateY(-1px);
}
.brand-team-tilt__arrow--prev{
  left:0;
}
.brand-team-tilt__arrow--next{
  right:0;
}

/* =========================================
   TEAM MOBILE SCROLL
   карточки "Наша команда" скроллятся на телефоне
   ========================================= */
@media (max-width: 767px) {
  .brand-team-tilt__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    padding: 8px 10px;
  }

  .brand-team-tilt__viewport::-webkit-scrollbar {
    display: none;
  }

  .brand-team-tilt__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: auto;
  }

  .brand-team-tilt__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 82vw;
            flex: 0 0 82vw;
    min-width: 82vw;
    max-width: 82vw;
    scroll-snap-align: start;
  }

  .brand-team-tilt__arrow {
    display: none;
  }
}

@media (max-width: 479px) {
  .brand-team-tilt__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 86vw;
            flex: 0 0 86vw;
    min-width: 86vw;
    max-width: 86vw;
  }
}
.bb-products__image{
  position:relative;
  width:100%;
  height:136px;
  border-radius:20px;
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:-o-linear-gradient(top,#FFFFFF 0%, #EEF8FC 100%);
  background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF), to(#EEF8FC));
  background:linear-gradient(180deg,#FFFFFF 0%, #EEF8FC 100%);
  border:1px solid rgba(24,38,42,.06);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
          box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  isolation:isolate;
}

.bb-products__image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:-o-linear-gradient(top,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.06) 42%,
    rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,
    left top, left bottom,
    from(rgba(255,255,255,.18)),
    color-stop(42%, rgba(255,255,255,.06)),
    to(rgba(255,255,255,0)));
  background:linear-gradient(180deg,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.06) 42%,
    rgba(255,255,255,0) 100%);
}

.bb-products__image::after{
  content:"";
  position:absolute;
  inset:auto auto -26px -26px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:rgba(82,199,239,.12);
  -webkit-filter:blur(6px);
          filter:blur(6px);
  z-index:1;
  pointer-events:none;
}

.bb-products__image img{
  position:relative;
  z-index:3;
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:contain;
     object-fit:contain; /* если фото на прозрачке / PNG */
  padding:14px;
  -webkit-transition:-webkit-transform .35s ease;
  transition:-webkit-transform .35s ease;
  -o-transition:transform .35s ease;
  transition:transform .35s ease;
  transition:transform .35s ease, -webkit-transform .35s ease;
}

/* hover */
.bb-products__card:hover .bb-products__image img,
.bb-products__card--dark:hover .bb-products__image img{
  -webkit-transform:scale(1.04);
      -ms-transform:scale(1.04);
          transform:scale(1.04);
}

/* темные карточки */
.bb-products__card--dark .bb-products__image{
  background:-o-linear-gradient(top, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.08)), to(rgba(255,255,255,.03)));
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  border-color:rgba(255,255,255,.08);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
          box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.bb-products__card--dark .bb-products__image::before{
  background:-o-linear-gradient(top,
    rgba(255,255,255,.05) 0%,
    rgba(255,255,255,.015) 44%,
    rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,
    left top, left bottom,
    from(rgba(255,255,255,.05)),
    color-stop(44%, rgba(255,255,255,.015)),
    to(rgba(255,255,255,0)));
  background:linear-gradient(180deg,
    rgba(255,255,255,.05) 0%,
    rgba(255,255,255,.015) 44%,
    rgba(255,255,255,0) 100%);
}

.bb-products__card--dark .bb-products__image::after{
  background:rgba(82,199,239,.22);
}

.bb-products__card--dark .bb-products__image img{
  -webkit-filter:brightness(.96) contrast(1.02);
          filter:brightness(.96) contrast(1.02);
}

/* mobile */
@media (max-width: 767px){
  .bb-products__image{
    height:120px;
    border-radius:18px;
  }

  .bb-products__image img{
    padding:12px;
  }
}