/* Isolated REGAS glass-phone hero presentation. */
#regas-full-preview .regas-glass-phone {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: min(42rem, 98%);
  aspect-ratio: 1.62 / 1;
  border: 1px solid rgba(255, 138, 45, .64);
  border-radius: 2.7rem;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), transparent 24%, rgba(255,105,0,.055) 64%, rgba(255,255,255,.035)),
    rgba(8, 8, 10, .48);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    inset 0 -34px 65px rgba(255,105,0,.08),
    0 34px 80px rgba(0,0,0,.62),
    0 0 48px rgba(255,105,0,.16);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  overflow: hidden;
  transform: perspective(1100px) rotateY(-2.5deg) rotateX(1deg);
  transform-style: preserve-3d;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease;
}

#regas-full-preview .regas-glass-phone::before {
  position: absolute;
  z-index: 1;
  inset: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 2rem;
  background:
    linear-gradient(112deg, transparent 0 33%, rgba(255,255,255,.07) 39%, transparent 46%),
    radial-gradient(circle at 72% 35%, rgba(255,105,0,.13), transparent 34%);
  content: "";
  pointer-events: none;
}

#regas-full-preview .regas-glass-phone::after {
  position: absolute;
  z-index: 3;
  right: 8%;
  bottom: .42rem;
  left: 8%;
  height: 2px;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, #ff6900 18%, #ffba63 50%, #ff6900 82%, transparent);
  box-shadow: 0 0 18px rgba(255,105,0,.9), 0 0 34px rgba(255,105,0,.38);
  content: "";
  pointer-events: none;
}

#regas-full-preview .regas-phone-speaker,
#regas-full-preview .regas-phone-camera {
  position: absolute;
  z-index: 4;
  top: .72rem;
  background: rgba(3,3,4,.9);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), 0 0 12px rgba(255,105,0,.12);
  pointer-events: none;
}

#regas-full-preview .regas-phone-speaker {
  left: 50%;
  width: 4.8rem;
  height: .35rem;
  border-radius: 999px;
  transform: translateX(-50%);
}

#regas-full-preview .regas-phone-camera {
  right: 1.45rem;
  width: .62rem;
  aspect-ratio: 1;
  border: 1px solid rgba(255,105,0,.42);
  border-radius: 50%;
  background: radial-gradient(circle at 38% 35%, #6085a9 0 9%, #101824 22%, #020203 68%);
}

#regas-full-preview .regas-glass-phone .regas-logo-aura {
  z-index: 0;
  width: 72%;
  aspect-ratio: 1.46 / 1;
  border: 1px solid rgba(255,105,0,.24);
  border-radius: 2.2rem;
  background: radial-gradient(circle, rgba(255,105,0,.16), transparent 66%);
  box-shadow: 0 0 95px rgba(255,105,0,.25), inset 0 0 60px rgba(255,105,0,.08);
  transform: translateZ(10px);
}

#regas-full-preview .regas-glass-phone .regas-logo-aura::before,
#regas-full-preview .regas-glass-phone .regas-logo-aura::after {
  inset: 1.15rem;
  border-style: solid;
  border-radius: 1.65rem;
}

#regas-full-preview .regas-glass-phone .regas-logo-aura::after {
  inset: 2.55rem;
}

#regas-full-preview .regas-glass-phone > img {
  z-index: 2;
  width: min(23rem, 57%);
  border-color: rgba(255,136,44,.76);
  border-radius: 2rem;
  box-shadow: 0 0 46px rgba(255,105,0,.34), 0 24px 55px rgba(0,0,0,.5);
  transform: translateZ(28px);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}

#regas-full-preview .regas-glass-phone:hover {
  border-color: rgba(255,165,74,.92);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.09),
    inset 0 -34px 65px rgba(255,105,0,.12),
    0 42px 95px rgba(0,0,0,.68),
    0 0 62px rgba(255,105,0,.25);
  transform: perspective(1100px) translateY(-8px) rotateY(0) rotateX(0);
}

