:root {
  --ink: #34414d;
}

.eyebrow {
  direction: rtl;
  font-size: .94rem;
  line-height: 1.5;
}

.control-panel {
  background: rgba(44, 57, 67, .9);
}

.card:hover {
  background: #3d4a56;
}

.xray-visual {
  background: #2b3741;
}

@media (max-width: 900px) {
  .nav nav {
    background: #34414d;
  }
}

@media (max-width: 560px) {
  .eyebrow {
    font-size: .88rem;
  }
}

.brand-lockup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.brand-logo {
  display: block;
  width: 148px;
  height: auto;
  filter: brightness(1.55) saturate(.92);
}

.brand-lockup small {
  margin-top: -.35rem;
  margin-right: .1rem;
  color: #b9c6c2;
  font: 500 .53rem var(--mono);
  letter-spacing: .16em;
}

.footer-logo {
  width: 132px;
}

.lang-switch {
  min-width: 2.6rem;
  padding: .35rem .55rem;
  border: 1px solid var(--line);
  color: #dce6e3;
  font: 500 .72rem var(--mono);
  letter-spacing: .08em;
  text-align: center;
  transition: .2s;
}

.lang-switch:hover,
.lang-switch:focus-visible {
  border-color: var(--cyan);
  color: var(--cyan);
}

.whatsapp-float {
  position: fixed;
  inset-inline-end: max(1.15rem, env(safe-area-inset-right));
  bottom: max(1.15rem, env(safe-area-inset-bottom));
  z-index: 50;
  display: grid;
  width: 3.65rem;
  height: 3.65rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
  transition: transform .2s ease, box-shadow .2s ease;
}

.whatsapp-float:hover,
.whatsapp-float:focus-visible {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .42);
}

.whatsapp-float:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.whatsapp-float svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

html[dir="ltr"] .brand {
  margin-left: 0;
  margin-right: auto;
}

html[dir="ltr"] .eyebrow,
html[dir="ltr"] .section-no {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .panel-metrics div {
  border-left: 0;
  border-right: 1px solid var(--line);
}

html[dir="ltr"] .panel-metrics div:last-child {
  border-right: 0;
}

html[dir="ltr"] .card {
  border-left: 0;
  border-right: 1px solid var(--line);
}

html[dir="ltr"] .card:last-child {
  border-right: 0;
}

html[dir="ltr"] .signals span:before {
  margin-left: 0;
  margin-right: 1rem;
}

html[dir="ltr"] footer p:last-child {
  text-align: right;
}

@media (max-width: 560px) {
  .brand-logo {
    width: 124px;
  }

  .whatsapp-float {
    width: 3.4rem;
    height: 3.4rem;
  }
}

@media (max-width: 900px) {
  .lang-switch {
    margin-inline-start: auto;
  }

  html[dir="ltr"] footer p:nth-child(2),
  html[dir="ltr"] footer p:last-child {
    text-align: left;
  }
}