:root{
  --yellow: #ffd400;
  --yellow2: #ffbf00;
  --black: #080909;
  --panel: #141616;
  --text: #ffffff;
  --muted: #aeb4b4;
  --red: #ef2b25;
  --green: #55c72a;
  --border: rgba(255, 255, 255, 0.09);
}

*{
  box-sizing: border-box;
}

html,
body{
  margin: 0;
  min-height: 100%;
  background: var(--black);
  color: var(--text);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

button,
input,
textarea,
select{
  font: inherit;
}

body{
  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(255, 212, 0, 0.1),
      transparent 32rem
    ),
    linear-gradient(180deg, #0c0d0d 0, #070808 100%);
}

.shell{
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px;
}

.topbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.brand{
  font-weight: 1000;
  letter-spacing: -0.04em;
  font-size: clamp(22px, 4vw, 34px);
}

.brand .speed{
  color: var(--green);
}

.brand .service{
  color: var(--red);
}

.pill{
  padding: 10px 14px;
  border: 1px solid var(--border);
  background: #151717;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
}

.hero{
  min-height: 72vh;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 44px;
  padding: 58px 0 34px;
}

.eyebrow{
  color: var(--yellow);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-size: 13px;
}

h1{
  margin: 12px 0 16px;
  font-size: clamp(48px, 8vw, 94px);
  line-height: 0.9;
  letter-spacing: -0.065em;
  max-width: 800px;
}

.yellow{
  color: var(--yellow);
}

.lead{
  color: #d6dada;
  line-height: 1.55;
  font-size: clamp(17px, 2vw, 21px);
  max-width: 650px;
}

.call-wrap{
  margin: 34px 0 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.call-button{
  border: 0;
  cursor: pointer;
  color: #080909;
  font-weight: 1000;
  text-transform: uppercase;
  width: min(100%, 430px);
  min-height: 92px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    #ffe55d 0%,
    var(--yellow) 50%,
    var(--yellow2) 100%
  );
  box-shadow:
    0 0 0 10px rgba(255, 212, 0, 0.07),
    0 18px 50px rgba(255, 193, 0, 0.28),
    inset 0 2px 1px rgba(255, 255, 255, 0.65);
  font-size: clamp(18px, 2.3vw, 25px);
  transition: 0.18s ease;
}

.call-button:hover{
  transform: translateY(-2px) scale(1.01);
}

.call-button:active{
  transform: scale(0.985);
}

.visual{
  border-radius: 34px;
  min-height: 420px;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--border);
  background:
    linear-gradient(135deg, rgba(255, 212, 0, 0.16), transparent 45%),
    repeating-linear-gradient(
      125deg,
      rgba(255, 255, 255, 0.025) 0 2px,
      transparent 2px 16px
    ),
    #121414;
  display: grid;
  place-items: center;
  padding: 30px;
}

.features{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 20px 0 48px;
}

.feature{
  padding: 18px;
  background: #111313;
  border: 1px solid var(--border);
  border-radius: 18px;
}

.feature b{
  color: var(--yellow);
  display: block;
  margin-bottom: 5px;
}

.feature span{
  color: var(--muted);
  font-size: 14px;
}

.modal-backdrop{
  display: none;
  position: fixed;
  inset: 0;
  z-index: 50;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(8px);
  padding: 16px;
  overflow: auto;
}

.modal-backdrop.open{
  display: grid;
  place-items: center;
}

.modal{
  width: min(680px, 100%);
  background: #101212;
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 30px 100px #000;
}

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

.close{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: #1c1f1f;
  color: white;
  cursor: pointer;
  font-size: 20px;
}

.form-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.field{
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.field.full{
  grid-column: 1/-1;
}

label{
  font-size: 13px;
  color: #c9cece;
  font-weight: 800;
}

input,
textarea,
select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #1a1d1d;
  color: #fff;
  padding: 14px 15px;
  outline: none;
}

input:focus,
textarea:focus,
select:focus{
  border-color: rgba(255, 212, 0, 0.65);
  box-shadow: 0 0 0 3px rgba(255, 212, 0, 0.08);
}

.problem-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
}

.problem{
  border: 1px solid var(--border);
  background: #1a1d1d;
  color: #fff;
  border-radius: 14px;
  padding: 14px;
  text-align: left;
  cursor: pointer;
}

.problem.active{
  border-color: var(--yellow);
  box-shadow: 0 0 0 2px rgba(255, 212, 0, 0.11);
}

.actions{
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.primary{
  background: var(--yellow);
  color: #090a0a;
  border: 0;
  border-radius: 14px;
  padding: 15px 20px;
  font-weight: 1000;
  cursor: pointer;
}

.secondary{
  background: #1c1f1f;
  color: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 15px 20px;
  font-weight: 800;
  cursor: pointer;
}

.statusbox{
  display: none;
  margin-top: 22px;
  padding: 20px;
  border-radius: 20px;
  background: #141616;
  border: 1px solid var(--border);
}

.statusbox.show{
  display: block;
}

.status-big{
  font-size: 28px;
  font-weight: 1000;
  color: var(--yellow);
}

.hidden{
  display: none !important;
}

@media (max-width: 820px){.hero{
    grid-template-columns: 1fr;
    padding-top: 40px;
  }
.visual{
    min-height: 310px;
  }
.features{
    grid-template-columns: 1fr 1fr;
  }}

@media (max-width: 560px){.shell{
    padding: 16px;
  }
.hero{
    min-height: auto;
    gap: 24px;
  }
.visual{
    display: none;
  }
.features{
    grid-template-columns: 1fr 1fr;
  }
.form-grid{
    grid-template-columns: 1fr;
  }
.field.full{
    grid-column: auto;
  }
.problem-grid{
    grid-template-columns: 1fr;
  }
.call-button{
    min-height: 82px;
  }
.topbar .pill{
    display: none;
  }}

.active-request-card{
  margin: 4px 0 24px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 212, 0, 0.38);
  background:
    linear-gradient(135deg, rgba(255, 212, 0, 0.09), transparent 55%), #111313;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);
}

.active-request-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}

.active-request-number{
  margin-top: 5px;
  font-size: 15px;
  color: var(--muted);
  font-weight: 800;
}

.active-request-badge{
  padding: 8px 12px;
  border-radius: 999px;
  background: #252828;
  font-size: 12px;
  font-weight: 1000;
}

.active-request-badge[data-status="new"]{
  color: var(--yellow);
}

.active-request-badge[data-status="accepted"],
.active-request-badge[data-status="on_the_way"],
.active-request-badge[data-status="working"]{
  color: #fff;
  border: 1px solid rgba(255, 212, 0, 0.35);
}

.active-request-badge[data-status="completed"]{
  color: var(--green);
}

.active-request-badge[data-status="cancelled"]{
  color: var(--red);
}

.active-request-status{
  margin-top: 18px;
  font-size: clamp(25px, 4vw, 38px);
  line-height: 1.05;
  font-weight: 1000;
  color: var(--yellow);
}

.active-request-text{
  margin: 9px 0 18px;
  color: #d6dada;
  font-size: 16px;
}

.active-request-progress{
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #292c2c;
}

.active-request-progress-fill{
  width: 10%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--yellow2), var(--yellow));
  transition: width 0.4s ease;
}

.active-request-footer{
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--muted);
  font-size: 13px;
}

.address-suggestions{
  position: relative;
  z-index: 10000;
  width: 100%;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 212, 0, 0.55);
  border-radius: 14px;
  background: #121414;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.address-suggestions.hidden{
  display: none;
}