#regas-full-preview .regas-glass-phone:hover > img {
  box-shadow: 0 0 60px rgba(255,105,0,.46), 0 28px 62px rgba(0,0,0,.55);
  transform: translateZ(38px) scale(1.025);
}

@media (max-width: 900px) {
  #regas-full-preview .regas-glass-phone {
    width: min(38rem, 96%);
    border-radius: 2.2rem;
    transform: none;
  }

  #regas-full-preview .regas-glass-phone > img {
    width: min(19rem, 58%);
  }
}

@media (max-width: 560px) {
  #regas-full-preview .regas-glass-phone {
    width: 100%;
    border-radius: 1.65rem;
  }

  #regas-full-preview .regas-glass-phone::before {
    inset: .62rem;
    border-radius: 1.2rem;
  }

  #regas-full-preview .regas-glass-phone > img {
    width: 61%;
    border-radius: .78rem;
  }

  #regas-full-preview .regas-phone-speaker {
    top: .46rem;
    width: 3.4rem;
  }

  #regas-full-preview .regas-phone-camera {
    top: .4rem;
    right: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #regas-full-preview .regas-glass-phone,
  #regas-full-preview .regas-glass-phone > img { transition: none; }
}
/* Large hero version of the existing REGAS Features logo hover. */
#regas-full-preview .regas-hero-feature-logo {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: min(34rem, 92%);
  aspect-ratio: 1.18 / 1;
  overflow: visible;
}

#regas-full-preview .regas-hero-feature-logo::before {
  position: absolute;
  z-index: -1;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,105,0,.22) 0, rgba(255,105,0,.08) 35%, transparent 70%);
  filter: blur(8px);
  opacity: .5;
  content: "";
  transform: scale(.9);
  transition: opacity .34s ease, transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease;
}

#regas-full-preview .regas-hero-feature-logo > img {
  position: relative;
  display: block;
  width: min(23rem, 74%);
  border: 1px solid rgba(255,105,0,.34);
  border-radius: 2rem;
  filter: saturate(.86) brightness(.9);
  box-shadow: 0 22px 54px rgba(0,0,0,.5), 0 0 24px rgba(255,105,0,.18);
  transform: translateY(0) scale(1);
  transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease, border-color .34s ease, box-shadow .34s ease;
  will-change: transform;
}

#regas-full-preview .regas-hero-feature-logo:hover::before {
  filter: blur(13px);
  opacity: 1;
  transform: scale(1.14);
}

#regas-full-preview .regas-hero-feature-logo > img:hover,
#regas-full-preview .regas-hero-feature-logo:hover > img {
  filter: saturate(1.18) brightness(1.08);
  border-color: rgba(255,157,40,.94);
  box-shadow: 0 0 58px rgba(255,105,0,.58), 0 24px 52px rgba(0,0,0,.55), inset 0 0 16px rgba(255,157,40,.08);
  transform: translateY(-8px) scale(1.065);
}

@media (max-width: 900px) {
  #regas-full-preview .regas-hero-feature-logo { width: min(28rem, 90%); }
  #regas-full-preview .regas-hero-feature-logo > img { width: min(19rem, 72%); }
}

@media (max-width: 560px) {
  #regas-full-preview .regas-hero-feature-logo { width: min(23rem, 100%); aspect-ratio: 1.12 / 1; }
  #regas-full-preview .regas-hero-feature-logo > img { width: min(16rem, 76%); border-radius: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  #regas-full-preview .regas-hero-feature-logo::before,
  #regas-full-preview .regas-hero-feature-logo > img { transition: none; }
}
/* Classic premium hover for the REGAS Features logo. */
#regas-full-preview .regas-feature-header > img {
  position: relative;
  filter: saturate(.86) brightness(.9);
  transform: translateY(0) scale(1);
  transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease, border-color .34s ease, box-shadow .34s ease;
  will-change: transform;
}

#regas-full-preview .regas-feature-header > img:hover,
#regas-full-preview .regas-feature-header:hover > img {
  filter: saturate(1.18) brightness(1.08);
  border-color: rgba(255,157,40,.94);
  box-shadow: 0 0 38px rgba(255,105,0,.5), 0 18px 42px rgba(0,0,0,.5), inset 0 0 16px rgba(255,157,40,.08);
  transform: translateY(-6px) scale(1.065);
}

