.marble-maintenance-isolated,
.marble-maintenance-isolated body {
  min-height: 100%;
}

.marble-maintenance-isolated body {
  margin: 0;

  background:
    #061b2e;

  font-family:
    Inter,
    "PT Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.marble-maintenance-isolated .toolbar,
.marble-maintenance-isolated
.contextual-region
.contextual {
  display:
    none !important;
}


.rfrit-maintenance-page {
  --mm-bg: #061b2e;
  --mm-bg-deep: #03111e;
  --mm-panel: #0a2d4d;
  --mm-line: rgba(129, 185, 225, .18);
  --mm-text: #edf8ff;
  --mm-muted: #a2b8ca;
  --mm-blue: #43a7e8;
  --mm-green: #62d79c;

  position: relative;

  display: grid;

  min-height: 100vh;

  grid-template-rows:
    auto
    1fr
    auto;

  overflow: hidden;

  color:
    var(--mm-text);

  background:
    radial-gradient(
      circle at 83% 24%,
      rgba(38, 133, 194, .16),
      transparent 32%
    ),
    radial-gradient(
      circle at 14% 76%,
      rgba(34, 105, 157, .11),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      #092c4b 0%,
      #061b2e 48%,
      #03121f 100%
    );
}


.rfrit-maintenance-page::before,
.rfrit-maintenance-page::after {
  content: "";

  position: absolute;

  pointer-events: none;
}

.rfrit-maintenance-page::before {
  top: -220px;
  right: -180px;

  width: 580px;
  height: 580px;

  border:
    1px solid
    rgba(99, 171, 218, .09);

  border-radius: 50%;

  box-shadow:
    0 0 0 80px rgba(72, 149, 199, .025),
    0 0 0 160px rgba(72, 149, 199, .018);
}

.rfrit-maintenance-page::after {
  left: 0;
  right: 0;
  bottom: 76px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(133, 192, 231, .13),
      transparent
    );
}




.rfrit-maintenance-header {
  position: relative;
  z-index: 2;

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

  gap: 24px;

  min-height: 92px;

  padding:
    18px
    clamp(22px, 5vw, 76px);

  border-bottom:
    1px solid
    rgba(137, 193, 231, .11);
}

.rfrit-maintenance-brand {
  display: inline-flex;

  text-decoration: none;
}

.rfrit-maintenance-brand__plate {
  display: inline-flex;
  align-items: center;

  padding:
    10px
    16px;

  border-radius: 13px;

  background:
    rgba(255, 255, 255, .94);

  box-shadow:
    0 10px 35px
    rgba(0, 12, 24, .16);
}

.rfrit-maintenance-brand img {
  display: block;

  width:
    clamp(150px, 18vw, 250px);

  max-height: 50px;

  object-fit: contain;
}

.rfrit-maintenance-header__state {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  min-height: 38px;

  padding:
    0
    15px;

  border:
    1px solid
    rgba(98, 215, 156, .20);

  border-radius: 999px;

  color:
    #dff9eb;

  background:
    rgba(25, 109, 70, .17);

  font-size: 13px;
  font-weight: 720;
}

.rfrit-maintenance-header__state span {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    var(--mm-green);

  box-shadow:
    0 0 0 5px
    rgba(98, 215, 156, .10);
}




.rfrit-maintenance-content {
  position: relative;
  z-index: 1;

  display: grid;

  min-width: 0;
}

.rfrit-maintenance {
  display: grid;
  align-items: center;

  width:
    min(1380px, 100%);

  margin:
    0 auto;

  padding:
    clamp(42px, 6vw, 88px)
    clamp(24px, 6vw, 88px);

  grid-template-columns:
    minmax(0, .92fr)
    minmax(420px, 1.08fr);

  gap:
    clamp(42px, 6vw, 92px);
}


.rfrit-maintenance__copy {
  min-width: 0;
}

.rfrit-maintenance__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  margin-bottom: 22px;

  color:
    #90caee;

  font-size: 13px;
  font-weight: 760;

  letter-spacing: .07em;

  text-transform: uppercase;
}

.rfrit-maintenance__eyebrow-dot {
  width: 9px;
  height: 9px;

  border-radius: 50%;

  background:
    #efc35a;

  box-shadow:
    0 0 0 5px
    rgba(239, 195, 90, .09);
}


.rfrit-maintenance h1 {
  max-width: 720px;

  margin:
    0
    0
    22px;

  color:
    #fff;

  font-size:
    clamp(48px, 6vw, 88px);

  font-weight: 770;
  line-height: .98;

  letter-spacing: -.045em;
}


.rfrit-maintenance__lead {
  max-width: 650px;

  margin:
    0
    0
    30px;

  color:
    #c2d4e2;

  font-size:
    clamp(18px, 2vw, 23px);

  line-height: 1.55;
}


.rfrit-maintenance__status-card {
  display: grid;

  max-width: 610px;

  margin-bottom: 22px;

  overflow: hidden;

  border:
    1px solid
    var(--mm-line);

  border-radius: 16px;

  background:
    rgba(3, 19, 33, .34);

  backdrop-filter:
    blur(10px);
}

.rfrit-maintenance__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  min-height: 52px;

  padding:
    0
    18px;

  border-bottom:
    1px solid
    rgba(137, 192, 230, .09);

  color:
    #b8cad9;

  font-size: 14px;
}

.rfrit-maintenance__status-row:last-child {
  border-bottom: 0;
}

.rfrit-maintenance__status-row strong {
  font-size: 12px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .045em;
}

.rfrit-maintenance__status-row
.is-maintenance {
  color:
    #f0cb76;
}