.address-suggestion{
  display: block;
  width: 100%;
  min-height: 56px;
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: #151818;
  color: #f5f5f5;
  font: inherit;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.address-suggestion:last-of-type{
  border-bottom: 0;
}

.address-suggestion:hover,
.address-suggestion:focus{
  outline: none;
  background: #202323;
  color: #ffd400;
}

.address-google-attribution{
  padding: 7px 12px;
  background: #ffffff;
  color: #6b6b6b;
  font-size: 11px;
  line-height: 1.2;
  text-align: right;
}

@media (max-width: 700px){.address-suggestions{
    border-radius: 12px;
  }
.address-suggestion{
    min-height: 58px;
    padding: 14px 13px;
    font-size: 16px;
  }}

@keyframes speedservice-wheel-glow {
  0%,
  100% {
    box-shadow:
      0 0 0 2px rgba(255, 214, 0, 0.2),
      0 0 18px rgba(255, 214, 0, 0.25),
      0 0 45px rgba(255, 214, 0, 0.1),
      0 24px 50px rgba(0, 0, 0, 0.58);
  }

  50% {
    box-shadow:
      0 0 0 2px rgba(255, 214, 0, 0.4),
      0 0 30px rgba(255, 214, 0, 0.45),
      0 0 68px rgba(255, 214, 0, 0.19),
      0 24px 50px rgba(0, 0, 0, 0.58);
  }
}

@keyframes speed-wheel-pulse-v20 {
  0%,
  100% {
    box-shadow:
      0 0 8px rgba(255, 214, 0, 0.7),
      0 0 24px rgba(255, 214, 0, 0.38),
      0 0 55px rgba(255, 214, 0, 0.16),
      0 24px 55px rgba(0, 0, 0, 0.65);
  }

  50% {
    box-shadow:
      0 0 12px rgba(255, 214, 0, 1),
      0 0 36px rgba(255, 214, 0, 0.62),
      0 0 80px rgba(255, 214, 0, 0.27),
      0 24px 55px rgba(0, 0, 0, 0.65);
  }
}

.speed-wheel-main{
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 250px !important;
  min-width: 250px !important;

  height: 250px !important;
  min-height: 250px !important;

  margin: 28px auto 42px !important;
  padding: 0 !important;

  border: 4px solid #ffd600 !important;
  border-radius: 50% !important;

  background: radial-gradient(
    circle,
    #111111 0 34%,
    #050505 35% 57%,
    #252525 58% 62%,
    #050505 63% 100%
  ) !important;

  color: white !important;

  overflow: hidden !important;
  cursor: pointer !important;

  box-shadow:
    0 0 8px rgba(255, 214, 0, 0.95),
    0 0 28px rgba(255, 214, 0, 0.52),
    0 0 70px rgba(255, 214, 0, 0.22),
    0 25px 55px rgba(0, 0, 0, 0.65) !important;

  animation: main-wheel-glow 2.4s ease-in-out infinite !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.speed-wheel-main::before{
  content: "";

  position: absolute;
  inset: 10px;

  border-radius: 50%;

  background: repeating-conic-gradient(
    rgba(255, 255, 255, 0.2) 0deg 5deg,
    transparent 5deg 12deg
  );

  -webkit-mask: radial-gradient(circle, transparent 0 67%, #000 68%);

  mask: radial-gradient(circle, transparent 0 67%, #000 68%);

  pointer-events: none;
}

.speed-wheel-main::after{
  content: "";

  position: absolute;

  width: 142px;
  height: 142px;

  border: 2px solid #ffd600;
  border-radius: 50%;

  background: radial-gradient(
    circle,
    #171717 0 18%,
    #292929 19% 22%,
    #090909 23% 100%
  );

  box-shadow:
    0 0 18px rgba(255, 214, 0, 0.42),
    inset 0 0 26px rgba(0, 0, 0, 0.9);

  pointer-events: none;
}

.wheel-center-copy{
  position: relative;
  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
  line-height: 1.05;

  pointer-events: none;
}

.wheel-big{
  color: #fff;

  font-size: 20px;
  font-weight: 950;

  text-shadow:
    0 2px 4px #000,
    0 0 4px rgba(255, 255, 255, 0.2);
}

.speed-wheel-main:hover{
  transform: translateY(-4px) scale(1.035) !important;

  box-shadow:
    0 0 12px rgba(255, 214, 0, 1),
    0 0 40px rgba(255, 214, 0, 0.7),
    0 0 90px rgba(255, 214, 0, 0.3),
    0 28px 60px rgba(0, 0, 0, 0.7) !important;
}

.speed-wheel-main:active{
  transform: scale(0.96) !important;
}

@keyframes main-wheel-glow {
  0%,
  100% {
    box-shadow:
      0 0 8px rgba(255, 214, 0, 0.7),
      0 0 25px rgba(255, 214, 0, 0.38),
      0 0 55px rgba(255, 214, 0, 0.15),
      0 25px 55px rgba(0, 0, 0, 0.65);
  }

  50% {
    box-shadow:
      0 0 12px rgba(255, 214, 0, 1),
      0 0 38px rgba(255, 214, 0, 0.62),
      0 0 82px rgba(255, 214, 0, 0.28),
      0 25px 55px rgba(0, 0, 0, 0.65);
  }
}

@media (max-width: 600px){.speed-wheel-main{
    width: 215px !important;
    min-width: 215px !important;

    height: 215px !important;
    min-height: 215px !important;
  }
.speed-wheel-main::after{
    width: 122px;
    height: 122px;
  }
.wheel-big{
    font-size: 17px;
  }}

.speed-wheel-main{
  animation: speed-wheel-blink-v25 1.35s ease-in-out infinite !important;
}

@keyframes speed-wheel-blink-v25 {
  0%,
  100% {
    transform: scale(1);

    filter: brightness(1);

    box-shadow:
      0 0 6px rgba(255, 214, 0, 0.65),
      0 0 20px rgba(255, 214, 0, 0.3),
      0 0 45px rgba(255, 214, 0, 0.12),
      0 24px 55px rgba(0, 0, 0, 0.65);
  }

  50% {
    transform: scale(1.035);

    filter: brightness(1.13);

    box-shadow:
      0 0 12px rgba(255, 225, 70, 1),
      0 0 36px rgba(255, 214, 0, 0.78),
      0 0 85px rgba(255, 214, 0, 0.4),
      0 0 120px rgba(255, 214, 0, 0.15),
      0 26px 60px rgba(0, 0, 0, 0.7);
  }
}

.speed-wheel-main:hover{
  animation-play-state: paused !important;

  transform: scale(1.055) !important;

  filter: brightness(1.18);

  box-shadow:
    0 0 14px rgba(255, 230, 90, 1),
    0 0 44px rgba(255, 214, 0, 0.85),
    0 0 100px rgba(255, 214, 0, 0.44),
    0 28px 60px rgba(0, 0, 0, 0.7) !important;
}

.speed-wheel-main:active{
  transform: scale(0.94) !important;
}

.speed-wheel-main{
  isolation: isolate !important;
}

.speed-wheel-main::before{
  z-index: 1 !important;
}

.speed-wheel-main::after{
  z-index: 2 !important;
}

.speed-wheel-main .wheel-center-copy{
  position: relative !important;
  z-index: 10 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 125px !important;
  height: 125px !important;

  margin: 0 !important;

  text-align: center !important;
  pointer-events: none !important;
}

.speed-wheel-main .wheel-big{
  position: relative !important;
  z-index: 11 !important;

  display: block !important;

  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1.03 !important;

  white-space: nowrap !important;

  text-shadow:
    0 2px 4px #000,
    0 0 5px rgba(255, 255, 255, 0.18) !important;
}

.speed-wheel-main::after{
  display: none !important;
}

.speed-wheel-main .wheel-center-copy{
  position: relative !important;
  z-index: 50 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 142px !important;
  height: 142px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 2px solid #ffd600 !important;
  border-radius: 50% !important;

  background: radial-gradient(
    circle,
    #171717 0%,
    #101010 55%,
    #080808 100%
  ) !important;

  box-shadow:
    0 0 14px rgba(255, 214, 0, 0.3),
    inset 0 0 25px rgba(0, 0, 0, 0.9) !important;

  overflow: visible !important;
  pointer-events: none !important;
}

.speed-wheel-main .wheel-big{
  position: relative !important;
  z-index: 51 !important;

  display: block !important;

  margin: 0 !important;

  color: #fff !important;

  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;

  white-space: nowrap !important;

  text-shadow:
    0 2px 4px #000,
    0 0 5px rgba(255, 255, 255, 0.15) !important;
}

.speed-wheel-main{
  animation: speed-wheel-soft-pulse-v28 3.8s ease-in-out infinite !important;
}

@keyframes speed-wheel-soft-pulse-v28 {
  0%,
  100% {
    transform: scale(1);

    filter: brightness(1);

    box-shadow:
      0 0 7px rgba(255, 214, 0, 0.65),
      0 0 22px rgba(255, 214, 0, 0.3),
      0 0 48px rgba(255, 214, 0, 0.12),
      0 24px 55px rgba(0, 0, 0, 0.65);
  }

  50% {
    transform: scale(1.012);

    filter: brightness(1.05);

    box-shadow:
      0 0 10px rgba(255, 220, 35, 0.9),
      0 0 30px rgba(255, 214, 0, 0.5),
      0 0 64px rgba(255, 214, 0, 0.2),
      0 24px 55px rgba(0, 0, 0, 0.65);
  }
}

.speed-wheel-main:hover{
  animation-play-state: paused !important;

  transform: translateY(-3px) scale(1.025) !important;

  filter: brightness(1.08) !important;
}

.speed-wheel-main:active{
  transform: scale(0.96) !important;
}

@media (max-width: 600px){.speed-wheel-main .wheel-center-copy{
    width: 124px !important;
    height: 124px !important;
  }
.speed-wheel-main .wheel-big{
    font-size: 15px !important;
  }}

.speed-wheel-main{
  transform: none !important;

  animation: speed-wheel-breathe-v29 6s ease-in-out infinite !important;

  animation-play-state: running !important;

  will-change: box-shadow, filter;
}

.speed-wheel-main::before{
  z-index: 1 !important;
}

.speed-wheel-main::after{
  display: none !important;
}

.speed-wheel-main .wheel-center-copy{
  position: relative !important;
  z-index: 20 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: 142px !important;
  height: 142px !important;

  border: 2px solid #ffd600 !important;
  border-radius: 50% !important;

  background: radial-gradient(
    circle at 50% 42%,
    #171717 0%,
    #0d0d0d 58%,
    #050505 100%
  ) !important;

  box-shadow:
    inset 0 0 28px rgba(0, 0, 0, 0.92),
    0 0 13px rgba(255, 214, 0, 0.24) !important;

  pointer-events: none !important;
}

.speed-wheel-main .wheel-big{
  display: block !important;

  margin: 0 !important;

  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 950 !important;

  line-height: 1.04 !important;

  white-space: nowrap !important;

  text-shadow:
    0 2px 4px #000,
    0 0 5px rgba(255, 255, 255, 0.15) !important;
}

@keyframes speed-wheel-breathe-v29 {
  0%,
  100% {
    filter: brightness(1);

    box-shadow:
      0 0 5px rgba(255, 214, 0, 0.55),
      0 0 16px rgba(255, 214, 0, 0.25),
      0 0 35px rgba(255, 214, 0, 0.1),
      0 22px 50px rgba(0, 0, 0, 0.62) !important;
  }

  25% {
    filter: brightness(1.035);

    box-shadow:
      0 0 8px rgba(255, 220, 35, 0.72),
      0 0 24px rgba(255, 214, 0, 0.38),
      0 0 52px rgba(255, 214, 0, 0.16),
      0 22px 50px rgba(0, 0, 0, 0.62) !important;
  }

  50% {
    filter: brightness(1.09);

    box-shadow:
      0 0 12px rgba(255, 225, 70, 0.95),
      0 0 34px rgba(255, 214, 0, 0.58),
      0 0 72px rgba(255, 214, 0, 0.25),
      0 0 100px rgba(255, 214, 0, 0.1),
      0 22px 50px rgba(0, 0, 0, 0.62) !important;
  }

  75% {
    filter: brightness(1.035);

    box-shadow:
      0 0 8px rgba(255, 220, 35, 0.72),
      0 0 24px rgba(255, 214, 0, 0.38),
      0 0 52px rgba(255, 214, 0, 0.16),
      0 22px 50px rgba(0, 0, 0, 0.62) !important;
  }
}

.speed-wheel-main:hover{
  animation-play-state: running !important;

  transform: translateY(-2px) scale(1.01) !important;
}

.speed-wheel-main:active{
  transform: scale(0.97) !important;
}

@media (max-width: 600px){.speed-wheel-main .wheel-center-copy{
    width: 122px !important;
    height: 122px !important;
  }
.speed-wheel-main .wheel-big{
    font-size: 15px !important;
  }}

.speed-wheel-main{
  animation: none !important;
  overflow: visible !important;
}

.speed-wheel-main::after{
  content: "" !important;

  display: block !important;

  position: absolute !important;
  inset: -9px !important;

  width: auto !important;
  height: auto !important;

  border: 3px solid #ffd600 !important;
  border-radius: 50% !important;

  background: transparent !important;

  pointer-events: none !important;

  z-index: 0 !important;

  opacity: 0.25;

  box-shadow:
    0 0 10px rgba(255, 214, 0, 0.55),
    0 0 28px rgba(255, 214, 0, 0.35),
    0 0 60px rgba(255, 214, 0, 0.18);

  animation: wheel-auto-glow-v30 5.5s ease-in-out infinite !important;
}

.speed-wheel-main::before{
  z-index: 2 !important;
}

.speed-wheel-main .wheel-center-copy{
  z-index: 10 !important;
}

@keyframes wheel-auto-glow-v30 {
  0%,
  100% {
    opacity: 0.22;

    transform: scale(0.985);

    box-shadow:
      0 0 7px rgba(255, 214, 0, 0.4),
      0 0 20px rgba(255, 214, 0, 0.22),
      0 0 42px rgba(255, 214, 0, 0.1);
  }

  50% {
    opacity: 1;

    transform: scale(1.045);

    box-shadow:
      0 0 14px rgba(255, 235, 100, 1),
      0 0 38px rgba(255, 214, 0, 0.7),
      0 0 78px rgba(255, 214, 0, 0.38),
      0 0 115px rgba(255, 214, 0, 0.16);
  }
}

@media (prefers-reduced-motion: reduce){.speed-wheel-main::after{
    animation: wheel-auto-glow-v30 5.5s ease-in-out infinite !important;
  }}

.master-live-location{
  margin-top: 22px;
  padding: 18px;

  border: 1px solid rgba(255, 214, 0, 0.32);
  border-radius: 20px;

  background:
    linear-gradient(180deg, rgba(255, 214, 0, 0.055), rgba(255, 214, 0, 0.015)),
    #101212;

  overflow: hidden;
}

.master-live-head{
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;
}

.master-live-label{
  margin-bottom: 4px;

  color: #ffd600;

  font-size: 11px;
  font-weight: 950;

  letter-spacing: 1.8px;
}

.master-live-title{
  color: #fff;

  font-size: 18px;
  font-weight: 900;
}

.master-live-dot{
  width: 12px;
  height: 12px;

  border-radius: 50%;

  background: #45e36f;

  box-shadow:
    0 0 8px rgba(69, 227, 111, 0.8),
    0 0 20px rgba(69, 227, 111, 0.4);

  animation: master-live-dot-pulse 2s ease-in-out infinite;
}

.master-live-info{
  margin-bottom: 12px;

  color: #c4c8c8;

  font-size: 14px;
}

.master-live-map{
  width: 100%;
  height: 290px;

  border: 1px solid #2d3030;
  border-radius: 16px;

  overflow: hidden;

  background: #080909;
}

@keyframes master-live-dot-pulse {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(0.85);
  }

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

@media (max-width: 600px){.master-live-location{
    padding: 14px;
  }
.master-live-map{
    height: 240px;
  }
.master-live-title{
    font-size: 16px;
  }}

.master-map-expand-btn{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;

  margin: 0 0 12px;
  padding: 13px 16px;

  border: 1px solid rgba(255, 214, 0, 0.45);
  border-radius: 14px;

  background: rgba(255, 214, 0, 0.08);

  color: #ffd600;

  font: inherit;
  font-size: 15px;
  font-weight: 900;

  cursor: pointer;
}

.master-map-expand-btn[hidden]{
  display: none !important;
}

.master-map-expand-btn:active{
  transform: scale(0.98);
}

body.master-map-open{
  overflow: hidden !important;
}

.master-live-location.map-expanded .master-live-map{
  position: fixed !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  z-index: 10000 !important;

  width: 100vw !important;
  height: 100dvh !important;

  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
}

.master-live-location.map-expanded .master-map-expand-btn{
  position: fixed !important;

  top: calc(env(safe-area-inset-top) + 14px) !important;
  right: 14px !important;

  z-index: 10002 !important;

  width: auto !important;

  margin: 0 !important;
  padding: 12px 16px !important;

  border: 1px solid rgba(255, 214, 0, 0.75) !important;

  background: rgba(10, 10, 10, 0.88) !important;

  color: #ffd600 !important;

  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;

  backdrop-filter: blur(10px);
}

@media (max-width: 600px){.master-live-map{
    height: 310px;
  }
.master-live-location.map-expanded .master-live-map{
    height: 100dvh !important;
  }}

.master-live-phone{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;

  margin: 0 0 12px;
  padding: 14px 16px;

  box-sizing: border-box;

  border: 1px solid rgba(69, 227, 111, 0.42);
  border-radius: 14px;

  background: linear-gradient(
    180deg,
    rgba(69, 227, 111, 0.11),
    rgba(69, 227, 111, 0.045)
  );

  color: #8df2aa;

  font-size: 16px;
  font-weight: 900;

  text-decoration: none;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);

  transition:
    transform 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

.master-live-phone[hidden]{
  display: none !important;
}

.master-live-phone:hover{
  border-color: #45e36f;

  background: rgba(69, 227, 111, 0.17);

  color: #b7ffc9;
}

.master-live-phone:active{
  transform: scale(0.975);
}

.master-live-eta{
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 9px;

  margin: 14px 0 12px;
}

.master-eta-item{
  min-width: 0;

  padding: 12px 10px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  border-radius: 14px;

  background: linear-gradient(
    180deg,
    rgba(29, 31, 31, 0.96),
    rgba(15, 17, 17, 0.96)
  );

  text-align: center;
}

.master-eta-item small{
  display: block;

  margin-bottom: 7px;

  color: #929b9b;

  font-size: 10px;
  font-weight: 900;

  letter-spacing: 0.8px;
}

.master-eta-item strong{
  display: block;

  color: #ffffff;

  font-size: 17px;
  font-weight: 950;
}

.master-eta-item:nth-child(2){
  border-color: rgba(255, 214, 0, 0.32);
}

.master-eta-item:nth-child(2) strong{
  color: #ffd600;
}

.master-eta-item.arrival{
  border-color: rgba(73, 215, 117, 0.27);
}

.master-eta-item.arrival strong{
  color: #7ee79d;
}

.master-live-location.map-expanded .master-live-eta{
  position: fixed;

  z-index: 1000002;

  left: 50%;
  bottom: 18px;

  transform: translateX(-50%);

  width: min(calc(100vw - 30px), 520px);

  margin: 0;

  padding: 7px;

  border-radius: 18px;

  background: rgba(7, 9, 9, 0.88);

  backdrop-filter: blur(14px);

  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.48);
}

@media (max-width: 520px){.master-live-eta{
    gap: 6px;
  }
.master-eta-item{
    padding: 10px 5px;
  }
.master-eta-item small{
    font-size: 8px;
  }
.master-eta-item strong{
    font-size: 14px;
  }
.master-live-location.map-expanded .master-live-eta{
    bottom: 12px;

    width: calc(100vw - 20px);
  }}

.customer-notification-toast{
  position: fixed;

  z-index: 2000000;

  left: 50%;
  top: max(16px, env(safe-area-inset-top));

  transform: translate(-50%, -140%);

  width: min(calc(100vw - 28px), 520px);

  padding: 16px 18px;

  border: 1px solid rgba(255, 214, 0, 0.48);

  border-radius: 18px;

  background: rgba(12, 14, 14, 0.96);

  box-shadow: 0 16px 55px rgba(0, 0, 0, 0.52);

  backdrop-filter: blur(16px);

  opacity: 0;

  pointer-events: none;

  transition:
    transform 0.28s ease,
    opacity 0.28s ease;
}

.customer-notification-toast.show{
  transform: translate(-50%, 0);

  opacity: 1;
}

.customer-notification-toast strong{
  display: block;

  margin-bottom: 5px;

  color: #ffd600;

  font-size: 16px;
  font-weight: 950;
}

.customer-notification-toast span{
  display: block;

  color: #f4f6f6;

  font-size: 14px;
  line-height: 1.4;
}

.phone-input-wrap{
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #343838;
  border-radius: 17px;
  background: #1b1d1d;
  overflow: hidden;
}

.phone-input-wrap:focus-within{
  border-color: #ffd600;
  box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.12);
}

.phone-input-wrap #phone{
  flex: 1;
  min-width: 0;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-left: 4px;
}

.service-mode{
  max-width: 720px;
  margin: 34px auto 0;
  padding: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  background: rgba(255,255,255,.045);
  border: 1px solid var(--border);
  border-radius: 24px;
}

.service-mode-btn{
  min-height: 76px;
  padding: 12px 18px;
  border: 0;
  border-radius: 19px;
  background: transparent;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  cursor: pointer;
  transition: .25s ease;
}

.service-mode-btn .mode-icon{
  font-size: 28px;
}

.service-mode-btn b,
.service-mode-btn small{
  display: block;
  text-align: left;
}

.service-mode-btn b{
  font-size: 17px;
}

.service-mode-btn small{
  color: var(--muted);
  margin-top: 3px;
}

.service-mode-btn.active{
  color: #090a0a;
  background: var(--yellow);
}

.service-mode-btn.active small{
  color: rgba(0,0,0,.64);
}

.service-mode-btn.station:hover{
  background: rgba(85,199,42,.13);
  box-shadow: inset 0 0 0 1px rgba(85,199,42,.45);
  transform: translateY(-1px);
}

.stationary-section{
  max-width: 1180px;
  margin: 20px auto 80px;
  padding: 70px 22px 20px;
  scroll-margin-top: 20px;
}

.stationary-head{
  position: relative;
  overflow: hidden;
  padding: clamp(26px,5vw,54px);
  border: 1px solid var(--border);
  border-radius: 34px;
  background:
    radial-gradient(circle at 90% 10%, rgba(85,199,42,.18), transparent 28rem),
    linear-gradient(135deg,#141717,#0d0f0f);
}

.stationary-head:after{
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border: 46px solid rgba(255,255,255,.025);
  border-radius: 50%;
  right: -80px;
  top: -120px;
}

.stationary-head h2,
.price-heading h2,
.station-location h2{
  margin: 8px 0 15px;
  letter-spacing: -.045em;
  line-height: .98;
}

.stationary-head h2{
  font-size: clamp(42px,7vw,78px);
}

.stationary-head p{
  max-width: 760px;
  color: #cdd2d2;
  line-height: 1.65;
  font-size: 18px;
}

.stationary-actions{
  position: relative;
  z-index: 2;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.station-action{
  min-width: min(100%,280px);
  padding: 16px 20px;
  border-radius: 18px;
  text-decoration: none;
  color: #fff;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.055);
  display: flex;
  gap: 13px;
  align-items: center;
  transition: .2s ease;
}

.station-action:hover{
  transform: translateY(-2px);
  border-color: rgba(255,212,0,.5);
}

.station-action > span{
  font-size: 27px;
}

.station-action small,
.station-action strong{
  display: block;
}

.station-action small{
  color: var(--muted);
  margin-bottom: 3px;
}

.station-action strong{
  font-size: 17px;
}

.station-action.phone{
  background: var(--yellow);
  color: #090a0a;
  border-color: var(--yellow);
}

.station-action.phone small{
  color: rgba(0,0,0,.6);
}

.price-heading{
  margin: 70px 0 24px;
}

.price-heading h2{
  font-size: clamp(34px,5vw,58px);
}

.price-heading p{
  color: var(--muted);
}

.price-accordion{
  display: grid;
  gap: 12px;
}

.price-card{
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: #111313;
  transition: .2s ease;
}

.price-card[open]{
  border-color: rgba(255,212,0,.35);
  background: #151717;
}

.price-card summary{
  list-style: none;
  cursor: pointer;
  min-height: 90px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 15px;
}

.price-card summary::-webkit-details-marker{
  display: none;
}

.price-icon{
  font-size: 28px;
}

.price-name b,
.price-name small{
  display: block;
}

.price-name b{
  font-size: 19px;
}

.price-name small{
  color: var(--muted);
  margin-top: 4px;
}

.price-card summary > strong{
  color: var(--yellow);
  font-size: 18px;
  text-align: right;
}

.price-content{
  padding: 0 22px 24px 85px;
  color: #d4d8d8;
  line-height: 1.55;
}

.price-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.price-chips span{
  padding: 10px 12px;
  background: #1d2020;
  border: 1px solid var(--border);
  border-radius: 12px;
}

.price-chips b{
  color: var(--yellow);
}

.price-note{
  color: var(--muted);
  font-size: 14px;
}

.inline-phone{
  color: var(--yellow);
  font-weight: 900;
}

.station-location{
  margin-top: 50px;
  padding: 30px;
  border: 1px solid rgba(85,199,42,.25);
  border-radius: 28px;
  background: rgba(85,199,42,.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}

.station-location h2{
  font-size: clamp(28px,4vw,44px);
}

.station-location p{
  color: var(--muted);
  max-width: 650px;
}

.big-station-phone{
  white-space: nowrap;
  text-decoration: none;
  color: #090a0a;
  background: var(--green);
  padding: 16px 22px;
  border-radius: 16px;
  font-weight: 1000;
  font-size: 19px;
}

.station-transition{
  position: fixed;
  inset: 0;
  z-index: 9999;
  background:
    radial-gradient(circle at center, #222727, #070808 68%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s;
}

.station-transition.run{
  opacity: 1;
  visibility: visible;
}

.transition-road{
  width: min(620px,80vw);
  height: 6px;
  border-radius: 999px;
  background:
    repeating-linear-gradient(
      90deg,
      var(--yellow) 0 28px,
      transparent 28px 44px
    );
  position: relative;
  margin-bottom: 42px;
}

.transition-wheel{
  position: absolute;
  left: -10px;
  top: 50%;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #111;
  border: 6px solid #292d2d;
  color: var(--yellow);
  font-size: 27px;
}

.station-transition.run .transition-wheel{
  animation: stationWheelDrive .75s cubic-bezier(.2,.7,.2,1) forwards;
}

.station-transition strong{
  font-size: clamp(28px,6vw,58px);
  letter-spacing: -.05em;
}

.station-transition span{
  color: var(--yellow);
  margin-top: 8px;
  font-weight: 800;
}

@keyframes stationWheelDrive {
  from {
    left: -10px;
    transform: rotate(0);
  }
  to {
    left: calc(100% - 46px);
    transform: rotate(720deg);
  }
}

@media (prefers-reduced-motion: reduce){.station-transition.run .transition-wheel{
    animation: none;
  }}

@media (max-width: 700px){.service-mode{
    margin-top: 22px;
  }
.service-mode-btn{
    padding: 10px 8px;
  }
.service-mode-btn .mode-icon{
    font-size: 22px;
  }
.service-mode-btn b{
    font-size: 14px;
  }
.service-mode-btn small{
    font-size: 11px;
  }
.stationary-section{
    padding-top: 40px;
  }
.stationary-head{
    border-radius: 25px;
  }
.stationary-actions{
    display: grid;
  }
.station-action{
    width: 100%;
  }
.price-card summary{
    grid-template-columns: 38px 1fr;
  }
.price-card summary > strong{
    grid-column: 2;
    text-align: left;
  }
.price-content{
    padding: 0 18px 20px;
  }
.station-location{
    display: block;
  }
.big-station-phone{
    display: block;
    margin-top: 20px;
    text-align: center;
  }}

.price-card summary{
  grid-template-columns: 170px 1fr auto;
  padding: 0 22px 0 0;
  min-height: 112px;
}

.price-icon{
  width: 170px;
  height: 112px;
  display: block;
  overflow: hidden;
  border-radius: 21px 0 0 21px;
  background: #090a0a;
}

.price-photo{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease, filter .35s ease;
}

.price-card:hover .price-photo{
  transform: scale(1.055);
  filter: brightness(1.08);
}

.price-card summary > strong{
  padding-right: 10px;
}

.price-content{
  padding-left: 195px;
}

@media (max-width: 700px){.price-card summary{
    grid-template-columns: 105px 1fr;
    min-height: 96px;
    padding-right: 14px;
  }
.price-icon{
    width: 105px;
    height: 96px;
    border-radius: 18px 0 0 18px;
  }
.price-card summary > strong{
    grid-column: 2;
    padding-bottom: 12px;
  }
.price-name b{
    font-size: 16px;
  }
.price-name small{
    font-size: 12px;
  }
.price-content{
    padding-left: 18px;
  }}

.mode-icon{
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
}

.mode-icon svg{
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mode-icon-route .mode-line{
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mode-icon-route .mode-dot{
  fill: currentColor;
}

.mode-icon-garage .mode-roof,
.mode-icon-garage .mode-house,
.mode-icon-garage .mode-door,
.mode-icon-garage .mode-door-line{
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.service-mode-btn.active .mode-icon{
  color: #080909;
}

.service-mode-btn.active .mode-icon-route{
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.18));
}

.service-mode-btn.station .mode-icon{
  color: #ffd400;
}

.service-mode-btn.station:hover .mode-icon-garage{
  transform: translateY(-2px) scale(1.04);
}

.mode-icon-garage,
.mode-icon-route{
  transition:
    transform .25s ease,
    filter .25s ease;
}

.service-mode-btn.active .mode-dot{
  animation: speedLocationPulse 1.8s ease-in-out infinite;
  transform-origin: center;
}

@keyframes speedLocationPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(1.35);
  }
}

@media (max-width: 700px){.mode-icon{
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }}

.route-button{
  font: inherit;
  cursor: pointer;
  text-align: left;
}

.route-chooser{
  position: fixed;
  inset: 0;
  z-index: 10000;

  padding: 18px;

  display: grid;
  place-items: center;

  background: rgba(0,0,0,.78);
  backdrop-filter: blur(12px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .2s ease,
    visibility .2s ease;
}

.route-chooser.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.route-chooser-card{
  position: relative;

  width: min(520px, 100%);

  padding: 30px;

  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,212,0,.12),
      transparent 18rem
    ),
    #111313;

  box-shadow: 0 35px 100px rgba(0,0,0,.7);

  transform: translateY(20px) scale(.97);
  transition: transform .25s ease;
}

.route-chooser.open .route-chooser-card{
  transform: translateY(0) scale(1);
}

.route-chooser-card h2{
  margin: 8px 0 8px;

  font-size: clamp(34px,6vw,52px);
  letter-spacing: -.05em;
}

.route-address{
  margin: 0 0 24px;

  color: var(--muted);
  line-height: 1.5;
}

.route-chooser-close{
  position: absolute;
  right: 18px;
  top: 18px;

  width: 42px;
  height: 42px;

  border-radius: 50%;
  border: 1px solid var(--border);

  background: #202323;
  color: #fff;

  cursor: pointer;
  font-size: 25px;
}

.route-apps{
  display: grid;
  gap: 12px;
}

.route-app{
  min-height: 84px;

  padding: 14px 18px;

  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 14px;

  border-radius: 19px;
  border: 1px solid var(--border);

  color: #fff;
  text-decoration: none;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.route-app:hover{
  transform: translateY(-2px);
}

.route-app.google{
  background: #171a1a;
}

.route-app.google:hover{
  border-color: rgba(255,212,0,.5);
}

.route-app.waze{
  background: rgba(85,199,42,.08);
}

.route-app.waze:hover{
  border-color: rgba(85,199,42,.55);
}

.route-logo{
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 15px;

  font-size: 23px;
  font-weight: 1000;
}

.google-logo{
  background:
    linear-gradient(
      135deg,
      #4285f4 0 25%,
      #34a853 25% 50%,
      #fbbc05 50% 75%,
      #ea4335 75%
    );

  color: #fff;
}

.waze-logo{
  background: #55c72a;
  color: #080909;
}

.route-app b,
.route-app small{
  display: block;
}

.route-app b{
  font-size: 18px;
}

.route-app small{
  color: var(--muted);
  margin-top: 4px;
}

.route-app > strong{
  color: var(--yellow);
  font-size: 27px;
}

body.route-open{
  overflow: hidden;
}

@media (max-width: 600px){.route-chooser-card{
    padding: 24px 18px 18px;
  }
.route-app{
    min-height: 78px;
    grid-template-columns: 46px 1fr auto;
  }
.route-logo{
    width: 44px;
    height: 44px;
  }}

.service-clock{
  position: relative;
  flex: 0 0 auto;

  width: 190px;
  height: 190px;

  border: 4px solid var(--yellow);
  border-radius: 50%;

  background:
    radial-gradient(circle at center,
      #252828 0 5%,
      #111313 6% 66%,
      #080909 67% 100%);

  box-shadow:
    0 0 18px rgba(255, 214, 0, .30),
    inset 0 0 24px rgba(255,255,255,.025);
}

.clock-hand{
  position: absolute;
  z-index: 4;

  left: 50%;
  bottom: 50%;

  border-radius: 999px;

  transform-origin: 50% 100%;
}

.clock-hour{
  width: 7px;
  height: 52px;

  margin-left: -3.5px;

  background: #fff;

  animation:
    speedClockHour 43200s linear infinite;
}

.clock-minute{
  width: 5px;
  height: 70px;

  margin-left: -2.5px;

  background: var(--yellow);

  box-shadow: 0 0 8px rgba(255,214,0,.35);

  animation:
    speedClockMinute 3600s linear infinite;
}

.clock-second{
  width: 2px;
  height: 76px;

  margin-left: -1px;

  background: #ffd400;

  opacity: .75;

  animation:
    speedClockSecond 60s linear infinite;
}

.clock-pin{
  position: absolute;
  z-index: 6;

  width: 17px;
  height: 17px;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border: 3px solid #111;
  border-radius: 50%;

  background: var(--yellow);

  box-shadow: 0 0 9px rgba(255,214,0,.5);
}

@keyframes speedClockSecond {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes speedClockMinute {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes speedClockHour {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (max-width: 700px){.service-clock{
    width: 130px;
    height: 130px;
  }
.clock-hour{
    height: 35px;
    width: 5px;
    margin-left: -2.5px;
  }
.clock-minute{
    height: 47px;
    width: 4px;
    margin-left: -2px;
  }
.clock-second{
    height: 51px;
  }
.clock-pin{
    width: 13px;
    height: 13px;
  }}

@media (prefers-reduced-motion: reduce){.clock-hour,
.clock-minute,
.clock-second{
    animation-play-state: paused;
  }}

.service-clock{
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 4px solid var(--yellow);
  background:
    radial-gradient(circle at 50% 50%, #1a1c1c 0 6%, #101212 7% 67%, #070808 68%);
  box-shadow:
    0 0 14px rgba(255,214,0,.5),
    0 0 34px rgba(255,214,0,.18),
    inset 0 0 32px rgba(255,255,255,.03);
}

.service-clock::before{
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  background:
    repeating-conic-gradient(
      from 0deg,
      rgba(255,255,255,.7) 0deg 1deg,
      transparent 1deg 6deg
    );
  -webkit-mask: radial-gradient(circle, transparent 0 80%, #000 81% 100%);
  mask: radial-gradient(circle, transparent 0 80%, #000 81% 100%);
  opacity: .72;
}

.clock-num{
  position: absolute;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  z-index: 3;
}

.num-12{ top: 18px; left: 50%; transform: translateX(-50%); }

.num-3{ right: 20px; top: 50%; transform: translateY(-50%); }

.num-6{ bottom: 18px; left: 50%; transform: translateX(-50%); }

.num-9{ left: 20px; top: 50%; transform: translateY(-50%); }

.clock-hand{
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform-origin: 50% 100%;
  border-radius: 999px;
  z-index: 5;
}

.clock-hour{
  width: 7px;
  height: 55px;
  margin-left: -3.5px;
  background: #fff;
  box-shadow: 0 0 5px rgba(255,255,255,.15);
}

.clock-minute{
  width: 5px;
  height: 76px;
  margin-left: -2.5px;
  background: #fff;
}

.clock-second{
  width: 2px;
  height: 82px;
  margin-left: -1px;
  background: var(--yellow);
  box-shadow: 0 0 8px rgba(255,214,0,.5);
}

.clock-pin{
  position: absolute;
  z-index: 8;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--yellow);
  border: 3px solid #111;
  box-shadow: 0 0 10px rgba(255,214,0,.55);
}

@media (max-width: 800px){.service-clock{
    width: 145px;
    height: 145px;
  }
.clock-hour{
    height: 38px;
    width: 5px;
    margin-left: -2.5px;
  }
.clock-minute{
    height: 50px;
    width: 4px;
    margin-left: -2px;
  }
.clock-second{
    height: 55px;
  }
.clock-num{
    font-size: 12px;
  }
.num-12{ top: 12px; }
.num-3{ right: 13px; }
.num-6{ bottom: 12px; }
.num-9{ left: 13px; }}

@media (max-width: 560px){.service-clock{
    width: 110px;
    height: 110px;
    border-width: 3px;
  }
.clock-num{
    display: none;
  }
.clock-hour{
    height: 29px;
  }
.clock-minute{
    height: 38px;
  }
.clock-second{
    height: 42px;
  }}

.service-clock .clock-hour,
.service-clock .clock-minute,
.service-clock .clock-second{
    animation: none !important;
    transition: none !important;
}

.visual{
    border-radius: 28px !important;
    overflow: hidden;
}

.service-clock{
    width: 200px !important;
    height: 200px !important;

    border: 4px solid #ffd600 !important;
    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at 50% 50%,
            #151717 0%,
            #0b0d0d 68%,
            #050606 100%
        ) !important;

    box-shadow:
        0 0 7px rgba(255, 235, 110, .95),
        0 0 18px rgba(255, 214, 0, .68),
        0 0 42px rgba(255, 214, 0, .24),
        inset 0 0 20px rgba(255,255,255,.025) !important;
}

.service-clock::before{
    content: "" !important;

    position: absolute !important;
    inset: 9px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(255,255,255,.76) 0deg 1deg,
            transparent 1deg 6deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 82%,
            #000 83% 100%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 82%,
            #000 83% 100%
        ) !important;

    opacity: .72 !important;
}

.clock-num{
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #f5f5f5 !important;
}

.num-12{
    top: 16px !important;
}

.num-3{
    right: 17px !important;
}

.num-6{
    bottom: 16px !important;
}

.num-9{
    left: 17px !important;
}

.clock-hour{
    width: 6px !important;
    height: 52px !important;

    margin-left: -3px !important;

    background: #f7f7f7 !important;

    box-shadow:
        0 0 4px rgba(255,255,255,.35) !important;
}

.clock-minute{
    width: 5px !important;
    height: 72px !important;

    margin-left: -2.5px !important;

    background: #f7f7f7 !important;

    box-shadow:
        0 0 4px rgba(255,255,255,.25) !important;
}

.clock-second{
    width: 2px !important;
    height: 78px !important;

    margin-left: -1px !important;

    background: #ffd600 !important;

    box-shadow:
        0 0 7px rgba(255,214,0,.55) !important;
}

.clock-pin{
    width: 16px !important;
    height: 16px !important;

    background: #ffd600 !important;

    border: 3px solid #101111 !important;

    box-shadow:
        0 0 9px rgba(255,214,0,.65) !important;
}

@media (max-width: 700px){.service-clock{
        width: 122px !important;
        height: 122px !important;

        border-width: 3px !important;
    }
.clock-num{
        font-size: 10px !important;
    }
.num-12{
        top: 9px !important;
    }
.num-3{
        right: 10px !important;
    }
.num-6{
        bottom: 9px !important;
    }
.num-9{
        left: 10px !important;
    }
.clock-hour{
        height: 31px !important;
        width: 4px !important;
        margin-left: -2px !important;
    }
.clock-minute{
        height: 43px !important;
        width: 3px !important;
        margin-left: -1.5px !important;
    }
.clock-second{
        height: 46px !important;
    }
.clock-pin{
        width: 12px !important;
        height: 12px !important;
    }}

.visual{
    overflow: hidden !important;
}

.service-clock{
    width: 180px !important;
    height: 180px !important;

    box-sizing: border-box !important;

    justify-self: center !important;

    border: 4px solid #ffd600 !important;

    box-shadow:
        0 0 6px rgba(255,245,180,.95),
        0 0 18px rgba(255,214,0,.58),
        0 0 34px rgba(255,214,0,.20) !important;
}

.clock-num{
    font-size: 14px !important;
}

.num-12{
    top: 14px !important;
}

.num-3{
    right: 15px !important;
}

.num-6{
    bottom: 14px !important;
}

.num-9{
    left: 15px !important;
}

.clock-hour{
    height: 47px !important;
    width: 6px !important;
    margin-left: -3px !important;
}

.clock-minute{
    height: 64px !important;
    width: 5px !important;
    margin-left: -2.5px !important;
}

.clock-second{
    height: 70px !important;
}

@media (max-width: 1000px){.service-clock{
        width: 150px !important;
        height: 150px !important;
    }
.clock-hour{
        height: 39px !important;
    }
.clock-minute{
        height: 53px !important;
    }
.clock-second{
        height: 58px !important;
    }}

@media (max-width: 600px){.service-clock{
        width: 102px !important;
        height: 102px !important;
    }
.clock-num{
        display: none !important;
    }
.clock-hour{
        height: 27px !important;
    }
.clock-minute{
        height: 37px !important;
    }
.clock-second{
        height: 40px !important;
    }}

.speed-clock-card{
    position: relative !important;

    width: 100% !important;
    min-height: 520px !important;

    overflow: hidden !important;

    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 34px !important;

    background:
        radial-gradient(
            circle at 0 0,
            rgba(255,214,0,.24),
            transparent 35%
        ),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.018) 0 2px,
            transparent 2px 13px
        ),
        #101212 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 24px 60px rgba(0,0,0,.30) !important;
}

.speed-clock-top{
    box-sizing: border-box !important;

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        205px
        minmax(0,1fr) !important;

    align-items: center !important;

    gap: 42px !important;

    padding:
        44px
        44px
        150px !important;
}

.speed-clock-card .service-clock{
    position: relative !important;

    width: 190px !important;
    height: 190px !important;

    justify-self: center !important;

    border:
        4px solid
        #ffd400 !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            #171919 0%,
            #090b0b 72%,
            #050606 100%
        ) !important;

    box-shadow:
        0 0 5px rgba(255,245,160,.95),
        0 0 17px rgba(255,214,0,.70),
        0 0 38px rgba(255,214,0,.25),
        inset 0 0 20px rgba(255,255,255,.025) !important;
}

.speed-clock-card .service-clock::before{
    content: "" !important;

    position: absolute !important;
    inset: 8px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            rgba(255,255,255,.72) 0deg 1deg,
            transparent 1deg 6deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 84%,
            #000 85%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 84%,
            #000 85%
        ) !important;

    opacity: .72 !important;
}

.speed-clock-card .clock-num{
    position: absolute !important;

    z-index: 4 !important;

    color: #f5f5f5 !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    line-height: 1 !important;
}

.speed-clock-card .num-12{
    top: 13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.speed-clock-card .num-3{
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.speed-clock-card .num-6{
    bottom: 13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.speed-clock-card .num-9{
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.speed-clock-card .clock-hand{
    position: absolute !important;

    left: 50% !important;
    bottom: 50% !important;

    z-index: 6 !important;

    transform-origin:
        50%
        100% !important;

    border-radius: 999px !important;

    animation: none !important;
}

.speed-clock-card .clock-hour{
    width: 6px !important;
    height: 48px !important;

    margin-left: -3px !important;

    background: #f7f7f7 !important;

    box-shadow:
        0 0 4px
        rgba(255,255,255,.35) !important;
}

.speed-clock-card .clock-minute{
    width: 5px !important;
    height: 67px !important;

    margin-left: -2.5px !important;

    background: #f7f7f7 !important;
}

.speed-clock-card .clock-second{
    width: 2px !important;
    height: 73px !important;

    margin-left: -1px !important;

    background: #ffd400 !important;

    box-shadow:
        0 0 7px
        rgba(255,214,0,.65) !important;
}

.speed-clock-card .clock-pin{
    position: absolute !important;

    z-index: 8 !important;

    width: 16px !important;
    height: 16px !important;

    left: 50% !important;
    top: 50% !important;

    transform:
        translate(-50%,-50%) !important;

    border:
        3px solid
        #111 !important;

    border-radius: 50% !important;

    background:
        #ffd400 !important;

    box-shadow:
        0 0 8px
        rgba(255,214,0,.70) !important;
}

.speed-hours{
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;
}

.speed-hours-title{
    display: flex !important;

    align-items: center !important;

    gap: 11px !important;

    margin-bottom: 11px !important;

    color: #ddd !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

.speed-hours-title svg{
    width: 25px !important;
    height: 25px !important;

    flex: 0 0 25px !important;

    fill: none !important;

    stroke: #ffd400 !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.speed-hours strong{
    display: block !important;

    color: #fff !important;

    font-size:
        clamp(
            35px,
            4vw,
            51px
        ) !important;

    line-height: 1 !important;

    font-weight: 1000 !important;

    letter-spacing:
        -.045em !important;

    white-space: nowrap !important;
}

.speed-hours-line{
    width: 100% !important;
    height: 2px !important;

    margin:
        18px
        0
        13px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,214,0,.18),
            #ffd400 50%,
            rgba(255,214,0,.18),
            transparent
        ) !important;

    box-shadow:
        0 0 8px
        rgba(255,214,0,.55) !important;
}

.speed-hours small{
    color: #8e9494 !important;

    font-size: 16px !important;

    line-height: 1 !important;
}

.speed-clock-info{
    position: absolute !important;

    left: 28px !important;
    right: 28px !important;
    bottom: 25px !important;

    min-height: 113px !important;

    display: grid !important;

    grid-template-columns:
        repeat(3,1fr) !important;

    align-items: center !important;

    border:
        1px solid
        rgba(255,255,255,.14) !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            180deg,
            rgba(15,17,17,.97),
            rgba(6,7,7,.98)
        ) !important;

    box-shadow:
        0 9px 25px
        rgba(0,0,0,.28) !important;
}

.speed-info-item{
    height: 72px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

.speed-info-item + .speed-info-item{
    border-left:
        1px solid
        rgba(255,255,255,.12) !important;
}

.speed-info-item svg{
    width: 27px !important;
    height: 27px !important;

    margin-bottom: 4px !important;

    fill: none !important;

    stroke: #ffd400 !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.speed-info-item b{
    color: #fff !important;

    font-size: 16px !important;

    line-height: 1.05 !important;

    font-weight: 900 !important;
}

.speed-info-item span{
    margin-top: 4px !important;

    color: #9ba0a0 !important;

    font-size: 13px !important;

    line-height: 1 !important;
}

@media (max-width: 700px){.speed-clock-card{
        min-height: 350px !important;

        border-radius: 25px !important;
    }
.speed-clock-top{
        grid-template-columns:
            145px
            minmax(0,1fr) !important;

        gap: 20px !important;

        padding:
            24px
            22px
            110px !important;
    }
.speed-clock-card .service-clock{
        width: 140px !important;
        height: 140px !important;
    }
.speed-clock-card .clock-hour{
        height: 36px !important;
    }
.speed-clock-card .clock-minute{
        height: 49px !important;
    }
.speed-clock-card .clock-second{
        height: 53px !important;
    }
.speed-hours-title{
        gap: 7px !important;

        font-size: 14px !important;
    }
.speed-hours-title svg{
        width: 20px !important;
        height: 20px !important;

        flex-basis: 20px !important;
    }
.speed-hours strong{
        font-size:
            clamp(
                24px,
                5.5vw,
                34px
            ) !important;
    }
.speed-hours-line{
        margin:
            12px
            0
            9px !important;
    }
.speed-hours small{
        font-size: 12px !important;
    }
.speed-clock-info{
        left: 15px !important;
        right: 15px !important;
        bottom: 15px !important;

        min-height: 84px !important;
    }
.speed-info-item{
        height: 62px !important;
    }
.speed-info-item svg{
        width: 22px !important;
        height: 22px !important;
    }
.speed-info-item b{
        font-size: 13px !important;
    }
.speed-info-item span{
        font-size: 11px !important;
    }}

.speed-clock-top{
    grid-template-columns: 200px minmax(0, 1fr) !important;
    gap: 30px !important;
    padding: 40px 34px 150px !important;
}

.speed-clock-card .service-clock{
    width: 190px !important;
    height: 190px !important;

    border: 3px solid #ffd600 !important;

    background:
        radial-gradient(
            circle at 50% 50%,
            #202222 0 4%,
            #111313 5% 63%,
            #080909 64% 77%,
            #151717 78% 100%
        ) !important;

    box-shadow:
        0 0 4px rgba(255,255,210,.9),
        0 0 13px rgba(255,214,0,.85),
        0 0 30px rgba(255,214,0,.35),
        inset 0 0 22px rgba(255,255,255,.035) !important;
}

.speed-clock-card .service-clock::before{
    content: "" !important;

    position: absolute !important;
    inset: 7px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(235,238,238,.92) 0deg .8deg,
            transparent .8deg 6deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 83%,
            #000 84% 100%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 83%,
            #000 84% 100%
        ) !important;

    opacity: .95 !important;
}

.speed-clock-card .service-clock::after{
    content: "" !important;

    position: absolute !important;
    inset: 5px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,
            #ffd600 0deg 1.8deg,
            transparent 1.8deg 30deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 78%,
            #000 79% 100%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 78%,
            #000 79% 100%
        ) !important;

    z-index: 2 !important;

    pointer-events: none !important;
}

.speed-clock-card .clock-num{
    z-index: 4 !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    color: #f8f8f8 !important;

    text-shadow:
        0 1px 4px rgba(0,0,0,.9) !important;
}

.speed-clock-card .num-12{
    top: 17px !important;
}

.speed-clock-card .num-3{
    right: 18px !important;
}

.speed-clock-card .num-6{
    bottom: 17px !important;
}

.speed-clock-card .num-9{
    left: 18px !important;
}

.speed-clock-card .clock-hour{
    width: 6px !important;
    height: 48px !important;

    margin-left: -3px !important;

    background:
        linear-gradient(
            90deg,
            #d9dddd,
            #ffffff 50%,
            #c9cccc
        ) !important;

    box-shadow:
        0 0 4px rgba(255,255,255,.35) !important;
}

.speed-clock-card .clock-minute{
    width: 5px !important;
    height: 68px !important;

    margin-left: -2.5px !important;

    background:
        linear-gradient(
            90deg,
            #d9dddd,
            #ffffff 50%,
            #c9cccc
        ) !important;

    box-shadow:
        0 0 4px rgba(255,255,255,.25) !important;
}

.speed-clock-card .clock-second{
    width: 2px !important;
    height: 75px !important;

    margin-left: -1px !important;

    background: #ffd600 !important;

    box-shadow:
        0 0 6px rgba(255,214,0,.65) !important;
}

.speed-clock-card .clock-pin{
    width: 17px !important;
    height: 17px !important;

    border: 3px solid #151616 !important;

    background:
        radial-gradient(
            circle at 40% 35%,
            #fff39a,
            #ffd600 45%,
            #d3a900 100%
        ) !important;

    box-shadow:
        0 0 9px rgba(255,214,0,.65) !important;
}

.speed-hours{
    min-width: 0 !important;
    width: 100% !important;

    overflow: visible !important;
}

.speed-hours-title{
    font-size: 17px !important;
}

.speed-hours strong{
    width: 100% !important;

    font-size: clamp(31px, 3vw, 43px) !important;

    letter-spacing: -.045em !important;

    white-space: nowrap !important;
}

@media (max-width: 1100px){.speed-clock-top{
        grid-template-columns: 175px minmax(0,1fr) !important;
        gap: 24px !important;
        padding-left: 26px !important;
        padding-right: 26px !important;
    }
.speed-clock-card .service-clock{
        width: 165px !important;
        height: 165px !important;
    }
.speed-clock-card .clock-hour{
        height: 42px !important;
    }
.speed-clock-card .clock-minute{
        height: 58px !important;
    }
.speed-clock-card .clock-second{
        height: 64px !important;
    }
.speed-hours strong{
        font-size: 34px !important;
    }}

.speed-clock-top{
    grid-template-columns: 185px minmax(300px, 1fr) !important;
    gap: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.speed-hours strong{
    font-size: 39px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.speed-clock-card .service-clock{
    width: 178px !important;
    height: 178px !important;

    border: 3px solid #ffd600 !important;

    background:
        radial-gradient(
            circle at center,
            #191b1b 0 7%,
            #0e1010 8% 68%,
            #070808 69% 100%
        ) !important;

    box-shadow:
        0 0 4px rgba(255,255,190,.9),
        0 0 13px rgba(255,214,0,.85),
        0 0 30px rgba(255,214,0,.30),
        inset 0 0 22px rgba(255,255,255,.035) !important;
}

.speed-clock-card .service-clock::before{
    content: "" !important;
    position: absolute !important;
    inset: 8px !important;
    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(235,238,238,.95) 0deg 1deg,
            transparent 1deg 6deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 79%,
            #000 80% 100%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 79%,
            #000 80% 100%
        ) !important;

    opacity: .95 !important;
    z-index: 2 !important;
}

.speed-clock-card .service-clock::after{
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,
            #ffd600 0deg 2deg,
            transparent 2deg 30deg
        ) !important;

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 75%,
            #000 76% 100%
        ) !important;

    mask:
        radial-gradient(
            circle,
            transparent 0 75%,
            #000 76% 100%
        ) !important;

    opacity: 1 !important;
    z-index: 3 !important;
}

.speed-clock-card .clock-num{
    z-index: 5 !important;
    font-size: 13px !important;
}

.speed-clock-card .clock-hand{
    z-index: 7 !important;
}

.speed-clock-card .clock-pin{
    z-index: 9 !important;
}

.speed-clock-card .clock-hour{
    width: 5px !important;
    height: 45px !important;
    margin-left: -2.5px !important;
}

.speed-clock-card .clock-minute{
    width: 4px !important;
    height: 63px !important;
    margin-left: -2px !important;
}

.speed-clock-card .clock-second{
    width: 2px !important;
    height: 70px !important;
}

@media (max-width: 1100px){.speed-clock-top{
        grid-template-columns: 165px minmax(250px, 1fr) !important;
        gap: 24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
.speed-clock-card .service-clock{
        width: 158px !important;
        height: 158px !important;
    }
.speed-hours strong{
        font-size: 34px !important;
    }}

.speed-clock-card .service-clock::before,
.speed-clock-card .service-clock::after{
    content: none !important;
}

.clock-ticks{
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 50%;
    pointer-events: none;
}

.speed-clock-card .clock-num{
    z-index: 4 !important;

    font-size: 13px !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,.95) !important;
}

.speed-clock-card .clock-hour{
    width: 5px !important;
    border-radius: 5px !important;
}

.speed-clock-card .clock-minute{
    width: 4px !important;
    border-radius: 5px !important;
}

.speed-clock-card .clock-second{
    width: 1.5px !important;

    box-shadow:
        0 0 4px rgba(255,214,0,.6) !important;
}

.speed-clock-top{
    grid-template-columns: 180px minmax(0, 1fr) !important;
    gap: 26px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.speed-hours strong{
    font-size: 36px !important;
    letter-spacing: -1.5px !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

.speed-clock-card .clock-second{
    z-index: 8 !important;
    width: 2px !important;
    background: #ffd600 !important;
    animation: none !important;
    transition: none !important;
}

.speed-clock-card .clock-hour,
.speed-clock-card .clock-minute{
    animation: none !important;
    transition: none !important;
}

.speed-clock-card .clock-ticks{
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

#openCall.call-animating{
    pointer-events: none;
    animation: callPulse5s 1s ease-in-out infinite !important;
}

#openCall.call-animating::after{
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: inherit;
    border: 3px solid rgba(255, 214, 0, .8);

    animation: callWave 1s ease-out infinite;

    pointer-events: none;
}

#openCall.call-animating .wheel-center-copy{
    opacity: .18;
}

@keyframes callPulse5s {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.055);
        filter: brightness(1.3);
    }
}

@keyframes callWave {
    0% {
        opacity: .9;
        transform: scale(.96);
    }

    100% {
        opacity: 0;
        transform: scale(1.18);
    }
}

#openCall.call-animating .wheel-center-copy{
    opacity: 1 !important;
}

#openCall.call-animating{
    animation: callQuickPulse .5s ease-in-out 2 !important;
}