@media (prefers-reduced-motion: reduce) {
  #regas-full-preview .regas-feature-header > img { transition: none; }
}
/* Felicia-style left diagonal hero-phone placement. */
@media (min-width: 901px) {
  #regas-full-preview .regas-hero-art {
    justify-items: start;
    overflow: visible;
    padding-left: 1.25rem;
  }

  #regas-full-preview .regas-glass-phone {
    width: min(43rem, 96%);
    transform: perspective(1250px) translateX(0) rotateZ(0) rotateY(0) rotateX(0);
    transform-origin: 50% 50%;
  }

  #regas-full-preview .regas-glass-phone:hover {
    transform: perspective(1250px) translateY(-8px) scale(1.012);
  }
}
/* Cohesive Felicia-style brand system for REGAS. */
#regas-full-preview {
  overflow-x: clip;
}

#regas-full-preview .regas-hero > *,
#regas-full-preview .regas-server-grid > *,
#regas-full-preview .regas-feature-grid > *,
#regas-full-preview .regas-stats > * {
  min-width: 0;
}

#regas-full-preview .regas-brand-shell {
  position: relative;
  width: 100%;
  margin: 0 auto 2.4rem;
  padding: .65rem;
  overflow: hidden;
  border: 1px solid rgba(255,105,0,.2);
  border-radius: 2rem;
  background: linear-gradient(145deg, rgba(19,15,13,.92), rgba(5,6,8,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 26px 68px rgba(0,0,0,.42);
}

#regas-full-preview .regas-brand-grid {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  gap: .28rem;
}

#regas-full-preview .regas-brand-card {
  position: relative;
  isolation: isolate;
  min-height: 104px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,113,22,.23);
  border-radius: .78rem;
  background: linear-gradient(145deg, rgba(22,18,17,.96), rgba(7,8,10,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

#regas-full-preview .regas-brand-card::after {
  position: absolute;
  z-index: -1;
  inset: -55%;
  background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.11) 50%, transparent 60%);
  content: "";
  transform: translateX(-70%) rotate(10deg);
  transition: transform .55s ease;
}

#regas-full-preview .regas-brand-card img {
  display: block;
  width: 100px;
  height: 48px;
  max-width: 86%;
  margin: 0 auto;
  object-fit: contain;
  filter: grayscale(1) brightness(2.75);
  opacity: .82;
  transform: scale(1);
  transition: filter .28s ease, opacity .28s ease, transform .28s ease;
}

#regas-full-preview .regas-brand-card.motorola img { width: 138px; height: 54px; }

#regas-full-preview .regas-text-logo {
  display: block;
  color: rgba(238,240,244,.84);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(.46rem,.62vw,.78rem);
  font-weight: 800;
  letter-spacing: .045em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transition: color .28s ease, text-shadow .28s ease, transform .28s ease;
}

#regas-full-preview .regas-brand-card:hover .regas-text-logo { transform: scale(1.1); }
#regas-full-preview .regas-brand-card.pixel:hover .regas-text-logo { color:#4285f4; text-shadow:0 0 18px rgba(66,133,244,.95); }
#regas-full-preview .regas-brand-card.meizu:hover .regas-text-logo { color:#00b4e5; text-shadow:0 0 18px rgba(0,180,229,.95); }

#regas-full-preview .regas-brand-card.paired img {
  transform: translateY(-8px);
}

#regas-full-preview .regas-brand-card.paired:hover img {
  transform: translateY(-8px) scale(1.08);
}

#regas-full-preview .regas-brand-pair {
  position: absolute;
  right: .25rem;
  bottom: .55rem;
  left: .25rem;
  color: rgba(255,255,255,.7);
  font-size: clamp(.42rem,.52vw,.64rem);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transition: color .28s ease, text-shadow .28s ease;
}