.rfrit-maintenance__status-row
.is-ok {
  color:
    #70dfa8;
}


.rfrit-maintenance__joke {
  max-width: 610px;

  margin:
    0
    0
    24px;

  color:
    #789ab3;

  font-size: 13px;

  line-height: 1.55;
}


.rfrit-maintenance__notice {
  display: flex;
  align-items: flex-start;

  gap: 14px;

  max-width: 610px;

  padding:
    17px
    18px;

  border:
    1px solid
    rgba(83, 164, 219, .20);

  border-radius: 14px;

  background:
    rgba(20, 70, 108, .22);
}

.rfrit-maintenance__notice-icon {
  display: grid;
  place-items: center;

  flex:
    0 0
    28px;

  width: 28px;
  height: 28px;

  border:
    1px solid
    rgba(92, 183, 239, .30);

  border-radius: 50%;

  color:
    #bce6ff;

  font-size: 14px;
  font-weight: 800;

  background:
    rgba(47, 141, 201, .18);
}

.rfrit-maintenance__notice div {
  display: grid;

  gap: 4px;
}

.rfrit-maintenance__notice strong {
  color:
    #e9f7ff;

  font-size: 14px;
}

.rfrit-maintenance__notice span:not(.rfrit-maintenance__notice-icon) {
  color:
    #95adbf;

  font-size: 13px;

  line-height: 1.45;
}




.rfrit-maintenance__scene {
  position: relative;

  display: grid;
  place-items: center;

  min-width: 0;

  min-height: 480px;
}

.rfrit-maintenance__scene-glow {
  position: absolute;

  width: 72%;
  height: 72%;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(42, 138, 198, .19),
      transparent 68%
    );

  filter:
    blur(18px);
}

.rfrit-maintenance__scene-svg {
  position: relative;
  z-index: 1;

  display: block;

  width:
    min(100%, 720px);

  height: auto;
}




.rfrit-maintenance-footer {
  position: relative;
  z-index: 2;

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

  gap: 24px;

  min-height: 76px;

  padding:
    16px
    clamp(22px, 5vw, 76px);

  color:
    #7894aa;

  font-size: 12px;
}

.rfrit-maintenance-footer__links {
  display: flex;
  align-items: center;

  gap: 20px;
}

.rfrit-maintenance-footer a {
  color:
    #9fc8e3;

  text-decoration: none;
}

.rfrit-maintenance-footer a:hover {
  color:
    #fff;
}




@media (max-width: 980px) {
  .rfrit-maintenance {
    grid-template-columns:
      1fr;

    gap:
      22px;
  }

  .rfrit-maintenance__copy {
    max-width:
      720px;
  }

  .rfrit-maintenance__scene {
    min-height:
      360px;
  }

  .rfrit-maintenance__scene-svg {
    width:
      min(100%, 620px);
  }
}




@media (max-width: 640px) {
  .rfrit-maintenance-header {
    min-height: 76px;

    padding:
      12px
      18px;
  }

  .rfrit-maintenance-brand__plate {
    padding:
      8px
      11px;
  }

  .rfrit-maintenance-brand img {
    width:
      138px;
  }

  .rfrit-maintenance-header__state {
    padding:
      0
      10px;

    font-size: 11px;
  }

  .rfrit-maintenance {
    padding:
      38px
      20px
      24px;
  }

  .rfrit-maintenance h1 {
    font-size:
      clamp(46px, 15vw, 68px);
  }

  .rfrit-maintenance__lead {
    font-size:
      17px;
  }

  .rfrit-maintenance__status-row {
    align-items: flex-start;
    flex-direction: column;

    gap: 4px;

    padding:
      13px
      15px;
  }

  .rfrit-maintenance__scene {
    min-height:
      290px;
  }

  .rfrit-maintenance-footer {
    align-items: flex-start;
    flex-direction: column;

    gap: 8px;

    padding:
      18px
      20px;
  }
}






.rfrit-maintenance-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  max-width: min(520px, 72vw);
  color: #f4f8fb;
  text-decoration: none;
}

.rfrit-maintenance-brand__plate {
  display: none;
}

.rfrit-maintenance-brand__mark {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, .97);
  box-shadow:
    0 10px 28px rgba(0, 10, 20, .20),
    inset 0 0 0 1px rgba(255, 255, 255, .32);
}

.rfrit-maintenance-brand__mark img {
  display: block;
  width: 32px;
  height: 32px;
  max-width: 32px;
  object-fit: contain;
}

.rfrit-maintenance-brand__name {
  display: block;
  color: rgba(245, 250, 255, .96);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.rfrit-maintenance-brand__name span {
  display: block;
  color: rgba(216, 231, 243, .82);
  font-weight: 700;
}

.rfrit-maintenance-brand:hover,
.rfrit-maintenance-brand:focus {
  color: #fff;
  text-decoration: none;
}

.rfrit-maintenance-brand:focus-visible {
  outline: 2px solid rgba(117, 202, 251, .88);
  outline-offset: 6px;
  border-radius: 8px;
}


@media (max-width: 720px) {

  .rfrit-maintenance-brand {
    gap: 10px;
    max-width: calc(100vw - 150px);
  }

  .rfrit-maintenance-brand__mark {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }

  .rfrit-maintenance-brand__mark img {
    width: 28px;
    height: 28px;
    max-width: 28px;
  }

  .rfrit-maintenance-brand__name {
    overflow: hidden;
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
  }

}


@media (max-width: 480px) {

  .rfrit-maintenance-brand {
    max-width: calc(100vw - 125px);
  }

  .rfrit-maintenance-brand__name {
    font-size: 10px;
  }

}