#openCall.call-animating::after{
    animation: callQuickWave .5s ease-out 2 !important;
}

@keyframes callQuickPulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.045);
        filter: brightness(1.25);
    }
}

@keyframes callQuickWave {
    0% {
        opacity: .85;
        transform: scale(.98);
    }

    100% {
        opacity: 0;
        transform: scale(1.13);
    }
}

#openCall.call-animating{
    animation: callInstantPulse .45s ease-out 1 !important;
}

#openCall.call-animating::after{
    animation: callInstantWave .45s ease-out 1 !important;
}

@keyframes callInstantPulse {
    0% {
        transform: scale(1);
        filter: brightness(1);
    }

    45% {
        transform: scale(1.035);
        filter: brightness(1.25);
    }

    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

@keyframes callInstantWave {
    0% {
        opacity: .8;
        transform: scale(.98);
    }

    100% {
        opacity: 0;
        transform: scale(1.12);
    }
}

@keyframes requestVanDrive {
  from {
    left: -90px;
  }

  to {
    left: calc(100% - 70px);
  }
}

.speed-van-dispatch{
    position: fixed;
    inset: 0;
    z-index: 999999;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 62%,
            rgba(255,214,0,.09),
            transparent 32%
        ),
        rgba(4,5,5,.96);

    backdrop-filter: blur(8px);

    opacity: 1;

    transition: opacity .28s ease;

    perspective: 1100px;
}