#regas-full-preview .regas-brand-card.nokia:hover .regas-brand-pair { color:#78a4ff; text-shadow:0 0 14px rgba(0,90,255,.9); }
#regas-full-preview .regas-brand-card.zte:hover .regas-brand-pair { color:#68b8ff; text-shadow:0 0 14px rgba(0,78,162,.9); }

#regas-full-preview .regas-brand-card:hover {
  z-index: 3;
  transform: translateY(-6px);
}

#regas-full-preview .regas-brand-card:hover::after {
  transform: translateX(70%) rotate(10deg);
}

#regas-full-preview .regas-brand-card:hover img {
  filter: none;
  opacity: 1;
  transform: scale(1.1);
}

#regas-full-preview .regas-brand-card.xiaomi:hover { border-color:#ff6900; background:linear-gradient(145deg,rgba(255,105,0,.17),rgba(9,9,10,.98)); box-shadow:0 18px 42px rgba(255,105,0,.25),inset 0 0 34px rgba(255,105,0,.09); }
#regas-full-preview .regas-brand-card.samsung:hover { border-color:#2f62ff; background:linear-gradient(145deg,rgba(20,40,160,.18),rgba(9,9,12,.98)); box-shadow:0 18px 42px rgba(20,40,160,.30),inset 0 0 34px rgba(20,40,160,.11); }
#regas-full-preview .regas-brand-card.oppo:hover { border-color:#39a85d; background:linear-gradient(145deg,rgba(45,104,61,.19),rgba(8,10,9,.98)); box-shadow:0 18px 42px rgba(45,104,61,.30),inset 0 0 34px rgba(45,104,61,.11); }
#regas-full-preview .regas-brand-card.realme:hover { border-color:#ffd400; background:linear-gradient(145deg,rgba(255,212,0,.14),rgba(10,10,8,.98)); box-shadow:0 18px 42px rgba(255,212,0,.23),inset 0 0 34px rgba(255,212,0,.08); }
#regas-full-preview .regas-brand-card.vivo:hover { border-color:#4b70ff; background:linear-gradient(145deg,rgba(65,95,255,.18),rgba(9,9,12,.98)); box-shadow:0 18px 42px rgba(65,95,255,.28),inset 0 0 34px rgba(65,95,255,.10); }
#regas-full-preview .regas-brand-card.infinix:hover { border-color:#00c853; background:linear-gradient(145deg,rgba(0,200,83,.16),rgba(8,10,9,.98)); box-shadow:0 18px 42px rgba(0,200,83,.28),inset 0 0 34px rgba(0,200,83,.10); }
#regas-full-preview .regas-brand-card.tecno:hover { border-color:#15c7e8; background:linear-gradient(145deg,rgba(21,199,232,.15),rgba(8,10,11,.98)); box-shadow:0 18px 42px rgba(21,199,232,.25),inset 0 0 34px rgba(21,199,232,.09); }
#regas-full-preview .regas-brand-card.oneplus:hover { border-color:#f13a3a; background:linear-gradient(145deg,rgba(241,58,58,.15),rgba(11,8,8,.98)); box-shadow:0 18px 42px rgba(241,58,58,.26),inset 0 0 34px rgba(241,58,58,.09); }
#regas-full-preview .regas-brand-card.apple:hover { border-color:#a2aaad; background:linear-gradient(145deg,rgba(162,170,173,.17),rgba(9,10,11,.98)); box-shadow:0 18px 42px rgba(162,170,173,.26),inset 0 0 34px rgba(162,170,173,.1); }
#regas-full-preview .regas-brand-card.honor:hover { border-color:#00a9e0; background:linear-gradient(145deg,rgba(0,169,224,.17),rgba(7,10,12,.98)); box-shadow:0 18px 42px rgba(0,169,224,.28),inset 0 0 34px rgba(0,169,224,.1); }
#regas-full-preview .regas-brand-card.huawei:hover { border-color:#cf0a2c; background:linear-gradient(145deg,rgba(207,10,44,.17),rgba(12,7,8,.98)); box-shadow:0 18px 42px rgba(207,10,44,.28),inset 0 0 34px rgba(207,10,44,.1); }
#regas-full-preview .regas-brand-card.motorola:hover { border-color:#5c92fa; background:linear-gradient(145deg,rgba(92,146,250,.17),rgba(8,9,12,.98)); box-shadow:0 18px 42px rgba(92,146,250,.28),inset 0 0 34px rgba(92,146,250,.1); }
#regas-full-preview .regas-brand-card.nothing:hover { border-color:#f4f4f4; background:linear-gradient(145deg,rgba(244,244,244,.13),rgba(9,9,10,.98)); box-shadow:0 18px 42px rgba(255,255,255,.2),inset 0 0 34px rgba(255,255,255,.08); }
#regas-full-preview .regas-brand-card.pixel:hover { border-color:#4285f4; background:linear-gradient(145deg,rgba(66,133,244,.17),rgba(7,9,13,.98)); box-shadow:0 18px 42px rgba(66,133,244,.28),inset 0 0 34px rgba(66,133,244,.1); }
#regas-full-preview .regas-brand-card.sony:hover { border-color:#e8eaed; background:linear-gradient(145deg,rgba(232,234,237,.13),rgba(9,9,10,.98)); box-shadow:0 18px 42px rgba(232,234,237,.2),inset 0 0 34px rgba(232,234,237,.08); }
#regas-full-preview .regas-brand-card.nokia:hover { border-color:#005aff; background:linear-gradient(145deg,rgba(0,90,255,.17),rgba(7,8,13,.98)); box-shadow:0 18px 42px rgba(0,90,255,.28),inset 0 0 34px rgba(0,90,255,.1); }
#regas-full-preview .regas-brand-card.zte:hover { border-color:#004ea2; background:linear-gradient(145deg,rgba(0,78,162,.19),rgba(7,9,12,.98)); box-shadow:0 18px 42px rgba(0,78,162,.3),inset 0 0 34px rgba(0,78,162,.11); }
#regas-full-preview .regas-brand-card.asus:hover { border-color:#00539b; background:linear-gradient(145deg,rgba(0,83,155,.19),rgba(7,9,12,.98)); box-shadow:0 18px 42px rgba(0,83,155,.3),inset 0 0 34px rgba(0,83,155,.11); }
#regas-full-preview .regas-brand-card.lenovo:hover { border-color:#e2231a; background:linear-gradient(145deg,rgba(226,35,26,.17),rgba(12,7,7,.98)); box-shadow:0 18px 42px rgba(226,35,26,.28),inset 0 0 34px rgba(226,35,26,.1); }
#regas-full-preview .regas-brand-card.meizu:hover { border-color:#00b4e5; background:linear-gradient(145deg,rgba(0,180,229,.17),rgba(7,10,12,.98)); box-shadow:0 18px 42px rgba(0,180,229,.28),inset 0 0 34px rgba(0,180,229,.1); }

