/*
GS FRONTEND CORE — Tablets e iPad
Migración 0.63.0.
Estilos extraídos de los 8 widgets Elementor originales.
*/

.gstab__loading {
    min-height: 110px;
    display: grid;
    place-items: center;
    margin: 0;
    color: #7892a7;
    font: 700 10px/1.5 "Poppins", Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}
@media (max-width: 700px) {
    .gstab__loading { min-height: 88px; }
}


  .gstabhero {
    --gsth-cyan: #25d8f4;
    --gsth-blue: #297cff;
    --gsth-green: #48d99a;
    --gsth-yellow: #ffc85c;
    --gsth-white: #ffffff;
    --gsth-text: #b8c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 830px;
    display: flex;
    align-items: center;
    padding: clamp(82px, 8vw, 125px) 24px 42px;
    color: var(--gsth-white);
    background:
      radial-gradient(circle at 8% 18%, rgba(37,216,244,.13), transparent 31%),
      radial-gradient(circle at 88% 35%, rgba(41,124,255,.17), transparent 34%),
      linear-gradient(118deg, #020914 0%, #05172e 52%, #0a2851 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstabhero *,
  .gstabhero *::before,
  .gstabhero *::after {
    box-sizing: border-box;
  }

  .gstabhero svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* FONDO */

  .gstabhero__grid {
    position: absolute;
    z-index: -4;
    inset: 0;
    opacity: .27;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstabhero__scan {
    position: absolute;
    z-index: -3;
    top: -180px;
    left: 0;
    width: 100%;
    height: 150px;
    opacity: .12;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(37,216,244,.16),
      transparent
    );
    animation: gsthScan 9s linear infinite;
  }

  .gstabhero__glow {
    position: absolute;
    z-index: -2;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
  }

  .gstabhero__glow--cyan {
    top: -70px;
    left: -230px;
    opacity: .11;
    background: var(--gsth-cyan);
  }

  .gstabhero__glow--blue {
    right: -220px;
    bottom: -80px;
    opacity: .15;
    background: var(--gsth-blue);
  }

  .gstabhero__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* LAYOUT */

  .gstabhero__main {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr);
    gap: clamp(40px, 6vw, 82px);
    align-items: center;
  }

  /* COPY */

  .gstabhero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    color: #83dcff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }

  .gstabhero__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsth-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 18px rgba(72,217,154,.65);
    animation: gsthPulse 2.4s ease-in-out infinite;
  }

  .gstabhero__copy h1 {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 5.7vw, 78px);
    line-height: .99;
    font-weight: 850;
    letter-spacing: -.06em;
  }

  .gstabhero__copy h1 span {
    display: block;
    margin-top: 8px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #7be3ff,
      var(--gsth-cyan) 44%,
      #6898ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstabhero__lead {
    max-width: 710px;
    margin: 25px 0 0;
    color: var(--gsth-text);
    font-size: 16px;
    line-height: 1.8;
  }

  /* SERVICES */

  .gstabhero__services {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
  }

  .gstabhero__services span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 7px 10px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 999px;
    color: #8fa8bb;
    background: rgba(255,255,255,.026);
    font-size: 10px;
    font-weight: 650;
  }

  .gstabhero__services i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsth-cyan);
    box-shadow: 0 0 8px rgba(37,216,244,.55);
  }

  /* BUTTONS */

  .gstabhero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 27px;
  }

  .gstabhero__button {
    min-height: 63px;
    display: grid;
    grid-template-columns: 39px auto 18px;
    gap: 10px;
    align-items: center;
    padding: 10px 14px 10px 11px;
    border-radius: 15px;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      box-shadow 220ms ease;
  }

  .gstabhero__button > span {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 11px;
  }

  .gstabhero__button svg {
    width: 21px;
    height: 21px;
  }

  .gstabhero__button small,
  .gstabhero__button strong {
    display: block;
  }

  .gstabhero__button small {
    margin-bottom: 2px;
    font-size: 10px;
  }

  .gstabhero__button strong {
    font-size: 12px;
  }

  .gstabhero__button > i {
    font-size: 18px;
    font-style: normal;
  }

  .gstabhero__button--primary {
    border: 1px solid rgba(37,216,244,.34);
    color: #03131f !important;
    background: linear-gradient(110deg, #42dcf3, #43aaf7);
    box-shadow: 0 18px 35px rgba(37,180,235,.16);
  }

  .gstabhero__button--primary > span {
    color: #062037;
    background: rgba(255,255,255,.20);
  }

  .gstabhero__button--primary small {
    color: rgba(3,19,31,.62);
  }

  .gstabhero__button--primary:hover {
    transform: translateY(-4px);
    color: #03131f !important;
    box-shadow: 0 24px 46px rgba(37,180,235,.24);
  }

  .gstabhero__button--whatsapp {
    border: 1px solid rgba(72,217,154,.25);
    color: #eafff3 !important;
    background: rgba(72,217,154,.065);
  }

  .gstabhero__button--whatsapp > span {
    color: #6fe5ad;
    background: rgba(72,217,154,.08);
  }

  .gstabhero__button--whatsapp small {
    color: #75a992;
  }

  .gstabhero__button--whatsapp:hover {
    transform: translateY(-4px);
    border-color: rgba(72,217,154,.42);
    color: #fff !important;
    box-shadow: 0 18px 36px rgba(16,191,124,.10);
  }

  /* FACTS */

  .gstabhero__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 730px;
    margin-top: 29px;
  }

  .gstabhero__facts article {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
  }

  .gstabhero__facts article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsth-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstabhero__facts svg {
    width: 21px;
    height: 21px;
  }

  .gstabhero__facts small,
  .gstabhero__facts strong {
    display: block;
  }

  .gstabhero__facts small {
    color: #71899f;
    font-size: 10px;
  }

  .gstabhero__facts strong {
    margin-top: 2px;
    color: #dcecff;
    font-size: 11px;
    line-height: 1.4;
  }

  /* LAB */

  .gstabhero__lab {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(92,174,255,.23);
    border-radius: 29px;
    background:
      radial-gradient(circle at 50% 35%, rgba(37,216,244,.13), transparent 45%),
      linear-gradient(145deg, rgba(15,48,84,.79), rgba(4,17,35,.96));
    box-shadow:
      0 34px 80px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(15px);
  }

  .gstabhero__lab-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 29px 29px;
  }

  .gstabhero__lab > *:not(.gstabhero__lab-grid) {
    position: relative;
    z-index: 2;
  }

  .gstabhero__lab-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .gstabhero__lab-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .75px;
  }

  .gstabhero__lab-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsth-green);
    box-shadow: 0 0 11px rgba(72,217,154,.7);
    animation: gsthPulse 2.4s ease-in-out infinite;
  }

  .gstabhero__lab-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  /* VISUAL */

  .gstabhero__visual {
    position: relative;
    width: 365px;
    height: 415px;
    max-width: 100%;
    display: grid;
    place-items: center;
    margin: 10px auto 0;
  }

  .gstabhero__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsthOrbit 4.8s ease-in-out infinite;
  }

  .gstabhero__orbit--1 {
    width: 340px;
    height: 340px;
  }

  .gstabhero__orbit--2 {
    width: 260px;
    height: 260px;
    animation-delay: -1.6s;
  }

  .gstabhero__orbit--3 {
    width: 175px;
    height: 175px;
    animation-delay: -3.2s;
  }

  .gstabhero__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.16),
      transparent
    );
    transform: translate(-50%, -50%) rotate(36deg);
  }

  .gstabhero__axis--2 {
    transform: translate(-50%, -50%) rotate(-36deg);
  }

  /* TABLET */

  .gstabhero__tablet {
    position: relative;
    z-index: 4;
    width: 194px;
    height: 274px;
    padding: 10px;
    border: 2px solid rgba(151,205,236,.42);
    border-radius: 25px;
    background:
      linear-gradient(145deg, rgba(31,68,101,.92), rgba(7,23,42,.98));
    box-shadow:
      0 0 0 8px rgba(37,216,244,.025),
      0 28px 45px rgba(0,0,0,.36),
      0 0 33px rgba(37,216,244,.12);
    transform: perspective(800px) rotateY(-5deg) rotateX(2deg);
    animation: gsthTablet 5s ease-in-out infinite;
  }

  .gstabhero__tablet-camera {
    position: absolute;
    z-index: 3;
    top: 5px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #45637b;
    box-shadow: 0 0 6px rgba(37,216,244,.28);
    transform: translateX(-50%);
  }

  .gstabhero__screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.18);
    border-radius: 17px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.14), transparent 42%),
      linear-gradient(145deg, #061d34, #020b17);
  }

  .gstabhero__screen-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    background-image:
      linear-gradient(rgba(37,216,244,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.05) 1px, transparent 1px);
    background-size: 18px 18px;
  }

  .gstabhero__screen-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.35),
      transparent
    );
  }

  .gstabhero__screen-line--1 {
    top: 33%;
    width: 80%;
  }

  .gstabhero__screen-line--2 {
    top: 50%;
    width: 92%;
  }

  .gstabhero__screen-line--3 {
    top: 67%;
    width: 70%;
  }

  .gstabhero__chip {
    position: relative;
    z-index: 4;
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.39);
    border-radius: 27px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.16),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.03),
      0 0 30px rgba(37,216,244,.17);
  }

  .gstabhero__chip > span {
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(37,216,244,.11);
    border-radius: 19px;
    animation: gsthChip 3.6s ease-in-out infinite;
  }

  .gstabhero__chip img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstabhero__chip small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #70b9d7;
    font-size: 8px;
    font-weight: 700;
    text-align: center;
  }

  .gstabhero__screen-status {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 8px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 8px;
    background: rgba(2,12,25,.63);
  }

  .gstabhero__screen-status span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #72dba8;
    font-size: 7px;
    font-weight: 700;
  }

  .gstabhero__screen-status span i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gsth-green);
    box-shadow: 0 0 7px rgba(72,217,154,.58);
  }

  .gstabhero__screen-status strong {
    color: #59798f;
    font-size: 6px;
  }

  /* FLOATING */

  .gstabhero__floating {
    position: absolute;
    z-index: 7;
    min-width: 135px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.95);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstabhero__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsth-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstabhero__floating svg {
    width: 19px;
    height: 19px;
  }

  .gstabhero__floating small,
  .gstabhero__floating strong {
    display: block;
  }

  .gstabhero__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstabhero__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstabhero__floating--display {
    top: 27px;
    left: 0;
    animation: gsthCard1 5.2s ease-in-out infinite;
  }

  .gstabhero__floating--battery {
    top: 75px;
    right: 0;
    animation: gsthCard2 5.6s ease-in-out infinite;
  }

  .gstabhero__floating--board {
    left: 0;
    bottom: 37px;
    animation: gsthCard3 5.4s ease-in-out infinite;
  }

  .gstabhero__floating--system {
    right: 0;
    bottom: 11px;
    animation: gsthCard4 5.8s ease-in-out infinite;
  }

  /* FLOW */

  .gstabhero__flow {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    gap: 7px;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.14);
  }

  .gstabhero__flow article {
    text-align: center;
  }

  .gstabhero__flow small,
  .gstabhero__flow strong {
    display: block;
  }

  .gstabhero__flow small {
    color: var(--gsth-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstabhero__flow strong {
    margin-top: 3px;
    color: #91a9bc;
    font-size: 9px;
  }

  .gstabhero__flow > i {
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.35),
      rgba(37,216,244,.05)
    );
  }

  /* METRICS */

  .gstabhero__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
  }

  .gstabhero__metrics article {
    min-width: 0;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.02);
  }

  .gstabhero__metrics article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsth-cyan);
    background: rgba(37,216,244,.06);
    font-size: 9px;
    font-weight: 850;
  }

  .gstabhero__metrics small,
  .gstabhero__metrics strong {
    display: block;
  }

  .gstabhero__metrics small {
    color: #6e879c;
    font-size: 9px;
  }

  .gstabhero__metrics strong {
    margin-top: 2px;
    color: #cadbe8;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstabhero__lab-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 11px;
    padding: 11px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 12px;
    background: rgba(255,200,92,.025);
  }

  .gstabhero__lab-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gsth-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstabhero__lab-note svg {
    width: 21px;
    height: 21px;
  }

  .gstabhero__lab-note p {
    margin: 0;
    color: #a29884;
    font-size: 10px;
    line-height: 1.55;
  }

  /* SYMPTOMS */

  .gstabhero__symptoms {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
    margin-top: 39px;
  }

  .gstabhero__symptoms article {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 14px;
    background: rgba(255,255,255,.023);
  }

  .gstabhero__symptoms article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsth-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstabhero__symptoms svg {
    width: 21px;
    height: 21px;
  }

  .gstabhero__symptoms small,
  .gstabhero__symptoms strong {
    display: block;
  }

  .gstabhero__symptoms small {
    color: #71899f;
    font-size: 9px;
  }

  .gstabhero__symptoms strong {
    margin-top: 2px;
    color: #d3e2ed;
    font-size: 10px;
    line-height: 1.35;
  }

  /* INDEPENDENT */

  .gstabhero__independent {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 13px;
    padding: 13px 15px;
    border-top: 1px solid rgba(92,174,255,.09);
    border-bottom: 1px solid rgba(92,174,255,.09);
    background: rgba(0,8,20,.2);
  }

  .gstabhero__independent > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #819aad;
    background: rgba(255,255,255,.03);
  }

  .gstabhero__independent svg {
    width: 18px;
    height: 18px;
  }

  .gstabhero__independent p {
    margin: 0;
    color: #71899d;
    font-size: 9px;
    line-height: 1.55;
  }

  .gstabhero__independent strong {
    color: #9baeba;
  }

  /* ANIMACIONES */

  @keyframes gsthPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsthScan {
    from {
      transform: translateY(-180px);
    }

    to {
      transform: translateY(1150px);
    }
  }

  @keyframes gsthOrbit {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .63;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gsthTablet {
    0%,100% {
      transform:
        perspective(800px)
        rotateY(-5deg)
        rotateX(2deg)
        translateY(0);
    }

    50% {
      transform:
        perspective(800px)
        rotateY(-2deg)
        rotateX(1deg)
        translateY(-8px);
    }
  }

  @keyframes gsthChip {
    0%,100% {
      opacity: .3;
      transform: scale(.96);
    }

    50% {
      opacity: .85;
      transform: scale(1.03);
    }
  }

  @keyframes gsthCard1 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gsthCard2 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gsthCard3 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  @keyframes gsthCard4 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1100px) {

    .gstabhero {
      min-height: auto;
    }

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

    .gstabhero__lab {
      width: min(720px, 100%);
    }

    .gstabhero__symptoms {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstabhero {
      padding: 72px 17px 35px;
    }

    .gstabhero__copy h1 {
      font-size: clamp(42px, 12vw, 57px);
    }

    .gstabhero__lead {
      font-size: 14px;
      line-height: 1.75;
    }

    .gstabhero__buttons,
    .gstabhero__facts {
      display: grid;
      grid-template-columns: 1fr;
    }

    .gstabhero__button {
      width: 100%;
    }

    .gstabhero__lab {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gstabhero__symptoms {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  }

  @media (max-width: 480px) {

    .gstabhero__eyebrow {
      font-size: 10px;
      letter-spacing: 1.25px;
    }

    .gstabhero__services {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gstabhero__services span {
      justify-content: flex-start;
    }

    .gstabhero__lab-top {
      align-items: flex-start;
    }

    .gstabhero__visual {
      width: 305px;
      height: 380px;
      margin-right: -8px;
      margin-left: -8px;
      transform: scale(.92);
    }

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

    .gstabhero__flow > i {
      display: none;
    }

    .gstabhero__flow article {
      padding: 7px;
      border: 1px solid rgba(92,174,255,.08);
      border-radius: 9px;
    }

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

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

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

  }

  @media (prefers-reduced-motion: reduce) {

    .gstabhero__scan,
    .gstabhero__eyebrow > span,
    .gstabhero__lab-top > span i,
    .gstabhero__orbit,
    .gstabhero__tablet,
    .gstabhero__chip > span,
    .gstabhero__floating {
      animation: none !important;
    }

    .gstabhero__button {
      transition: none !important;
    }

  }



  .gstrepair {
    --gstr-cyan: #25d8f4;
    --gstr-blue: #297cff;
    --gstr-green: #48d99a;
    --gstr-yellow: #ffc85c;
    --gstr-red: #ff6b76;
    --gstr-white: #ffffff;
    --gstr-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gstr-white);
    background:
      radial-gradient(circle at 8% 15%, rgba(37,216,244,.10), transparent 31%),
      radial-gradient(circle at 93% 84%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstrepair *,
  .gstrepair *::before,
  .gstrepair *::after {
    box-sizing: border-box;
  }

  .gstrepair svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* FONDO */

  .gstrepair__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstrepair__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstrepair__glow--cyan {
    top: 6%;
    left: -220px;
    opacity: .1;
    background: var(--gstr-cyan);
  }

  .gstrepair__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gstr-blue);
  }

  .gstrepair__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstrepair__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gstrepair__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstrepair__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gstr-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstrPulse 2.4s ease-in-out infinite;
  }

  .gstrepair__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstrepair__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gstr-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstrepair__header-info > p {
    margin: 0;
    color: var(--gstr-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstrepair__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gstrepair__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstr-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstrepair__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstrepair__header-note small,
  .gstrepair__header-note strong {
    display: block;
  }

  .gstrepair__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gstrepair__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* LAYOUT */

  .gstrepair__layout {
    display: grid;
    grid-template-columns: minmax(350px, .76fr) minmax(0, 1.24fr);
    gap: clamp(28px, 4vw, 48px);
    align-items: start;
  }

  /* PANEL */

  .gstrepair__panel {
    position: sticky;
    top: 128px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 40%, rgba(37,216,244,.13), transparent 45%),
      linear-gradient(145deg, rgba(15,48,84,.73), rgba(4,17,35,.94));
    box-shadow:
      0 29px 68px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gstrepair__panel-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gstrepair__panel > *:not(.gstrepair__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gstrepair__panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .gstrepair__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gstrepair__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gstr-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gstrPulse 2.4s ease-in-out infinite;
  }

  .gstrepair__panel-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1.1px;
  }

  .gstrepair__panel-copy {
    margin-top: 21px;
  }

  .gstrepair__panel-copy h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    font-weight: 790;
    letter-spacing: -1.1px;
  }

  .gstrepair__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gstrepair__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gstrepair__visual {
    position: relative;
    width: 315px;
    height: 285px;
    max-width: 100%;
    display: grid;
    place-items: center;
    margin: 14px auto 7px;
  }

  .gstrepair__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gstrRing 4.6s ease-in-out infinite;
  }

  .gstrepair__ring--1 {
    width: 255px;
    height: 255px;
  }

  .gstrepair__ring--2 {
    width: 185px;
    height: 185px;
    animation-delay: -1.5s;
  }

  .gstrepair__ring--3 {
    width: 112px;
    height: 112px;
    animation-delay: -3s;
  }

  .gstrepair__axis {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.15),
      transparent
    );
    transform: translate(-50%, -50%);
  }

  .gstrepair__axis--2 {
    transform: translate(-50%, -50%) rotate(60deg);
  }

  .gstrepair__axis--3 {
    transform: translate(-50%, -50%) rotate(-60deg);
  }

  .gstrepair__core {
    position: relative;
    z-index: 5;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98,197,246,.43);
    border-radius: 32px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.17),
      rgba(41,124,255,.1)
    );
    box-shadow:
      0 0 0 11px rgba(37,216,244,.035),
      0 0 32px rgba(37,216,244,.15);
    animation: gstrFloat 4s ease-in-out infinite;
  }

  .gstrepair__core > span {
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(37,216,244,.11);
    border-radius: 24px;
  }

  .gstrepair__core img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    transform: translateY(-4px);
  }

  .gstrepair__core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #70b9d7;
    font-size: 8px;
    font-weight: 700;
    text-align: center;
  }

  .gstrepair__floating {
    position: absolute;
    z-index: 6;
    min-width: 118px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 16px 30px rgba(0,0,0,.26);
  }

  .gstrepair__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstr-cyan);
    background: rgba(37,216,244,.07);
    font-size: 8px;
    font-weight: 850;
  }

  .gstrepair__floating small,
  .gstrepair__floating strong {
    display: block;
  }

  .gstrepair__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstrepair__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstrepair__floating--power {
    top: 18px;
    left: 0;
    animation: gstrCard1 5.2s ease-in-out infinite;
  }

  .gstrepair__floating--display {
    top: 49px;
    right: 0;
    animation: gstrCard2 5.6s ease-in-out infinite;
  }

  .gstrepair__floating--touch {
    left: 0;
    bottom: 21px;
    animation: gstrCard3 5.5s ease-in-out infinite;
  }

  .gstrepair__floating--board {
    right: 5px;
    bottom: 8px;
    animation: gstrCard4 5.8s ease-in-out infinite;
  }

  /* FLOW */

  .gstrepair__flow {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    gap: 7px;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid rgba(92,174,255,.13);
  }

  .gstrepair__flow article {
    text-align: center;
  }

  .gstrepair__flow small,
  .gstrepair__flow strong {
    display: block;
  }

  .gstrepair__flow small {
    color: var(--gstr-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstrepair__flow strong {
    margin-top: 3px;
    color: #91a9bc;
    font-size: 8px;
  }

  .gstrepair__flow > i {
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.35),
      rgba(37,216,244,.05)
    );
  }

  /* EJEMPLOS */

  .gstrepair__examples {
    display: grid;
    gap: 7px;
    margin-top: 14px;
  }

  .gstrepair__examples article {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
  }

  .gstrepair__examples article > span {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--gstr-cyan);
    background: rgba(37,216,244,.055);
    font-size: 8px;
    font-weight: 850;
  }

  .gstrepair__examples p {
    margin: 0;
    color: #8097aa;
    font-size: 9px;
    line-height: 1.55;
  }

  .gstrepair__examples strong {
    color: #bcd0de;
  }

  .gstrepair__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 13px;
    background: rgba(255,200,92,.025);
  }

  .gstrepair__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstr-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstrepair__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gstrepair__panel-note p {
    margin: 0;
    color: #978f7e;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTENT */

  .gstrepair__content-head {
    margin-bottom: 18px;
  }

  .gstrepair__content-head > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .gstrepair__content-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
    font-weight: 780;
    letter-spacing: -1px;
  }

  .gstrepair__content-head p {
    margin: 11px 0 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  /* CARDS */

  .gstrepair__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gstrepair__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.15);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.05), transparent 40%),
      rgba(255,255,255,.027);
    box-shadow:
      0 17px 38px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.04);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gstrepair__card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,216,244,.33);
  }

  .gstrepair__card--liquid {
    border-color: rgba(255,200,92,.17);
  }

  .gstrepair__card--board {
    border-color: rgba(72,217,154,.17);
  }

  .gstrepair__number {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255,255,255,.07);
    font-size: 24px;
    font-weight: 850;
  }

  .gstrepair__icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 16px;
    color: var(--gstr-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstrepair__icon--green {
    border-color: rgba(72,217,154,.18);
    color: var(--gstr-green);
    background: rgba(72,217,154,.06);
  }

  .gstrepair__icon--warning {
    border-color: rgba(255,200,92,.18);
    color: var(--gstr-yellow);
    background: rgba(255,200,92,.055);
  }

  .gstrepair__icon--thermal {
    border-color: rgba(255,107,118,.18);
    color: var(--gstr-red);
    background: rgba(255,107,118,.055);
  }

  .gstrepair__icon svg {
    width: 26px;
    height: 26px;
  }

  .gstrepair__card > div {
    padding-right: 12px;
  }

  .gstrepair__card small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

  .gstrepair__card h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
  }

  .gstrepair__card p {
    margin: 8px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gstrepair__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
  }

  .gstrepair__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.022);
    font-size: 8px;
    line-height: 1;
    font-weight: 650;
  }

  /* LOGIC */

  .gstrepair__logic {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.39);
  }

  .gstrepair__logic-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstrepair__logic-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstr-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstrepair__logic-copy svg {
    width: 24px;
    height: 24px;
  }

  .gstrepair__logic-copy small,
  .gstrepair__logic-copy strong {
    display: block;
  }

  .gstrepair__logic-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gstrepair__logic-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstrepair__logic-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstrepair__logic-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gstrepair__logic-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 12px;
    background: rgba(255,255,255,.022);
  }

  .gstrepair__logic-flow span,
  .gstrepair__logic-flow strong,
  .gstrepair__logic-flow small {
    display: block;
  }

  .gstrepair__logic-flow span {
    color: var(--gstr-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstrepair__logic-flow strong {
    margin-top: 4px;
    color: #dcecff;
    font-size: 10px;
  }

  .gstrepair__logic-flow small {
    margin-top: 3px;
    color: #71899f;
    font-size: 8px;
    line-height: 1.45;
  }

  .gstrepair__logic-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* WARNING */

  .gstrepair__warning {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(255,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gstrepair__warning > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstr-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstrepair__warning svg {
    width: 24px;
    height: 24px;
  }

  .gstrepair__warning small,
  .gstrepair__warning strong {
    display: block;
  }

  .gstrepair__warning small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gstrepair__warning strong {
    color: #f1e7d2;
    font-size: 12px;
    line-height: 1.5;
  }

  .gstrepair__warning p {
    margin: 6px 0 0;
    color: #9b9383;
    font-size: 10px;
    line-height: 1.65;
  }

  /* CTA */

  .gstrepair__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gstrepair__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gstrepair__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gstr-green);
    background: rgba(72,217,154,.07);
  }

  .gstrepair__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gstrepair__cta-copy small,
  .gstrepair__cta-copy strong {
    display: block;
  }

  .gstrepair__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gstrepair__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstrepair__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstrepair__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstrepair__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstrepair__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  body.admin-bar .gstrepair__panel {
    top: 160px;
  }

  .gstrepair a:focus-visible {
    outline: 2px solid var(--gstr-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gstrPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstrRing {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gstrFloat {
    0%,100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-8px);
    }
  }

  @keyframes gstrCard1 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gstrCard2 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gstrCard3 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  @keyframes gstrCard4 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gstrepair__panel {
      position: static;
    }

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

  }

  @media (max-width: 850px) {

    .gstrepair__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstrepair__logic-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstrepair__logic-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstrepair {
      padding: 66px 17px 72px;
    }

    .gstrepair__panel {
      padding: 20px 18px;
      border-radius: 23px;
      backdrop-filter: none;
    }

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

    .gstrepair__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gstrepair__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gstrepair__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstrepair__visual {
      width: 280px;
      height: 270px;
      margin-right: -5px;
      margin-left: -5px;
      transform: scale(.93);
    }

    .gstrepair__flow {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gstrepair__flow > i {
      display: none;
    }

    .gstrepair__flow article {
      padding: 8px;
      border: 1px solid rgba(92,174,255,.08);
      border-radius: 9px;
    }

    .gstrepair__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gstrepair__card > div {
      padding-right: 0;
    }

    .gstrepair__logic-copy,
    .gstrepair__warning,
    .gstrepair__cta-copy {
      grid-template-columns: 1fr;
    }

    .gstrepair__logic-flow {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstrepair__eyebrow > span,
    .gstrepair__panel-top > span i,
    .gstrepair__ring,
    .gstrepair__core,
    .gstrepair__floating {
      animation: none !important;
    }

    .gstrepair__card,
    .gstrepair__cta > a {
      transition: none !important;
    }

  }



  .gstediag {
    --gsted-cyan: #25d8f4;
    --gsted-blue: #297cff;
    --gsted-green: #48d99a;
    --gsted-yellow: #ffc85c;
    --gsted-red: #ff6b76;
    --gsted-white: #ffffff;
    --gsted-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsted-white);
    background:
      radial-gradient(circle at 8% 13%, rgba(37,216,244,.1), transparent 31%),
      radial-gradient(circle at 92% 86%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstediag *,
  .gstediag *::before,
  .gstediag *::after {
    box-sizing: border-box;
  }

  .gstediag svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* FONDO */

  .gstediag__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstediag__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstediag__glow--cyan {
    top: 5%;
    left: -220px;
    opacity: .1;
    background: var(--gsted-cyan);
  }

  .gstediag__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gsted-blue);
  }

  .gstediag__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstediag__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gstediag__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstediag__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsted-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstedPulse 2.4s ease-in-out infinite;
  }

  .gstediag__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstediag__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gsted-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstediag__header-info > p {
    margin: 0;
    color: var(--gsted-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstediag__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gstediag__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsted-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstediag__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstediag__header-note small,
  .gstediag__header-note strong {
    display: block;
  }

  .gstediag__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gstediag__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* BENCH */

  .gstediag__bench {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 27% 43%, rgba(37,216,244,.12), transparent 38%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gstediag__bench-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gstediag__bench > *:not(.gstediag__bench-grid) {
    position: relative;
    z-index: 2;
  }

  .gstediag__bench-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

  .gstediag__bench-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .75px;
  }

  .gstediag__bench-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsted-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gstedPulse 2.4s ease-in-out infinite;
  }

  .gstediag__bench-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .gstediag__bench-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
    gap: 28px;
    margin-top: 23px;
  }

  /* BOARD STAGE */

  .gstediag__board-stage {
    position: relative;
    min-height: 580px;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 21px;
    background:
      radial-gradient(circle at 50% 67%, rgba(37,216,244,.11), transparent 38%),
      rgba(0,11,24,.34);
  }

  .gstediag__board-copy {
    position: relative;
    z-index: 8;
    max-width: 570px;
  }

  .gstediag__board-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .8px;
  }

  .gstediag__board-copy h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: clamp(27px, 3vw, 39px);
    line-height: 1.13;
    font-weight: 790;
    letter-spacing: -1px;
  }

  .gstediag__board-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gstediag__board-copy p {
    max-width: 555px;
    margin: 11px 0 0;
    color: #8fa6b9;
    font-size: 12px;
    line-height: 1.7;
  }

  .gstediag__board {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 35px;
    width: 410px;
    height: 275px;
    max-width: 76%;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 28px 55px 26px 43px;
    background:
      linear-gradient(
        90deg,
        rgba(37,216,244,.025) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(37,216,244,.025) 1px,
        transparent 1px
      ),
      rgba(4,40,46,.72);
    background-size: 18px 18px;
    box-shadow:
      0 0 0 12px rgba(37,216,244,.018),
      0 28px 55px rgba(0,0,0,.28),
      0 0 35px rgba(37,216,244,.11);
    transform:
      translateX(-50%)
      perspective(850px)
      rotateX(6deg)
      rotateZ(-2deg);
  }

  .gstediag__board-chip {
    position: absolute;
    top: 49%;
    left: 51%;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(37,216,244,.43);
    border-radius: 24px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.18),
      rgba(41,124,255,.11)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 30px rgba(37,216,244,.18);
    transform: translate(-50%, -50%);
    animation: gstedChip 3.8s ease-in-out infinite;
  }

  .gstediag__board-chip > span {
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(37,216,244,.11);
    border-radius: 17px;
  }

  .gstediag__board-chip img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstediag__board-chip small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #69b8d5;
    font-size: 7px;
    text-align: center;
  }

  .gstediag__board-trace {
    position: absolute;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(37,216,244,.7),
      rgba(37,216,244,.04)
    );
  }

  .gstediag__board-trace--1 {
    top: 42px;
    left: 37px;
    width: 142px;
  }

  .gstediag__board-trace--2 {
    top: 83px;
    left: 26px;
    width: 155px;
  }

  .gstediag__board-trace--3 {
    left: 35px;
    bottom: 55px;
    width: 144px;
  }

  .gstediag__board-trace--4 {
    top: 36px;
    right: 38px;
    width: 135px;
    transform: rotate(180deg);
  }

  .gstediag__board-trace--5 {
    top: 91px;
    right: 24px;
    width: 154px;
    transform: rotate(180deg);
  }

  .gstediag__board-trace--6 {
    right: 36px;
    bottom: 51px;
    width: 140px;
    transform: rotate(180deg);
  }

  .gstediag__board-trace--7 {
    top: 175px;
    left: 164px;
    width: 90px;
    transform: rotate(45deg);
  }

  .gstediag__board-trace--8 {
    top: 90px;
    left: 184px;
    width: 83px;
    transform: rotate(-45deg);
  }

  .gstediag__board-node {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsted-cyan);
    box-shadow: 0 0 9px rgba(37,216,244,.75);
    animation: gstedNode 2.4s ease-in-out infinite;
  }

  .gstediag__board-node--1 {
    top: 39px;
    left: 90px;
  }

  .gstediag__board-node--2 {
    top: 80px;
    left: 54px;
    animation-delay: -.5s;
  }

  .gstediag__board-node--3 {
    top: 33px;
    right: 77px;
    animation-delay: -1s;
  }

  .gstediag__board-node--4 {
    right: 63px;
    bottom: 48px;
    animation-delay: -1.5s;
  }

  .gstediag__board-node--5 {
    left: 84px;
    bottom: 52px;
    animation-delay: -2s;
  }

  .gstediag__board-node--6 {
    right: 47px;
    top: 88px;
    animation-delay: -2.3s;
  }

  .gstediag__module {
    position: absolute;
    border: 1px solid rgba(92,174,255,.15);
    border-radius: 7px;
    background: rgba(255,255,255,.026);
  }

  .gstediag__module small {
    color: #758ea3;
    font-size: 7px;
  }

  .gstediag__module--power {
    top: 24px;
    left: 24px;
    width: 52px;
    height: 44px;
    display: grid;
    place-items: center;
  }

  .gstediag__module--power span {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    background: rgba(255,200,92,.62);
  }

  .gstediag__module--power small {
    position: absolute;
    bottom: 2px;
  }

  .gstediag__module--charge {
    top: 24px;
    right: 25px;
    width: 58px;
    height: 47px;
    display: grid;
    place-items: center;
  }

  .gstediag__module--charge span {
    width: 17px;
    height: 12px;
    border-radius: 3px;
    background: rgba(72,217,154,.46);
  }

  .gstediag__module--charge small {
    position: absolute;
    bottom: 2px;
  }

  .gstediag__module--storage {
    left: 30px;
    bottom: 28px;
    width: 69px;
    height: 43px;
    display: grid;
    place-items: center;
  }

  .gstediag__module--storage span {
    width: 29px;
    height: 17px;
    border-radius: 3px;
    background: rgba(41,124,255,.36);
  }

  .gstediag__module--storage small {
    position: absolute;
    bottom: 2px;
  }

  .gstediag__module--port {
    right: 30px;
    bottom: 26px;
    width: 79px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .gstediag__module--port i {
    width: 6px;
    height: 16px;
    border-radius: 2px;
    background: rgba(37,216,244,.35);
  }

  .gstediag__module--port small {
    position: absolute;
    bottom: 2px;
  }

  .gstediag__module--display {
    top: 107px;
    left: 22px;
    width: 72px;
    height: 31px;
    display: grid;
    place-items: center;
  }

  .gstediag__module--touch {
    top: 113px;
    right: 22px;
    width: 68px;
    height: 31px;
    display: grid;
    place-items: center;
  }

  /* FLOATING */

  .gstediag__floating {
    position: absolute;
    z-index: 7;
    min-width: 133px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 13px;
    background: rgba(5,21,42,.96);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstediag__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsted-cyan);
    background: rgba(37,216,244,.07);
    font-size: 10px;
    font-weight: 850;
  }

  .gstediag__floating small,
  .gstediag__floating strong {
    display: block;
  }

  .gstediag__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstediag__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstediag__floating--power {
    left: 13px;
    bottom: 238px;
    animation: gstedCard1 5.2s ease-in-out infinite;
  }

  .gstediag__floating--charge {
    right: 13px;
    bottom: 217px;
    animation: gstedCard2 5.6s ease-in-out infinite;
  }

  .gstediag__floating--thermal {
    left: 13px;
    bottom: 47px;
    animation: gstedCard3 5.5s ease-in-out infinite;
  }

  .gstediag__floating--signal {
    right: 13px;
    bottom: 29px;
    animation: gstedCard4 5.8s ease-in-out infinite;
  }

  /* TELEMETRY */

  .gstediag__telemetry {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 21px;
    background: rgba(0,11,24,.36);
  }

  .gstediag__telemetry-head {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: flex-start;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(92,174,255,.1);
  }

  .gstediag__telemetry-head small,
  .gstediag__telemetry-head strong {
    display: block;
  }

  .gstediag__telemetry-head small {
    color: #70d7f4;
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .7px;
  }

  .gstediag__telemetry-head strong {
    margin-top: 4px;
    color: #dceaf5;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstediag__telemetry-head > span {
    flex: 0 0 auto;
    color: #637e94;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gstediag__readings {
    display: grid;
    gap: 9px;
    margin-top: 15px;
  }

  .gstediag__readings article {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 8px;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 13px;
    background: rgba(255,255,255,.02);
  }

  .gstediag__reading-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsted-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstediag__reading-icon--thermal {
    color: var(--gsted-yellow);
    background: rgba(255,200,92,.06);
  }

  .gstediag__reading-icon svg {
    width: 23px;
    height: 23px;
  }

  .gstediag__readings small,
  .gstediag__readings strong {
    display: block;
  }

  .gstediag__readings small {
    color: #6f899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstediag__readings strong {
    margin-top: 3px;
    color: #d6e5f0;
    font-size: 11px;
  }

  .gstediag__readings p {
    margin: 4px 0 0;
    color: #7e96aa;
    font-size: 9px;
    line-height: 1.5;
  }

  .gstediag__readings article > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gsted-green);
    box-shadow: 0 0 8px rgba(72,217,154,.54);
    animation: gstedPulse 2.4s ease-in-out infinite;
  }

  /* PRINCIPLES */

  .gstediag__principles {
    display: grid;
    gap: 8px;
    margin-top: 16px;
  }

  .gstediag__principles article {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(255,200,92,.1);
    border-radius: 11px;
    background: rgba(255,200,92,.02);
  }

  .gstediag__principles article > span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsted-yellow);
    background: rgba(255,200,92,.06);
    font-size: 8px;
    font-weight: 850;
  }

  .gstediag__principles p {
    margin: 0;
    color: #948d7e;
    font-size: 9px;
    line-height: 1.55;
  }

  .gstediag__principles strong {
    color: #c7bda8;
  }

  /* BENCH FLOW */

  .gstediag__bench-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid rgba(92,174,255,.12);
  }

  .gstediag__bench-flow article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstediag__bench-flow span,
  .gstediag__bench-flow small,
  .gstediag__bench-flow strong {
    display: block;
  }

  .gstediag__bench-flow span {
    color: var(--gsted-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstediag__bench-flow small {
    margin-top: 3px;
    color: #627c91;
    font-size: 7px;
  }

  .gstediag__bench-flow strong {
    margin-top: 3px;
    color: #b9cad8;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstediag__bench-flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  /* CAPABILITIES */

  .gstediag__capabilities {
    margin-top: clamp(55px, 6vw, 80px);
  }

  .gstediag__capabilities-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 25px;
  }

  .gstediag__capabilities-head > div > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .gstediag__capabilities-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 44px);
    line-height: 1.1;
    font-weight: 790;
    letter-spacing: -1.3px;
  }

  .gstediag__capabilities-head > p {
    margin: 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  /* CARDS */

  .gstediag__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .gstediag__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.15);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.05), transparent 40%),
      rgba(255,255,255,.027);
    box-shadow:
      0 17px 38px rgba(0,0,0,.14),
      inset 0 1px 0 rgba(255,255,255,.04);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gstediag__card:hover {
    transform: translateY(-5px);
    border-color: rgba(37,216,244,.33);
  }

  .gstediag__card--wide {
    grid-column: 1 / -1;
    border-color: rgba(72,217,154,.17);
  }

  .gstediag__card-number {
    position: absolute;
    top: 13px;
    right: 14px;
    color: rgba(255,255,255,.07);
    font-size: 24px;
    font-weight: 850;
  }

  .gstediag__card-icon {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.24);
    border-radius: 16px;
    color: var(--gsted-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstediag__card-icon--green {
    border-color: rgba(72,217,154,.18);
    color: var(--gsted-green);
    background: rgba(72,217,154,.06);
  }

  .gstediag__card-icon--danger {
    border-color: rgba(255,107,118,.18);
    color: var(--gsted-red);
    background: rgba(255,107,118,.055);
  }

  .gstediag__card-icon--thermal {
    border-color: rgba(255,200,92,.18);
    color: var(--gsted-yellow);
    background: rgba(255,200,92,.055);
  }

  .gstediag__card-icon svg {
    width: 26px;
    height: 26px;
  }

  .gstediag__card > div {
    padding-right: 12px;
  }

  .gstediag__card small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

  .gstediag__card h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
  }

  .gstediag__card p {
    margin: 8px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gstediag__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
  }

  .gstediag__tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.022);
    font-size: 8px;
    line-height: 1;
    font-weight: 650;
  }

  /* CONTEXT */

  .gstediag__context {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(255,200,92,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.39);
  }

  .gstediag__context-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstediag__context-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsted-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstediag__context-copy svg {
    width: 25px;
    height: 25px;
  }

  .gstediag__context-copy small,
  .gstediag__context-copy strong {
    display: block;
  }

  .gstediag__context-copy small {
    margin-bottom: 4px;
    color: #a79776;
    font-size: 9px;
  }

  .gstediag__context-copy strong {
    color: #ebe1cc;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstediag__context-copy p {
    margin: 6px 0 0;
    color: #958d7e;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstediag__context-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gstediag__context-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(255,200,92,.09);
    border-radius: 12px;
    background: rgba(255,200,92,.018);
  }

  .gstediag__context-flow span,
  .gstediag__context-flow strong,
  .gstediag__context-flow small {
    display: block;
  }

  .gstediag__context-flow span {
    color: var(--gsted-yellow);
    font-size: 8px;
    font-weight: 850;
  }

  .gstediag__context-flow strong {
    margin-top: 4px;
    color: #ddd2bc;
    font-size: 10px;
  }

  .gstediag__context-flow small {
    margin-top: 3px;
    color: #897f6e;
    font-size: 8px;
    line-height: 1.45;
  }

  .gstediag__context-flow > i {
    color: #75684f;
    font-size: 11px;
    font-style: normal;
  }

  /* VIABILITY */

  .gstediag__viability {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(255,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gstediag__viability > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsted-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstediag__viability svg {
    width: 24px;
    height: 24px;
  }

  .gstediag__viability small,
  .gstediag__viability strong {
    display: block;
  }

  .gstediag__viability small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gstediag__viability strong {
    color: #f1e7d2;
    font-size: 12px;
    line-height: 1.5;
  }

  .gstediag__viability p {
    margin: 6px 0 0;
    color: #9b9383;
    font-size: 10px;
    line-height: 1.65;
  }

  /* INTERVENTION */

  .gstediag__intervention {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstediag__intervention article {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.021);
  }

  .gstediag__intervention article > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsted-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstediag__intervention svg {
    width: 23px;
    height: 23px;
  }

  .gstediag__intervention small,
  .gstediag__intervention strong {
    display: block;
  }

  .gstediag__intervention small {
    color: #718ba0;
    font-size: 9px;
  }

  .gstediag__intervention strong {
    margin-top: 3px;
    color: #dceaf5;
    font-size: 11px;
    line-height: 1.45;
  }

  .gstediag__intervention p {
    margin: 5px 0 0;
    color: #8097aa;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CTA */

  .gstediag__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gstediag__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gstediag__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsted-green);
    background: rgba(72,217,154,.07);
  }

  .gstediag__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gstediag__cta-copy small,
  .gstediag__cta-copy strong {
    display: block;
  }

  .gstediag__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gstediag__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstediag__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstediag__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstediag__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstediag__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  .gstediag a:focus-visible {
    outline: 2px solid var(--gsted-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gstedPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstedChip {
    0%,100% {
      box-shadow:
        0 0 0 9px rgba(37,216,244,.025),
        0 0 25px rgba(37,216,244,.14);
    }

    50% {
      box-shadow:
        0 0 0 12px rgba(37,216,244,.04),
        0 0 39px rgba(37,216,244,.25);
    }
  }

  @keyframes gstedNode {
    0%,100% {
      opacity: .3;
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes gstedCard1 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gstedCard2 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gstedCard3 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  @keyframes gstedCard4 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

    .gstediag__bench-layout {
      grid-template-columns: 1fr;
    }

    .gstediag__board-stage {
      min-height: 610px;
    }

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

    .gstediag__bench-flow {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gstediag__bench-flow > i {
      display: none;
    }

  }

  @media (max-width: 850px) {

    .gstediag__header,
    .gstediag__capabilities-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstediag__context-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstediag__context-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstediag {
      padding: 66px 17px 72px;
    }

    .gstediag__bench {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gstediag__board-stage {
      min-height: 590px;
      padding: 18px 14px;
    }

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

    .gstediag__card--wide {
      grid-column: auto;
    }

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

    .gstediag__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gstediag__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gstediag__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstediag__bench-top {
      align-items: flex-start;
    }

    .gstediag__board-stage {
      min-height: 570px;
    }

    .gstediag__board-copy h3 {
      font-size: 28px;
    }

    .gstediag__board {
      width: 345px;
      max-width: 92%;
      height: 235px;
      bottom: 53px;
    }

    .gstediag__board-chip {
      width: 93px;
      height: 93px;
    }

    .gstediag__board-chip img {
      width: 69px;
      height: 69px;
    }

    .gstediag__floating {
      min-width: 116px;
      grid-template-columns: 32px minmax(0, 1fr);
      padding: 7px;
    }

    .gstediag__floating > span {
      width: 32px;
      height: 32px;
    }

    .gstediag__floating--power {
      bottom: 238px;
    }

    .gstediag__floating--charge {
      bottom: 218px;
    }

    .gstediag__floating--thermal {
      bottom: 26px;
    }

    .gstediag__floating--signal {
      bottom: 8px;
    }

    .gstediag__bench-flow {
      grid-template-columns: 1fr;
    }

    .gstediag__readings article {
      grid-template-columns: 45px minmax(0, 1fr);
    }

    .gstediag__readings article > i {
      display: none;
    }

    .gstediag__card {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gstediag__card > div {
      padding-right: 0;
    }

    .gstediag__context-copy,
    .gstediag__viability,
    .gstediag__intervention article,
    .gstediag__cta-copy {
      grid-template-columns: 1fr;
    }

    .gstediag__context-flow {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstediag__eyebrow > span,
    .gstediag__bench-top > span i,
    .gstediag__board-chip,
    .gstediag__board-node,
    .gstediag__floating,
    .gstediag__readings article > i {
      animation: none !important;
    }

    .gstediag__card,
    .gstediag__cta > a {
      transition: none !important;
    }

  }



  .gstpbc {
    --gstp-cyan: #25d8f4;
    --gstp-blue: #297cff;
    --gstp-green: #48d99a;
    --gstp-yellow: #ffc85c;
    --gstp-red: #ff6b76;
    --gstp-white: #ffffff;
    --gstp-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gstp-white);
    background:
      radial-gradient(circle at 7% 13%, rgba(37,216,244,.1), transparent 31%),
      radial-gradient(circle at 93% 87%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstpbc *,
  .gstpbc *::before,
  .gstpbc *::after {
    box-sizing: border-box;
  }

  .gstpbc svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gstpbc ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* FONDO */

  .gstpbc__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstpbc__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstpbc__glow--cyan {
    top: 5%;
    left: -220px;
    opacity: .1;
    background: var(--gstp-cyan);
  }

  .gstpbc__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gstp-blue);
  }

  .gstpbc__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstpbc__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: 35px;
  }

  .gstpbc__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstpbc__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gstp-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstpPulse 2.4s ease-in-out infinite;
  }

  .gstpbc__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstpbc__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gstp-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstpbc__header-info > p {
    margin: 0;
    color: var(--gstp-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstpbc__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gstpbc__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstpbc__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstpbc__header-note small,
  .gstpbc__header-note strong {
    display: block;
  }

  .gstpbc__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gstpbc__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* PRINCIPIOS */

  .gstpbc__principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 27px;
  }

  .gstpbc__principles article {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.023);
  }

  .gstpbc__principles article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.065);
    font-size: 9px;
    font-weight: 850;
  }

  .gstpbc__principles small,
  .gstpbc__principles strong {
    display: block;
  }

  .gstpbc__principles small {
    margin-bottom: 3px;
    color: #71899f;
    font-size: 10px;
  }

  .gstpbc__principles strong {
    color: #d8e7f3;
    font-size: 11px;
    line-height: 1.5;
  }

  /* SYSTEMS */

  .gstpbc__systems {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
  }

  .gstpbc__system {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.16);
    border-radius: 23px;
    background:
      radial-gradient(circle at 50% 17%, rgba(37,216,244,.08), transparent 31%),
      linear-gradient(145deg, rgba(15,48,84,.67), rgba(4,17,35,.92));
    box-shadow:
      0 24px 55px rgba(0,0,0,.2),
      inset 0 1px 0 rgba(255,255,255,.045);
  }

  .gstpbc__system--battery {
    border-color: rgba(72,217,154,.17);
    background:
      radial-gradient(circle at 50% 17%, rgba(72,217,154,.08), transparent 31%),
      linear-gradient(145deg, rgba(14,49,69,.67), rgba(4,17,35,.92));
  }

  .gstpbc__system--charge {
    border-color: rgba(255,200,92,.17);
    background:
      radial-gradient(circle at 50% 17%, rgba(255,200,92,.07), transparent 31%),
      linear-gradient(145deg, rgba(36,43,62,.72), rgba(4,17,35,.92));
  }

  .gstpbc__system-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
  }

  .gstpbc__system-title {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
  }

  .gstpbc__system-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstpbc__system--battery .gstpbc__system-icon {
    color: var(--gstp-green);
    background: rgba(72,217,154,.07);
  }

  .gstpbc__system--charge .gstpbc__system-icon {
    color: var(--gstp-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstpbc__system-icon svg {
    width: 23px;
    height: 23px;
  }

  .gstpbc__system-title small {
    display: block;
    color: #71899f;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

  .gstpbc__system-title h3 {
    margin: 3px 0 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
  }

  .gstpbc__system-code {
    flex: 0 0 auto;
    color: #617d92;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .55px;
  }

  /* DISPLAY VISUAL */

  .gstpbc__display-visual,
  .gstpbc__battery-visual,
  .gstpbc__charge-visual {
    position: relative;
    height: 260px;
    margin-top: 18px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 18px;
    background:
      linear-gradient(rgba(37,216,244,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.035) 1px, transparent 1px),
      rgba(0,10,22,.28);
    background-size: 22px 22px;
  }

  .gstpbc__tablet {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 135px;
    height: 191px;
    padding: 7px;
    border: 2px solid rgba(132,192,224,.4);
    border-radius: 19px;
    background: #0a1e31;
    box-shadow:
      0 21px 35px rgba(0,0,0,.35),
      0 0 26px rgba(37,216,244,.12);
    transform: translate(-50%, -50%) rotate(-4deg);
    animation: gstpFloatDisplay 4.8s ease-in-out infinite;
  }

  .gstpbc__tablet-camera {
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #537189;
    transform: translateX(-50%);
  }

  .gstpbc__tablet-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(37,216,244,.17);
    border-radius: 13px;
    background:
      radial-gradient(circle at 45% 43%, rgba(37,216,244,.14), transparent 38%),
      #03101e;
  }

  .gstpbc__tablet-grid {
    position: absolute;
    inset: 0;
    opacity: .55;
    background-image:
      linear-gradient(rgba(37,216,244,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.04) 1px, transparent 1px);
    background-size: 14px 14px;
  }

  .gstpbc__crack {
    position: absolute;
    top: 45%;
    left: 49%;
    width: 62px;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(174,226,255,.75),
      transparent
    );
    transform-origin: left;
  }

  .gstpbc__crack--1 {
    transform: rotate(22deg);
  }

  .gstpbc__crack--2 {
    transform: rotate(82deg);
  }

  .gstpbc__crack--3 {
    transform: rotate(145deg);
  }

  .gstpbc__crack--4 {
    transform: rotate(215deg);
  }

  .gstpbc__tablet-status {
    position: absolute;
    right: 6px;
    bottom: 6px;
    left: 6px;
    padding: 6px;
    border: 1px solid rgba(37,216,244,.09);
    border-radius: 7px;
    background: rgba(2,12,25,.72);
  }

  .gstpbc__tablet-status span,
  .gstpbc__tablet-status strong {
    display: block;
  }

  .gstpbc__tablet-status span {
    color: #71d9a6;
    font-size: 6px;
  }

  .gstpbc__tablet-status span i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gstp-green);
  }

  .gstpbc__tablet-status strong {
    margin-top: 2px;
    color: #53758a;
    font-size: 5px;
  }

  .gstpbc__display-label,
  .gstpbc__battery-label,
  .gstpbc__charge-label {
    position: absolute;
    min-width: 82px;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.14);
    border-radius: 10px;
    background: rgba(5,21,42,.94);
    box-shadow: 0 12px 24px rgba(0,0,0,.24);
  }

  .gstpbc__display-label small,
  .gstpbc__display-label strong,
  .gstpbc__battery-label small,
  .gstpbc__battery-label strong,
  .gstpbc__charge-label small,
  .gstpbc__charge-label strong {
    display: block;
  }

  .gstpbc__display-label small,
  .gstpbc__battery-label small,
  .gstpbc__charge-label small {
    color: #688399;
    font-size: 7px;
  }

  .gstpbc__display-label strong,
  .gstpbc__battery-label strong,
  .gstpbc__charge-label strong {
    margin-top: 2px;
    color: #dceaf5;
    font-size: 8px;
  }

  .gstpbc__display-label--image {
    top: 30px;
    left: 10px;
  }

  .gstpbc__display-label--touch {
    top: 71px;
    right: 8px;
  }

  .gstpbc__display-label--light {
    left: 11px;
    bottom: 24px;
  }

  /* BATTERY VISUAL */

  .gstpbc__battery-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gstpBatteryRing 4.5s ease-in-out infinite;
  }

  .gstpbc__battery-ring--1 {
    width: 200px;
    height: 200px;
  }

  .gstpbc__battery-ring--2 {
    width: 145px;
    height: 145px;
    animation-delay: -2s;
  }

  .gstpbc__battery-shell {
    position: absolute;
    top: 42%;
    left: 50%;
    width: 150px;
    height: 76px;
    padding: 8px;
    border: 2px solid rgba(108,215,164,.42);
    border-radius: 18px;
    background: rgba(7,30,37,.93);
    box-shadow:
      0 20px 35px rgba(0,0,0,.3),
      0 0 28px rgba(72,217,154,.12);
    transform: translate(-50%, -50%);
    animation: gstpFloatBattery 4.7s ease-in-out infinite;
  }

  .gstpbc__battery-terminal {
    position: absolute;
    top: 50%;
    right: -11px;
    width: 10px;
    height: 28px;
    border: 2px solid rgba(108,215,164,.42);
    border-left: 0;
    border-radius: 0 6px 6px 0;
    transform: translateY(-50%);
  }

  .gstpbc__battery-level {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }

  .gstpbc__battery-level span {
    border-radius: 8px;
    background: linear-gradient(
      180deg,
      rgba(72,217,154,.95),
      rgba(19,157,104,.65)
    );
    box-shadow: 0 0 12px rgba(72,217,154,.15);
  }

  .gstpbc__battery-level span:last-child {
    opacity: .18;
  }

  .gstpbc__battery-reading {
    position: absolute;
    right: 18px;
    bottom: 21px;
    left: 18px;
    padding: 9px;
    border: 1px solid rgba(72,217,154,.11);
    border-radius: 10px;
    background: rgba(2,15,23,.72);
  }

  .gstpbc__battery-reading small,
  .gstpbc__battery-reading strong,
  .gstpbc__battery-reading span {
    display: block;
  }

  .gstpbc__battery-reading small {
    color: #63a58a;
    font-size: 7px;
  }

  .gstpbc__battery-reading strong {
    margin-top: 2px;
    color: #729889;
    font-size: 7px;
  }

  .gstpbc__battery-reading span {
    margin-top: 5px;
    color: #71d9a6;
    font-size: 7px;
  }

  .gstpbc__battery-reading span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gstp-green);
  }

  .gstpbc__battery-label {
    border-color: rgba(72,217,154,.14);
  }

  .gstpbc__battery-label--capacity {
    top: 23px;
    left: 9px;
  }

  .gstpbc__battery-label--thermal {
    top: 59px;
    right: 8px;
  }

  /* CHARGE VISUAL */

  .gstpbc__charge-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,200,92,.42),
      transparent
    );
  }

  .gstpbc__charge-line--1 {
    top: 44%;
    left: 12%;
    width: 76%;
  }

  .gstpbc__charge-line--2 {
    top: 27%;
    left: 26%;
    width: 52%;
    transform: rotate(45deg);
  }

  .gstpbc__charge-line--3 {
    bottom: 27%;
    left: 26%;
    width: 52%;
    transform: rotate(-45deg);
  }

  .gstpbc__port {
    position: absolute;
    top: 50%;
    left: 19px;
    width: 91px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 2px solid rgba(255,200,92,.33);
    border-radius: 9px 9px 19px 19px;
    background: #17212b;
    box-shadow:
      0 15px 28px rgba(0,0,0,.28),
      0 0 24px rgba(255,200,92,.09);
    transform: translateY(-50%);
  }

  .gstpbc__port > span {
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(255,200,92,.13);
    border-radius: 5px 5px 11px 11px;
  }

  .gstpbc__port i {
    z-index: 2;
    width: 3px;
    height: 17px;
    border-radius: 2px;
    background: rgba(255,200,92,.52);
  }

  .gstpbc__charge-chip {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 101px;
    height: 101px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,200,92,.28);
    border-radius: 25px;
    background: linear-gradient(
      145deg,
      rgba(255,200,92,.09),
      rgba(41,124,255,.08)
    );
    box-shadow:
      0 0 0 8px rgba(255,200,92,.018),
      0 0 28px rgba(255,200,92,.1);
    transform: translateY(-50%);
    animation: gstpChargeChip 4.2s ease-in-out infinite;
  }

  .gstpbc__charge-chip img {
    width: 73px;
    height: 73px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstpbc__charge-chip small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #9e8e6d;
    font-size: 6px;
    text-align: center;
  }

  .gstpbc__charge-label {
    border-color: rgba(255,200,92,.13);
  }

  .gstpbc__charge-label--input {
    top: 21px;
    left: 8px;
  }

  .gstpbc__charge-label--power {
    top: 24px;
    right: 8px;
  }

  .gstpbc__charge-label--battery {
    right: 12px;
    bottom: 18px;
  }

  /* COMMON BLOCKS */

  .gstpbc__block {
    margin-top: 17px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 15px;
    background: rgba(255,255,255,.018);
  }

  .gstpbc__block-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 11px;
  }

  .gstpbc__block-head small {
    color: #b9cedd;
    font-size: 10px;
    font-weight: 750;
  }

  .gstpbc__block-head span {
    color: #647e93;
    font-size: 8px;
    font-weight: 750;
  }

  .gstpbc__list {
    display: grid;
    gap: 8px;
  }

  .gstpbc__list li {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    color: #91a7b9;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstpbc__list li i {
    width: 6px;
    height: 6px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--gstp-cyan);
    box-shadow: 0 0 7px rgba(37,216,244,.45);
  }

  .gstpbc__system--battery .gstpbc__list li i {
    background: var(--gstp-green);
    box-shadow: 0 0 7px rgba(72,217,154,.42);
  }

  .gstpbc__system--charge .gstpbc__list li i {
    background: var(--gstp-yellow);
    box-shadow: 0 0 7px rgba(255,200,92,.38);
  }

  .gstpbc__checks {
    display: grid;
    gap: 7px;
    margin-top: 12px;
  }

  .gstpbc__checks article {
    min-width: 0;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstpbc__checks article > span {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.055);
    font-size: 8px;
    font-weight: 850;
  }

  .gstpbc__system--battery .gstpbc__checks article > span {
    color: var(--gstp-green);
    background: rgba(72,217,154,.055);
  }

  .gstpbc__system--charge .gstpbc__checks article > span {
    color: var(--gstp-yellow);
    background: rgba(255,200,92,.055);
  }

  .gstpbc__checks small,
  .gstpbc__checks strong {
    display: block;
  }

  .gstpbc__checks small {
    color: #6e879c;
    font-size: 9px;
  }

  .gstpbc__checks strong {
    margin-top: 2px;
    color: #cadbe8;
    font-size: 10px;
    line-height: 1.4;
  }

  .gstpbc__system-note {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid rgba(37,216,244,.11);
    border-radius: 12px;
    background: rgba(37,216,244,.022);
  }

  .gstpbc__system-note--battery {
    border-color: rgba(72,217,154,.11);
    background: rgba(72,217,154,.022);
  }

  .gstpbc__system-note--charge {
    border-color: rgba(255,200,92,.11);
    background: rgba(255,200,92,.022);
  }

  .gstpbc__system-note > span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstpbc__system-note--battery > span {
    color: var(--gstp-green);
    background: rgba(72,217,154,.06);
  }

  .gstpbc__system-note--charge > span {
    color: var(--gstp-yellow);
    background: rgba(255,200,92,.06);
  }

  .gstpbc__system-note svg {
    width: 20px;
    height: 20px;
  }

  .gstpbc__system-note p {
    margin: 0;
    color: #879daf;
    font-size: 10px;
    line-height: 1.6;
  }

  /* SCENARIOS */

  .gstpbc__scenarios {
    margin-top: clamp(55px, 6vw, 80px);
  }

  .gstpbc__scenarios-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 24px;
  }

  .gstpbc__scenarios-head > div > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .gstpbc__scenarios-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 44px);
    line-height: 1.1;
    font-weight: 790;
    letter-spacing: -1.3px;
  }

  .gstpbc__scenarios-head > p {
    margin: 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  .gstpbc__scenario-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
  }

  .gstpbc__scenario-grid article {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gstpbc__scenario-number {
    position: absolute;
    top: 12px;
    right: 13px;
    color: rgba(255,255,255,.07);
    font-size: 22px;
    font-weight: 850;
  }

  .gstpbc__scenario-icon {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstpbc__scenario-icon--green {
    color: var(--gstp-green);
    background: rgba(72,217,154,.065);
  }

  .gstpbc__scenario-icon--warning {
    color: var(--gstp-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstpbc__scenario-icon--danger {
    color: var(--gstp-red);
    background: rgba(255,107,118,.06);
  }

  .gstpbc__scenario-icon svg {
    width: 24px;
    height: 24px;
  }

  .gstpbc__scenario-grid small,
  .gstpbc__scenario-grid strong {
    display: block;
  }

  .gstpbc__scenario-grid small {
    margin-top: 13px;
    color: #718ba1;
    font-size: 10px;
    line-height: 1.5;
  }

  .gstpbc__scenario-grid strong {
    margin-top: 5px;
    color: #e1edf7;
    font-size: 13px;
    line-height: 1.45;
  }

  .gstpbc__scenario-grid p {
    margin: 7px 0 0;
    color: #879daf;
    font-size: 11px;
    line-height: 1.65;
  }

  /* WORKFLOW */

  .gstpbc__workflow {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 20px;
    background: rgba(1,12,26,.38);
  }

  .gstpbc__workflow-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstpbc__workflow-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstp-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstpbc__workflow-copy svg {
    width: 24px;
    height: 24px;
  }

  .gstpbc__workflow-copy small,
  .gstpbc__workflow-copy strong {
    display: block;
  }

  .gstpbc__workflow-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gstpbc__workflow-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstpbc__workflow-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstpbc__workflow-steps {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gstpbc__workflow-steps article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.021);
  }

  .gstpbc__workflow-steps span,
  .gstpbc__workflow-steps small,
  .gstpbc__workflow-steps strong {
    display: block;
  }

  .gstpbc__workflow-steps span {
    color: var(--gstp-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstpbc__workflow-steps small {
    margin-top: 3px;
    color: #627c91;
    font-size: 7px;
  }

  .gstpbc__workflow-steps strong {
    margin-top: 4px;
    color: #cbdbe7;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstpbc__workflow-steps > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* ALERTS */

  .gstpbc__alerts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstpbc__alert {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    padding: 17px;
    border-radius: 17px;
  }

  .gstpbc__alert--battery {
    border: 1px solid rgba(255,107,118,.16);
    background: rgba(255,107,118,.022);
  }

  .gstpbc__alert--liquid {
    border: 1px solid rgba(255,200,92,.16);
    background: rgba(255,200,92,.022);
  }

  .gstpbc__alert > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
  }

  .gstpbc__alert--battery > span {
    color: var(--gstp-red);
    background: rgba(255,107,118,.065);
  }

  .gstpbc__alert--liquid > span {
    color: var(--gstp-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstpbc__alert svg {
    width: 23px;
    height: 23px;
  }

  .gstpbc__alert small,
  .gstpbc__alert strong {
    display: block;
  }

  .gstpbc__alert small {
    color: #9d8585;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

  .gstpbc__alert--liquid small {
    color: #a79776;
  }

  .gstpbc__alert strong {
    margin-top: 4px;
    color: #eadcdc;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstpbc__alert--liquid strong {
    color: #e9dfca;
  }

  .gstpbc__alert p {
    margin: 6px 0 0;
    color: #99898a;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstpbc__alert--liquid p {
    color: #948c7d;
  }

  /* CTA */

  .gstpbc__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gstpbc__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gstpbc__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gstp-green);
    background: rgba(72,217,154,.07);
  }

  .gstpbc__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gstpbc__cta-copy small,
  .gstpbc__cta-copy strong {
    display: block;
  }

  .gstpbc__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gstpbc__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstpbc__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstpbc__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstpbc__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstpbc__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  .gstpbc a:focus-visible {
    outline: 2px solid var(--gstp-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gstpPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstpFloatDisplay {
    0%,100% {
      transform: translate(-50%, -50%) rotate(-4deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(-6px);
    }
  }

  @keyframes gstpBatteryRing {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .7;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gstpFloatBattery {
    0%,100% {
      transform: translate(-50%, -50%) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) translateY(-6px);
    }
  }

  @keyframes gstpChargeChip {
    0%,100% {
      box-shadow:
        0 0 0 8px rgba(255,200,92,.018),
        0 0 22px rgba(255,200,92,.08);
    }

    50% {
      box-shadow:
        0 0 0 11px rgba(255,200,92,.03),
        0 0 34px rgba(255,200,92,.16);
    }
  }

  /* TABLETA */

  @media (max-width: 1100px) {

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

    .gstpbc__system {
      display: grid;
      grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
      gap: 18px;
    }

    .gstpbc__system-top,
    .gstpbc__system-note {
      grid-column: 1 / -1;
    }

    .gstpbc__display-visual,
    .gstpbc__battery-visual,
    .gstpbc__charge-visual {
      grid-row: span 2;
      height: 100%;
      min-height: 390px;
      margin-top: 0;
    }

    .gstpbc__block {
      margin-top: 0;
    }

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

  }

  @media (max-width: 900px) {

    .gstpbc__header,
    .gstpbc__scenarios-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstpbc__principles,
    .gstpbc__scenario-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gstpbc__workflow-steps {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstpbc__workflow-steps > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstpbc {
      padding: 66px 17px 72px;
    }

    .gstpbc__principles,
    .gstpbc__scenario-grid,
    .gstpbc__alerts {
      grid-template-columns: 1fr;
    }

    .gstpbc__system {
      display: block;
      padding: 18px;
      border-radius: 21px;
    }

    .gstpbc__display-visual,
    .gstpbc__battery-visual,
    .gstpbc__charge-visual {
      height: 280px;
      min-height: 0;
      margin-top: 18px;
    }

    .gstpbc__block {
      margin-top: 16px;
    }

    .gstpbc__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gstpbc__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gstpbc__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstpbc__system-top {
      flex-direction: column;
    }

    .gstpbc__system-code {
      margin-left: 57px;
    }

    .gstpbc__display-visual,
    .gstpbc__battery-visual,
    .gstpbc__charge-visual {
      height: 270px;
    }

    .gstpbc__workflow-copy,
    .gstpbc__alert,
    .gstpbc__cta-copy {
      grid-template-columns: 1fr;
    }

    .gstpbc__workflow-steps {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstpbc__eyebrow > span,
    .gstpbc__tablet,
    .gstpbc__battery-ring,
    .gstpbc__battery-shell,
    .gstpbc__charge-chip {
      animation: none !important;
    }

    .gstpbc__cta > a {
      transition: none !important;
    }

  }



  .gstequip {
    --gsteq-cyan: #25d8f4;
    --gsteq-blue: #297cff;
    --gsteq-green: #48d99a;
    --gsteq-yellow: #ffc85c;
    --gsteq-red: #ff6b76;
    --gsteq-white: #ffffff;
    --gsteq-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gsteq-white);
    background:
      radial-gradient(circle at 8% 13%, rgba(37,216,244,.1), transparent 31%),
      radial-gradient(circle at 92% 86%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstequip *,
  .gstequip *::before,
  .gstequip *::after {
    box-sizing: border-box;
  }

  .gstequip svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gstequip ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* FONDO */

  .gstequip__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstequip__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstequip__glow--cyan {
    top: 5%;
    left: -220px;
    opacity: .1;
    background: var(--gsteq-cyan);
  }

  .gstequip__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gsteq-blue);
  }

  .gstequip__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstequip__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gstequip__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstequip__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gsteq-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gsteqPulse 2.4s ease-in-out infinite;
  }

  .gstequip__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstequip__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gsteq-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstequip__header-info > p {
    margin: 0;
    color: var(--gsteq-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstequip__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gstequip__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstequip__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstequip__header-note small,
  .gstequip__header-note strong {
    display: block;
  }

  .gstequip__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gstequip__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* PLATFORMS */

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

  .gstequip__platform {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 23px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 27px;
    background:
      radial-gradient(circle at 50% 21%, rgba(37,216,244,.1), transparent 36%),
      linear-gradient(145deg, rgba(15,48,84,.74), rgba(4,17,35,.95));
    box-shadow:
      0 29px 68px rgba(0,0,0,.25),
      inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(14px);
  }

  .gstequip__platform--android {
    border-color: rgba(72,217,154,.17);
    background:
      radial-gradient(circle at 50% 21%, rgba(72,217,154,.08), transparent 36%),
      linear-gradient(145deg, rgba(11,54,68,.72), rgba(4,17,35,.95));
  }

  .gstequip__platform-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gstequip__platform > *:not(.gstequip__platform-grid) {
    position: relative;
    z-index: 2;
  }

  .gstequip__platform-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .gstequip__platform-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gstequip__platform-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gsteq-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gsteqPulse 2.4s ease-in-out infinite;
  }

  .gstequip__platform-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .gstequip__platform-head {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    margin-top: 23px;
  }

  .gstequip__platform-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.22);
    border-radius: 18px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstequip__platform--android .gstequip__platform-icon {
    border-color: rgba(72,217,154,.18);
    color: var(--gsteq-green);
    background: rgba(72,217,154,.06);
  }

  .gstequip__platform-icon svg {
    width: 29px;
    height: 29px;
  }

  .gstequip__platform-head small {
    display: block;
    color: #6f8ba0;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
    text-transform: uppercase;
  }

  .gstequip__platform-head h3 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 27px;
    line-height: 1.2;
  }

  .gstequip__platform-head p {
    margin: 7px 0 0;
    color: #8ea5b8;
    font-size: 11px;
    line-height: 1.65;
  }

  /* DEVICE STAGE */

  .gstequip__device-stage {
    position: relative;
    height: 380px;
    margin-top: 19px;
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 20px;
    background:
      linear-gradient(rgba(37,216,244,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.035) 1px, transparent 1px),
      rgba(0,10,22,.3);
    background-size: 22px 22px;
  }

  .gstequip__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gsteqOrbit 4.7s ease-in-out infinite;
  }

  .gstequip__platform--android .gstequip__orbit {
    border-color: rgba(72,217,154,.13);
  }

  .gstequip__orbit--1 {
    width: 305px;
    height: 305px;
  }

  .gstequip__orbit--2 {
    width: 218px;
    height: 218px;
    animation-delay: -2.2s;
  }

  /* IPAD DEVICE */

  .gstequip__ipad {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 193px;
    height: 275px;
    padding: 9px;
    border: 2px solid rgba(146,202,232,.42);
    border-radius: 25px;
    background: linear-gradient(145deg, #1a354d, #081725);
    box-shadow:
      0 0 0 9px rgba(37,216,244,.024),
      0 28px 45px rgba(0,0,0,.36),
      0 0 31px rgba(37,216,244,.11);
    transform: translate(-50%, -50%) rotate(-4deg);
    animation: gsteqDevice 5s ease-in-out infinite;
  }

  .gstequip__ipad-camera,
  .gstequip__android-camera {
    position: absolute;
    z-index: 4;
    top: 4px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #526e84;
    transform: translateX(-50%);
  }

  .gstequip__ipad-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.17);
    border-radius: 17px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.14), transparent 42%),
      linear-gradient(145deg, #061d34, #020b17);
  }

  .gstequip__screen-grid {
    position: absolute;
    inset: 0;
    opacity: .48;
    background-image:
      linear-gradient(rgba(37,216,244,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.045) 1px, transparent 1px);
    background-size: 17px 17px;
  }

  .gstequip__screen-core {
    position: relative;
    z-index: 3;
    width: 110px;
    height: 110px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.34);
    border-radius: 28px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.15),
      rgba(41,124,255,.09)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 27px rgba(37,216,244,.14);
  }

  .gstequip__screen-core img {
    width: 81px;
    height: 81px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstequip__screen-core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #6bb5d2;
    font-size: 7px;
    text-align: center;
  }

  .gstequip__screen-status {
    position: absolute;
    z-index: 4;
    right: 9px;
    bottom: 9px;
    left: 9px;
    padding: 7px;
    border: 1px solid rgba(37,216,244,.09);
    border-radius: 8px;
    background: rgba(2,12,25,.7);
  }

  .gstequip__screen-status span,
  .gstequip__screen-status strong {
    display: block;
  }

  .gstequip__screen-status span {
    color: #71d9a6;
    font-size: 7px;
  }

  .gstequip__screen-status span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gsteq-green);
  }

  .gstequip__screen-status strong {
    margin-top: 2px;
    color: #57788e;
    font-size: 6px;
  }

  /* ANDROID DEVICE */

  .gstequip__android-tablet {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 208px;
    height: 277px;
    padding: 9px;
    border: 2px solid rgba(112,204,166,.35);
    border-radius: 22px;
    background: linear-gradient(145deg, #173f42, #081a22);
    box-shadow:
      0 0 0 9px rgba(72,217,154,.022),
      0 28px 45px rgba(0,0,0,.36),
      0 0 31px rgba(72,217,154,.1);
    transform: translate(-50%, -50%) rotate(4deg);
    animation: gsteqAndroidDevice 5.2s ease-in-out infinite;
  }

  .gstequip__android-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 14px;
    background:
      radial-gradient(circle at 50% 42%, rgba(72,217,154,.11), transparent 42%),
      linear-gradient(145deg, #062526, #020d12);
  }

  .gstequip__android-interface {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
  }

  .gstequip__android-status {
    position: absolute;
    top: 9px;
    right: 10px;
    display: flex;
    gap: 4px;
  }

  .gstequip__android-status i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(72,217,154,.55);
  }

  .gstequip__android-core {
    position: relative;
    width: 113px;
    height: 113px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(72,217,154,.29);
    border-radius: 28px;
    background: linear-gradient(
      145deg,
      rgba(72,217,154,.12),
      rgba(41,124,255,.075)
    );
    box-shadow:
      0 0 0 9px rgba(72,217,154,.022),
      0 0 27px rgba(72,217,154,.11);
  }

  .gstequip__android-core img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstequip__android-core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #69a995;
    font-size: 7px;
    text-align: center;
  }

  .gstequip__android-nav {
    position: absolute;
    right: 12px;
    bottom: 11px;
    left: 12px;
    display: flex;
    justify-content: center;
    gap: 17px;
    padding: 7px;
    border-radius: 8px;
    background: rgba(2,14,17,.66);
  }

  .gstequip__android-nav span {
    width: 8px;
    height: 8px;
    border: 1px solid rgba(72,217,154,.35);
    border-radius: 50%;
  }

  .gstequip__android-nav span:nth-child(2) {
    border-radius: 2px;
  }

  .gstequip__android-nav span:nth-child(3) {
    border-radius: 0;
    transform: rotate(45deg);
  }

  /* FLOATING */

  .gstequip__floating {
    position: absolute;
    z-index: 7;
    min-width: 132px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 13px;
    background: rgba(5,21,42,.95);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstequip__platform--android .gstequip__floating {
    border-color: rgba(72,217,154,.15);
    background: rgba(4,27,34,.95);
  }

  .gstequip__floating > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.07);
    font-size: 8px;
    font-weight: 850;
  }

  .gstequip__platform--android .gstequip__floating > span {
    color: var(--gsteq-green);
    background: rgba(72,217,154,.065);
  }

  .gstequip__floating small,
  .gstequip__floating strong {
    display: block;
  }

  .gstequip__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstequip__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstequip__floating--ipad-display,
  .gstequip__floating--android-system {
    top: 31px;
    left: 13px;
    animation: gsteqCard1 5.2s ease-in-out infinite;
  }

  .gstequip__floating--ipad-power,
  .gstequip__floating--android-port {
    top: 77px;
    right: 12px;
    animation: gsteqCard2 5.7s ease-in-out infinite;
  }

  .gstequip__floating--ipad-board,
  .gstequip__floating--android-storage {
    right: 17px;
    bottom: 20px;
    animation: gsteqCard3 5.5s ease-in-out infinite;
  }

  /* COMMON PLATFORM BLOCKS */

  .gstequip__families,
  .gstequip__services {
    margin-top: 16px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 15px;
    background: rgba(255,255,255,.018);
  }

  .gstequip__block-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 11px;
  }

  .gstequip__block-head small {
    color: #b9cedd;
    font-size: 10px;
    font-weight: 750;
  }

  .gstequip__block-head span {
    color: #647e93;
    font-size: 8px;
    font-weight: 750;
  }

  .gstequip__family-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .gstequip__family-grid article {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstequip__family-grid article > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.055);
    font-size: 8px;
    font-weight: 850;
  }

  .gstequip__platform--android .gstequip__family-grid article > span {
    color: var(--gsteq-green);
    background: rgba(72,217,154,.055);
  }

  .gstequip__family-grid small,
  .gstequip__family-grid strong {
    display: block;
  }

  .gstequip__family-grid small {
    color: #6d869b;
    font-size: 8px;
  }

  .gstequip__family-grid strong {
    margin-top: 2px;
    color: #cadbe8;
    font-size: 10px;
    line-height: 1.4;
  }

  .gstequip__services ul {
    display: grid;
    gap: 8px;
  }

  .gstequip__services li {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    color: #91a7b9;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstequip__services li i {
    width: 6px;
    height: 6px;
    margin-top: 5px;
    border-radius: 50%;
    background: var(--gsteq-cyan);
    box-shadow: 0 0 7px rgba(37,216,244,.45);
  }

  .gstequip__platform--android .gstequip__services li i {
    background: var(--gsteq-green);
    box-shadow: 0 0 7px rgba(72,217,154,.42);
  }

  /* CONNECTORS */

  .gstequip__connectors {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
  }

  .gstequip__connectors article {
    min-width: 0;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 13px;
    background: rgba(255,255,255,.019);
  }

  .gstequip__connectors article > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstequip__platform--android .gstequip__connectors article > span {
    color: var(--gsteq-green);
    background: rgba(72,217,154,.06);
  }

  .gstequip__connectors svg {
    width: 22px;
    height: 22px;
  }

  .gstequip__connectors small,
  .gstequip__connectors strong {
    display: block;
  }

  .gstequip__connectors small {
    color: #6c869b;
    font-size: 8px;
  }

  .gstequip__connectors strong {
    margin-top: 2px;
    color: #d6e4ef;
    font-size: 11px;
  }

  .gstequip__connectors p {
    margin: 4px 0 0;
    color: #7d95a8;
    font-size: 9px;
    line-height: 1.45;
  }

  /* PLATFORM ALERT */

  .gstequip__platform-alert {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255,200,92,.14);
    border-radius: 14px;
    background: rgba(255,200,92,.024);
  }

  .gstequip__platform-alert--android {
    border-color: rgba(72,217,154,.12);
    background: rgba(72,217,154,.022);
  }

  .gstequip__platform-alert > span {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gsteq-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstequip__platform-alert--android > span {
    color: var(--gsteq-green);
    background: rgba(72,217,154,.065);
  }

  .gstequip__platform-alert svg {
    width: 22px;
    height: 22px;
  }

  .gstequip__platform-alert small,
  .gstequip__platform-alert strong {
    display: block;
  }

  .gstequip__platform-alert small {
    color: #a79676;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstequip__platform-alert--android small {
    color: #70a58a;
  }

  .gstequip__platform-alert strong {
    margin-top: 4px;
    color: #e8dec9;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstequip__platform-alert--android strong {
    color: #d6eadf;
  }

  .gstequip__platform-alert p {
    margin: 5px 0 0;
    color: #958d7e;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstequip__platform-alert--android p {
    color: #7d9b8d;
  }

  /* COMPARISON */

  .gstequip__comparison {
    margin-top: clamp(55px, 6vw, 80px);
  }

  .gstequip__comparison-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 24px;
  }

  .gstequip__comparison-head > div > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .gstequip__comparison-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 44px);
    line-height: 1.1;
    font-weight: 790;
    letter-spacing: -1.3px;
  }

  .gstequip__comparison-head > p {
    margin: 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  .gstequip__comparison-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
  }

  .gstequip__comparison-grid article {
    position: relative;
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.023);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gstequip__comparison-grid article:hover {
    transform: translateY(-4px);
    border-color: rgba(37,216,244,.3);
  }

  .gstequip__comparison-number {
    position: absolute;
    top: 12px;
    right: 13px;
    color: rgba(255,255,255,.07);
    font-size: 22px;
    font-weight: 850;
  }

  .gstequip__comparison-icon {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstequip__comparison-icon svg {
    width: 24px;
    height: 24px;
  }

  .gstequip__comparison-grid small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstequip__comparison-grid h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
  }

  .gstequip__comparison-grid p {
    margin: 7px 0 0;
    color: #879daf;
    font-size: 10px;
    line-height: 1.65;
  }

  /* IDENTIFICATION */

  .gstequip__identification {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 29px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 20px;
    background: rgba(1,12,26,.38);
  }

  .gstequip__identification-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstequip__identification-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstequip__identification-copy svg {
    width: 24px;
    height: 24px;
  }

  .gstequip__identification-copy small,
  .gstequip__identification-copy strong {
    display: block;
  }

  .gstequip__identification-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gstequip__identification-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstequip__identification-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstequip__identification-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gstequip__identification-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.021);
  }

  .gstequip__identification-flow span,
  .gstequip__identification-flow small,
  .gstequip__identification-flow strong {
    display: block;
  }

  .gstequip__identification-flow span {
    color: var(--gsteq-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstequip__identification-flow small {
    margin-top: 3px;
    color: #627c91;
    font-size: 7px;
  }

  .gstequip__identification-flow strong {
    margin-top: 4px;
    color: #cbdbe7;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstequip__identification-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* ACCESSORIES */

  .gstequip__accessories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstequip__accessories article {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 17px;
    background: rgba(255,255,255,.021);
  }

  .gstequip__accessories article > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsteq-cyan);
    background: rgba(37,216,244,.06);
  }

  .gstequip__accessories svg {
    width: 23px;
    height: 23px;
  }

  .gstequip__accessories small,
  .gstequip__accessories strong {
    display: block;
  }

  .gstequip__accessories small {
    color: #718ba0;
    font-size: 9px;
  }

  .gstequip__accessories strong {
    margin-top: 3px;
    color: #dceaf5;
    font-size: 11px;
    line-height: 1.45;
  }

  .gstequip__accessories p {
    margin: 5px 0 0;
    color: #8097aa;
    font-size: 10px;
    line-height: 1.55;
  }

  /* AVAILABILITY */

  .gstequip__availability {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(255,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gstequip__availability > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gsteq-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstequip__availability svg {
    width: 24px;
    height: 24px;
  }

  .gstequip__availability small,
  .gstequip__availability strong {
    display: block;
  }

  .gstequip__availability small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gstequip__availability strong {
    color: #f1e7d2;
    font-size: 12px;
    line-height: 1.5;
  }

  .gstequip__availability p {
    margin: 6px 0 0;
    color: #9b9383;
    font-size: 10px;
    line-height: 1.65;
  }

  /* CTA */

  .gstequip__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gstequip__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gstequip__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gsteq-green);
    background: rgba(72,217,154,.07);
  }

  .gstequip__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gstequip__cta-copy small,
  .gstequip__cta-copy strong {
    display: block;
  }

  .gstequip__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gstequip__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstequip__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstequip__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstequip__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstequip__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  .gstequip a:focus-visible {
    outline: 2px solid var(--gsteq-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gsteqPulse {
    0%,100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gsteqOrbit {
    0%,100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gsteqDevice {
    0%,100% {
      transform: translate(-50%, -50%) rotate(-4deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(-7px);
    }
  }

  @keyframes gsteqAndroidDevice {
    0%,100% {
      transform: translate(-50%, -50%) rotate(4deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(2deg) translateY(-7px);
    }
  }

  @keyframes gsteqCard1 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gsteqCard2 {
    0%,100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gsteqCard3 {
    0%,100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gstequip__platform {
      display: grid;
      grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
      gap: 18px;
    }

    .gstequip__platform-grid,
    .gstequip__platform-top,
    .gstequip__platform-head,
    .gstequip__platform-alert {
      grid-column: 1 / -1;
    }

    .gstequip__device-stage {
      grid-row: span 3;
      height: 100%;
      min-height: 540px;
      margin-top: 0;
    }

    .gstequip__families,
    .gstequip__services {
      margin-top: 0;
    }

    .gstequip__connectors {
      margin-top: 0;
    }

    .gstequip__comparison-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

  }

  @media (max-width: 850px) {

    .gstequip__header,
    .gstequip__comparison-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstequip__identification-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstequip__identification-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstequip {
      padding: 66px 17px 72px;
    }

    .gstequip__platform {
      display: block;
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gstequip__device-stage {
      height: 400px;
      min-height: 0;
      margin-top: 18px;
    }

    .gstequip__families,
    .gstequip__services,
    .gstequip__connectors {
      margin-top: 14px;
    }

    .gstequip__comparison-grid,
    .gstequip__accessories {
      grid-template-columns: 1fr;
    }

    .gstequip__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gstequip__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gstequip__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstequip__platform-top {
      align-items: flex-start;
    }

    .gstequip__platform-head {
      grid-template-columns: 52px minmax(0, 1fr);
    }

    .gstequip__platform-icon {
      width: 52px;
      height: 52px;
    }

    .gstequip__platform-head h3 {
      font-size: 23px;
    }

    .gstequip__device-stage {
      height: 385px;
    }

    .gstequip__ipad {
      width: 170px;
      height: 245px;
    }

    .gstequip__android-tablet {
      width: 180px;
      height: 246px;
    }

    .gstequip__floating {
      min-width: 112px;
      grid-template-columns: 31px minmax(0, 1fr);
      padding: 7px;
    }

    .gstequip__floating > span {
      width: 31px;
      height: 31px;
    }

    .gstequip__family-grid,
    .gstequip__connectors {
      grid-template-columns: 1fr;
    }

    .gstequip__platform-alert,
    .gstequip__identification-copy,
    .gstequip__accessories article,
    .gstequip__availability,
    .gstequip__cta-copy {
      grid-template-columns: 1fr;
    }

    .gstequip__identification-flow {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstequip__eyebrow > span,
    .gstequip__platform-top > span i,
    .gstequip__orbit,
    .gstequip__ipad,
    .gstequip__android-tablet,
    .gstequip__floating {
      animation: none !important;
    }

    .gstequip__comparison-grid article,
    .gstequip__cta > a {
      transition: none !important;
    }

  }



  .gstprocess {
    --gstpr-cyan: #25d8f4;
    --gstpr-blue: #297cff;
    --gstpr-green: #48d99a;
    --gstpr-yellow: #ffc85c;
    --gstpr-red: #ff6b76;
    --gstpr-white: #ffffff;
    --gstpr-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gstpr-white);
    background:
      radial-gradient(circle at 7% 12%, rgba(37,216,244,.1), transparent 31%),
      radial-gradient(circle at 94% 87%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #03101f 0%, #061a32 52%, #0b2850 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstprocess *,
  .gstprocess *::before,
  .gstprocess *::after {
    box-sizing: border-box;
  }

  .gstprocess svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gstprocess ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* FONDO */

  .gstprocess__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstprocess__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstprocess__glow--cyan {
    top: 5%;
    left: -220px;
    opacity: .1;
    background: var(--gstpr-cyan);
  }

  .gstprocess__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gstpr-blue);
  }

  .gstprocess__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstprocess__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gstprocess__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstprocess__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gstpr-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstprPulse 2.4s ease-in-out infinite;
  }

  .gstprocess__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstprocess__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gstpr-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstprocess__header-info > p {
    margin: 0;
    color: var(--gstpr-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstprocess__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(72,217,154,.14);
    border-radius: 15px;
    background: rgba(72,217,154,.025);
  }

  .gstprocess__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstpr-green);
    background: rgba(72,217,154,.07);
  }

  .gstprocess__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstprocess__header-note small,
  .gstprocess__header-note strong {
    display: block;
  }

  .gstprocess__header-note small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 10px;
  }

  .gstprocess__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* TERMINAL */

  .gstprocess__terminal {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid rgba(92,174,255,.21);
    border-radius: 28px;
    background:
      radial-gradient(circle at 21% 41%, rgba(37,216,244,.12), transparent 38%),
      linear-gradient(145deg, rgba(15,48,84,.75), rgba(4,17,35,.95));
    box-shadow:
      0 30px 70px rgba(0,0,0,.27),
      inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter: blur(14px);
  }

  .gstprocess__terminal-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gstprocess__terminal > *:not(.gstprocess__terminal-grid) {
    position: relative;
    z-index: 2;
  }

  .gstprocess__terminal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(92,174,255,.12);
  }

  .gstprocess__terminal-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .75px;
  }

  .gstprocess__terminal-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gstpr-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gstprPulse 2.4s ease-in-out infinite;
  }

  .gstprocess__terminal-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .gstprocess__terminal-layout {
    display: grid;
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
    gap: 24px;
    margin-top: 22px;
  }

  /* STATUS */

  .gstprocess__status {
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 21px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.1), transparent 42%),
      rgba(0,11,24,.36);
  }

  .gstprocess__status-head {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: flex-start;
  }

  .gstprocess__status-head small {
    display: block;
    color: #70d7f4;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .7px;
    text-transform: uppercase;
  }

  .gstprocess__status-head h3 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
  }

  .gstprocess__status-head > span {
    color: #617c92;
    font-size: 9px;
    font-weight: 750;
  }

  /* DEVICE */

  .gstprocess__device {
    position: relative;
    height: 390px;
    margin-top: 13px;
  }

  .gstprocess__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gstprOrbit 4.7s ease-in-out infinite;
  }

  .gstprocess__orbit--1 {
    width: 300px;
    height: 300px;
  }

  .gstprocess__orbit--2 {
    width: 210px;
    height: 210px;
    animation-delay: -2.2s;
  }

  .gstprocess__tablet {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 255px;
    padding: 9px;
    border: 2px solid rgba(146,202,232,.42);
    border-radius: 24px;
    background: linear-gradient(145deg, #1a354d, #081725);
    box-shadow:
      0 0 0 9px rgba(37,216,244,.024),
      0 28px 45px rgba(0,0,0,.36),
      0 0 31px rgba(37,216,244,.11);
    transform: translate(-50%, -50%) rotate(-3deg);
    animation: gstprDevice 5s ease-in-out infinite;
  }

  .gstprocess__tablet-camera {
    position: absolute;
    z-index: 4;
    top: 4px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #526e84;
    transform: translateX(-50%);
  }

  .gstprocess__tablet-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.17);
    border-radius: 16px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.14), transparent 42%),
      linear-gradient(145deg, #061d34, #020b17);
  }

  .gstprocess__screen-grid {
    position: absolute;
    inset: 0;
    opacity: .48;
    background-image:
      linear-gradient(rgba(37,216,244,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.045) 1px, transparent 1px);
    background-size: 17px 17px;
  }

  .gstprocess__screen-core {
    position: relative;
    z-index: 3;
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.34);
    border-radius: 27px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.15),
      rgba(41,124,255,.09)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 27px rgba(37,216,244,.14);
  }

  .gstprocess__screen-core img {
    width: 77px;
    height: 77px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstprocess__screen-core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #6bb5d2;
    font-size: 7px;
    text-align: center;
  }

  .gstprocess__screen-progress {
    position: absolute;
    z-index: 4;
    right: 8px;
    bottom: 8px;
    left: 8px;
    padding: 8px;
    border: 1px solid rgba(37,216,244,.09);
    border-radius: 8px;
    background: rgba(2,12,25,.74);
  }

  .gstprocess__screen-progress span,
  .gstprocess__screen-progress strong {
    display: block;
  }

  .gstprocess__screen-progress span {
    color: #71d9a6;
    font-size: 6px;
  }

  .gstprocess__screen-progress span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gstpr-green);
  }

  .gstprocess__screen-progress > div {
    height: 3px;
    margin-top: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
  }

  .gstprocess__screen-progress > div b {
    display: block;
    width: 68%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gstpr-cyan), var(--gstpr-green));
    animation: gstprProgress 3.8s ease-in-out infinite;
  }

  .gstprocess__screen-progress strong {
    margin-top: 5px;
    color: #55758b;
    font-size: 5px;
  }

  /* FLOATING */

  .gstprocess__floating {
    position: absolute;
    z-index: 7;
    min-width: 122px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 12px;
    background: rgba(5,21,42,.95);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstprocess__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstpr-cyan);
    background: rgba(37,216,244,.07);
    font-size: 8px;
    font-weight: 850;
  }

  .gstprocess__floating small,
  .gstprocess__floating strong {
    display: block;
  }

  .gstprocess__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstprocess__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstprocess__floating--receive {
    top: 42px;
    left: 3px;
    animation: gstprCard1 5.2s ease-in-out infinite;
  }

  .gstprocess__floating--diagnosis {
    top: 96px;
    right: 1px;
    animation: gstprCard2 5.7s ease-in-out infinite;
  }

  .gstprocess__floating--repair {
    right: 6px;
    bottom: 28px;
    animation: gstprCard3 5.5s ease-in-out infinite;
  }

  /* STATUS READINGS */

  .gstprocess__status-readings {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 5px;
  }

  .gstprocess__status-readings article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstprocess__status-readings article > span {
    display: block;
    color: var(--gstpr-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstprocess__status-readings small,
  .gstprocess__status-readings strong {
    display: block;
  }

  .gstprocess__status-readings small {
    margin-top: 5px;
    color: #6d869a;
    font-size: 9px;
  }

  .gstprocess__status-readings strong {
    margin-top: 3px;
    color: #cbdbe7;
    font-size: 10px;
    line-height: 1.4;
  }

  .gstprocess__status-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    padding: 11px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 12px;
    background: rgba(255,200,92,.022);
  }

  .gstprocess__status-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstprocess__status-note svg {
    width: 21px;
    height: 21px;
  }

  .gstprocess__status-note p {
    margin: 0;
    color: #958d7f;
    font-size: 10px;
    line-height: 1.55;
  }

  /* STEPS */

  .gstprocess__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .gstprocess__step {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    padding: 17px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.023);
    transition:
      transform 220ms ease,
      border-color 220ms ease;
  }

  .gstprocess__step:hover {
    transform: translateY(-4px);
    border-color: rgba(37,216,244,.3);
  }

  .gstprocess__step-number {
    position: absolute;
    top: 11px;
    right: 13px;
    color: rgba(255,255,255,.07);
    font-size: 22px;
    font-weight: 850;
  }

  .gstprocess__step-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gstpr-blue);
    background: rgba(41,124,255,.07);
  }

  .gstprocess__step-icon--cyan {
    color: var(--gstpr-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstprocess__step-icon--green {
    color: var(--gstpr-green);
    background: rgba(72,217,154,.065);
  }

  .gstprocess__step-icon--yellow {
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstprocess__step-icon svg {
    width: 25px;
    height: 25px;
  }

  .gstprocess__step > div {
    padding-right: 10px;
  }

  .gstprocess__step small {
    display: block;
    color: #708ba2;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
  }

  .gstprocess__step h3 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
  }

  .gstprocess__step p {
    margin: 7px 0 0;
    color: #8da3b6;
    font-size: 11px;
    line-height: 1.65;
  }

  .gstprocess__step-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
  }

  .gstprocess__step-tags span {
    padding: 5px 7px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.02);
    font-size: 8px;
    line-height: 1;
  }

  /* TERMINAL FLOW */

  .gstprocess__terminal-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid rgba(92,174,255,.12);
  }

  .gstprocess__terminal-flow article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstprocess__terminal-flow span,
  .gstprocess__terminal-flow small,
  .gstprocess__terminal-flow strong {
    display: block;
  }

  .gstprocess__terminal-flow span {
    color: var(--gstpr-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstprocess__terminal-flow small {
    margin-top: 3px;
    color: #627c91;
    font-size: 7px;
  }

  .gstprocess__terminal-flow strong {
    margin-top: 3px;
    color: #b9cad8;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstprocess__terminal-flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  /* SECTION HEADS */

  .gstprocess__diagnosis,
  .gstprocess__policies {
    margin-top: clamp(55px, 6vw, 80px);
  }

  .gstprocess__diagnosis-head,
  .gstprocess__policies-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 24px;
  }

  .gstprocess__diagnosis-head > div > small,
  .gstprocess__policies-head > div > small {
    display: block;
    margin-bottom: 7px;
    color: #71d8f5;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .gstprocess__diagnosis-head h3,
  .gstprocess__policies-head h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 44px);
    line-height: 1.1;
    font-weight: 790;
    letter-spacing: -1.3px;
  }

  .gstprocess__diagnosis-head > p,
  .gstprocess__policies-head > p {
    margin: 0;
    color: #91a6b8;
    font-size: 13px;
    line-height: 1.7;
  }

  /* DIAGNOSIS */

  .gstprocess__diagnosis-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  .gstprocess__diagnosis-card {
    min-width: 0;
    padding: 21px;
    border-radius: 21px;
  }

  .gstprocess__diagnosis-card--clean {
    border: 1px solid rgba(72,217,154,.17);
    background:
      radial-gradient(circle at 100% 0%, rgba(72,217,154,.055), transparent 40%),
      rgba(255,255,255,.024);
  }

  .gstprocess__diagnosis-card--opened {
    border: 1px solid rgba(255,200,92,.17);
    background:
      radial-gradient(circle at 100% 0%, rgba(255,200,92,.05), transparent 40%),
      rgba(255,255,255,.024);
  }

  .gstprocess__diagnosis-card-top {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstprocess__diagnosis-card-top > span {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 16px;
  }

  .gstprocess__diagnosis-card--clean .gstprocess__diagnosis-card-top > span {
    color: var(--gstpr-green);
    background: rgba(72,217,154,.065);
  }

  .gstprocess__diagnosis-card--opened .gstprocess__diagnosis-card-top > span {
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstprocess__diagnosis-card-top svg {
    width: 27px;
    height: 27px;
  }

  .gstprocess__diagnosis-card-top small {
    display: block;
    color: #718a9e;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .65px;
  }

  .gstprocess__diagnosis-card-top h4 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gstprocess__diagnosis-card > p {
    margin: 15px 0 0;
    color: #8da3b6;
    font-size: 12px;
    line-height: 1.7;
  }

  .gstprocess__diagnosis-status {
    margin-top: 15px;
    padding: 13px;
    border-radius: 13px;
  }

  .gstprocess__diagnosis-card--clean .gstprocess__diagnosis-status {
    border: 1px solid rgba(72,217,154,.11);
    background: rgba(72,217,154,.022);
  }

  .gstprocess__diagnosis-card--opened .gstprocess__diagnosis-status {
    border: 1px solid rgba(255,200,92,.11);
    background: rgba(255,200,92,.022);
  }

  .gstprocess__diagnosis-status span,
  .gstprocess__diagnosis-status strong {
    display: block;
  }

  .gstprocess__diagnosis-status span {
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .55px;
  }

  .gstprocess__diagnosis-card--clean .gstprocess__diagnosis-status span {
    color: #73bf9a;
  }

  .gstprocess__diagnosis-card--opened .gstprocess__diagnosis-status span {
    color: #b4a077;
  }

  .gstprocess__diagnosis-status span i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
  }

  .gstprocess__diagnosis-card--clean .gstprocess__diagnosis-status span i {
    background: var(--gstpr-green);
  }

  .gstprocess__diagnosis-card--opened .gstprocess__diagnosis-status span i {
    background: var(--gstpr-yellow);
  }

  .gstprocess__diagnosis-status strong {
    margin-top: 4px;
    color: #dce9f3;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstprocess__diagnosis-card ul {
    display: grid;
    gap: 8px;
    margin-top: 15px;
  }

  .gstprocess__diagnosis-card li {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 8px;
    color: #91a7b9;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstprocess__diagnosis-card li i {
    width: 6px;
    height: 6px;
    margin-top: 5px;
    border-radius: 50%;
  }

  .gstprocess__diagnosis-card--clean li i {
    background: var(--gstpr-green);
  }

  .gstprocess__diagnosis-card--opened li i {
    background: var(--gstpr-yellow);
  }

  /* POLICIES */

  .gstprocess__policy-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
  }

  .gstprocess__policy {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 19px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.045), transparent 38%),
      rgba(255,255,255,.023);
  }

  .gstprocess__policy-number {
    position: absolute;
    top: 12px;
    right: 13px;
    color: rgba(255,255,255,.07);
    font-size: 22px;
    font-weight: 850;
  }

  .gstprocess__policy-icon {
    width: 51px;
    height: 51px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gstpr-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstprocess__policy-icon--green {
    color: var(--gstpr-green);
    background: rgba(72,217,154,.065);
  }

  .gstprocess__policy-icon--yellow {
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstprocess__policy-icon svg {
    width: 25px;
    height: 25px;
  }

  .gstprocess__policy small {
    display: block;
    margin-top: 13px;
    color: #718ba1;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstprocess__policy h4 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
  }

  .gstprocess__policy p {
    margin: 8px 0 0;
    color: #879daf;
    font-size: 11px;
    line-height: 1.65;
  }

  .gstprocess__policy-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
  }

  .gstprocess__policy-tags span {
    padding: 6px 8px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.02);
    font-size: 8px;
    line-height: 1;
  }

  /* WARRANTY */

  .gstprocess__warranty {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, .8fr);
    gap: 20px;
    align-items: center;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 20px;
    background: rgba(1,12,26,.38);
  }

  .gstprocess__warranty-main {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstprocess__warranty-main > span {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gstpr-green);
    background: rgba(72,217,154,.07);
  }

  .gstprocess__warranty-main svg {
    width: 26px;
    height: 26px;
  }

  .gstprocess__warranty-main small,
  .gstprocess__warranty-main strong {
    display: block;
  }

  .gstprocess__warranty-main small {
    margin-bottom: 4px;
    color: #72a48b;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gstprocess__warranty-main strong {
    color: #e2f0e8;
    font-size: 13px;
    line-height: 1.5;
  }

  .gstprocess__warranty-main p {
    margin: 6px 0 0;
    color: #80978b;
    font-size: 11px;
    line-height: 1.6;
  }

  .gstprocess__warranty-exclusions {
    padding: 15px;
    border: 1px solid rgba(255,107,118,.11);
    border-radius: 15px;
    background: rgba(255,107,118,.02);
  }

  .gstprocess__warranty-exclusions > small {
    display: block;
    color: #b58b8d;
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gstprocess__warranty-exclusions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
  }

  .gstprocess__warranty-exclusions span {
    padding: 7px 9px;
    border: 1px solid rgba(255,107,118,.1);
    border-radius: 999px;
    color: #a98b8d;
    background: rgba(255,107,118,.025);
    font-size: 9px;
    line-height: 1;
  }

  /* SPECIAL */

  .gstprocess__special {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstprocess__special article {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(255,200,92,.11);
    border-radius: 17px;
    background: rgba(255,200,92,.018);
  }

  .gstprocess__special article > span {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstprocess__special svg {
    width: 23px;
    height: 23px;
  }

  .gstprocess__special small,
  .gstprocess__special strong {
    display: block;
  }

  .gstprocess__special small {
    margin-top: 11px;
    color: #a79776;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstprocess__special strong {
    margin-top: 4px;
    color: #e8deca;
    font-size: 11px;
    line-height: 1.5;
  }

  .gstprocess__special p {
    margin: 6px 0 0;
    color: #958d7e;
    font-size: 10px;
    line-height: 1.6;
  }

  /* DATA */

  .gstprocess__data {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(255,200,92,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(255,200,92,.05), transparent 25%),
      rgba(1,12,26,.38);
  }

  .gstprocess__data > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstpr-yellow);
    background: rgba(255,200,92,.07);
  }

  .gstprocess__data svg {
    width: 25px;
    height: 25px;
  }

  .gstprocess__data small,
  .gstprocess__data strong {
    display: block;
  }

  .gstprocess__data small {
    margin-bottom: 4px;
    color: #ad9d7b;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .7px;
  }

  .gstprocess__data strong {
    color: #f1e7d2;
    font-size: 12px;
    line-height: 1.5;
  }

  .gstprocess__data p {
    margin: 6px 0 0;
    color: #9b9383;
    font-size: 10px;
    line-height: 1.65;
  }

  /* CTA */

  .gstprocess__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(72,217,154,.15);
    border-radius: 18px;
    background:
      radial-gradient(circle at 0 50%, rgba(72,217,154,.05), transparent 25%),
      rgba(1,12,26,.37);
  }

  .gstprocess__cta-copy {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
  }

  .gstprocess__cta-copy > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--gstpr-green);
    background: rgba(72,217,154,.07);
  }

  .gstprocess__cta-copy svg {
    width: 23px;
    height: 23px;
  }

  .gstprocess__cta-copy small,
  .gstprocess__cta-copy strong {
    display: block;
  }

  .gstprocess__cta-copy small {
    margin-bottom: 3px;
    color: #72a48b;
    font-size: 9px;
  }

  .gstprocess__cta-copy strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstprocess__cta-copy p {
    margin: 5px 0 0;
    color: #8097ab;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstprocess__cta > a {
    flex: 0 0 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 10px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstprocess__cta > a:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstprocess__cta > a i {
    font-size: 17px;
    font-style: normal;
  }

  .gstprocess a:focus-visible {
    outline: 2px solid var(--gstpr-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gstprPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstprOrbit {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gstprDevice {
    0%, 100% {
      transform: translate(-50%, -50%) rotate(-3deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(-1deg) translateY(-7px);
    }
  }

  @keyframes gstprProgress {
    0%, 100% {
      width: 58%;
    }

    50% {
      width: 82%;
    }
  }

  @keyframes gstprCard1 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gstprCard2 {
    0%, 100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gstprCard3 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1080px) {

    .gstprocess__terminal-layout {
      grid-template-columns: 1fr;
    }

    .gstprocess__status {
      display: grid;
      grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
      gap: 18px;
    }

    .gstprocess__status-head,
    .gstprocess__status-note {
      grid-column: 1 / -1;
    }

    .gstprocess__device {
      min-height: 430px;
      margin-top: 0;
    }

    .gstprocess__status-readings {
      align-content: center;
      grid-template-columns: 1fr;
    }

    .gstprocess__policy-grid,
    .gstprocess__special {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

  }

  @media (max-width: 850px) {

    .gstprocess__header,
    .gstprocess__diagnosis-head,
    .gstprocess__policies-head {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstprocess__terminal-flow {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gstprocess__terminal-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstprocess {
      padding: 66px 17px 72px;
    }

    .gstprocess__terminal {
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gstprocess__status {
      display: block;
    }

    .gstprocess__device {
      height: 410px;
      min-height: 0;
    }

    .gstprocess__status-readings {
      grid-template-columns: 1fr;
    }

    .gstprocess__steps,
    .gstprocess__diagnosis-grid,
    .gstprocess__policy-grid,
    .gstprocess__special {
      grid-template-columns: 1fr;
    }

    .gstprocess__cta {
      flex-direction: column;
      align-items: stretch;
    }

    .gstprocess__cta > a {
      justify-content: space-between;
    }

  }

  @media (max-width: 480px) {

    .gstprocess__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstprocess__terminal-top {
      align-items: flex-start;
    }

    .gstprocess__device {
      height: 390px;
    }

    .gstprocess__tablet {
      width: 163px;
      height: 235px;
    }

    .gstprocess__floating {
      min-width: 108px;
      grid-template-columns: 30px minmax(0, 1fr);
      padding: 7px;
    }

    .gstprocess__floating > span {
      width: 30px;
      height: 30px;
    }

    .gstprocess__step {
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .gstprocess__terminal-flow {
      grid-template-columns: 1fr;
    }

    .gstprocess__diagnosis-card-top,
    .gstprocess__warranty-main,
    .gstprocess__data,
    .gstprocess__cta-copy {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstprocess__eyebrow > span,
    .gstprocess__terminal-top > span i,
    .gstprocess__orbit,
    .gstprocess__tablet,
    .gstprocess__screen-progress > div b,
    .gstprocess__floating {
      animation: none !important;
    }

    .gstprocess__step,
    .gstprocess__cta > a {
      transition: none !important;
    }

  }



  .gstfaq {
    --gstf-cyan: #25d8f4;
    --gstf-blue: #297cff;
    --gstf-green: #48d99a;
    --gstf-yellow: #ffc85c;
    --gstf-red: #ff6b76;
    --gstf-white: #ffffff;
    --gstf-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gstf-white);
    background:
      radial-gradient(circle at 7% 12%, rgba(37,216,244,.1), transparent 31%),
      radial-gradient(circle at 94% 87%, rgba(41,124,255,.16), transparent 35%),
      linear-gradient(118deg, #020914 0%, #05162c 52%, #0a2247 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstfaq *,
  .gstfaq *::before,
  .gstfaq *::after {
    box-sizing: border-box;
  }

  .gstfaq svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* FONDO */

  .gstfaq__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .25;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstfaq__glow {
    position: absolute;
    z-index: -2;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
  }

  .gstfaq__glow--cyan {
    top: 5%;
    left: -220px;
    opacity: .1;
    background: var(--gstf-cyan);
  }

  .gstfaq__glow--blue {
    right: -220px;
    bottom: 7%;
    opacity: .14;
    background: var(--gstf-blue);
  }

  .gstfaq__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* HEADER */

  .gstfaq__header {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 80px);
    align-items: end;
    margin-bottom: clamp(42px, 5vw, 65px);
  }

  .gstfaq__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstfaq__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gstf-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstfPulse 2.4s ease-in-out infinite;
  }

  .gstfaq__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(39px, 4.5vw, 62px);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -.052em;
  }

  .gstfaq__header h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #74ddff,
      var(--gstf-cyan) 48%,
      #6593ff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstfaq__header-info > p {
    margin: 0;
    color: var(--gstf-text);
    font-size: 15px;
    line-height: 1.75;
  }

  .gstfaq__header-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 13px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 15px;
    background: rgba(37,216,244,.025);
  }

  .gstfaq__header-note > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstfaq__header-note svg {
    width: 22px;
    height: 22px;
  }

  .gstfaq__header-note small,
  .gstfaq__header-note strong {
    display: block;
  }

  .gstfaq__header-note small {
    margin-bottom: 3px;
    color: #7292a8;
    font-size: 10px;
  }

  .gstfaq__header-note strong {
    color: #dcecff;
    font-size: 12px;
    line-height: 1.45;
  }

  /* LAYOUT */

  .gstfaq__layout {
    display: grid;
    grid-template-columns: minmax(340px, .72fr) minmax(0, 1.28fr);
    gap: clamp(26px, 4vw, 46px);
    align-items: start;
  }

  /* PANEL */

  .gstfaq__panel {
    position: sticky;
    top: 128px;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(92,174,255,.2);
    border-radius: 27px;
    background:
      radial-gradient(circle at 50% 38%, rgba(37,216,244,.12), transparent 43%),
      linear-gradient(145deg, rgba(15,48,84,.73), rgba(4,17,35,.95));
    box-shadow:
      0 29px 68px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(14px);
  }

  body.admin-bar .gstfaq__panel {
    top: 160px;
  }

  .gstfaq__panel-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 30px 30px;
  }

  .gstfaq__panel > *:not(.gstfaq__panel-grid) {
    position: relative;
    z-index: 2;
  }

  .gstfaq__panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .gstfaq__panel-top > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gstfaq__panel-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gstf-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gstfPulse 2.4s ease-in-out infinite;
  }

  .gstfaq__panel-top > strong {
    color: #718ca5;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .gstfaq__panel-copy {
    margin-top: 22px;
  }

  .gstfaq__panel-copy > small {
    display: block;
    color: #70d7f4;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .7px;
  }

  .gstfaq__panel-copy h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.12;
    letter-spacing: -1.1px;
  }

  .gstfaq__panel-copy h3 span {
    display: block;
    color: #79daf8;
  }

  .gstfaq__panel-copy p {
    margin: 13px 0 0;
    color: #93a9bc;
    font-size: 12px;
    line-height: 1.7;
  }

  /* VISUAL */

  .gstfaq__visual {
    position: relative;
    height: 330px;
    margin-top: 15px;
  }

  .gstfaq__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gstfOrbit 4.7s ease-in-out infinite;
  }

  .gstfaq__orbit--1 {
    width: 285px;
    height: 285px;
  }

  .gstfaq__orbit--2 {
    width: 205px;
    height: 205px;
    animation-delay: -1.5s;
  }

  .gstfaq__orbit--3 {
    width: 130px;
    height: 130px;
    animation-delay: -3s;
  }

  .gstfaq__terminal {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 168px;
    height: 239px;
    padding: 8px;
    border: 2px solid rgba(146,202,232,.42);
    border-radius: 23px;
    background: linear-gradient(145deg, #1a354d, #081725);
    box-shadow:
      0 0 0 9px rgba(37,216,244,.024),
      0 28px 45px rgba(0,0,0,.36),
      0 0 31px rgba(37,216,244,.11);
    transform: translate(-50%, -50%) rotate(-3deg);
    animation: gstfDevice 5s ease-in-out infinite;
  }

  .gstfaq__terminal-camera {
    position: absolute;
    z-index: 4;
    top: 4px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #526e84;
    transform: translateX(-50%);
  }

  .gstfaq__terminal-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.17);
    border-radius: 15px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.14), transparent 42%),
      linear-gradient(145deg, #061d34, #020b17);
  }

  .gstfaq__terminal-grid {
    position: absolute;
    inset: 0;
    opacity: .48;
    background-image:
      linear-gradient(rgba(37,216,244,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.045) 1px, transparent 1px);
    background-size: 16px 16px;
  }

  .gstfaq__terminal-core {
    position: relative;
    z-index: 3;
    width: 99px;
    height: 99px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.34);
    border-radius: 26px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.15),
      rgba(41,124,255,.09)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 27px rgba(37,216,244,.14);
  }

  .gstfaq__terminal-core img {
    width: 74px;
    height: 74px;
    object-fit: contain;
    transform: translateY(-5px);
  }

  .gstfaq__terminal-core small {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    color: #6bb5d2;
    font-size: 7px;
    text-align: center;
  }

  .gstfaq__terminal-status {
    position: absolute;
    z-index: 4;
    right: 8px;
    bottom: 8px;
    left: 8px;
    padding: 7px;
    border: 1px solid rgba(37,216,244,.09);
    border-radius: 8px;
    background: rgba(2,12,25,.74);
  }

  .gstfaq__terminal-status span,
  .gstfaq__terminal-status strong {
    display: block;
  }

  .gstfaq__terminal-status span {
    color: #71d9a6;
    font-size: 7px;
  }

  .gstfaq__terminal-status span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gstf-green);
  }

  .gstfaq__terminal-status strong {
    margin-top: 3px;
    color: #55758b;
    font-size: 6px;
  }

  .gstfaq__floating {
    position: absolute;
    z-index: 7;
    min-width: 121px;
    display: grid;
    grid-template-columns: 33px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 12px;
    background: rgba(5,21,42,.96);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstfaq__floating > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.07);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__floating small,
  .gstfaq__floating strong {
    display: block;
  }

  .gstfaq__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstfaq__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
  }

  .gstfaq__floating--diagnosis {
    top: 35px;
    left: 0;
    animation: gstfCard1 5.2s ease-in-out infinite;
  }

  .gstfaq__floating--time {
    top: 90px;
    right: 0;
    animation: gstfCard2 5.7s ease-in-out infinite;
  }

  .gstfaq__floating--warranty {
    right: 7px;
    bottom: 22px;
    animation: gstfCard3 5.5s ease-in-out infinite;
  }

  /* QUICK */

  .gstfaq__quick {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 7px;
  }

  .gstfaq__quick article {
    min-width: 0;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.08);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstfaq__quick article > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.055);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__quick small,
  .gstfaq__quick strong {
    display: block;
  }

  .gstfaq__quick small {
    color: #6d869a;
    font-size: 9px;
  }

  .gstfaq__quick strong {
    margin-top: 2px;
    color: #cbdbe7;
    font-size: 10px;
    line-height: 1.4;
  }

  .gstfaq__panel-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 11px;
    padding: 11px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 12px;
    background: rgba(255,200,92,.022);
  }

  .gstfaq__panel-note > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstf-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstfaq__panel-note svg {
    width: 21px;
    height: 21px;
  }

  .gstfaq__panel-note p {
    margin: 0;
    color: #958d7f;
    font-size: 10px;
    line-height: 1.55;
  }

  /* GROUP */

  .gstfaq__group + .gstfaq__group {
    margin-top: 24px;
  }

  .gstfaq__group {
    min-width: 0;
  }

  .gstfaq__group-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 12px;
    padding: 15px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 16px;
    background: rgba(255,255,255,.019);
  }

  .gstfaq__group-head > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
  }

  .gstfaq__group-head > div > span {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.065);
    font-size: 9px;
    font-weight: 850;
  }

  .gstfaq__group-head small {
    display: block;
    color: #6e899f;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .65px;
  }

  .gstfaq__group-head h3 {
    margin: 3px 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
  }

  .gstfaq__group-head > strong {
    flex: 0 0 auto;
    color: #6f899e;
    font-size: 10px;
    font-weight: 650;
  }

  /* ACCORDION */

  .gstfaq__accordion {
    display: grid;
    gap: 9px;
  }

  .gstfaq__item {
    overflow: hidden;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.035), transparent 38%),
      rgba(255,255,255,.022);
    transition:
      border-color 220ms ease,
      background 220ms ease;
  }

  .gstfaq__item[open] {
    border-color: rgba(37,216,244,.28);
    background:
      radial-gradient(circle at 100% 0%, rgba(37,216,244,.065), transparent 40%),
      rgba(255,255,255,.029);
  }

  .gstfaq__item summary {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 38px;
    gap: 12px;
    align-items: center;
    padding: 16px;
    color: #fff;
    cursor: pointer;
    list-style: none;
  }

  .gstfaq__item summary::-webkit-details-marker {
    display: none;
  }

  .gstfaq__item summary::marker {
    display: none;
    content: "";
  }

  .gstfaq__item-number {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.065);
    font-size: 9px;
    font-weight: 850;
  }

  .gstfaq__item-question {
    min-width: 0;
    color: #e5f0f9;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
  }

  .gstfaq__item-toggle {
    position: relative;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(92,174,255,.12);
    border-radius: 11px;
    background: rgba(255,255,255,.022);
  }

  .gstfaq__item-toggle::before,
  .gstfaq__item-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: var(--gstf-cyan);
    transform: translate(-50%, -50%);
    transition: transform 220ms ease;
  }

  .gstfaq__item-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .gstfaq__item[open] .gstfaq__item-toggle::after {
    transform: translate(-50%, -50%) rotate(0);
  }

  .gstfaq__answer {
    padding: 0 18px 18px 70px;
  }

  .gstfaq__answer > p {
    margin: 0;
    color: #93a8ba;
    font-size: 12px;
    line-height: 1.75;
  }

  .gstfaq__answer > p + p {
    margin-top: 9px;
  }

  .gstfaq__answer > p strong {
    color: #dceaf5;
  }

  .gstfaq__answer-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
  }

  .gstfaq__answer-tags span {
    padding: 7px 9px;
    border: 1px solid rgba(92,174,255,.11);
    border-radius: 999px;
    color: #7894aa;
    background: rgba(255,255,255,.02);
    font-size: 9px;
    line-height: 1;
  }

  /* ANSWER ALERTS */

  .gstfaq__answer-alert {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-top: 13px;
    padding: 12px;
    border-radius: 13px;
  }

  .gstfaq__answer-alert > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
  }

  .gstfaq__answer-alert svg {
    width: 21px;
    height: 21px;
  }

  .gstfaq__answer-alert p {
    margin: 0;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstfaq__answer-alert--yellow {
    border: 1px solid rgba(255,200,92,.12);
    background: rgba(255,200,92,.022);
  }

  .gstfaq__answer-alert--yellow > span {
    color: var(--gstf-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstfaq__answer-alert--yellow p {
    color: #978f7f;
  }

  .gstfaq__answer-alert--green {
    border: 1px solid rgba(72,217,154,.12);
    background: rgba(72,217,154,.022);
  }

  .gstfaq__answer-alert--green > span {
    color: var(--gstf-green);
    background: rgba(72,217,154,.065);
  }

  .gstfaq__answer-alert--green p {
    color: #809b8e;
  }

  .gstfaq__answer-alert--red {
    border: 1px solid rgba(255,107,118,.13);
    background: rgba(255,107,118,.022);
  }

  .gstfaq__answer-alert--red > span {
    color: var(--gstf-red);
    background: rgba(255,107,118,.065);
  }

  .gstfaq__answer-alert--red p {
    color: #9e898b;
  }

  /* FLOW */

  .gstfaq__answer-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-top: 13px;
  }

  .gstfaq__answer-flow--four {
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  }

  .gstfaq__answer-flow article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.019);
  }

  .gstfaq__answer-flow span,
  .gstfaq__answer-flow small,
  .gstfaq__answer-flow strong {
    display: block;
  }

  .gstfaq__answer-flow span {
    color: var(--gstf-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__answer-flow small {
    margin-top: 3px;
    color: #637c91;
    font-size: 7px;
  }

  .gstfaq__answer-flow strong {
    margin-top: 3px;
    color: #bdcdda;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstfaq__answer-flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  /* COMPARISON */

  .gstfaq__comparison {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: center;
    margin-top: 13px;
  }

  .gstfaq__comparison article {
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.019);
  }

  .gstfaq__comparison small,
  .gstfaq__comparison strong {
    display: block;
  }

  .gstfaq__comparison small {
    color: #6f899e;
    font-size: 9px;
  }

  .gstfaq__comparison strong {
    margin-top: 3px;
    color: #d8e6f1;
    font-size: 11px;
  }

  .gstfaq__comparison > i {
    color: var(--gstf-yellow);
    font-size: 18px;
    font-style: normal;
  }

  /* LIQUID */

  .gstfaq__liquid-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
  }

  .gstfaq__liquid-actions article {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 10px;
    border-radius: 11px;
  }

  .gstfaq__liquid-actions article > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
  }

  .gstfaq__liquid-actions strong {
    font-size: 9px;
    line-height: 1.4;
  }

  .gstfaq__liquid-actions--good {
    border: 1px solid rgba(72,217,154,.11);
    background: rgba(72,217,154,.022);
  }

  .gstfaq__liquid-actions--good > span {
    color: var(--gstf-green);
    background: rgba(72,217,154,.065);
  }

  .gstfaq__liquid-actions--good strong {
    color: #a9cabb;
  }

  .gstfaq__liquid-actions--bad {
    border: 1px solid rgba(255,107,118,.11);
    background: rgba(255,107,118,.022);
  }

  .gstfaq__liquid-actions--bad > span {
    color: var(--gstf-red);
    background: rgba(255,107,118,.065);
  }

  .gstfaq__liquid-actions--bad strong {
    color: #c5a8aa;
  }

  /* AVAILABILITY */

  .gstfaq__availability-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 13px;
  }

  .gstfaq__availability-flow article {
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.019);
  }

  .gstfaq__availability-flow span,
  .gstfaq__availability-flow strong {
    display: block;
  }

  .gstfaq__availability-flow span {
    color: var(--gstf-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__availability-flow strong {
    margin-top: 4px;
    color: #bdcdda;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstfaq__availability-flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  /* WARRANTY */

  .gstfaq__warranty-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 13px;
  }

  .gstfaq__warranty-grid article {
    min-width: 0;
    padding: 12px;
    border-radius: 12px;
  }

  .gstfaq__warranty-grid small {
    display: block;
    margin-bottom: 8px;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .6px;
  }

  .gstfaq__warranty-grid span {
    display: block;
    font-size: 9px;
    line-height: 1.45;
  }

  .gstfaq__warranty-grid span + span {
    margin-top: 5px;
  }

  .gstfaq__warranty-grid--covered {
    border: 1px solid rgba(72,217,154,.11);
    background: rgba(72,217,154,.022);
  }

  .gstfaq__warranty-grid--covered small {
    color: #72b894;
  }

  .gstfaq__warranty-grid--covered span {
    color: #93ad9f;
  }

  .gstfaq__warranty-grid--excluded {
    border: 1px solid rgba(255,107,118,.11);
    background: rgba(255,107,118,.022);
  }

  .gstfaq__warranty-grid--excluded small {
    color: #b88c8f;
  }

  .gstfaq__warranty-grid--excluded span {
    color: #aa9294;
  }

  /* WHATSAPP */

  .gstfaq__whatsapp-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
  }

  .gstfaq__whatsapp-data article {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.019);
  }

  .gstfaq__whatsapp-data article > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstf-green);
    background: rgba(72,217,154,.06);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__whatsapp-data small,
  .gstfaq__whatsapp-data strong {
    display: block;
  }

  .gstfaq__whatsapp-data small {
    color: #6f899e;
    font-size: 8px;
  }

  .gstfaq__whatsapp-data strong {
    margin-top: 2px;
    color: #c9d9e5;
    font-size: 10px;
    line-height: 1.4;
  }

  .gstfaq__answer-button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(110deg, #089d65, #13c982);
    box-shadow: 0 16px 32px rgba(16,191,124,.18);
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease;
  }

  .gstfaq__answer-button:hover {
    transform: translateY(-3px);
    color: #fff !important;
    box-shadow: 0 22px 40px rgba(16,191,124,.27);
  }

  .gstfaq__answer-button i {
    font-size: 17px;
    font-style: normal;
  }

  /* SUMMARY */

  .gstfaq__summary {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(490px, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-top: 30px;
    padding: 20px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 20px;
    background: rgba(1,12,26,.38);
  }

  .gstfaq__summary-copy {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }

  .gstfaq__summary-copy > span {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstf-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstfaq__summary-copy svg {
    width: 24px;
    height: 24px;
  }

  .gstfaq__summary-copy small,
  .gstfaq__summary-copy strong {
    display: block;
  }

  .gstfaq__summary-copy small {
    margin-bottom: 4px;
    color: #71899f;
    font-size: 9px;
  }

  .gstfaq__summary-copy strong {
    color: #e4f1fd;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstfaq__summary-copy p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstfaq__summary-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
  }

  .gstfaq__summary-flow article {
    min-width: 0;
    padding: 11px;
    border: 1px solid rgba(92,174,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.021);
  }

  .gstfaq__summary-flow span,
  .gstfaq__summary-flow small,
  .gstfaq__summary-flow strong {
    display: block;
  }

  .gstfaq__summary-flow span {
    color: var(--gstf-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfaq__summary-flow small {
    margin-top: 3px;
    color: #627c91;
    font-size: 7px;
  }

  .gstfaq__summary-flow strong {
    margin-top: 4px;
    color: #cbdbe7;
    font-size: 9px;
    line-height: 1.4;
  }

  .gstfaq__summary-flow > i {
    color: #4f7187;
    font-size: 11px;
    font-style: normal;
  }

  /* ANIMACIONES */

  .gstfaq a:focus-visible,
  .gstfaq summary:focus-visible {
    outline: 2px solid var(--gstf-cyan);
    outline-offset: 4px;
  }

  @keyframes gstfPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstfOrbit {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .65;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gstfDevice {
    0%, 100% {
      transform: translate(-50%, -50%) rotate(-3deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(-1deg) translateY(-7px);
    }
  }

  @keyframes gstfCard1 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gstfCard2 {
    0%, 100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gstfCard3 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1050px) {

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

    .gstfaq__panel {
      position: static;
      display: grid;
      grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
      gap: 20px;
    }

    .gstfaq__panel-grid,
    .gstfaq__panel-top,
    .gstfaq__panel-copy,
    .gstfaq__panel-note {
      grid-column: 1 / -1;
    }

    .gstfaq__visual {
      height: 420px;
      margin-top: 0;
    }

    .gstfaq__quick {
      align-content: center;
    }

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

  }

  @media (max-width: 850px) {

    .gstfaq__header {
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .gstfaq__summary-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstfaq__summary-flow > i {
      display: none;
    }

    .gstfaq__answer-flow--four,
    .gstfaq__availability-flow {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gstfaq__answer-flow--four > i,
    .gstfaq__availability-flow > i {
      display: none;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstfaq {
      padding: 66px 17px 72px;
    }

    .gstfaq__panel {
      display: block;
      padding: 19px 17px;
      border-radius: 23px;
      backdrop-filter: none;
    }

    .gstfaq__visual {
      height: 370px;
      margin-top: 15px;
    }

    .gstfaq__quick {
      margin-top: 7px;
    }

    .gstfaq__answer {
      padding: 0 16px 17px;
    }

    .gstfaq__answer-flow,
    .gstfaq__liquid-actions,
    .gstfaq__whatsapp-data {
      grid-template-columns: 1fr;
    }

    .gstfaq__answer-flow > i {
      display: none;
    }

  }

  @media (max-width: 480px) {

    .gstfaq__header h2 {
      font-size: clamp(36px, 11vw, 49px);
    }

    .gstfaq__panel-top {
      align-items: flex-start;
    }

    .gstfaq__visual {
      height: 355px;
    }

    .gstfaq__terminal {
      width: 155px;
      height: 224px;
    }

    .gstfaq__floating {
      min-width: 108px;
      grid-template-columns: 30px minmax(0, 1fr);
      padding: 7px;
    }

    .gstfaq__floating > span {
      width: 30px;
      height: 30px;
    }

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

    .gstfaq__group-head {
      align-items: flex-start;
    }

    .gstfaq__group-head > strong {
      display: none;
    }

    .gstfaq__item summary {
      grid-template-columns: 36px minmax(0, 1fr) 35px;
      gap: 9px;
      padding: 14px;
    }

    .gstfaq__item-number {
      width: 36px;
      height: 36px;
    }

    .gstfaq__item-toggle {
      width: 35px;
      height: 35px;
    }

    .gstfaq__item-question {
      font-size: 13px;
    }

    .gstfaq__answer-alert,
    .gstfaq__summary-copy {
      grid-template-columns: 1fr;
    }

    .gstfaq__comparison,
    .gstfaq__warranty-grid {
      grid-template-columns: 1fr;
    }

    .gstfaq__comparison > i {
      display: none;
    }

    .gstfaq__answer-flow--four,
    .gstfaq__availability-flow,
    .gstfaq__summary-flow {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstfaq__eyebrow > span,
    .gstfaq__panel-top > span i,
    .gstfaq__orbit,
    .gstfaq__terminal,
    .gstfaq__floating {
      animation: none !important;
    }

    .gstfaq__item,
    .gstfaq__item-toggle::before,
    .gstfaq__item-toggle::after,
    .gstfaq__answer-button {
      transition: none !important;
    }

  }



  .gstfinal {
    --gstfin-cyan: #25d8f4;
    --gstfin-blue: #297cff;
    --gstfin-green: #48d99a;
    --gstfin-yellow: #ffc85c;
    --gstfin-red: #ff6b76;
    --gstfin-white: #ffffff;
    --gstfin-text: #b7c9dc;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(78px, 8vw, 120px) 24px;
    color: var(--gstfin-white);
    background:
      radial-gradient(circle at 8% 14%, rgba(37,216,244,.12), transparent 31%),
      radial-gradient(circle at 91% 79%, rgba(41,124,255,.2), transparent 37%),
      linear-gradient(118deg, #020914 0%, #06172e 50%, #0b2850 100%);
    font-family: "Poppins", Inter, Arial, sans-serif;
  }

  .gstfinal *,
  .gstfinal *::before,
  .gstfinal *::after {
    box-sizing: border-box;
  }

  .gstfinal svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gstfinal__grid {
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .26;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(56,146,220,.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(56,146,220,.075) 1px, transparent 1px),
      radial-gradient(circle, rgba(37,216,244,.22) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 36px 36px;
  }

  .gstfinal__glow {
    position: absolute;
    z-index: -2;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
  }

  .gstfinal__glow--cyan {
    top: 1%;
    left: -230px;
    opacity: .12;
    background: var(--gstfin-cyan);
  }

  .gstfinal__glow--blue {
    right: -210px;
    bottom: 4%;
    opacity: .17;
    background: var(--gstfin-blue);
  }

  .gstfinal__wrap {
    width: min(1240px, 100%);
    margin: 0 auto;
  }

  /* MAIN */

  .gstfinal__main {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, .76fr);
    gap: clamp(30px, 5vw, 65px);
    padding: clamp(27px, 4vw, 48px);
    border: 1px solid rgba(92,174,255,.22);
    border-radius: 32px;
    background:
      radial-gradient(circle at 78% 42%, rgba(37,216,244,.11), transparent 34%),
      linear-gradient(145deg, rgba(15,48,84,.78), rgba(4,17,35,.96));
    box-shadow:
      0 35px 85px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(15px);
  }

  .gstfinal__main-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(66,157,220,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(66,157,220,.05) 1px, transparent 1px);
    background-size: 31px 31px;
  }

  .gstfinal__main > *:not(.gstfinal__main-grid) {
    position: relative;
    z-index: 2;
  }

  /* CONTENT */

  .gstfinal__content {
    align-self: center;
  }

  .gstfinal__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 19px;
    color: #83dcff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .gstfinal__eyebrow > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gstfin-green);
    box-shadow:
      0 0 0 6px rgba(72,217,154,.08),
      0 0 17px rgba(72,217,154,.62);
    animation: gstfinPulse 2.4s ease-in-out infinite;
  }

  .gstfinal__content h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 5.4vw, 72px);
    line-height: 1.01;
    font-weight: 850;
    letter-spacing: -.055em;
  }

  .gstfinal__content h2 span {
    display: block;
    margin-top: 5px;
    color: transparent;
    background: linear-gradient(
      90deg,
      #75dfff,
      var(--gstfin-cyan) 46%,
      #688eff
    );
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gstfinal__lead {
    max-width: 690px;
    margin: 20px 0 0;
    color: var(--gstfin-text);
    font-size: 15px;
    line-height: 1.75;
  }

  /* REQUEST */

  .gstfinal__request {
    display: grid;
    grid-template-columns: 53px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 23px;
    padding: 16px;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 17px;
    background: rgba(37,216,244,.027);
  }

  .gstfinal__request-icon {
    width: 53px;
    height: 53px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.075);
  }

  .gstfinal__request-icon svg {
    width: 26px;
    height: 26px;
  }

  .gstfinal__request small,
  .gstfinal__request strong {
    display: block;
  }

  .gstfinal__request small {
    margin-bottom: 3px;
    color: #7193a9;
    font-size: 10px;
  }

  .gstfinal__request strong {
    color: #e2eef8;
    font-size: 13px;
    line-height: 1.45;
  }

  .gstfinal__request p {
    margin: 5px 0 0;
    color: #849daf;
    font-size: 11px;
    line-height: 1.6;
  }

  /* ACTIONS */

  .gstfinal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 16px;
  }

  .gstfinal__button {
    min-width: 0;
    min-height: 67px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px;
    border-radius: 15px;
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 220ms ease;
  }

  .gstfinal__button:hover {
    transform: translateY(-4px);
  }

  .gstfinal__button > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
  }

  .gstfinal__button svg {
    width: 22px;
    height: 22px;
  }

  .gstfinal__button small,
  .gstfinal__button strong {
    display: block;
  }

  .gstfinal__button small {
    margin-bottom: 2px;
    font-size: 9px;
  }

  .gstfinal__button strong {
    font-size: 11px;
    line-height: 1.4;
  }

  .gstfinal__button > i {
    font-size: 17px;
    font-style: normal;
  }

  .gstfinal__button--whatsapp {
    border: 1px solid rgba(72,217,154,.27);
    color: #fff !important;
    background: linear-gradient(115deg, #078b59, #13c982);
    box-shadow: 0 16px 34px rgba(16,191,124,.2);
  }

  .gstfinal__button--whatsapp:hover {
    color: #fff !important;
    box-shadow: 0 23px 42px rgba(16,191,124,.3);
  }

  .gstfinal__button--whatsapp > span {
    color: #fff;
    background: rgba(255,255,255,.12);
  }

  .gstfinal__button--whatsapp small {
    color: rgba(255,255,255,.72);
  }

  .gstfinal__button--location {
    border: 1px solid rgba(92,174,255,.17);
    color: #e5f1fb !important;
    background: rgba(255,255,255,.035);
  }

  .gstfinal__button--location:hover {
    border-color: rgba(37,216,244,.38);
    color: #fff !important;
    box-shadow: 0 20px 38px rgba(0,0,0,.2);
  }

  .gstfinal__button--location > span {
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.075);
  }

  .gstfinal__button--location small {
    color: #7390a6;
  }

  /* BENEFITS */

  .gstfinal__benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 15px;
  }

  .gstfinal__benefits article {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.019);
  }

  .gstfinal__benefits article > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.06);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfinal__benefits small,
  .gstfinal__benefits strong {
    display: block;
  }

  .gstfinal__benefits small {
    color: #70899e;
    font-size: 9px;
  }

  .gstfinal__benefits strong {
    margin-top: 2px;
    color: #cbdbe7;
    font-size: 10px;
    line-height: 1.4;
  }

  /* VISUAL */

  .gstfinal__visual {
    min-width: 0;
    align-self: stretch;
    overflow: hidden;
    padding: 19px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 23px;
    background:
      radial-gradient(circle at 50% 44%, rgba(37,216,244,.11), transparent 43%),
      rgba(0,11,24,.4);
  }

  .gstfinal__visual-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(92,174,255,.1);
  }

  .gstfinal__visual-top > span {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: #7ed9b1;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .65px;
  }

  .gstfinal__visual-top > span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gstfin-green);
    box-shadow: 0 0 11px rgba(72,217,154,.68);
    animation: gstfinPulse 2.4s ease-in-out infinite;
  }

  .gstfinal__visual-top > strong {
    color: #658095;
    font-size: 9px;
    letter-spacing: .75px;
  }

  .gstfinal__stage {
    position: relative;
    height: 430px;
  }

  .gstfinal__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(37,216,244,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: gstfinOrbit 4.8s ease-in-out infinite;
  }

  .gstfinal__orbit--1 {
    width: 350px;
    height: 350px;
  }

  .gstfinal__orbit--2 {
    width: 255px;
    height: 255px;
    animation-delay: -1.6s;
  }

  .gstfinal__orbit--3 {
    width: 160px;
    height: 160px;
    animation-delay: -3.1s;
  }

  .gstfinal__tablet {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 205px;
    height: 295px;
    padding: 9px;
    border: 2px solid rgba(146,202,232,.42);
    border-radius: 27px;
    background: linear-gradient(145deg, #1a354d, #081725);
    box-shadow:
      0 0 0 10px rgba(37,216,244,.024),
      0 31px 50px rgba(0,0,0,.38),
      0 0 34px rgba(37,216,244,.12);
    transform: translate(-50%, -50%) rotate(-4deg);
    animation: gstfinDevice 5s ease-in-out infinite;
  }

  .gstfinal__tablet-camera {
    position: absolute;
    z-index: 4;
    top: 4px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #526e84;
    transform: translateX(-50%);
  }

  .gstfinal__tablet-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.17);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 42%, rgba(37,216,244,.15), transparent 42%),
      linear-gradient(145deg, #061d34, #020b17);
  }

  .gstfinal__screen-grid {
    position: absolute;
    inset: 0;
    opacity: .5;
    background-image:
      linear-gradient(rgba(37,216,244,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(37,216,244,.045) 1px, transparent 1px);
    background-size: 17px 17px;
  }

  .gstfinal__scan {
    position: absolute;
    z-index: 2;
    top: 10%;
    right: 5px;
    left: 5px;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(37,216,244,.85),
      transparent
    );
    box-shadow: 0 0 16px rgba(37,216,244,.6);
    animation: gstfinScan 4s ease-in-out infinite;
  }

  .gstfinal__screen-core {
    position: relative;
    z-index: 3;
    width: 120px;
    height: 120px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37,216,244,.34);
    border-radius: 30px;
    background: linear-gradient(
      145deg,
      rgba(37,216,244,.16),
      rgba(41,124,255,.09)
    );
    box-shadow:
      0 0 0 9px rgba(37,216,244,.025),
      0 0 29px rgba(37,216,244,.16);
  }

  .gstfinal__screen-core > span {
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(37,216,244,.11);
    border-radius: 22px;
  }

  .gstfinal__screen-core img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    transform: translateY(-6px);
  }

  .gstfinal__screen-core small {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    color: #6bb5d2;
    font-size: 7px;
    text-align: center;
  }

  .gstfinal__screen-status {
    position: absolute;
    z-index: 4;
    right: 9px;
    bottom: 9px;
    left: 9px;
    padding: 8px;
    border: 1px solid rgba(37,216,244,.1);
    border-radius: 9px;
    background: rgba(2,12,25,.77);
  }

  .gstfinal__screen-status span,
  .gstfinal__screen-status strong {
    display: block;
  }

  .gstfinal__screen-status span {
    color: #71d9a6;
    font-size: 7px;
  }

  .gstfinal__screen-status span i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    border-radius: 50%;
    background: var(--gstfin-green);
  }

  .gstfinal__screen-status strong {
    margin-top: 3px;
    color: #55758b;
    font-size: 6px;
  }

  /* FLOATING */

  .gstfinal__floating {
    position: absolute;
    z-index: 7;
    min-width: 126px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(92,174,255,.19);
    border-radius: 12px;
    background: rgba(5,21,42,.96);
    box-shadow: 0 16px 30px rgba(0,0,0,.27);
  }

  .gstfinal__floating > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.07);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfinal__floating small,
  .gstfinal__floating strong {
    display: block;
  }

  .gstfinal__floating small {
    color: #71899f;
    font-size: 8px;
  }

  .gstfinal__floating strong {
    margin-top: 2px;
    color: #e5f1fd;
    font-size: 9px;
    line-height: 1.35;
  }

  .gstfinal__floating--model {
    top: 48px;
    left: 0;
    animation: gstfinCard1 5.2s ease-in-out infinite;
  }

  .gstfinal__floating--symptom {
    top: 107px;
    right: 0;
    animation: gstfinCard2 5.7s ease-in-out infinite;
  }

  .gstfinal__floating--history {
    left: 5px;
    bottom: 56px;
    animation: gstfinCard3 5.5s ease-in-out infinite;
  }

  .gstfinal__floating--diagnosis {
    right: 4px;
    bottom: 20px;
    animation: gstfinCard4 5.9s ease-in-out infinite;
  }

  /* VISUAL FLOW */

  .gstfinal__visual-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 3px;
  }

  .gstfinal__visual-flow article {
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(92,174,255,.09);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
  }

  .gstfinal__visual-flow span,
  .gstfinal__visual-flow small,
  .gstfinal__visual-flow strong {
    display: block;
  }

  .gstfinal__visual-flow span {
    color: var(--gstfin-cyan);
    font-size: 8px;
    font-weight: 850;
  }

  .gstfinal__visual-flow small {
    margin-top: 3px;
    color: #617b90;
    font-size: 7px;
  }

  .gstfinal__visual-flow strong {
    margin-top: 3px;
    color: #bbcbd8;
    font-size: 9px;
  }

  .gstfinal__visual-flow > i {
    color: #4f7187;
    font-size: 10px;
    font-style: normal;
  }

  .gstfinal__visual-note {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    padding: 11px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 12px;
    background: rgba(255,200,92,.022);
  }

  .gstfinal__visual-note > span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--gstfin-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstfinal__visual-note svg {
    width: 20px;
    height: 20px;
  }

  .gstfinal__visual-note p {
    margin: 0;
    color: #968e7f;
    font-size: 10px;
    line-height: 1.55;
  }

  /* CONTACT */

  .gstfinal__contact {
    display: grid;
    grid-template-columns: .65fr .65fr 1.4fr;
    gap: 12px;
    margin-top: 17px;
  }

  .gstfinal__contact-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(92,174,255,.13);
    border-radius: 17px;
    color: inherit !important;
    background: rgba(255,255,255,.022);
    text-decoration: none !important;
    transition:
      transform 220ms ease,
      border-color 220ms ease,
      background 220ms ease;
  }

  .gstfinal__contact-card:hover {
    transform: translateY(-4px);
    border-color: rgba(37,216,244,.32);
    color: inherit !important;
    background: rgba(37,216,244,.035);
  }

  .gstfinal__contact-card > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.065);
  }

  .gstfinal__contact-card svg {
    width: 24px;
    height: 24px;
  }

  .gstfinal__contact-card small,
  .gstfinal__contact-card strong {
    display: block;
  }

  .gstfinal__contact-card small {
    color: #718ba1;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstfinal__contact-card strong {
    margin-top: 3px;
    color: #e0edf7;
    font-size: 12px;
    line-height: 1.45;
  }

  .gstfinal__contact-card p {
    margin: 4px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.55;
  }

  .gstfinal__contact-card > i {
    color: var(--gstfin-cyan);
    font-size: 17px;
    font-style: normal;
  }

  /* CONDITIONS */

  .gstfinal__conditions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstfinal__condition {
    min-width: 0;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 18px;
    border-radius: 18px;
  }

  .gstfinal__condition--diagnosis {
    border: 1px solid rgba(37,216,244,.14);
    background: rgba(37,216,244,.023);
  }

  .gstfinal__condition--warranty {
    border: 1px solid rgba(72,217,154,.14);
    background: rgba(72,217,154,.023);
  }

  .gstfinal__condition > span {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
  }

  .gstfinal__condition--diagnosis > span {
    color: var(--gstfin-cyan);
    background: rgba(37,216,244,.07);
  }

  .gstfinal__condition--warranty > span {
    color: var(--gstfin-green);
    background: rgba(72,217,154,.07);
  }

  .gstfinal__condition svg {
    width: 26px;
    height: 26px;
  }

  .gstfinal__condition small,
  .gstfinal__condition strong {
    display: block;
  }

  .gstfinal__condition small {
    margin-bottom: 4px;
    color: #718ba0;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .6px;
  }

  .gstfinal__condition--warranty small {
    color: #72a48b;
  }

  .gstfinal__condition strong {
    color: #e0edf7;
    font-size: 12px;
    line-height: 1.5;
  }

  .gstfinal__condition p {
    margin: 6px 0 0;
    color: #8299ad;
    font-size: 10px;
    line-height: 1.65;
  }

  /* NOTICES */

  .gstfinal__notices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  .gstfinal__notices article {
    min-width: 0;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 17px;
    border: 1px solid rgba(255,200,92,.12);
    border-radius: 17px;
    background: rgba(255,200,92,.019);
  }

  .gstfinal__notices article > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--gstfin-yellow);
    background: rgba(255,200,92,.065);
  }

  .gstfinal__notices svg {
    width: 24px;
    height: 24px;
  }

  .gstfinal__notices small,
  .gstfinal__notices strong {
    display: block;
  }

  .gstfinal__notices small {
    color: #a69574;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .55px;
  }

  .gstfinal__notices strong {
    margin-top: 3px;
    color: #e8deca;
    font-size: 11px;
    line-height: 1.45;
  }

  .gstfinal__notices p {
    margin: 5px 0 0;
    color: #958d7e;
    font-size: 10px;
    line-height: 1.6;
  }

  .gstfinal a:focus-visible {
    outline: 2px solid var(--gstfin-cyan);
    outline-offset: 4px;
  }

  /* ANIMACIONES */

  @keyframes gstfinPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.86);
    }

    50% {
      opacity: 1;
      transform: scale(1.13);
    }
  }

  @keyframes gstfinOrbit {
    0%, 100% {
      opacity: .25;
      transform: translate(-50%, -50%) scale(.96);
    }

    50% {
      opacity: .67;
      transform: translate(-50%, -50%) scale(1.04);
    }
  }

  @keyframes gstfinDevice {
    0%, 100% {
      transform: translate(-50%, -50%) rotate(-4deg) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) rotate(-2deg) translateY(-8px);
    }
  }

  @keyframes gstfinScan {
    0%, 100% {
      top: 12%;
      opacity: .25;
    }

    50% {
      top: 78%;
      opacity: 1;
    }
  }

  @keyframes gstfinCard1 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(-6px) rotate(0);
    }
  }

  @keyframes gstfinCard2 {
    0%, 100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(6px) rotate(0);
    }
  }

  @keyframes gstfinCard3 {
    0%, 100% {
      transform: translateY(0) rotate(1deg);
    }

    50% {
      transform: translateY(-5px) rotate(0);
    }
  }

  @keyframes gstfinCard4 {
    0%, 100% {
      transform: translateY(0) rotate(-1deg);
    }

    50% {
      transform: translateY(5px) rotate(0);
    }
  }

  /* TABLETA */

  @media (max-width: 1080px) {

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

    .gstfinal__visual {
      display: grid;
      grid-template-columns: minmax(310px, .8fr) minmax(0, 1.2fr);
      gap: 17px;
    }

    .gstfinal__visual-top,
    .gstfinal__visual-note {
      grid-column: 1 / -1;
    }

    .gstfinal__stage {
      min-height: 480px;
    }

    .gstfinal__visual-flow {
      align-content: center;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gstfinal__visual-flow > i {
      display: none;
    }

    .gstfinal__contact {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gstfinal__contact-card--address {
      grid-column: 1 / -1;
    }

  }

  @media (max-width: 800px) {

    .gstfinal__actions,
    .gstfinal__benefits,
    .gstfinal__conditions,
    .gstfinal__notices {
      grid-template-columns: 1fr;
    }

  }

  /* MÓVIL */

  @media (max-width: 700px) {

    .gstfinal {
      padding: 66px 17px 72px;
    }

    .gstfinal__main {
      padding: 22px 17px;
      border-radius: 25px;
      backdrop-filter: none;
    }

    .gstfinal__visual {
      display: block;
      padding: 17px;
    }

    .gstfinal__stage {
      height: 420px;
      min-height: 0;
    }

    .gstfinal__visual-flow {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .gstfinal__contact-card--address {
      grid-column: auto;
    }

  }

  @media (max-width: 480px) {

    .gstfinal__content h2 {
      font-size: clamp(40px, 12vw, 53px);
    }

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

    .gstfinal__stage {
      height: 400px;
    }

    .gstfinal__tablet {
      width: 178px;
      height: 259px;
    }

    .gstfinal__orbit--1 {
      width: 305px;
      height: 305px;
    }

    .gstfinal__floating {
      min-width: 108px;
      grid-template-columns: 30px minmax(0, 1fr);
      padding: 7px;
    }

    .gstfinal__floating > span {
      width: 30px;
      height: 30px;
    }

    .gstfinal__floating--model {
      top: 43px;
    }

    .gstfinal__floating--symptom {
      top: 100px;
    }

    .gstfinal__visual-flow {
      grid-template-columns: 1fr;
    }

    .gstfinal__condition,
    .gstfinal__notices article {
      grid-template-columns: 1fr;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .gstfinal__eyebrow > span,
    .gstfinal__visual-top > span i,
    .gstfinal__orbit,
    .gstfinal__tablet,
    .gstfinal__scan,
    .gstfinal__floating {
      animation: none !important;
    }

    .gstfinal__button,
    .gstfinal__contact-card {
      transition: none !important;
    }

  }