.speed-van-stage{
    position: absolute;
    inset: 0;

    overflow: hidden;
}

.speed-van-road{
    position: absolute;

    left: 50%;
    bottom: 4%;

    width: min(920px, 92vw);
    height: 220px;

    transform:
        translateX(-50%)
        perspective(700px)
        rotateX(67deg);

    transform-origin: center bottom;

    background:
        radial-gradient(
            ellipse,
            rgba(255,214,0,.20),
            rgba(255,214,0,.04) 37%,
            transparent 70%
        );

    filter: blur(7px);

    opacity: 0;

    transition: opacity .6s ease;
}

.speed-van-dispatch.run .speed-van-road{
    opacity: 1;
}

.speed-van-wrap{
    position: absolute;

    left: 50%;
    top: 50%;

    width: min(720px, 85vw);

    transform:
        translate(-50%, -46%)
        scale(.12);

    transform-origin: 50% 72%;

    opacity: .3;

    filter:
        blur(3px)
        brightness(.65);

    will-change:
        transform,
        opacity,
        filter;
}

.speed-van-dispatch.run .speed-van-wrap{
    animation:
        speedVanDriveToUser
        1.55s
        cubic-bezier(.12,.72,.18,1)
        forwards;
}

@keyframes speedVanDriveToUser {

    0% {
        transform:
            translate(-50%, -43%)
            scale(.12);

        opacity: .25;

        filter:
            blur(3px)
            brightness(.62);
    }

    28% {
        opacity: .82;
    }

    58% {
        transform:
            translate(-50%, -45%)
            scale(.52);

        opacity: 1;

        filter:
            blur(.5px)
            brightness(.88);
    }

    84% {
        transform:
            translate(-50%, -47%)
            scale(.94);

        filter:
            blur(0)
            brightness(1);
    }

    94% {
        transform:
            translate(-50%, -47%)
            scale(1.025);
    }

    100% {
        transform:
            translate(-50%, -47%)
            scale(1);

        opacity: 1;

        filter:
            blur(0)
            brightness(1);
    }
}

.speed-van-img{
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    pointer-events: none;
    user-select: none;
}

.speed-headlight{
    position: absolute;

    z-index: 10;

    top: 60%;

    width: 14%;
    aspect-ratio: 1 / .6;

    border-radius: 50%;

    opacity: 0;

    background:
        radial-gradient(
            ellipse,
            rgba(255,255,255,1) 0%,
            rgba(255,252,220,.98) 18%,
            rgba(255,222,100,.78) 38%,
            rgba(255,190,40,.26) 60%,
            transparent 76%
        );

    filter: blur(5px);

    mix-blend-mode: screen;

    pointer-events: none;
}

.speed-headlight-left{
    left: 17%;
}

.speed-headlight-right{
    right: 17%;
}

.speed-van-dispatch.run .speed-headlight{
    animation:
        speedVanHeadlights
        .90s
        1.55s
        ease-in-out
        forwards;
}

@keyframes speedVanHeadlights {

    0% {
        opacity: 0;
        transform: scale(.75);
    }

    12% {
        opacity: 1;
        transform: scale(1.55);
    }

    27% {
        opacity: .04;
        transform: scale(.9);
    }

    45% {
        opacity: .04;
        transform: scale(.9);
    }

    58% {
        opacity: 1;
        transform: scale(1.65);
    }

    76% {
        opacity: .04;
        transform: scale(.9);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.speed-van-message{
    position: absolute;

    left: 50%;
    bottom: clamp(24px, 6vh, 70px);

    z-index: 20;

    width: min(620px, 90vw);

    transform:
        translateX(-50%)
        translateY(18px);

    text-align: center;

    opacity: 0;
}

.speed-van-dispatch.run .speed-van-message{
    animation:
        speedVanMessageIn
        .42s
        1.72s
        ease-out
        forwards;
}

.speed-van-message strong{
    display: block;

    color: #fff;

    font-size:
        clamp(23px, 4.5vw, 40px);

    font-weight: 1000;

    line-height: 1.05;
}

.speed-van-message span{
    display: block;

    margin-top: 8px;

    color: #ffd600;

    font-size:
        clamp(14px, 2.8vw, 19px);

    font-weight: 850;
}

@keyframes speedVanMessageIn {
    to {
        opacity: 1;

        transform:
            translateX(-50%)
            translateY(0);
    }
}

.speed-van-dispatch.finish{
    opacity: 0;
}

@media (max-width: 600px){.speed-van-wrap{
        width: 105vw;
        top: 48%;
    }
.speed-van-message{
        bottom: 34px;
    }
.speed-van-message strong{
        font-size: 24px;
    }}

@media (prefers-reduced-motion: reduce){.speed-van-dispatch.run .speed-van-wrap{
        animation-duration: .25s;
    }
.speed-van-dispatch.run .speed-headlight{
        animation: none;
    }}

.speed-van-dispatch{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.speed-van-wrap{
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-style: preserve-3d !important;
}

.speed-van-dispatch.run .speed-van-wrap{
    animation:
        speedVanDriveSmooth
        1.7s
        cubic-bezier(.14,.72,.18,1)
        forwards !important;
}

@keyframes speedVanDriveSmooth {

    0% {
        transform:
            translate3d(-50%, -43%, 0)
            scale(.14);

        opacity: .28;
    }

    25% {
        opacity: .75;
    }

    55% {
        transform:
            translate3d(-50%, -45%, 0)
            scale(.52);

        opacity: 1;
    }

    82% {
        transform:
            translate3d(-50%, -47%, 0)
            scale(.91);
    }

    94% {
        transform:
            translate3d(-50%, -47%, 0)
            scale(1.018);
    }

    100% {
        transform:
            translate3d(-50%, -47%, 0)
            scale(1);

        opacity: 1;
    }
}

.speed-van-dispatch.run .speed-headlight{
    animation:
        speedVanHeadlightsSmooth
        .9s
        1.72s
        ease-in-out
        forwards !important;
}

@keyframes speedVanHeadlightsSmooth {

    0%, 100% {
        opacity: 0;
        transform: scale(.9);
    }

    12% {
        opacity: 1;
        transform: scale(1.45);
    }

    27% {
        opacity: 0;
        transform: scale(.95);
    }

    55% {
        opacity: 1;
        transform: scale(1.5);
    }

    72% {
        opacity: 0;
        transform: scale(.95);
    }
}

.speed-van-dispatch.run .speed-van-message{
    animation:
        speedVanMessageSmooth
        .38s
        1.82s
        ease-out
        forwards !important;
}

@keyframes speedVanMessageSmooth {
    from {
        opacity: 0;

        transform:
            translateX(-50%)
            translateY(12px);
    }

    to {
        opacity: 1;

        transform:
            translateX(-50%)
            translateY(0);
    }
}

.speed-van-wrap,
.speed-van-img{
    filter: none !important;
    -webkit-filter: none !important;
}

.speed-van-wrap{
    will-change: transform, opacity !important;

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform-style: preserve-3d !important;
}

.speed-van-img{
    transform: translateZ(0) !important;

    backface-visibility: hidden !important;

    image-rendering: auto !important;
}

.speed-van-dispatch.run .speed-van-wrap{
    animation:
        speedVanPhysicalApproach
        2.30s
        cubic-bezier(.18,.72,.22,1)
        forwards !important;
}

@keyframes speedVanPhysicalApproach {

    from {
        transform:
            translate3d(-50%, -68%, 0)
            scale(.18);

        opacity: .32;
    }

    to {
        transform:
            translate3d(-50%, -47%, 0)
            scale(1);

        opacity: 1;
    }
}

.speed-van-dispatch.run .speed-van-road{
    animation:
        speedVanRoadApproach
        2.30s
        cubic-bezier(.18,.72,.22,1)
        forwards !important;
}

@keyframes speedVanRoadApproach {

    from {
        opacity: .05;

        transform:
            translateX(-50%)
            perspective(700px)
            rotateX(67deg)
            scale(.42);
    }

    to {
        opacity: .8;

        transform:
            translateX(-50%)
            perspective(700px)
            rotateX(67deg)
            scale(1);
    }
}

.speed-van-dispatch.run .speed-headlight{
    animation:
        speedVanHeadlightsFinal
        .90s
        2.34s
        ease-in-out
        forwards !important;
}

@keyframes speedVanHeadlightsFinal {

    0%,
    100% {
        opacity: 0;
        transform: scale(.9);
    }

    12% {
        opacity: 1;
        transform: scale(1.45);
    }

    27% {
        opacity: 0;
        transform: scale(.95);
    }

    57% {
        opacity: 1;
        transform: scale(1.5);
    }

    74% {
        opacity: 0;
        transform: scale(.95);
    }
}

.speed-van-dispatch.run .speed-van-message{
    animation:
        speedVanMessageFinal
        .38s
        2.42s
        ease-out
        forwards !important;
}

@keyframes speedVanMessageFinal {

    from {
        opacity: 0;

        transform:
            translate3d(-50%, 12px, 0);
    }

    to {
        opacity: 1;

        transform:
            translate3d(-50%, 0, 0);
    }
}

@media (max-width: 600px){.speed-van-wrap{
        width: 96vw !important;
    }}

.site-footer{
    width: 100%;
    margin-top: 70px;

    border-top: 1px solid rgba(255,255,255,.09);

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(85,199,42,.08),
            transparent 26rem
        ),
        #080909;

    color: #fff;
}

.site-footer-inner{
    width: min(1180px, calc(100% - 44px));

    margin: 0 auto;

    padding: 46px 0 42px;

    display: grid;

    grid-template-columns:
        minmax(250px,1.25fr)
        minmax(200px,.9fr)
        minmax(220px,1fr);

    gap: 46px;
}

.footer-brand .brand{
    display: flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 17px;

    font-size: 31px;
    font-weight: 1000;

    letter-spacing: -.045em;
}

.footer-brand .speed{
    color: #55c72a;
}

.footer-brand .service{
    color: #ff2929;
}

.footer-brand p{
    max-width: 440px;

    margin: 0;

    color: #aeb5b5;

    font-size: 15px;
    line-height: 1.65;
}

.footer-phone{
    display: inline-flex;

    margin-top: 22px;

    color: #fff !important;

    font-size: 22px;
    font-weight: 950;

    text-decoration: none !important;

    transition:
        color .18s ease,
        transform .18s ease;
}

.footer-phone:hover{
    color: #55c72a !important;

    transform: translateY(-1px);
}

.footer-links-group{
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 10px;
}

.footer-links-group > strong{
    display: block;

    margin-bottom: 6px;

    color: #fff;

    font-size: 16px;
    font-weight: 950;
}

.footer-links-group a{
    position: relative;

    display: inline-flex;

    max-width: 100%;

    color: #979f9f !important;

    font-size: 14px;
    line-height: 1.35;

    text-decoration: none !important;

    transition:
        color .18s ease,
        transform .18s ease;
}

.footer-links-group a::before{
    content: "";

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    margin:
        .48em
        9px
        0
        0;

    border-radius: 50%;

    background: #ffd600;

    opacity: .72;
}

.footer-links-group a:hover{
    color: #fff !important;

    transform: translateX(2px);
}

@media (max-width: 900px){.site-footer-inner{
        grid-template-columns:
            1fr
            1fr;

        gap: 34px;
    }
.footer-brand{
        grid-column: 1 / -1;
    }}

@media (max-width: 600px){.site-footer{
        margin-top: 48px;
    }
.site-footer-inner{
        width: calc(100% - 32px);

        padding:
            35px
            0
            30px;

        display: block;
    }
.footer-brand{
        margin-bottom: 32px;
    }
.footer-brand .brand{
        font-size: 27px;
    }
.footer-brand p{
        font-size: 14px;
        line-height: 1.55;
    }
.footer-phone{
        width: 100%;

        box-sizing: border-box;

        justify-content: center;

        margin-top: 20px;

        padding: 14px 16px;

        border:
            1px solid
            rgba(85,199,42,.32);

        border-radius: 14px;

        background:
            rgba(85,199,42,.08);

        color: #76df50 !important;

        font-size: 19px;
    }
.footer-links-group{
        gap: 0;

        padding:
            22px
            0;

        border-top:
            1px solid
            rgba(255,255,255,.08);
    }
.footer-links-group > strong{
        margin-bottom: 12px;

        font-size: 15px;
    }
.footer-links-group a{
        width: 100%;

        box-sizing: border-box;

        padding:
            9px
            0;

        color: #aeb4b4 !important;

        font-size: 14px;
    }
.footer-links-group a::before{
        margin-left: 1px;
    }}

.site-footer{
  margin-top: 70px;
  border-top: 1px solid var(--border);
  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(255, 212, 0, .06),
      transparent 24rem
    ),
    #090b0a;
}

.site-footer-inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 48px 22px 36px;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 45px;
}

.footer-brand p{
  max-width: 420px;
  color: var(--muted);
  line-height: 1.6;
}

.footer-phone{
  display: inline-block;
  margin-top: 10px;
  color: var(--yellow);
  text-decoration: none;
  font-size: 22px;
  font-weight: 1000;
}

.footer-links-group{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links-group strong{
  margin-bottom: 5px;
  color: #fff;
  font-size: 17px;
}

.footer-links-group a{
  color: #aeb4b4;
  text-decoration: none;
  line-height: 1.45;
}

.footer-links-group a:hover{
  color: var(--yellow);
}

.site-footer-bottom{
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 22px 26px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #777f7b;
  font-size: 13px;
}

@media (max-width: 760px){.site-footer-inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }
.site-footer-bottom{
    flex-direction: column;
    gap: 7px;
  }}

.site-footer-bottom{
    width: min(1180px, calc(100% - 44px));

    margin: 0 auto;

    padding:
        18px
        0
        24px;

    display: flex;

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

    gap: 20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}

@media (max-width: 600px){.site-footer-bottom{
        width: calc(100% - 32px);

        padding:
            18px
            0
            28px;

        flex-direction: column;

        align-items: stretch;

        gap: 12px;
    }}

.hero-call-rotator{
    position: relative;

    width: min(430px, 86vw);
    aspect-ratio: 1 / 1;

    margin:
        18px
        auto
        34px;
}

.hero-call-pane{
    position: absolute;
    inset: 0;

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

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: scale(.96);

    transition:
        opacity .45s ease,
        transform .45s ease,
        visibility 0s linear .45s;
}

.hero-call-pane.is-active{
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    transform: scale(1);

    transition:
        opacity .45s ease,
        transform .45s ease;
}

.hero-call-pane-wheel #openCall{
    margin: 0 !important;
}

.hero-call-pane-wheel.is-active #openCall{
    animation: heroWheelPulse 1.6s ease-in-out infinite;
}

@keyframes heroWheelPulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.03);
        filter: brightness(1.18);
    }
}

@keyframes heroVanGlow {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 0 4px rgba(255,214,0,.96),
            0 0 22px rgba(255,214,0,.48),
            0 0 60px rgba(255,214,0,.22);
    }

    50% {
        transform: scale(1.028);
        box-shadow:
            0 0 0 4px rgba(255,214,0,1),
            0 0 30px rgba(255,214,0,.62),
            0 0 78px rgba(255,214,0,.28);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(360px, 88vw);
        margin:
            12px
            auto
            28px;
    }}

.hero-call-pane{
    transform: scale(.94);
    transition:
        opacity .65s ease,
        transform .65s ease,
        visibility 0s linear .65s !important;
}

.hero-call-pane.is-active{
    transform: scale(1);
    transition:
        opacity .65s ease,
        transform .65s ease !important;
}

@keyframes heroVanFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    25% {
        transform: translateY(-4px) scale(1.01);
    }

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

    75% {
        transform: translateY(-3px) scale(1.01);
    }
}

@keyframes heroVanBrandPulse {
    0%, 100% {
        transform: scale(1);

        box-shadow:
            0 0 0 3px rgba(42, 212, 74, .92),
            0 0 16px rgba(42, 212, 74, .22),
            0 0 32px rgba(255, 49, 49, .16),
            inset 0 0 42px rgba(0,0,0,.45);
    }

    50% {
        transform: scale(1.022);

        box-shadow:
            0 0 0 3px rgba(42, 212, 74, 1),
            0 0 28px rgba(42, 212, 74, .36),
            0 0 56px rgba(255, 49, 49, .28),
            inset 0 0 42px rgba(0,0,0,.45);
    }
}

@keyframes heroVanBrandAura {
    0%, 100% {
        opacity: .42;
        transform: scale(1) rotate(0deg);
    }

    50% {
        opacity: .62;
        transform: scale(1.03) rotate(10deg);
    }
}

.hero-call-rotator{
    width: min(390px, 82vw) !important;
}

@keyframes heroVanBrandPulseV3 {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 0 2px rgba(42, 212, 74, .55),
            0 0 10px rgba(42, 212, 74, .14),
            0 0 16px rgba(255, 49, 49, .10),
            inset 0 0 28px rgba(0,0,0,.38);
    }

    50% {
        transform: scale(1.012);
        box-shadow:
            0 0 0 2px rgba(42, 212, 74, .70),
            0 0 14px rgba(42, 212, 74, .20),
            0 0 24px rgba(255, 49, 49, .16),
            inset 0 0 28px rgba(0,0,0,.38);
    }
}

@keyframes heroVanSideAura {
    0%, 100% {
        opacity: .62;
        transform: scale(1);
    }

    50% {
        opacity: .82;
        transform: scale(1.02);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(340px, 84vw) !important;
    }}

.hero-call-rotator{
    width: min(320px, 72vw) !important;
    aspect-ratio: 1 / 1 !important;

    margin:
        12px
        auto
        24px !important;
}

.hero-call-pane-wheel #openCall{
    position: relative;
    z-index: 1;

    box-shadow:
        -16px 0 26px rgba(42,212,74,.18),
         16px 0 26px rgba(255,52,52,.18),
         0 0 18px rgba(255,214,0,.08) !important;
}

.hero-call-pane-wheel.is-active #openCall{
    animation: heroWheelPulseBrand 1.8s ease-in-out infinite !important;
}

@keyframes heroWheelPulseBrand {
    0%, 100% {
        transform: scale(1);

        box-shadow:
            -14px 0 22px rgba(42,212,74,.18),
             14px 0 22px rgba(255,52,52,.18),
             0 0 16px rgba(255,214,0,.06);
    }

    50% {
        transform: scale(1.02);

        box-shadow:
            -18px 0 34px rgba(42,212,74,.26),
             18px 0 34px rgba(255,52,52,.26),
             0 0 18px rgba(255,214,0,.09);
    }
}

@keyframes heroVanBrandPulseV4 {
    0%, 100% {
        transform: scale(1);

        box-shadow:
            -12px 0 20px rgba(42,212,74,.12),
             12px 0 20px rgba(255,52,52,.12),
             inset 0 0 24px rgba(0,0,0,.36);
    }

    50% {
        transform: scale(1.014);

        box-shadow:
            -18px 0 30px rgba(42,212,74,.20),
             18px 0 30px rgba(255,52,52,.20),
             inset 0 0 24px rgba(0,0,0,.36);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(285px, 76vw) !important;
        margin:
            8px
            auto
            20px !important;
    }}

@keyframes heroVanBrandPulseV5 {
    0%, 100% {
        transform: scale(1);

        box-shadow:
            -12px 0 22px rgba(35,220,80,.12),
             12px 0 22px rgba(255,54,54,.12),
             inset 0 0 20px rgba(0,0,0,.34);
    }

    50% {
        transform: scale(1.01);

        box-shadow:
            -18px 0 34px rgba(35,220,80,.20),
             18px 0 34px rgba(255,54,54,.20),
             inset 0 0 20px rgba(0,0,0,.34);
    }
}

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

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

@keyframes heroVanApproachV5 {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    25% {
        transform: translateY(-1px) scale(1.015);
    }

    50% {
        transform: translateY(-3px) scale(1.035);
    }

    75% {
        transform: translateY(-1px) scale(1.018);
    }
}

.hero-call-pane-wheel #openCall{
    box-shadow:
        -14px 0 24px rgba(35,220,80,.16),
         14px 0 24px rgba(255,54,54,.16),
         0 0 14px rgba(255,214,0,.04) !important;
}

.hero-call-pane-wheel.is-active #openCall{
    animation: heroWheelPulseBrandV5 1.9s ease-in-out infinite !important;
}

@keyframes heroWheelPulseBrandV5 {
    0%, 100% {
        transform: scale(1);

        box-shadow:
            -14px 0 24px rgba(35,220,80,.16),
             14px 0 24px rgba(255,54,54,.16),
             0 0 14px rgba(255,214,0,.04);
    }

    50% {
        transform: scale(1.018);

        box-shadow:
            -20px 0 36px rgba(35,220,80,.24),
             20px 0 36px rgba(255,54,54,.24),
             0 0 16px rgba(255,214,0,.06);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(280px, 76vw) !important;
    }}

.hero-call-rotator{
    width: min(320px, 72vw) !important;
    aspect-ratio: 1 / 1 !important;
}

.hero-call-pane-wheel #openCall{
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.hero-call-pane-wheel #openCall::before{
    content: "";

    position: absolute;
    inset: -12px;
    border-radius: 50%;
    z-index: -1;

    background:
        radial-gradient(circle at 18% 50%,
            rgba(35,220,80,.38) 0%,
            rgba(35,220,80,.18) 26%,
            transparent 56%
        ),
        radial-gradient(circle at 82% 50%,
            rgba(255,54,54,.38) 0%,
            rgba(255,54,54,.18) 26%,
            transparent 56%
        );

    filter: blur(12px);
    opacity: .88;

    animation: heroWheelSideGlowV6 2.6s ease-in-out infinite;
}

.hero-call-pane-wheel #openCall::after{
    content: "";

    position: absolute;
    inset: -4px;
    border-radius: 50%;
    z-index: -1;

    background:
        conic-gradient(
            from 180deg,
            rgba(35,220,80,.55) 0deg,
            rgba(35,220,80,0) 70deg,
            rgba(255,54,54,0) 110deg,
            rgba(255,54,54,.55) 180deg,
            rgba(255,54,54,0) 250deg,
            rgba(35,220,80,0) 290deg,
            rgba(35,220,80,.55) 360deg
        );

    filter: blur(3px);
    opacity: .72;

    animation: heroWheelRimPulseV6 2.2s ease-in-out infinite;
}