#regas-full-preview .regas-brand-card.xiaomi:hover img { filter:drop-shadow(0 0 18px rgba(255,103,16,.98)); }
#regas-full-preview .regas-brand-card.samsung:hover img { filter:drop-shadow(0 0 18px rgba(20,40,160,.98)); }
#regas-full-preview .regas-brand-card.oppo:hover img { filter:drop-shadow(0 0 18px rgba(45,104,61,.98)); }
#regas-full-preview .regas-brand-card.realme:hover img { filter:drop-shadow(0 0 18px rgba(255,211,0,.95)); }
#regas-full-preview .regas-brand-card.vivo:hover img { filter:drop-shadow(0 0 18px rgba(65,95,255,.98)); }
#regas-full-preview .regas-brand-card.infinix:hover img { filter:drop-shadow(0 0 18px rgba(0,200,83,.98)); }
#regas-full-preview .regas-brand-card.tecno:hover img { filter:drop-shadow(0 0 18px rgba(0,229,255,.95)); }
#regas-full-preview .regas-brand-card.oneplus:hover img { filter:drop-shadow(0 0 18px rgba(245,38,55,.95)); }
#regas-full-preview .regas-brand-card.apple:hover img { filter:drop-shadow(0 0 18px rgba(200,208,212,.95)); }
#regas-full-preview .regas-brand-card.honor:hover img { filter:drop-shadow(0 0 18px rgba(0,169,224,.98)); }
#regas-full-preview .regas-brand-card.huawei:hover img { filter:drop-shadow(0 0 18px rgba(207,10,44,.98)); }
#regas-full-preview .regas-brand-card.motorola:hover img { filter:drop-shadow(0 0 18px rgba(92,146,250,.98)); }
#regas-full-preview .regas-brand-card.nothing:hover img { filter:drop-shadow(0 0 18px rgba(255,255,255,.92)); }
#regas-full-preview .regas-brand-card.pixel:hover img { filter:drop-shadow(0 0 18px rgba(66,133,244,.98)); }
#regas-full-preview .regas-brand-card.sony:hover img { filter:drop-shadow(0 0 18px rgba(232,234,237,.92)); }
#regas-full-preview .regas-brand-card.nokia:hover img { filter:drop-shadow(0 0 18px rgba(0,90,255,.98)); }
#regas-full-preview .regas-brand-card.zte:hover img { filter:drop-shadow(0 0 18px rgba(0,78,162,.98)); }
#regas-full-preview .regas-brand-card.asus:hover img { filter:drop-shadow(0 0 18px rgba(0,83,155,.98)); }
#regas-full-preview .regas-brand-card.lenovo:hover img { filter:drop-shadow(0 0 18px rgba(226,35,26,.98)); }
#regas-full-preview .regas-brand-card.meizu:hover img { filter:drop-shadow(0 0 18px rgba(0,180,229,.98)); }