.hero-call-pane-wheel.is-active #openCall{
    animation: heroWheelMainPulseV6 1.9s ease-in-out infinite !important;
}

@keyframes heroWheelMainPulseV6 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.018);
    }
}

@keyframes heroWheelSideGlowV6 {
    0%, 100% {
        opacity: .82;
        transform: scale(1);
    }

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

@keyframes heroWheelRimPulseV6 {
    0%, 100% {
        opacity: .62;
        transform: scale(1);
    }

    50% {
        opacity: .92;
        transform: scale(1.012);
    }
}

@keyframes heroVanSideGlowV6 {
    0%, 100% {
        opacity: .82;
        transform: scale(1);
    }

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

@keyframes heroVanRimPulseV6 {
    0%, 100% {
        opacity: .58;
        transform: scale(1);
    }

    50% {
        opacity: .86;
        transform: scale(1.01);
    }
}

@keyframes heroVanFloatV6 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    20% {
        transform: translate3d(-2px, -4px, 0) scale(1.012);
    }

    40% {
        transform: translate3d(2px, -7px, 0) scale(1.022);
    }

    60% {
        transform: translate3d(3px, -4px, 0) scale(1.015);
    }

    80% {
        transform: translate3d(-1px, -2px, 0) scale(1.008);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(285px, 76vw) !important;
    }
.hero-call-pane-wheel #openCall::before{
        inset: -10px !important;
        filter: blur(10px) !important;
    }}

.hero-call-rotator{
    width: min(320px, 72vw) !important;
    aspect-ratio: 1 / 1 !important;
    margin: 12px auto 24px !important;
}

.hero-call-pane,
.hero-call-pane-wheel,
.hero-call-pane-van{
    width: 100%;
    height: 100%;
}

.hero-call-pane-wheel #openCall{
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

@keyframes heroVanMainPulseV7 {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            inset 0 0 0 3px rgba(255,214,0,.95),
            inset 0 0 30px rgba(0,0,0,.42);
    }

    50% {
        transform: scale(1.016);
        box-shadow:
            inset 0 0 0 3px rgba(255,214,0,1),
            inset 0 0 30px rgba(0,0,0,.42);
    }
}

@keyframes heroVanGlowSideV7 {
    0%, 100% {
        opacity: .88;
        transform: scale(1);
    }

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

@keyframes heroVanRimV7 {
    0%, 100% {
        opacity: .66;
        transform: scale(1);
    }

    50% {
        opacity: .92;
        transform: scale(1.01);
    }
}

@keyframes heroVanFloatV7 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    20% {
        transform: translate3d(-2px, -3px, 0) scale(1.01);
    }

    40% {
        transform: translate3d(2px, -6px, 0) scale(1.022);
    }

    60% {
        transform: translate3d(3px, -4px, 0) scale(1.014);
    }

    80% {
        transform: translate3d(-1px, -2px, 0) scale(1.008);
    }
}

@media (max-width: 600px){.hero-call-rotator{
        width: min(285px, 76vw) !important;
    }}

@keyframes vanRimGlowFinal {

    0%, 100% {
        opacity: .78;
        transform: scale(1);
    }

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

@keyframes vanOuterGlowFinal {

    0%, 100% {
        opacity: .40;
        transform: scale(1);
    }

    50% {
        opacity: .72;
        transform: scale(1.02);
    }
}

@keyframes vanFloatFinal {

    0%, 100% {
        transform:
            translate3d(0, 2px, 0);
    }

    50% {
        transform:
            translate3d(0, -7px, 0);
    }
}

@keyframes energyAura7 {

    0%, 100% {
        opacity: .68;
        transform: scale(1);
        filter:
            blur(8px)
            drop-shadow(-7px 0 10px rgba(255,35,35,.60))
            drop-shadow(7px 0 10px rgba(25,235,80,.60));
    }

    35% {
        opacity: .95;
        transform: scale(1.018);
    }

    55% {
        opacity: .74;
        transform: scale(1.006);
    }

    72% {
        opacity: 1;
        transform: scale(1.025);
        filter:
            blur(9px)
            drop-shadow(-9px 0 15px rgba(255,35,35,.90))
            drop-shadow(9px 0 15px rgba(25,235,80,.90));
    }
}

@keyframes energyRim7 {

    0%, 100% {
        opacity: .80;
        transform: scale(1);
    }

    18% {
        opacity: 1;
    }

    34% {
        opacity: .72;
    }

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

    67% {
        opacity: .78;
    }

    84% {
        opacity: 1;
    }
}

@keyframes energyVanFloat7 {

    0%, 100% {
        transform:
            translate3d(0, 2px, 0)
            rotate(.15deg);
    }

    25% {
        transform:
            translate3d(-2px, -3px, 0)
            rotate(-.25deg);
    }

    50% {
        transform:
            translate3d(1px, -7px, 0)
            rotate(.18deg);
    }

    75% {
        transform:
            translate3d(2px, -3px, 0)
            rotate(-.12deg);
    }
}

@keyframes energyRingReal7 {

    0%,
    100% {
        transform: scale(1);

        box-shadow:
            -13px 0 24px rgba(255,35,35,.30),
             13px 0 24px rgba(35,230,90,.30),

            -5px 0 10px rgba(255,35,35,.40),
             5px 0 10px rgba(35,230,90,.40),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }

    45% {
        transform: scale(1.012);

        box-shadow:
            -17px 0 34px rgba(255,35,35,.62),
             17px 0 34px rgba(35,230,90,.62),

            -7px 0 14px rgba(255,35,35,.74),
             7px 0 14px rgba(35,230,90,.74),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }

    65% {
        transform: scale(1.004);
    }
}

@keyframes energyVanFloatReal7 {

    0%,
    100% {
        transform:
            translate3d(
                0,
                2px,
                0
            );
    }

    25% {
        transform:
            translate3d(
                -2px,
                -3px,
                0
            );
    }

    50% {
        transform:
            translate3d(
                1px,
                -8px,
                0
            );
    }

    75% {
        transform:
            translate3d(
                2px,
                -3px,
                0
            );
    }
}

@keyframes vanSideGlowLR {

    0%, 100% {
        transform: scale(1);

        box-shadow:
            -12px 0 22px rgba(32,223,85,.38),
             12px 0 22px rgba(255,40,40,.38),

            -4px 0 8px rgba(32,223,85,.52),
             4px 0 8px rgba(255,40,40,.52),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }

    50% {
        transform: scale(1.012);

        box-shadow:
            -17px 0 34px rgba(32,223,85,.68),
             17px 0 34px rgba(255,40,40,.68),

            -6px 0 13px rgba(32,223,85,.78),
             6px 0 13px rgba(255,40,40,.78),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }
}

@keyframes vanEnergyGlowPulse {

    0%,
    100% {
        transform: scale(1);

        box-shadow:

            -8px 0 16px rgba(32,223,85,.38),
            -14px 0 29px rgba(32,223,85,.23),
            -22px 0 48px rgba(32,223,85,.11),

             8px 0 16px rgba(255,40,40,.38),
             14px 0 29px rgba(255,40,40,.23),
             22px 0 48px rgba(255,40,40,.11),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }

    50% {
        transform: scale(1.012);

        box-shadow:

            -11px 0 22px rgba(32,223,85,.62),
            -20px 0 42px rgba(32,223,85,.38),
            -30px 0 66px rgba(32,223,85,.19),

             11px 0 22px rgba(255,40,40,.62),
             20px 0 42px rgba(255,40,40,.38),
             30px 0 66px rgba(255,40,40,.19),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }
}

@keyframes speedVanRealFloat {

    0% {
        transform:
            translate3d(0, 5px, 0)
            scale(1);
    }

    25% {
        transform:
            translate3d(-2px, 0, 0)
            scale(1.01);
    }

    50% {
        transform:
            translate3d(1px, -12px, 0)
            scale(1.025);
    }

    75% {
        transform:
            translate3d(2px, -3px, 0)
            scale(1.012);
    }

    100% {
        transform:
            translate3d(0, 5px, 0)
            scale(1);
    }
}

@keyframes speedVanRimBreath {

    0%,
    100% {
        transform: scale(1);

        box-shadow:

            -6px 0 11px rgba(34,230,93,.65),
            -12px 0 24px rgba(34,230,93,.40),
            -20px 0 42px rgba(34,230,93,.20),

             6px 0 11px rgba(255,37,37,.65),
             12px 0 24px rgba(255,37,37,.40),
             20px 0 42px rgba(255,37,37,.20),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }

    50% {
        transform: scale(1.012);

        box-shadow:

            -9px 0 16px rgba(34,230,93,.95),
            -18px 0 36px rgba(34,230,93,.64),
            -30px 0 60px rgba(34,230,93,.32),

             9px 0 16px rgba(255,37,37,.95),
             18px 0 36px rgba(255,37,37,.64),
             30px 0 60px rgba(255,37,37,.32),

            inset 0 0 0 7px #292b2b,
            inset 0 0 28px rgba(0,0,0,.72);
    }
}

@keyframes speedVanRealFloatMobile {

    0%,
    100% {
        transform:
            translate3d(0, 3px, 0)
            scale(1);
    }

    50% {
        transform:
            translate3d(0, -8px, 0)
            scale(1.018);
    }
}

.hero-call-pane{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.hero-call-pane.is-active{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    align-items: center;
    justify-content: center;

    animation:
        ssV7PaneIn
        .55s
        ease
        both !important;
}

.hero-call-pane-wheel #openCall{
    margin: 0 !important;
}

.ss-v7-button{
    display: block;

    width: 100%;
    height: 100%;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    -webkit-tap-highlight-color: transparent;
}

.ss-v7-art{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    pointer-events: none;
    user-select: none;

    will-change: transform;

    animation:
        ssV7Float
        3s
        ease-in-out
        infinite;
}

@keyframes ssV7PaneIn {

    from {
        opacity: 0;
        transform: scale(.965);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }

}

@keyframes ssV7Float {

    0%,
    100% {
        transform:
            translate3d(0, 3px, 0)
            scale(1);
    }

    50% {
        transform:
            translate3d(0, -6px, 0)
            scale(1.012);
    }

}

.ss-v7-art-wrap{
    position: relative;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    overflow: visible;

    isolation: isolate;
}

.ss-v7-art{
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    z-index: 2;

    animation: none !important;
    transform: none !important;
}

@keyframes ssV7FireMoveA {

    0% {
        transform:
            rotate(-2deg)
            scale(.995);

        opacity: .67;

        filter:
            brightness(1.0)
            saturate(1.05);
    }

    28% {
        transform:
            rotate(1.6deg)
            scale(1.018);

        opacity: .92;

        filter:
            brightness(1.22)
            saturate(1.20);
    }

    55% {
        transform:
            rotate(-.8deg)
            scale(1.006);

        opacity: .74;

        filter:
            brightness(1.08)
            saturate(1.10);
    }

    78% {
        transform:
            rotate(2.8deg)
            scale(1.024);

        opacity: 1;

        filter:
            brightness(1.30)
            saturate(1.28);
    }

    100% {
        transform:
            rotate(-2deg)
            scale(.995);

        opacity: .67;

        filter:
            brightness(1.0)
            saturate(1.05);
    }
}

@keyframes ssV7FireMoveB {

    from {
        transform:
            rotate(2deg)
            scale(1.01);

        opacity: .20;

        filter:
            blur(5px)
            brightness(1.15)
            saturate(1.20);
    }

    to {
        transform:
            rotate(-3deg)
            scale(1.045);

        opacity: .48;

        filter:
            blur(7px)
            brightness(1.38)
            saturate(1.38);
    }
}

.hero-call-pane-van.is-active .ss-v7-art-wrap{
    animation:
        ssV7ButtonFloat
        3.6s
        ease-in-out
        infinite;
}

@keyframes ssV7ButtonFloat {

    0%,
    100% {
        transform:
            translate3d(0, 2px, 0);
    }

    50% {
        transform:
            translate3d(0, -5px, 0);
    }
}

@keyframes ssWholeFireAliveA {

    0% {
        transform:
            translate3d(-1px, 1px, 0)
            scale(.995)
            rotate(-.7deg);

        opacity: .72;

        filter:
            brightness(.95)
            saturate(1.05);
    }

    20% {
        transform:
            translate3d(1px, -2px, 0)
            scale(1.018)
            rotate(.8deg);

        opacity: .94;

        filter:
            brightness(1.16)
            saturate(1.16);
    }

    42% {
        transform:
            translate3d(-2px, -1px, 0)
            scale(1.006)
            rotate(-1deg);

        opacity: .80;
    }

    63% {
        transform:
            translate3d(2px, 1px, 0)
            scale(1.026)
            rotate(1.15deg);

        opacity: 1;

        filter:
            brightness(1.27)
            saturate(1.26);
    }

    82% {
        transform:
            translate3d(-1px, -2px, 0)
            scale(1.012)
            rotate(-.4deg);

        opacity: .84;
    }

    100% {
        transform:
            translate3d(-1px, 1px, 0)
            scale(.995)
            rotate(-.7deg);

        opacity: .72;
    }
}

@keyframes ssWholeFireAliveB {

    from {
        transform:
            translate3d(2px, -1px, 0)
            scale(1.015)
            rotate(1deg);

        opacity: .22;

        filter:
            blur(4px)
            brightness(1.15)
            saturate(1.18);
    }

    to {
        transform:
            translate3d(-2px, 2px, 0)
            scale(1.055)
            rotate(-1.3deg);

        opacity: .52;

        filter:
            blur(7px)
            brightness(1.40)
            saturate(1.38);
    }
}

.ss-v7-art{
    animation: none !important;
    transform: none !important;
}

.hero-call-pane-van.is-active .ss-v7-art-wrap{
    animation: none !important;
    transform: none !important;
}

.ss-v7-button{
  position: relative !important;
  border-radius: 50% !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.ss-v7-art-wrap{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.ss-v7-art{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  animation: none !important;
  transform: none !important;
}

.ss-v7-art-wrap::before{
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  z-index: 1;

  background:
    conic-gradient(
      from 0deg,
      #ff2a2a 0deg,
      #ff5a2a 40deg,
      #ff2a2a 90deg,
      #2fff74 180deg,
      #43ff8e 230deg,
      #2fff74 300deg,
      #ff2a2a 360deg
    );

  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 30px),
      #000 calc(100% - 18px),
      #000 calc(100% - 10px),
      transparent calc(100% - 2px)
    );
  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 30px),
      #000 calc(100% - 18px),
      #000 calc(100% - 10px),
      transparent calc(100% - 2px)
    );

  filter: blur(12px) saturate(1.25);
  opacity: .95;

  animation:
    ssFireGlowSpin 7s linear infinite,
    ssFireGlowPulse 2.1s ease-in-out infinite;
}

.ss-v7-art-wrap::after{
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  z-index: 2;

  background:
    repeating-conic-gradient(
      from 0deg,
      #ff3a3a 0deg 8deg,
      transparent 8deg 14deg,
      #37ff7d 14deg 22deg,
      transparent 22deg 28deg,
      #ff612b 28deg 34deg,
      transparent 34deg 40deg
    );

  -webkit-mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 18px),
      #000 calc(100% - 12px),
      #000 calc(100% - 8px),
      transparent calc(100% - 2px)
    );
  mask:
    radial-gradient(
      farthest-side,
      transparent calc(100% - 18px),
      #000 calc(100% - 12px),
      #000 calc(100% - 8px),
      transparent calc(100% - 2px)
    );

  filter:
    blur(2px)
    drop-shadow(0 0 6px rgba(255, 60, 60, .65))
    drop-shadow(0 0 6px rgba(55, 255, 125, .55));

  opacity: .96;

  animation:
    ssFireTonguesSpin 2.6s linear infinite,
    ssFireTonguesBreath 1.25s ease-in-out infinite alternate;
}

@keyframes ssFireGlowSpin {
  from { transform: rotate(0deg) scale(1); }
  to   { transform: rotate(360deg) scale(1.02); }
}

@keyframes ssFireGlowPulse {
  0%,100% {
    opacity: .72;
    filter: blur(11px) saturate(1.15);
  }
  50% {
    opacity: 1;
    filter: blur(14px) saturate(1.4);
  }
}

@keyframes ssFireTonguesSpin {
  from { transform: rotate(0deg) scale(1); }
  to   { transform: rotate(-360deg) scale(1.015); }
}

@keyframes ssFireTonguesBreath {
  0% {
    opacity: .78;
    filter:
      blur(1.5px)
      drop-shadow(0 0 4px rgba(255, 60, 60, .50))
      drop-shadow(0 0 4px rgba(55, 255, 125, .45));
  }
  100% {
    opacity: 1;
    filter:
      blur(3px)
      drop-shadow(0 0 8px rgba(255, 60, 60, .75))
      drop-shadow(0 0 8px rgba(55, 255, 125, .65));
  }
}

.hero-call-pane-van.is-active .ss-v7-button{
  animation: ssFireButtonFloat 3.2s ease-in-out infinite;
}

@keyframes ssFireButtonFloat {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-4px); }
}

.ss-v7-art-wrap::before,
.ss-v7-art-wrap::after{
    display: none !important;
    content: none !important;
}

.ss-v7-art-wrap{
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    overflow: visible !important;

    border-radius: 50% !important;
}

.ss-v7-art{
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    z-index: 2 !important;

    animation: none !important;
    transform: none !important;

    pointer-events: none !important;
}

@keyframes ssFireTipMove {

    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -66;
    }

}

@keyframes ssFireSecondaryMove {

    0%,
    100% {
        opacity: .60;

        transform:
            scale(.995)
            rotate(-.5deg);
    }

    33% {
        opacity: .96;

        transform:
            scale(1.025)
            rotate(.8deg);
    }

    67% {
        opacity: .72;

        transform:
            scale(1.008)
            rotate(-.8deg);
    }

}

@keyframes ssWholeFireBreath {

    0%,
    100% {
        opacity: .82;
    }

    50% {
        opacity: 1;
    }

}

@keyframes ssFireTipMoveSmooth {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -84;
    }
}

@keyframes ssFireSecondaryMoveSmooth {
    0%, 100% {
        opacity: .72;
        transform: scale(.998) rotate(-.35deg);
    }
    50% {
        opacity: 1;
        transform: scale(1.02) rotate(.35deg);
    }
}

@keyframes ssWholeFireBreathSmooth {
    0%, 100% {
        opacity: .88;
        filter: saturate(1.02);
    }
    50% {
        opacity: 1;
        filter: saturate(1.18);
    }
}

.ss-v7-art-wrap::before,
.ss-v7-art-wrap::after{
  content: "" !important;
  display: block !important;
}

.ss-v7-button{
  position: relative !important;
  border-radius: 50% !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.ss-v7-art-wrap{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.ss-v7-art{
  position: relative !important;
  z-index: 4 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  animation: none !important;
  transform: none !important;
}

.ss-v7-art-wrap::before{
  position: absolute !important;
  inset: -7% !important;
  border-radius: 50% !important;
  z-index: 1 !important;

  background:
    conic-gradient(
      from 180deg,
      rgba(40,255,110,.95) 0deg,
      rgba(65,255,150,.90) 70deg,
      rgba(255,220,70,.55) 90deg,
      rgba(255,90,90,.88) 180deg,
      rgba(255,60,60,.95) 270deg,
      rgba(255,220,70,.55) 290deg,
      rgba(40,255,110,.95) 360deg
    );

  -webkit-mask:
    radial-gradient(
      circle,
      transparent 60%,
      #000 67%,
      #000 73%,
      transparent 79%
    );
  mask:
    radial-gradient(
      circle,
      transparent 60%,
      #000 67%,
      #000 73%,
      transparent 79%
    );

  filter: blur(14px) saturate(1.18) !important;
  opacity: .92 !important;

  animation:
    ssV7HaloRotate 8s linear infinite,
    ssV7HaloPulse 2.8s ease-in-out infinite !important;
}

.ss-v7-art-wrap::after{
  position: absolute !important;
  inset: -1.6% !important;
  border-radius: 50% !important;
  z-index: 2 !important;

  background:
    conic-gradient(
      from 180deg,
      #32ff7a 0deg,
      #40ff8a 80deg,
      #ffd94d 92deg,
      #ff4a4a 180deg,
      #ff3838 280deg,
      #ffd94d 292deg,
      #32ff7a 360deg
    );

  -webkit-mask:
    radial-gradient(
      circle,
      transparent 67.8%,
      #000 70.6%,
      #000 72.4%,
      transparent 74.8%
    );
  mask:
    radial-gradient(
      circle,
      transparent 67.8%,
      #000 70.6%,
      #000 72.4%,
      transparent 74.8%
    );

  filter:
    blur(2px)
    drop-shadow(0 0 8px rgba(50,255,122,.35))
    drop-shadow(0 0 8px rgba(255,72,72,.35)) !important;

  opacity: .98 !important;

  animation:
    ssV7HaloRotateReverse 12s linear infinite,
    ssV7HaloPulse2 3.2s ease-in-out infinite !important;
}

.hero-call-pane-van.is-active .ss-v7-button{
  animation: ssV7Float 3.6s ease-in-out infinite !important;
}

@keyframes ssV7HaloRotate {
  from { transform: rotate(0deg) scale(1); }
  to   { transform: rotate(360deg) scale(1.01); }
}

@keyframes ssV7HaloRotateReverse {
  from { transform: rotate(360deg) scale(1); }
  to   { transform: rotate(0deg) scale(1.005); }
}

@keyframes ssV7HaloPulse {
  0%, 100% {
    opacity: .78;
    filter: blur(12px) saturate(1.05);
  }
  50% {
    opacity: 1;
    filter: blur(16px) saturate(1.24);
  }
}

@keyframes ssV7HaloPulse2 {
  0%, 100% {
    opacity: .86;
  }
  50% {
    opacity: 1;
  }
}

@keyframes ssV7Float {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-3px); }
}