@media (max-width: 1500px) {
  #regas-full-preview .regas-brand-shell { width: 100%; left: auto; margin: 0 auto 2.4rem; transform: none; }
  #regas-full-preview .regas-brand-grid { grid-template-columns: repeat(20, minmax(0, 1fr)); }
  #regas-full-preview .regas-brand-card { min-height: 104px; }
}

@media (max-width: 1200px) {
  #regas-full-preview .regas-brand-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  #regas-full-preview .regas-hero,
  #regas-full-preview .regas-servers,
  #regas-full-preview .regas-feature-section { padding-right: .85rem; padding-left: .85rem; }

  #regas-full-preview .regas-brand-shell {
    margin-bottom: 1.35rem;
    padding: .65rem;
    border-radius: .78rem;
  }

  #regas-full-preview .regas-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  #regas-full-preview .regas-brand-card { min-height: 94px; border-radius: .9rem; }
  #regas-full-preview .regas-brand-card img { width: 112px; height: 46px; max-width: 86%; }
  #regas-full-preview .regas-hero-actions { flex-wrap: wrap; }
  #regas-full-preview .regas-primary-action,
  #regas-full-preview .regas-secondary-action { width: 100%; }
}
/* Mobile brand layout lock v17: readable logos without horizontal scrolling. */
@media (max-width: 1200px) {
  #regas-full-preview .regas-servers .regas-brand-shell .regas-brand-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: .7rem !important;
  }
}

@media (max-width: 680px) {
  #regas-full-preview .regas-servers .regas-brand-shell {
    width: 100% !important;
    padding: .7rem !important;
    overflow: hidden !important;
  }

  #regas-full-preview .regas-servers .regas-brand-shell .regas-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: .65rem !important;
  }

  #regas-full-preview .regas-servers .regas-brand-card {
    min-width: 0 !important;
    min-height: 96px !important;
    border-radius: .9rem !important;
  }

  #regas-full-preview .regas-servers .regas-brand-card img {
    width: 118px !important;
    height: 48px !important;
    max-width: 82% !important;
  }

  #regas-full-preview .regas-servers .regas-text-logo {
    font-size: .78rem !important;
  }

  #regas-full-preview .regas-servers .regas-brand-pair {
    font-size: .52rem !important;
  }

  #regas-full-preview .regas-hero-feature-logo {
    width: min(25rem, 94%) !important;
  }

  #regas-full-preview .regas-hero-feature-logo > img {
    width: min(17rem, 74%) !important;
  }
}