@media (max-width: 600px){.ss-v7-art-wrap::before{
    inset: -6% !important;
    filter: blur(11px) saturate(1.14) !important;
  }
.ss-v7-art-wrap::after{
    inset: -1.2% !important;
  }}

.speed-clock-card .ss-clock-ticks-v2 {
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border-radius: 50% !important;

    z-index: 6 !important;

    pointer-events: none !important;

    overflow: visible !important;
}

/*
   Кожен span займає ВЕСЬ циферблат.
   Ми просто повертаємо його навколо центра.
   Тому радіус не треба рахувати у px.
*/
.speed-clock-card .ss-clock-tick-v2 {
    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    transform:
        rotate(var(--tick-angle))
        !important;

    transform-origin:
        50% 50%
        !important;

    opacity: 1 !important;

    pointer-events: none !important;
}

/* маленька біла риска */
.speed-clock-card .ss-clock-tick-v2::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 50% !important;
    top: 5px !important;

    width: 2px !important;
    height: 7px !important;

    transform:
        translateX(-50%)
        !important;

    border-radius: 999px !important;

    background:
        rgba(245, 247, 247, .92)
        !important;

    box-shadow:
        0 0 2px
        rgba(255,255,255,.22)
        !important;
}

/* кожна п'ята — жовта і більша */
.speed-clock-card
.ss-clock-tick-major-v2::before {

    top: 4px !important;

    width: 3px !important;
    height: 12px !important;

    background:
        #ffd600
        !important;

    box-shadow:
        0 0 5px
        rgba(255,214,0,.65)
        !important;
}

/* цифри та стрілки зверху */
.speed-clock-card .clock-num {
    z-index: 8 !important;
}

.speed-clock-card .clock-hand {
    z-index: 10 !important;
}

.speed-clock-card .clock-pin {
    z-index: 12 !important;
}

/* ========================================================= */

/* CLEAN HERO + CLOCK FINAL START */

/* =========================================================
   ЧОРНА КНОПКА — БЕЗ БУСА / FIRE
   ========================================================= */

.call-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#openCall {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(320px, 78vw) !important;
    height: min(320px, 78vw) !important;

    padding: 0 !important;
    margin: 22px auto !important;

    border-radius: 50% !important;

    border: 4px solid #ffd600 !important;

    background:
        radial-gradient(
            circle,
            #151717 0%,
            #090a0a 58%,
            #020303 100%
        ) !important;

    box-shadow:
        0 0 13px rgba(255,214,0,.72),
        0 0 34px rgba(255,214,0,.28),
        inset 0 0 30px rgba(0,0,0,.72)
        !important;

    color: #fff !important;

    animation: none !important;
    transform: none !important;

    overflow: visible !important;
}

/* сіра шинна риска */
#openCall::before {
    content: "" !important;

    position: absolute !important;

    inset: 19px !important;

    border-radius: 50% !important;

    border:
        9px dashed
        rgba(150,150,150,.45)
        !important;

    background: transparent !important;

    animation: none !important;

    pointer-events: none !important;
}

/* внутрішнє тонке жовте кільце */
#openCall::after {
    content: "" !important;

    position: absolute !important;

    inset: 52px !important;

    border-radius: 50% !important;

    border:
        2px solid
        rgba(255,214,0,.92)
        !important;

    background: transparent !important;

    animation: none !important;

    pointer-events: none !important;
}

#openCall .wheel-center-copy {
    position: relative !important;

    z-index: 4 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;

    text-align: center !important;
}

#openCall .wheel-big {
    color: #fff !important;

    font-weight: 1000 !important;

    line-height: .95 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.8)
        !important;
}

/* =========================================================
   ГОДИННИК — 60 РИСОК ПО САМОМУ КРАЮ
   Розмір самого годинника НЕ ЧІПАЄМО.
   ========================================================= */

/*
   Ховаємо старі DOM-ticks, щоб вони
   не конфліктували з новими.
*/
.speed-clock-card .clock-ticks {
    display: none !important;
}

/* 60 тонких білих рисок */
.speed-clock-card .service-clock::before {
    content: "" !important;

    position: absolute !important;

    inset: 4px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,

            rgba(242,245,245,.95)
                0deg 1.15deg,

            transparent
                1.15deg 6deg
        )
        !important;

    -webkit-mask:
        radial-gradient(
            circle,

            transparent 0 80%,

            #000 81% 100%
        )
        !important;

    mask:
        radial-gradient(
            circle,

            transparent 0 80%,

            #000 81% 100%
        )
        !important;

    z-index: 2 !important;

    opacity: .92 !important;

    pointer-events: none !important;
}

/* кожна п'ята — довша жовта */
.speed-clock-card .service-clock::after {
    content: "" !important;

    position: absolute !important;

    inset: 3px !important;

    border-radius: 50% !important;

    background:
        repeating-conic-gradient(
            from 0deg,

            #ffd600
                0deg 2.2deg,

            transparent
                2.2deg 30deg
        )
        !important;

    -webkit-mask:
        radial-gradient(
            circle,

            transparent 0 75%,

            #000 76% 100%
        )
        !important;

    mask:
        radial-gradient(
            circle,

            transparent 0 75%,

            #000 76% 100%
        )
        !important;

    z-index: 3 !important;

    pointer-events: none !important;

    filter:
        drop-shadow(
            0 0 2px
            rgba(255,214,0,.55)
        )
        !important;
}

/* цифри / стрілки точно поверх рисок */
.speed-clock-card .clock-num {
    z-index: 5 !important;
}

.speed-clock-card .clock-hand {
    z-index: 7 !important;
}

.speed-clock-card .clock-pin {
    z-index: 9 !important;
}

@media (max-width: 600px) {

    #openCall {
        width: min(290px, 82vw) !important;
        height: min(290px, 82vw) !important;
    }

}

/* CLEAN HERO + CLOCK FINAL END */

.call-price-info {
    margin: 0 0 20px;

    padding: 14px;

    border:
        1px solid
        rgba(255, 212, 0, .28);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 212, 0, .06),
            rgba(255, 255, 255, .018)
        );

    box-shadow:
        inset 0 0 24px
        rgba(255, 212, 0, .025);
}

.call-price-main {
    display: flex;

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

    gap: 14px;

    padding-bottom: 12px;

    margin-bottom: 12px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .08);
}

.call-price-main span {
    color: #f5f5f5;

    font-weight: 800;
    font-size: 15px;
}

.call-price-main strong {
    color: #ffd400;

    font-size: 20px;
    font-weight: 950;

    white-space: nowrap;
}

.call-price-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;
}

.call-price-item {
    display: flex;
    flex-direction: column;

    gap: 3px;

    padding: 11px;

    border-radius: 12px;

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

    border:
        1px solid
        rgba(255, 255, 255, .06);
}

.call-price-item span {
    color: #fff;

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

.call-price-item small {
    color: #9fa5a5;

    font-size: 12px;
}

.call-price-item b {
    margin-top: 3px;

    color: #ffd400;

    font-size: 14px;
}

.call-price-outside {
    display: grid;

    grid-template-columns:
        1fr auto;

    gap: 2px 12px;

    align-items: center;

    margin-top: 9px;

    padding: 11px;

    border-radius: 12px;

    background:
        rgba(255, 212, 0, .055);
}

.call-price-outside span {
    color: #f4f4f4;

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

.call-price-outside b {
    color: #ffd400;

    font-size: 14px;

    white-space: nowrap;
}

.call-price-outside small {
    grid-column: 1 / -1;

    color: #8f9696;

    font-size: 11px;
}

@media (max-width: 520px) {

    .call-price-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 760px) {
    html:not(.speed-clock-visible) .speed-clock-card {
        content-visibility: hidden !important;
        contain-intrinsic-size: 520px !important;
    }

    html.speed-clock-visible .speed-clock-card {
        content-visibility: visible !important;
    }
}

/* =========================================================
   SPEED SERVICE YELLOW BUTTON BLINK
   Decorative only: opacity + transform.
   No layout shift, no text changes.
   ========================================================= */

#openCall {
    isolation: isolate !important;
}

#openCall .yellow-blink-ring {
    position: absolute !important;
    inset: -7px !important;

    border-radius: 50% !important;

    border: 4px solid #ffd600 !important;

    box-shadow:
        0 0 12px rgba(255,214,0,.75),
        0 0 27px rgba(255,214,0,.42) !important;

    pointer-events: none !important;

    opacity: .32;

    transform: scale(.995);

    animation:
        speedYellowBlink
        1.8s
        ease-in-out
        infinite;

    will-change: opacity, transform;

    z-index: 3;
}

#openCall .wheel-center-copy {
    position: relative !important;
    z-index: 4 !important;
}

@keyframes speedYellowBlink {
    0%,
    100% {
        opacity: .28;
        transform: scale(.995);
    }

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

/* Поважаємо системне налаштування "менше руху" */
@media (prefers-reduced-motion: reduce) {
    #openCall .yellow-blink-ring {
        animation: none !important;
        opacity: .70;
        transform: none;
    }
}

#openCall {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

#openCall .yellow-blink-ring {
    position: absolute !important;

    inset: -12px !important;

    border-radius: 50% !important;

    background: transparent !important;

    border: 7px solid #ffd600 !important;

    outline: 3px solid rgba(255, 214, 0, .40) !important;
    outline-offset: 6px !important;

    box-shadow:
        0 0 14px rgba(255,214,0,.95),
        0 0 34px rgba(255,214,0,.72),
        0 0 65px rgba(255,214,0,.38) !important;

    opacity: .05;

    transform: scale(.97);

    transform-origin: center !important;

    pointer-events: none !important;

    z-index: 20 !important;

    animation:
        speedStrongYellowBlink
        1.35s
        ease-in-out
        infinite
        !important;

    will-change: opacity, transform !important;
}

@keyframes speedStrongYellowBlink {

    0%,
    100% {
        opacity: .05;
        transform: scale(.97);
    }

    45%,
    55% {
        opacity: 1;
        transform: scale(1.055);
    }

}

#openCall .wheel-center-copy {
    position: relative !important;
    z-index: 30 !important;
}

/* =========================================================
   SPEED SERVICE — REAL BUTTON YELLOW BLINK
   Пульсує САМА видима кнопка, без додаткових шарів.
   ========================================================= */

/* старий експериментальний ring більше не використовуємо */
#openCall .yellow-blink-ring {
    display: none !important;
    animation: none !important;
}

/*
   Починаємо після першого paint.
   filter не змінює геометрію сторінки.
*/
#openCall {
    animation:
        speedRealYellowButtonBlink
        3.2s
        ease-in-out
        2.5s
        infinite
        !important;

    will-change: filter !important;
}

@keyframes speedRealYellowButtonBlink {

    0%,
    100% {
        filter:
            brightness(.82)
            saturate(.95);
    }

    50% {
        filter:
            brightness(1.55)
            saturate(1.65);
    }

}

@media (prefers-reduced-motion: reduce) {
    #openCall {
        animation:
            speedRealYellowButtonBlink
            1.8s
            ease-in-out
            2.5s
            infinite
            !important;
    }
}

/* SPEED SERVICE OFFICIAL SOCIAL */
.speed-social-link {
    width: 100%;
    text-align: center;
    padding: 14px 16px 24px;
    font-size: 14px;
}

.speed-social-link a {
    color: inherit;
    text-decoration: none;
    opacity: .72;
}

.speed-social-link a:hover,
.speed-social-link a:focus-visible {
    opacity: 1;
    text-decoration: underline;
}

@media (max-width: 600px) {

    .topbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .topbar .brand {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-size: 22px !important;
        white-space: nowrap !important;
    }

    .topbar .pill {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        flex: 0 0 auto !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 8px 10px !important;

        border-radius: 999px !important;

        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;

        color: #fff !important;
        text-decoration: none !important;

        position: static !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {

    .topbar .brand {
        font-size: 20px !important;
    }

    .topbar .pill {
        font-size: 11.5px !important;
        padding: 7px 8px !important;
    }
}

/* =========================================================
   SPEED SERVICE — YOUTUBE BUTTON FINAL
   ========================================================= */

.speed-social-link {
    width: 100% !important;
    box-sizing: border-box !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 22px 16px 28px !important;
    margin: 0 !important;

    border-top: 1px solid rgba(255,255,255,.07) !important;

    text-align: center !important;
}

.speed-social-link a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;

    min-height: 48px !important;

    padding: 10px 18px !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        ) !important;

    color: #f5f5f5 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: .01em !important;

    text-decoration: none !important;

    opacity: 1 !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

/* Червона YouTube-іконка */
.speed-social-link a::before {
    content: "▶" !important;

    width: 32px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    border-radius: 7px !important;

    background: #ff0033 !important;
    color: #fff !important;

    font-size: 10px !important;
    line-height: 1 !important;

    padding-left: 2px !important;

    box-shadow:
        0 0 16px rgba(255,0,51,.18) !important;
}

.speed-social-link a:hover,
.speed-social-link a:focus-visible {
    transform: translateY(-1px) !important;

    border-color: rgba(255,255,255,.24) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.03)
        ) !important;

    text-decoration: none !important;
}

/* iPhone */
@media (max-width: 600px) {

    .speed-social-link {
        padding: 18px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    }

    .speed-social-link a {
        font-size: 14px !important;
        padding: 10px 16px !important;
        border-radius: 14px !important;
    }
}

.home-service-hub {
    position: relative;

    width: min(1500px, calc(100% - 48px));
    margin: 46px auto 54px;

    box-sizing: border-box;
}

.home-service-hub::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: -90px;
    left: 50%;

    width: min(1000px, 90vw);
    height: 260px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,212,0,.07),
            rgba(255,212,0,0) 68%
        );

    pointer-events: none;
}

.home-service-hub-head {
    max-width: 760px;
    margin: 0 0 28px;
}

.home-service-hub-head .eyebrow {
    margin-bottom: 10px;

    color: #ffd400;

    font-size: 13px;
    font-weight: 950;
    letter-spacing: .16em;
}

.home-service-hub-head h2 {
    margin: 0;

    font-size: clamp(30px, 3vw, 48px);
    line-height: 1.06;
    letter-spacing: -.035em;
}

.home-service-hub-head p {
    margin: 14px 0 0;

    max-width: 650px;

    color: rgba(255,255,255,.64);

    font-size: 16px;
    line-height: 1.6;
}

.home-service-hub-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 14px;

    align-items: stretch;
}

.home-service-card {
    position: relative;

    min-width: 0;

    padding: 18px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,212,0,.045),
            transparent 38%
        ),
        linear-gradient(
            155deg,
            rgba(25,27,27,.96),
            rgba(10,11,11,.98)
        );

    box-shadow:
        0 22px 60px rgba(0,0,0,.22),
        inset 0 1px rgba(255,255,255,.025);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.home-service-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;
    right: 22px;

    height: 2px;

    border-radius: 0 0 999px 999px;

    opacity: .70;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffd400,
            transparent
        );
}

.home-service-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(255,212,0,.22);

    box-shadow:
        0 28px 70px rgba(0,0,0,.30),
        0 0 32px rgba(255,212,0,.035);
}

.home-service-card-head {
    display: flex;
    align-items: center;

    gap: 12px;

    min-height: 52px;

    padding: 2px 3px 15px;

    border-bottom:
        1px solid rgba(255,255,255,.07);
}

.home-service-icon {
    display: grid;
    place-items: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border:
        1px solid rgba(255,212,0,.20);

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(255,212,0,.12),
            rgba(255,212,0,.025)
        );

    box-shadow:
        inset 0 1px rgba(255,255,255,.05);
}

.home-service-icon svg {
    width: 22px;
    height: 22px;

    fill: none;

    stroke: #ffd400;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-service-card-head > div {
    min-width: 0;
}

.home-service-card-head small {
    display: block;

    margin-bottom: 2px;

    color: rgba(255,255,255,.36);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
}

.home-service-card-head h3 {
    margin: 0;

    color: #ffd400;

    font-size: 18px;
    line-height: 1.2;
}

.home-service-list {
    display: grid;

    gap: 3px;

    margin-top: 10px;
}

.home-service-list > a {
    display: flex;

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

    gap: 12px;

    min-height: 62px;

    padding: 10px 11px;

    border:
        1px solid transparent;

    border-radius: 13px;

    color: #fff;

    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.home-service-list > a:hover,
.home-service-list > a:focus-visible {
    transform: translateX(2px);

    border-color:
        rgba(255,212,0,.14);

    background:
        linear-gradient(
            90deg,
            rgba(255,212,0,.075),
            rgba(255,255,255,.025)
        );

    outline: none;
}

.home-service-list > a > span {
    min-width: 0;
}

.home-service-list strong {
    display: block;

    color: #fff;

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

    line-height: 1.28;
}

.home-service-list small {
    display: block;

    margin-top: 5px;

    color: rgba(255,255,255,.48);

    font-size: 11.5px;
    line-height: 1.35;
}

.home-service-list > a > b {
    flex: 0 0 auto;

    color: rgba(255,212,0,.42);

    font-size: 19px;
    font-weight: 400;

    transform: translateX(-2px);

    transition:
        color .18s ease,
        transform .18s ease;
}

.home-service-list > a:hover > b,
.home-service-list > a:focus-visible > b {
    color: #ffd400;

    transform: translateX(2px);
}

.home-service-card-road {
    display: flex;
    flex-direction: column;
}

.home-road-call {
    margin-top: auto;
    padding-top: 17px;
}

.home-road-call > span {
    display: block;

    margin-bottom: 9px;

    color: rgba(255,255,255,.50);

    font-size: 11px;
}

.home-road-call > a {
    display: flex;

    flex-direction: column;

    padding: 14px 15px;

    border:
        1px solid rgba(255,212,0,.22);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #ffd400,
            #f5be00
        );

    color: #090a0a;

    text-decoration: none;

    box-shadow:
        0 10px 28px rgba(255,212,0,.10);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.home-road-call > a:hover,
.home-road-call > a:focus-visible {
    transform: translateY(-2px);

    box-shadow:
        0 15px 36px rgba(255,212,0,.18);
}

.home-road-call > a small {
    color: rgba(0,0,0,.58);

    font-size: 10px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .08em;
}

.home-road-call > a strong {
    margin-top: 2px;

    font-size: 20px;
    line-height: 1.15;
    letter-spacing: .01em;
}

@media (max-width: 1180px) {

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

}

@media (max-width: 680px) {

    .home-service-hub {
        width: calc(100% - 24px);

        margin-top: 32px;
        margin-bottom: 40px;
    }

    .home-service-hub-head {
        margin-bottom: 20px;
    }

    .home-service-hub-head h2 {
        font-size: 31px;
    }

    .home-service-hub-head p {
        font-size: 14px;
    }

    .home-service-hub-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .home-service-card {
        padding: 15px;

        border-radius: 19px;
    }

    .home-service-list > a {
        min-height: 58px;

        padding: 10px 9px;
    }

}

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

    .home-service-card,
    .home-service-list > a,
    .home-service-list > a > b,
    .home-road-call > a {
        transition: none !important;
    }

}

.home-works{position:relative;width:min(1500px,calc(100% - 48px));margin:52px auto 58px;padding:0}.home-works:before{content:"";position:absolute;z-index:-1;left:12%;top:-80px;width:520px;height:260px;background:radial-gradient(circle,rgba(255,212,0,.075),transparent 68%);filter:blur(8px);pointer-events:none}.home-works-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.home-works-head h2{margin:7px 0 8px;font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.05em}.home-works-head p{max-width:720px;margin:0;color:rgba(255,255,255,.62);line-height:1.55}.home-works-all{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:11px 14px;border:1px solid rgba(255,212,0,.2);border-radius:13px;color:#ffd400;text-decoration:none;font-weight:900}.home-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-work-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(150deg,#151717,#0d0f0f);text-decoration:none;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.home-works-grid>.home-work-card:only-child{grid-column:1/-1}.home-work-card:hover{transform:translateY(-4px);border-color:rgba(255,212,0,.28);box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 42px rgba(255,212,0,.045)}.home-work-card .work-card-media{position:relative;min-height:100%;overflow:hidden;background:#111}.home-work-card .work-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.home-work-card:hover .work-card-media img{transform:scale(1.025)}.home-work-card .work-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.64))}.home-work-card .work-card-badges{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:7px}.home-work-card .work-card-badges span{display:inline-flex;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,6,6,.72);backdrop-filter:blur(10px);font-size:10px;font-weight:850;color:#e9ebeb}.home-work-card .work-card-body{display:flex;flex-direction:column;justify-content:center;padding:32px}.home-work-card .work-card-kicker{color:#ffd400;font-size:11px;font-weight:950;letter-spacing:.12em}.home-work-card .work-card-body h3{font-size:clamp(26px,3.2vw,46px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.home-work-card .work-card-body p{margin:0;color:#aeb4b4;line-height:1.6}.home-work-card .work-card-link{display:flex;align-items:center;gap:8px;margin-top:26px;color:#ffd400;font-weight:900}.home-work-card .work-card-link b{transition:transform .2s ease}.home-work-card:hover .work-card-link b{transform:translateX(5px)}
@media(max-width:980px){.home-works-grid{grid-template-columns:1fr}.home-works-head{align-items:flex-start;flex-direction:column}.home-work-card{grid-template-columns:1fr}.home-work-card .work-card-media{min-height:420px}}
@media(max-width:680px){.home-works{width:calc(100% - 24px);margin-top:38px;margin-bottom:44px}.home-works-head{margin-bottom:17px}.home-works-head h2{font-size:37px}.home-works-all{width:100%;justify-content:center}.home-work-card{min-height:0;border-radius:20px}.home-work-card .work-card-media{min-height:360px}.home-work-card .work-card-body{padding:22px}.home-work-card .work-card-body h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.home-work-card,.home-work-card .work-card-media img,.home-work-card .work-card-link b{transition:none!important}}

.mobile-road-price .promo-price-note {
    margin-top: 12px;

    padding: 9px 11px;

    border-radius: 10px;

    color: #ffd400;

    background:
        rgba(255, 212, 0, .075);

    border:
        1px solid
        rgba(255, 212, 0, .16);

    font-weight: 700;
}

.mobile-promo-price {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 4px;

    padding: 12px 14px;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .035);
}

.mobile-old-price {
    color: #949a9a;

    font-size: 15px;

    text-decoration: line-through;

    text-decoration-thickness: 2px;
}

.mobile-new-price {
    color: #ffd400;

    font-size: 22px;

    font-weight: 950;
}

.mobile-road-price summary > strong {
    white-space: nowrap;
}

@media (max-width: 520px) {

    .mobile-road-price summary > strong {
        font-size: 13px;
    }

}

.home-works {
    overflow:
        hidden;
}

.home-works-grid {

    display:
        flex !important;

    flex-wrap:
        nowrap !important;

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        14px 22px 34px !important;

    gap:
        20px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scroll-snap-type:
        x mandatory;

    scroll-padding-inline:
        22px;

    -webkit-overflow-scrolling:
        touch;

    overscroll-behavior-x:
        contain;

    scrollbar-width:
        none;
}

.home-works-grid::-webkit-scrollbar {
    display:
        none;
}

.home-works-grid
> .home-work-card {

    flex:
        0 0 clamp(680px, 72vw, 860px)
        !important;

    width:
        clamp(680px, 72vw, 860px)
        !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    min-height:
        430px !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(280px, .9fr)
        minmax(350px, 1.1fr)
        !important;

    scroll-snap-align:
        start;

    scroll-snap-stop:
        always;

    overflow:
        hidden !important;
}

.home-works-grid
.work-card-body {

    min-width:
        0 !important;

    padding:
        30px 34px !important;
}

.home-works-grid
.work-card-body h3 {

    width:
        100% !important;

    max-width:
        100% !important;

    font-size:
        clamp(27px, 3vw, 38px)
        !important;

    line-height:
        1.03 !important;

    letter-spacing:
        -.035em !important;

    white-space:
        normal !important;

    overflow-wrap:
        break-word !important;

    word-break:
        normal !important;
}

.home-works-grid
.work-card-body p {

    max-width:
        100% !important;

    font-size:
        16px !important;

    line-height:
        1.55 !important;
}

@media (max-width: 700px) {

    .home-works-grid {

        padding:
            10px 16px 28px !important;

        gap:
            14px !important;
    }

    .home-works-grid
    > .home-work-card {

        flex:
            0 0 84vw !important;

        width:
            84vw !important;

        max-width:
            390px !important;

        min-height:
            0 !important;

        grid-template-columns:
            1fr !important;

        border-radius:
            22px !important;
    }

    .home-works-grid
    .work-card-media {

        height:
            290px !important;

        min-height:
            290px !important;
    }

    .home-works-grid
    .work-card-body {

        padding:
            21px 20px 23px !important;
    }

    .home-works-grid
    .work-card-body h3 {

        font-size:
            clamp(26px, 7.4vw, 34px)
            !important;

        line-height:
            1.04 !important;
    }

}

.price-service-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.price-service-links a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid rgba(255,212,0,.22);
    border-radius: 11px;
    background: rgba(255,212,0,.055);
    color: #ffd400;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
    text-decoration: none;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.price-service-links a:hover {
    background: rgba(255,212,0,.11);
    border-color: rgba(255,212,0,.42);
    transform: translateY(-1px);
}

@media (max-width: 620px) {
    .price-service-links {
        display: grid;
        grid-template-columns: 1fr;
    }

    .price-service-links a {
        width: 100%;
        padding: 11px 12px;
    }
}

/* ---------------------------------------------------------
   FULL WIDTH PANEL
   --------------------------------------------------------- */

.speed-main-header {

    position: relative !important;

    left: 50% !important;

    transform:
        translateX(-50%) !important;

    width:
        calc(100vw - 28px) !important;

    max-width:
        1880px !important;

    min-height:
        126px !important;

    margin:
        12px 0 38px !important;

    padding:
        14px 42px !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(500px, 1fr)
        auto
        1px
        auto !important;

    align-items:
        center !important;

    gap:
        34px !important;

    border:
        1px solid transparent !important;

    border-radius:
        34px !important;

    background:
        linear-gradient(
            100deg,
            rgba(13,15,13,.99),
            rgba(8,10,10,.99) 45%,
            rgba(11,11,10,.99)
        ) padding-box,

        linear-gradient(
            90deg,
            rgba(91,255,0,.76) 0%,
            rgba(255,216,0,.58) 47%,
            rgba(255,35,35,.78) 100%
        ) border-box !important;

    box-shadow:
        -25px 0 55px rgba(70,255,0,.08),

        25px 0 60px rgba(255,20,20,.08),

        0 20px 60px rgba(0,0,0,.38),

        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    overflow:
        hidden !important;

    isolation:
        isolate;
}

.speed-main-header::before {

    content: "";

    position:
        absolute;

    z-index:
        -1;

    left:
        -80px;

    top:
        -80px;

    width:
        390px;

    height:
        270px;

    background:
        radial-gradient(
            ellipse,
            rgba(81,255,0,.13),
            rgba(81,255,0,.035) 42%,
            transparent 70%
        );

    pointer-events:
        none;
}

.speed-main-header::after {

    content: "";

    position:
        absolute;

    z-index:
        -1;

    right:
        -100px;

    bottom:
        -100px;

    width:
        400px;

    height:
        300px;

    background:
        radial-gradient(
            ellipse,
            rgba(255,20,20,.13),
            rgba(255,20,20,.025) 44%,
            transparent 72%
        );

    pointer-events:
        none;
}

/* ---------------------------------------------------------
   BRAND
   --------------------------------------------------------- */

.speed-brand-lockup {

    display:
        grid !important;

    grid-template-columns:
        170px
        minmax(0,1fr) !important;

    align-items:
        center !important;

    gap:
        25px !important;

    min-width:
        0 !important;

    padding-right:
        36px !important;

    border-right:
        1px solid
        rgba(255,255,255,.14) !important;

    text-decoration:
        none !important;
}

/* ---------------------------------------------------------
   TRANSPARENT LOGO
   --------------------------------------------------------- */

.speed-logo-shell {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        170px !important;

    height:
        112px !important;

    flex:
        none !important;

    padding:
        0 !important;

    margin:
        0 !important;

    overflow:
        visible !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}

.speed-header-logo {

    display:
        block !important;

    width:
        164px !important;

    height:
        112px !important;

    max-width:
        none !important;

    object-fit:
        contain !important;

    opacity:
        1 !important;

    filter:
        drop-shadow(
            -8px 0 15px
            rgba(70,255,0,.13)
        )
        drop-shadow(
            8px 0 15px
            rgba(255,25,25,.11)
        ) !important;

    transform:
        none !important;

    background:
        transparent !important;

    border-radius:
        0 !important;
}

/* ---------------------------------------------------------
   SPEED SERVICE TEXT
   --------------------------------------------------------- */

.speed-brand-copy {

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    min-width:
        0 !important;
}

.speed-brand-title {

    display:
        flex !important;

    align-items:
        baseline !important;

    flex-wrap:
        nowrap !important;

    gap:
        8px !important;

    margin:
        0 !important;

    font-size:
        39px !important;

    line-height:
        .96 !important;

    font-style:
        italic !important;

    font-weight:
        950 !important;

    letter-spacing:
        -.045em !important;
}

.speed-word {

    color:
        #72df00 !important;

    text-shadow:
        0 0 16px
        rgba(95,255,0,.16);
}

.service-word {

    color:
        #ff2424 !important;

    text-shadow:
        0 0 16px
        rgba(255,20,20,.13);
}

.speed-brand-copy > small {

    margin-top:
        8px !important;

    color:
        rgba(255,255,255,.82) !important;

    font-size:
        15px !important;

    line-height:
        1.2 !important;

    font-weight:
        700 !important;
}

.speed-brand-address {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        8px !important;

    margin-top:
        9px !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size:
        13px !important;

    line-height:
        1.2 !important;

    font-weight:
        750 !important;
}

.address-pin {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffd400 !important;

    font-size:
        18px !important;

    line-height:
        1;
}

/* ---------------------------------------------------------
   NAVIGATION
   --------------------------------------------------------- */

.speed-main-nav {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        20px !important;

    padding:
        0 !important;
}

.speed-main-nav a {

    position:
        relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        170px !important;

    min-height:
        61px !important;

    padding:
        0 28px !important;

    border:
        1px solid
        rgba(255,255,255,.17) !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.007)
        ) !important;

    color:
        #fff !important;

    font-size:
        16px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    text-decoration:
        none !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025) !important;

    transition:
        .18s ease !important;
}

.speed-main-nav a:first-child:hover {

    color:
        #8cff23 !important;

    border-color:
        rgba(95,255,0,.42) !important;

    box-shadow:
        0 0 22px
        rgba(95,255,0,.08) !important;
}

.speed-main-nav a:last-child:hover {

    color:
        #ff4545 !important;

    border-color:
        rgba(255,40,40,.42) !important;

    box-shadow:
        0 0 22px
        rgba(255,30,30,.08) !important;
}

/* ---------------------------------------------------------
   SEPARATOR
   --------------------------------------------------------- */

.speed-header-separator {

    display:
        block !important;

    width:
        1px !important;

    height:
        68px !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,212,0,.35),
            transparent
        ) !important;
}

/* ---------------------------------------------------------
   PHONE
   --------------------------------------------------------- */

.speed-header-phone {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        13px !important;

    min-width:
        270px !important;

    min-height:
        65px !important;

    padding:
        0 30px !important;

    border:
        1px solid
        rgba(255,223,0,.95) !important;

    border-radius:
        20px !important;

    background:
        linear-gradient(
            135deg,
            #ffe100,
            #ffca00
        ) !important;

    color:
        #080909 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 0 29px
        rgba(255,210,0,.18),

        inset 0 1px 0
        rgba(255,255,255,.55) !important;

    transition:
        .18s ease !important;
}

.speed-header-phone:hover {

    transform:
        translateY(-1px);

    box-shadow:
        0 0 37px
        rgba(255,210,0,.27),

        inset 0 1px 0
        rgba(255,255,255,.55) !important;
}

.speed-phone-icon {

    color:
        #080909 !important;

    font-size:
        24px !important;
}

.speed-header-phone strong {

    color:
        #080909 !important;

    font-size:
        18px !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    white-space:
        nowrap !important;
}

/* ---------------------------------------------------------
   LAPTOP
   --------------------------------------------------------- */

@media(max-width:1300px) {

    .speed-main-header {

        grid-template-columns:
            minmax(440px,1fr)
            auto
            1px
            auto !important;

        padding:
            13px 25px !important;

        gap:
            20px !important;
    }

    .speed-brand-lockup {

        grid-template-columns:
            140px minmax(0,1fr)
            !important;

        gap:
            18px !important;

        padding-right:
            22px !important;
    }

    .speed-logo-shell {

        width:
            140px !important;

        height:
            98px !important;
    }

    .speed-header-logo {

        width:
            136px !important;

        height:
            96px !important;
    }

    .speed-brand-title {

        font-size:
            31px !important;
    }

    .speed-main-nav {

        gap:
            10px !important;
    }

    .speed-main-nav a {

        min-width:
            135px !important;

        min-height:
            52px !important;

        padding:
            0 17px !important;

        font-size:
            14px !important;
    }

    .speed-header-phone {

        min-width:
            220px !important;

        min-height:
            55px !important;

        padding:
            0 19px !important;
    }

    .speed-header-phone strong {

        font-size:
            15px !important;
    }
}

@media(max-width:760px) {

    .speed-main-header {

        width:
            calc(100vw - 16px) !important;

        min-height:
            0 !important;

        grid-template-columns:
            minmax(0,1fr)
            auto !important;

        grid-template-areas:
            "brand phone"
            "nav nav";

        gap:
            10px !important;

        margin:
            8px 0 22px !important;

        padding:
            10px !important;

        border-radius:
            22px !important;
    }

    .speed-brand-lockup {

        grid-area:
            brand;

        grid-template-columns:
            66px minmax(0,1fr)
            !important;

        gap:
            9px !important;

        padding-right:
            0 !important;

        border-right:
            0 !important;
    }

    .speed-logo-shell {

        width:
            66px !important;

        height:
            59px !important;
    }

    .speed-header-logo {

        width:
            65px !important;

        height:
            58px !important;
    }

    .speed-brand-title {

        gap:
            4px !important;

        font-size:
            18px !important;
    }

    .speed-brand-copy > small {

        margin-top:
            3px !important;

        font-size:
            9px !important;
    }

    .speed-brand-address {

        max-width:
            190px;

        margin-top:
            4px !important;

        font-size:
            8px !important;

        white-space:
            nowrap;

        overflow:
            hidden;

        text-overflow:
            ellipsis;
    }

    .address-pin {

        font-size:
            11px !important;
    }

    .speed-main-nav {

        grid-area:
            nav;

        display:
            grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            8px !important;

        width:
            100%;
    }

    .speed-main-nav a {

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            41px !important;

        padding:
            0 8px !important;

        border-radius:
            12px !important;

        font-size:
            11px !important;
    }

    .speed-header-separator {

        display:
            none !important;
    }

    .speed-header-phone {

        grid-area:
            phone;

        min-width:
            0 !important;

        min-height:
            45px !important;

        padding:
            0 11px !important;

        gap:
            6px !important;

        border-radius:
            14px !important;
    }

    .speed-phone-icon {

        font-size:
            14px !important;
    }

    .speed-header-phone strong {

        font-size:
            11px !important;
    }
}

/* ---------------------------------------------------------
   SMALL PHONE
   --------------------------------------------------------- */

@media(max-width:430px) {

    .speed-brand-copy > small {

        display:
            none;
    }

    .speed-brand-address {

        max-width:
            145px;
    }

    .speed-brand-title {

        font-size:
            16px !important;
    }

    .speed-header-phone strong {

        font-size:
            10px !important;
    }
}

/* Панель нижча і майже на всю ширину */

.speed-main-header {

    width:
        calc(100vw - 18px) !important;

    max-width:
        none !important;

    min-height:
        108px !important;

    margin:
        7px 0 28px !important;

    padding:
        8px 30px !important;

    grid-template-columns:
        minmax(490px,1fr)
        auto
        1px
        auto !important;

    gap:
        28px !important;

    border-radius:
        27px !important;

    box-shadow:
        -20px 0 42px rgba(77,255,0,.055),
        20px 0 46px rgba(255,25,25,.055),
        0 15px 44px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.035)
        !important;
}

/* Ліва частина */

.speed-brand-lockup {

    grid-template-columns:
        148px
        minmax(0,1fr) !important;

    gap:
        21px !important;

    padding-right:
        32px !important;
}

/* Прозорий логотип */

.speed-logo-shell {

    width:
        148px !important;

    height:
        94px !important;
}

.speed-header-logo {

    width:
        145px !important;

    height:
        94px !important;

    object-fit:
        contain !important;

    filter:
        drop-shadow(
            -6px 0 13px
            rgba(88,255,0,.11)
        )
        drop-shadow(
            6px 0 13px
            rgba(255,30,30,.09)
        ) !important;
}

/* Speed / Service */

.speed-brand-title {

    gap:
        7px !important;

    font-size:
        35px !important;

    line-height:
        .95 !important;

    letter-spacing:
        -.05em !important;
}

.speed-word {

    color:
        #73df00 !important;

    text-shadow:
        0 0 13px
        rgba(100,255,0,.13);
}

.service-word {

    color:
        #f52222 !important;

    text-shadow:
        0 0 13px
        rgba(255,20,20,.11);
}

.speed-brand-copy > small {

    margin-top:
        6px !important;

    font-size:
        14px !important;

    color:
        rgba(255,255,255,.79) !important;
}

.speed-brand-address {

    margin-top:
        7px !important;

    font-size:
        12px !important;

    color:
        rgba(255,255,255,.72) !important;
}

.address-pin {

    color:
        #ffd400 !important;

    font-size:
        16px !important;
}

/* Меню компактніше */

.speed-main-nav {

    gap:
        16px !important;
}

.speed-main-nav a {

    min-width:
        154px !important;

    min-height:
        52px !important;

    padding:
        0 22px !important;

    border-radius:
        16px !important;

    font-size:
        15px !important;
}

/* Розділювач */

.speed-header-separator {

    height:
        60px !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,212,0,.28),
            transparent
        ) !important;
}

/* Телефон — як у референсі */

.speed-header-phone {

    min-width:
        250px !important;

    min-height:
        58px !important;

    padding:
        0 27px !important;

    border-radius:
        18px !important;

    gap:
        11px !important;

    box-shadow:
        0 0 23px rgba(255,210,0,.15),
        inset 0 1px 0 rgba(255,255,255,.52)
        !important;
}

.speed-header-phone strong {

    font-size:
        17px !important;
}

.speed-phone-icon {

    font-size:
        21px !important;
}

/* Зеленого трохи більше зліва */

.speed-main-header::before {

    left:
        -40px !important;

    top:
        -80px !important;

    width:
        430px !important;

    height:
        260px !important;

    background:
        radial-gradient(
            ellipse,
            rgba(69,255,0,.13),
            rgba(80,255,0,.035) 48%,
            transparent 72%
        ) !important;
}

/* Червоний акцент справа */

.speed-main-header::after {

    right:
        -65px !important;

    bottom:
        -85px !important;

    width:
        410px !important;

    height:
        255px !important;

    background:
        radial-gradient(
            ellipse,
            rgba(255,25,25,.12),
            rgba(255,25,25,.03) 45%,
            transparent 72%
        ) !important;
}

/* Laptop */

@media (max-width: 1300px) {

    .speed-main-header {

        grid-template-columns:
            minmax(400px,1fr)
            auto
            1px
            auto !important;

        padding:
            8px 20px !important;

        gap:
            18px !important;
    }

    .speed-brand-lockup {

        grid-template-columns:
            125px minmax(0,1fr)
            !important;

        gap:
            16px !important;

        padding-right:
            20px !important;
    }

    .speed-logo-shell {

        width:
            125px !important;

        height:
            84px !important;
    }

    .speed-header-logo {

        width:
            122px !important;

        height:
            82px !important;
    }

    .speed-brand-title {

        font-size:
            29px !important;
    }

    .speed-main-nav a {

        min-width:
            125px !important;

        min-height:
            48px !important;

        font-size:
            13px !important;
    }

    .speed-header-phone {

        min-width:
            205px !important;

        min-height:
            51px !important;
    }

    .speed-header-phone strong {

        font-size:
            14px !important;
    }
}

@media (max-width: 760px) {

    .speed-main-header {

        width:
            calc(100vw - 14px) !important;

        min-height:
            0 !important;

        margin:
            7px 0 18px !important;

        padding:
            9px !important;
    }

    .speed-brand-lockup {

        grid-template-columns:
            62px minmax(0,1fr)
            !important;

        gap:
            8px !important;
    }

    .speed-logo-shell {

        width:
            62px !important;

        height:
            55px !important;
    }

    .speed-header-logo {

        width:
            61px !important;

        height:
            54px !important;
    }

    .speed-brand-title {

        font-size:
            17px !important;

        gap:
            3px !important;
    }

    .speed-main-nav a {

        min-height:
            39px !important;

        font-size:
            11px !important;
    }

    .speed-header-phone {

        min-height:
            42px !important;

        padding:
            0 9px !important;
    }

}

:root{
    --ss-green:#76df00;
    --ss-green-bright:#8cff20;
    --ss-red:#ff2929;
    --ss-red-bright:#ff4646;
    --ss-yellow:#ffd400;
}

/* ---------------------------------------------------------
   ЗЕЛЕНО-ЧЕРВОНІ ТЕКСТОВІ АКЦЕНТИ
   --------------------------------------------------------- */

.hero .eyebrow,
.price-heading .eyebrow,
.stationary-section .eyebrow,
.home-works .eyebrow,
.home-services .eyebrow{
    color:var(--ss-green) !important;
}

/* Фраза в hero, яка раніше була жовта */

.hero h1 .yellow{
    color:var(--ss-green) !important;

    text-shadow:
        0 0 22px rgba(118,223,0,.09);
}

/* Червоний тонкий акцент під hero */

.hero h1 .yellow::after{
    content:"";

    display:block;

    width:42%;

    height:4px;

    margin-top:9px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--ss-green),
            var(--ss-red)
        );

    box-shadow:
        0 0 15px rgba(255,41,41,.13);
}

/* Частина допоміжних посилань */

.price-service-links a{
    color:var(--ss-green) !important;

    border-color:
        rgba(118,223,0,.22) !important;

    background:
        rgba(118,223,0,.045) !important;
}

.price-service-links a:hover{
    color:#fff !important;

    border-color:
        rgba(255,41,41,.38) !important;

    background:
        rgba(255,41,41,.055) !important;
}

/* Наші роботи */

.home-works-all,
.home-works .work-card-link{
    color:var(--ss-green) !important;
}

.home-works .work-card-kicker{
    color:var(--ss-red) !important;
}

/* Стаціонарний блок */

.stationary-section .yellow{
    color:var(--ss-green) !important;
}

/* CTA лишаються жовтими */

.service-mode-btn.active,
.speed-header-phone,
.call-button{
    /* навмисно лишаємо CTA жовтими */
}

/* ---------------------------------------------------------
   HEADER — DESKTOP COLOR POLISH
   --------------------------------------------------------- */

.speed-main-header{
    background:
        radial-gradient(
            circle at 7% 50%,
            rgba(118,223,0,.08),
            transparent 23%
        ),
        radial-gradient(
            circle at 94% 50%,
            rgba(255,41,41,.07),
            transparent 24%
        ),
        #090b0a !important;
}

.speed-word{
    color:var(--ss-green) !important;
}

.service-word{
    color:var(--ss-red) !important;
}

.speed-main-nav a:first-child:hover{
    color:var(--ss-green-bright) !important;
}

.speed-main-nav a:last-child:hover{
    color:var(--ss-red-bright) !important;
}

/* ---------------------------------------------------------
   PHONE / TABLET
   --------------------------------------------------------- */

@media(max-width:760px){

    /*
       Шапка:
       перший рядок = бренд + телефон
       другий рядок = 2 кнопки меню
    */

    .speed-main-header{

        left:50% !important;

        transform:
            translateX(-50%) !important;

        width:
            calc(100vw - 12px) !important;

        max-width:
            none !important;

        min-height:
            0 !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            auto !important;

        grid-template-areas:
            "brand phone"
            "nav nav";

        gap:
            9px 8px !important;

        margin:
            6px 0 18px !important;

        padding:
            9px !important;

        border-radius:
            20px !important;

        overflow:
            hidden !important;
    }

    /* BRAND */

    .speed-brand-lockup{

        grid-area:
            brand;

        display:grid !important;

        grid-template-columns:
            62px
            minmax(0,1fr) !important;

        gap:
            8px !important;

        align-items:
            center !important;

        padding:
            0 !important;

        border:
            0 !important;

        min-width:
            0 !important;
    }

    .speed-logo-shell{

        width:
            62px !important;

        height:
            58px !important;

        flex:
            none !important;
    }

    .speed-header-logo{

        width:
            62px !important;

        height:
            57px !important;

        object-fit:
            contain !important;
    }

    .speed-brand-copy{

        min-width:
            0 !important;
    }

    .speed-brand-title{

        display:flex !important;

        gap:
            3px !important;

        font-size:
            18px !important;

        line-height:
            .96 !important;

        white-space:
            nowrap !important;
    }

    .speed-brand-copy > small{

        margin-top:
            3px !important;

        font-size:
            9px !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;
    }

    .speed-brand-address{

        margin-top:
            3px !important;

        max-width:
            190px !important;

        gap:
            3px !important;

        font-size:
            8px !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;
    }

    .address-pin{
        font-size:
            10px !important;
    }

    /* PHONE */

    .speed-header-phone{

        grid-area:
            phone;

        min-width:
            0 !important;

        width:
            auto !important;

        min-height:
            43px !important;

        padding:
            0 10px !important;

        gap:
            5px !important;

        border-radius:
            13px !important;
    }

    .speed-phone-icon{

        font-size:
            13px !important;
    }

    .speed-header-phone strong{

        font-size:
            11px !important;
    }

    /* MENU */

    .speed-main-nav{

        grid-area:
            nav;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        width:
            100% !important;

        gap:
            7px !important;

        padding:
            0 !important;
    }

    .speed-main-nav a{

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            39px !important;

        padding:
            0 8px !important;

        border-radius:
            11px !important;

        font-size:
            11px !important;
    }

    .speed-header-separator{
        display:none !important;
    }

    /* -----------------------------------------------------
       ДО ВАС / ДО НАС
       ----------------------------------------------------- */

    .service-mode{

        width:
            calc(100% - 12px) !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;
    }

    .service-mode-btn{

        min-width:
            0 !important;

        padding:
            12px 9px !important;
    }

    .service-mode-btn b{

        font-size:
            14px !important;
    }

    .service-mode-btn small{

        font-size:
            10px !important;
    }

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .hero{

        width:
            100% !important;

        max-width:
            100% !important;

        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }

    .hero .eyebrow{

        font-size:
            10px !important;

        line-height:
            1.35 !important;

        letter-spacing:
            .09em !important;
    }

    .hero h1{

        max-width:
            100% !important;

        font-size:
            clamp(45px,14vw,68px)
            !important;

        line-height:
            .92 !important;

        letter-spacing:
            -.055em !important;

        overflow-wrap:
            normal !important;

        word-break:
            normal !important;
    }

    .hero h1 .yellow{

        color:
            var(--ss-green) !important;
    }

    .hero h1 .yellow::after{

        width:
            58%;

        height:
            3px;

        margin-top:
            8px;
    }

    .hero .lead{

        max-width:
            100% !important;

        font-size:
            15px !important;

        line-height:
            1.55 !important;
    }

}

/* ---------------------------------------------------------
   SMALL PHONE
   --------------------------------------------------------- */

@media(max-width:430px){

    .speed-main-header{

        width:
            calc(100vw - 8px) !important;

        padding:
            8px !important;
    }

    .speed-brand-lockup{

        grid-template-columns:
            54px
            minmax(0,1fr) !important;
    }

    .speed-logo-shell{

        width:
            54px !important;

        height:
            52px !important;
    }

    .speed-header-logo{

        width:
            54px !important;

        height:
            51px !important;
    }

    .speed-brand-title{

        font-size:
            16px !important;
    }

    .speed-brand-copy > small{

        display:
            none !important;
    }

    .speed-brand-address{

        max-width:
            145px !important;

        font-size:
            7px !important;
    }

    .speed-header-phone{

        padding:
            0 8px !important;
    }

    .speed-header-phone strong{

        font-size:
            10px !important;
    }

    .hero h1{

        font-size:
            clamp(42px,13.5vw,58px)
            !important;
    }

}

:root{
    --ss-green:#70e000;
    --ss-green-hot:#8cff18;

    --ss-red:#ff2929;
    --ss-red-hot:#ff4545;

    --ss-black:#090b0a;
}

/* =========================================================
   ДО ВАС / ДО НАС
   ========================================================= */

.service-mode{
    border-color:rgba(255,255,255,.13) !important;

    box-shadow:
        -8px 0 30px rgba(112,224,0,.035),
        8px 0 30px rgba(255,41,41,.035)
        !important;
}

.service-mode-btn.active{

    color:#fff !important;

    border:2px solid transparent !important;

    background:
        linear-gradient(
            #0b0d0c,
            #0b0d0c
        ) padding-box,

        linear-gradient(
            90deg,
            var(--ss-green),
            var(--ss-red)
        ) border-box !important;

    box-shadow:
        -10px 0 27px rgba(112,224,0,.13),
        10px 0 27px rgba(255,41,41,.11)
        !important;
}

.service-mode-btn.active b,
.service-mode-btn.active small{
    color:#fff !important;
}

.service-mode-btn.active .mode-icon *,
.service-mode-btn.active .mode-icon{
    stroke:var(--ss-green) !important;
    color:var(--ss-green) !important;
}

.service-mode-btn.station .mode-icon *,
.service-mode-btn.station .mode-icon{
    stroke:var(--ss-red) !important;
    color:var(--ss-red) !important;
}

/* =========================================================
   HERO
   ========================================================= */

.hero-brand-eyebrow{

    display:flex !important;

    align-items:center;

    flex-wrap:wrap;

    gap:7px;

    color:var(--ss-green) !important;
}

.hero-brand-eyebrow span{
    color:var(--ss-green) !important;
}

.hero-brand-eyebrow i{

    color:rgba(255,255,255,.65) !important;

    font-style:normal;
}

.hero-brand-eyebrow b{

    color:var(--ss-red) !important;

    font-weight:950;
}

.hero-brand-accent{

    display:inline !important;

    color:inherit !important;
}

.hero-red{

    color:var(--ss-red) !important;

    text-shadow:
        0 0 18px rgba(255,41,41,.13);
}

.hero-green{

    color:var(--ss-green) !important;

    text-shadow:
        0 0 20px rgba(112,224,0,.12);
}

.hero-brand-accent::after{

    content:"";

    display:block;

    width:45%;

    height:4px;

    margin-top:10px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--ss-green),
            var(--ss-red)
        );

    box-shadow:
        -5px 0 14px rgba(112,224,0,.16),
        5px 0 14px rgba(255,41,41,.14);
}

/* =========================================================
   ВЕЛИКЕ КОЛЕСО — ВИКЛИКАТИ МАЙСТРА
   ========================================================= */

#openCall{

    border:
        3px solid transparent !important;

    background:
        linear-gradient(
            #0a0c0b,
            #0a0c0b
        ) padding-box,

        linear-gradient(
            115deg,
            var(--ss-green) 0%,
            var(--ss-green) 43%,
            var(--ss-red) 57%,
            var(--ss-red) 100%
        ) border-box !important;

    box-shadow:
        -12px 0 35px rgba(112,224,0,.17),
        12px 0 35px rgba(255,41,41,.14),
        inset 0 0 24px rgba(0,0,0,.55)
        !important;
}

#openCall .yellow-blink-ring{

    border:
        3px solid transparent !important;

    background:
        linear-gradient(
            transparent,
            transparent
        ) padding-box,

        conic-gradient(
            from 180deg,
            var(--ss-green),
            var(--ss-green-hot),
            var(--ss-red),
            var(--ss-red-hot),
            var(--ss-green)
        ) border-box !important;

    box-shadow:
        -7px 0 22px rgba(112,224,0,.17),
        7px 0 22px rgba(255,41,41,.14)
        !important;
}

#openCall::before{

    border-color:
        rgba(112,224,0,.75) !important;

    box-shadow:
        -9px 0 20px rgba(112,224,0,.16)
        !important;
}

#openCall::after{

    border-color:
        rgba(255,41,41,.72) !important;

    box-shadow:
        9px 0 20px rgba(255,41,41,.14)
        !important;
}

/* =========================================================
   ГОДИННИК / ПРАЦЮЄМО
   ========================================================= */

.speed-clock-card{

    border-color:
        rgba(255,255,255,.12) !important;

    box-shadow:
        -10px 0 34px rgba(112,224,0,.075),
        10px 0 34px rgba(255,41,41,.065),
        0 22px 60px rgba(0,0,0,.28)
        !important;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(112,224,0,.10),
            transparent 35%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgba(255,41,41,.09),
            transparent 35%
        ),
        #101212 !important;
}

.speed-clock-card .service-clock{

    border:
        3px solid transparent !important;

    background:
        linear-gradient(
            #0b0d0c,
            #0b0d0c
        ) padding-box,

        conic-gradient(
            from 180deg,
            var(--ss-green) 0deg,
            var(--ss-green) 175deg,
            var(--ss-red) 185deg,
            var(--ss-red) 360deg
        ) border-box !important;

    box-shadow:
        -7px 0 25px rgba(112,224,0,.22),
        7px 0 25px rgba(255,41,41,.18)
        !important;
}

.speed-clock-card .clock-hour{

    background:
        var(--ss-red) !important;

    box-shadow:
        0 0 9px rgba(255,41,41,.22)
        !important;
}

.speed-clock-card .clock-minute{

    background:
        #f5f6f6 !important;
}

.speed-clock-card .clock-second{

    background:
        var(--ss-green) !important;

    box-shadow:
        0 0 8px rgba(112,224,0,.22)
        !important;
}

.speed-clock-card .clock-pin{

    background:
        var(--ss-red) !important;

    border-color:
        var(--ss-green) !important;

    box-shadow:
        -3px 0 8px rgba(112,224,0,.22),
        3px 0 8px rgba(255,41,41,.20)
        !important;
}

.speed-hours-title svg{

    stroke:
        var(--ss-green) !important;
}

.speed-hours-line{

    background:
        linear-gradient(
            90deg,
            var(--ss-green),
            var(--ss-red)
        ) !important;

    box-shadow:
        0 0 12px rgba(112,224,0,.10),
        0 0 12px rgba(255,41,41,.09)
        !important;
}

.speed-info-item:nth-child(1) svg{

    stroke:
        var(--ss-green) !important;
}

.speed-info-item:nth-child(2) svg{

    stroke:
        var(--ss-green-hot) !important;
}

.speed-info-item:nth-child(3) svg{

    stroke:
        var(--ss-red) !important;
}

/* =========================================================
   01 / 02 / 03 / 04
   ========================================================= */

.features{

    gap:14px !important;
}

.feature{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            #101212,
            #101212
        ) padding-box,

        linear-gradient(
            110deg,
            rgba(112,224,0,.70),
            rgba(112,224,0,.15) 35%,
            rgba(255,41,41,.16) 65%,
            rgba(255,41,41,.72)
        ) border-box !important;

    box-shadow:
        -5px 0 18px rgba(112,224,0,.045),
        5px 0 18px rgba(255,41,41,.04)
        !important;
}

.feature b{

    color:
        var(--ss-green) !important;
}

/* =========================================================
   "ВСЕ ДЛЯ ВАШИХ КОЛІС"
   ========================================================= */

.home-service-hub-head > .eyebrow{

    color:
        var(--ss-green) !important;
}

.home-service-hub-head .yellow{

    color:
        var(--ss-green) !important;

    text-shadow:
        0 0 18px rgba(112,224,0,.10);
}

/* =========================================================
   4 ВЕЛИКІ КАРТКИ ПОСЛУГ
   ========================================================= */

.home-service-card{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            #111312,
            #0e100f
        ) padding-box,

        linear-gradient(
            110deg,
            rgba(112,224,0,.72),
            rgba(112,224,0,.12) 38%,
            rgba(255,41,41,.14) 62%,
            rgba(255,41,41,.75)
        ) border-box !important;

    box-shadow:
        -7px 0 24px rgba(112,224,0,.045),
        7px 0 24px rgba(255,41,41,.045)
        !important;
}

.home-service-card::before{

    background:
        linear-gradient(
            90deg,
            var(--ss-green),
            transparent 38%,
            transparent 62%,
            var(--ss-red)
        ) !important;
}

.home-service-icon{

    color:
        var(--ss-green) !important;

    border-color:
        rgba(112,224,0,.26) !important;

    background:
        rgba(112,224,0,.07) !important;

    box-shadow:
        0 0 18px rgba(112,224,0,.05)
        !important;
}

.home-service-icon svg,
.home-service-icon svg *{

    stroke:
        var(--ss-green) !important;
}

.home-service-card-head h3{

    color:
        var(--ss-green) !important;
}

.home-service-list a b{

    color:
        var(--ss-green) !important;
}

.home-service-list a:hover b{

    color:
        var(--ss-red) !important;
}

/* =========================================================
   PHONE BUTTON — ТЕЖ БРЕНДОВИЙ, БЕЗ ЖОВТОЇ ЗАЛИВКИ
   ========================================================= */

.speed-header-phone{

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #0c0e0d,
            #0c0e0d
        ) padding-box,

        linear-gradient(
            90deg,
            var(--ss-green),
            var(--ss-red)
        ) border-box !important;

    color:
        #fff !important;

    box-shadow:
        -8px 0 24px rgba(112,224,0,.12),
        8px 0 24px rgba(255,41,41,.11)
        !important;
}

.speed-header-phone strong,
.speed-header-phone .speed-phone-icon{

    color:
        #fff !important;
}

@media(max-width:760px){

    .hero-brand-accent::after{

        width:
            62%;

        height:
            3px;
    }

    .feature{

        box-shadow:
            -3px 0 13px rgba(112,224,0,.035),
            3px 0 13px rgba(255,41,41,.035)
            !important;
    }

    .home-service-card{

        box-shadow:
            -4px 0 16px rgba(112,224,0,.035),
            4px 0 16px rgba(255,41,41,.035)
            !important;
    }

}

/* ---------------------------------------------------------
   НАШІ РОБОТИ
   --------------------------------------------------------- */

/* "показуємо" — червоний, щоб заголовок мав 2 бренд-кольори */
.home-works h2 .yellow,
.home-works-head h2 .yellow {
    color:#ff2929 !important;

    text-shadow:
        0 0 18px rgba(255,41,41,.12) !important;
}

/* Усі роботи — зелений */
.home-works-all {
    color:#76df00 !important;

    border-color:
        rgba(118,223,0,.30) !important;

    background:
        rgba(118,223,0,.035) !important;
}

.home-works-all:hover {
    color:#fff !important;

    border-color:
        rgba(255,41,41,.48) !important;

    box-shadow:
        0 0 20px rgba(255,41,41,.08) !important;
}

/* ---------------------------------------------------------
   ДОПОМОГА В ДОРОЗІ — ТЕЛЕФОН У КАРТЦІ
   --------------------------------------------------------- */

.home-road-call > a {

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            #0c0e0d,
            #0c0e0d
        ) padding-box,

        linear-gradient(
            90deg,
            #76df00,
            #ff2929
        ) border-box !important;

    color:#fff !important;

    box-shadow:
        -7px 0 20px rgba(118,223,0,.10),
         7px 0 20px rgba(255,41,41,.09)
        !important;
}

.home-road-call > a small {
    color:
        rgba(255,255,255,.62) !important;
}

.home-road-call > a strong {
    color:#fff !important;
}

/* ---------------------------------------------------------
   СТАЦІОНАРНИЙ ШИНОМОНТАЖ
   --------------------------------------------------------- */

/* верхнє текстове посилання */
.stationary-section a:not(.station-action):not(.inline-phone) {
    color:#76df00 !important;
}

.stationary-section a:not(.station-action):not(.inline-phone):hover {
    color:#ff2929 !important;
}

/* зелено-червона атмосфера самої великої картки */
.stationary-section {

    border-color:
        rgba(118,223,0,.18) !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(118,223,0,.09),
            transparent 36%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(255,41,41,.035),
            transparent 32%
        ),
        #111312 !important;
}

/* телефон стаціонару */
.station-action.phone {

    border:
        2px solid transparent !important;

    background:
        linear-gradient(
            #0c0e0d,
            #0c0e0d
        ) padding-box,

        linear-gradient(
            90deg,
            #76df00,
            #ff2929
        ) border-box !important;

    color:#fff !important;

    box-shadow:
        -8px 0 24px rgba(118,223,0,.11),
         8px 0 24px rgba(255,41,41,.10)
        !important;
}

.station-action.phone strong,
.station-action.phone small {
    color:#fff !important;
}

/* кнопка маршруту */
.station-action.route {

    border-color:
        rgba(118,223,0,.22) !important;

    background:
        linear-gradient(
            110deg,
            rgba(118,223,0,.055),
            rgba(255,41,41,.025)
        ) !important;
}

.station-action.route:hover {

    border-color:
        rgba(255,41,41,.42) !important;
}

/* ---------------------------------------------------------
   ПРАЙС
   --------------------------------------------------------- */

/* Ціни справа */
.price-card summary > strong {

    color:#76df00 !important;

    text-shadow:
        0 0 14px rgba(118,223,0,.10) !important;
}

/* кожна друга картка — ціна червона для ритму */
.price-card:nth-of-type(even) summary > strong {

    color:#ff3b3b !important;

    text-shadow:
        0 0 14px rgba(255,41,41,.09) !important;
}

/* рамки прайсу трохи брендові */
.price-card {

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            #111312,
            #111312
        ) padding-box,

        linear-gradient(
            100deg,
            rgba(118,223,0,.28),
            rgba(255,255,255,.08) 45%,
            rgba(255,41,41,.28)
        ) border-box !important;
}

/* деталі всередині */
.price-chips span {

    border-color:
        rgba(118,223,0,.14) !important;
}

.price-chips span b {

    color:#76df00 !important;
}

.price-chips span:nth-child(even) b {

    color:#ff4545 !important;
}

/* ---------------------------------------------------------
   ЗАГАЛЬНІ СТАРІ .yellow НИЖЧЕ ПО САЙТУ
   --------------------------------------------------------- */

.home-service-hub .yellow,
.stationary-section .yellow,
.price-heading .yellow,
.home-works .yellow {

    color:#76df00 !important;
}

/* але "показуємо" спеціально червоне */
.home-works h2 .yellow,
.home-works-head h2 .yellow {

    color:#ff2929 !important;
}

@media(max-width:760px) {

    .price-card {

        box-shadow:
            -3px 0 12px rgba(118,223,0,.025),
             3px 0 12px rgba(255,41,41,.025)
            !important;
    }

    .station-action.phone {

        box-shadow:
            -4px 0 15px rgba(118,223,0,.07),
             4px 0 15px rgba(255,41,41,.06)
            !important;
    }

}

.speed-main-nav .speed-youtube-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    color:#fff !important;

    border:
        1px solid rgba(255,41,41,.55) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,41,41,.14),
            rgba(255,41,41,.045)
        ) !important;

    box-shadow:
        0 0 22px rgba(255,41,41,.08) !important;
}

.speed-main-nav .speed-youtube-link:hover{
    color:#fff !important;

    border-color:#ff2929 !important;

    background:
        linear-gradient(
            135deg,
            #ff2929,
            #bf1010
        ) !important;

    box-shadow:
        0 0 28px rgba(255,41,41,.22) !important;

    transform:translateY(-1px);
}

.speed-youtube-icon{
    width:23px;
    height:17px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding-left:2px;

    border-radius:5px;

    background:#ff2929;

    color:#fff;

    font-size:9px;
    line-height:1;

    box-shadow:
        0 0 12px rgba(255,41,41,.18);
}

.speed-youtube-link:hover .speed-youtube-icon{
    background:#fff;
    color:#ff2929;
}

@media(max-width:760px){

    .speed-main-nav{
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

    .speed-main-nav .speed-youtube-link{
        gap:5px !important;
    }

    .speed-youtube-icon{
        width:19px;
        height:14px;
        font-size:7px;
    }
}

@media(max-width:430px){

    .speed-main-nav a{
        padding-left:5px !important;
        padding-right:5px !important;

        font-size:10px !important;
    }

    .speed-main-nav .speed-youtube-link{
        gap:4px !important;
    }
}


.price-card {
  display: block !important;
  height: auto !important;
}

.price-card > a[href^="/"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 46px;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  margin-right: 8px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(85,199,42,.42) !important;
  border-radius: 15px !important;
  background: rgba(38,74,15,.17) !important;
  color: #72e817 !important;
  font-weight: 900 !important;
  line-height: 1.2;
  text-decoration: none !important;
  vertical-align: middle;
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.price-card > a[href^="/"]:first-of-type {
  margin-left: 192px !important;
}

.price-card > a[href^="/"]:hover {
  background: rgba(85,199,42,.12) !important;
  border-color: rgba(85,199,42,.75) !important;
  transform: translateY(-1px);
}

.price-card > a[href^="/"]:active {
  transform: translateY(0);
}

@media (max-width: 700px) {

  .price-card > a[href^="/"] {
    min-height: 42px;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    margin-right: 6px !important;
    padding: 0 12px !important;
    font-size: 13px;
  }

  .price-card > a[href^="/"]:first-of-type {
    margin-left: 18px !important;
  }
}