.language-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 44px;
  min-height: 44px;
  padding: 7px 9px;
  border: 1px solid
    var(--border, var(--b-line, var(--d-line, var(--m-line, var(--q-line, #dfe6ec)))));
  border-radius: 9px;
  background: var(--surface, var(--b-white, var(--d-white, var(--m-white, var(--q-white, #fff)))));
  color: var(--text, var(--b-ink, var(--d-ink, var(--m-ink, var(--q-ink, #172f42)))));
  font:
    700 0.74rem/1.5 "ThmanyahSans",
    Arial,
    sans-serif;
  text-decoration: none;
  letter-spacing: 0;
}
.language-switch:focus-visible {
  outline: 3px solid #3e9edb;
  outline-offset: 3px;
}
.language-theme-option {
  display: none;
}
html[dir="ltr"] body {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Arial,
    sans-serif;
  font-weight: 400;
  line-height: 1.7;
  word-spacing: normal;
}
html[dir="ltr"] :is(h1, h2, h3, h4, .brand) {
  letter-spacing: -0.025em;
}
html[dir="ltr"] .hero-lines {
  font-family: "ThmanyahSerifDisplay", Georgia, serif;
  font-size: clamp(2rem, min(4.9vw, calc(7.1 * var(--hero-unit))), 4rem);
  line-height: 1.3;
}
html[dir="ltr"] .hero-lines .line {
  line-height: 1.32;
}
html[dir="ltr"] .hero p {
  max-width: 55ch;
  line-height: 1.85;
}
html[dir="ltr"] :is(.proof-track > *, .proof-group > *) {
  direction: ltr;
}
html[dir="ltr"] .proof-sub {
  line-height: 1.65;
}
html[dir="ltr"] .carousel-navigation svg {
  transform: scaleX(-1);
}
html[dir="ltr"] .globe-tag {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: clamp(0.61rem, 1.12vw, 0.74rem);
  letter-spacing: 0;
  line-height: 1.6;
}
html[dir="ltr"] .service-steps li,
html[dir="ltr"] .service-use-cases li {
  line-height: 1.8;
}
html[dir="ltr"] .nav-links a {
  font-size: 0.88rem;
}
html[dir="ltr"] :is(.n-progress > span, #nKnown, .n-axis-row > b) {
  text-align: left;
}
html[dir="ltr"] .n-options label,
html[dir="ltr"] .n-question-text {
  text-align: left;
}
html[dir="ltr"] :is(.b-field, .b-panel-head, .d-field, .m-field, .q-field) {
  text-align: start;
}
html[dir="ltr"] .tool-guide-controls {
  direction: ltr;
}
html[dir="ltr"] .b-hero-copy h1 {
  max-width: 15ch;
}
html[dir="ltr"] :is(.b-hero-copy h1, .d-hero-copy h1, .m-hero-copy h1, .q-intro-copy h1) {
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.15;
}
html[dir="ltr"] :is(.b-lead, .d-lead, .m-lead, .q-lead) {
  line-height: 1.8;
}
html[dir="ltr"] :is(.b-btn, .d-btn, .m-btn, .q-btn) {
  letter-spacing: 0;
}
html[dir="ltr"] .b-tab,
html[dir="ltr"] .d-steps > button,
html[dir="ltr"] .m-nav > button,
html[dir="ltr"] .q-nav > button {
  line-height: 1.55;
}
html[dir="ltr"] .b-map-label,
html[dir="ltr"] .b-map-axis > span {
  direction: ltr;
}
html[dir="ltr"] .b-content-card b,
html[dir="ltr"] .b-move-card h5 {
  line-height: 1.55;
}
html[dir="ltr"]
  :is(.n-options, .b-field, .d-field, .m-field, .q-field)
  :is(input, textarea, select) {
  font-family: inherit;
}
@media (max-width: 1150px) and (min-width: 861px) {
  html[dir="ltr"] .nav {
    gap: 16px;
  }
  html[dir="ltr"] .nav-links {
    gap: 18px;
  }
  html[dir="ltr"] .nav-links a {
    font-size: 0.8rem;
  }
  html[dir="ltr"] .nav-right {
    gap: 9px;
  }
  html[dir="ltr"] .brand {
    font-size: 1.05rem;
  }
}
@media (max-width: 860px) {
  html[dir="ltr"] .hero-lines {
    font-size: clamp(1.65rem, min(6.8vw, calc(7.2 * var(--hero-unit))), 3.5rem);
  }
  html[dir="ltr"] .b-top-actions,
  html[dir="ltr"] .d-top-actions,
  html[dir="ltr"] .m-top-actions,
  html[dir="ltr"] .q-top-actions {
    gap: 9px;
  }
}
@media (max-width: 480px) {
  .nav-right #themeBtn {
    display: none;
  }
  .nav-right {
    gap: 6px;
  }
  .nav {
    gap: 9px;
  }
  .nav-links .language-theme-option {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 12px;
    text-align: start;
    color: var(--text);
    background: var(--surface);
    border: 0;
    border-radius: 10px;
    font-size: 0.9rem;
    cursor: pointer;
  }
  .language-switch {
    padding: 5px 7px;
    font-size: 0.69rem;
  }
  .b-top-actions .language-switch,
  .d-top-actions .language-switch,
  .m-top-actions .language-switch,
  .q-top-actions .language-switch {
    min-width: 42px;
    min-height: 42px;
    font-size: 0.66rem;
  }
  html[dir="ltr"] .hero-lines {
    font-size: clamp(1.65rem, 6.4vw, 2.4rem);
  }
  html[dir="ltr"] .brand {
    font-size: 0.92rem;
  }
  html[dir="ltr"] .globe-tag {
    font-size: 0.59rem;
    padding-inline: 8px;
  }
  html[dir="ltr"] .b-hero-copy h1 {
    font-size: 2.65rem;
  }
  html[dir="ltr"] .d-hero-copy h1 {
    font-size: 2.4rem;
  }
  html[dir="ltr"] .m-hero-copy h1 {
    font-size: 2.35rem;
  }
  html[dir="ltr"] .q-intro-copy h1 {
    font-size: 2.35rem;
  }
  html[dir="ltr"] .n-intro h1 {
    font-size: 2.25rem;
  }
  html[dir="ltr"] .b-hero-actions {
    gap: 11px;
  }
  html[dir="ltr"] .b-hero-actions .b-primary {
    min-width: 0;
  }
  html[dir="ltr"] .d-hero-actions > .d-btn {
    font-size: 0.74rem;
  }
  html[dir="ltr"] .m-actions > .m-btn {
    font-size: 0.74rem;
  }
  html[dir="ltr"] .q-actions > .q-btn {
    font-size: 0.75rem;
  }
}
@media (max-width: 350px) {
  .nav-right {
    gap: 4px;
  }
  .nav {
    gap: 7px;
  }
  .brand {
    font-size: 0.93rem;
  }
  html[dir="ltr"] .brand {
    font-size: 0.83rem;
  }
  .nav-links {
    inset-inline: 8px;
  }
  html[dir="ltr"] .hero-lines {
    font-size: 1.65rem;
  }
  .language-switch {
    min-width: 42px;
  }
  .b-top-actions,
  .d-top-actions,
  .m-top-actions,
  .q-top-actions {
    gap: 7px;
  }
}
@media (max-height: 680px) {
  html[dir="ltr"] .hero-lines {
    font-size: clamp(1rem, min(6.4vw, calc(5.8 * var(--hero-unit))), 2.35rem);
  }
}
@media (max-height: 360px) {
  html[dir="ltr"] .hero-lines {
    font-size: clamp(0.95rem, calc(5.8 * var(--hero-unit)), 1.2rem);
  }
}

html[dir="ltr"] :is(.b-week, .m-stages) {
  direction: ltr;
}
html[dir="ltr"] :is(.b-intro-rooms small, .n-map small, .n-fact b) {
  text-align: left;
}

@media (hover: hover) and (pointer: fine) {
  html[dir="ltr"] .service-detail-link:hover span {
    transform: translateX(3px);
  }
  html[dir="ltr"] .svc-card a:hover {
    transform: translateX(2px);
  }
}

.language-status {
  position: fixed;
  inset: auto 20px 20px;
  z-index: 1000;
  max-width: 600px;
  margin: auto;
  padding: 16px 20px;
  background: var(--surface, var(--b-white, #fff));
  color: var(--text, var(--b-ink, #172f42));
  border: 1px solid var(--border, var(--b-line, #dfe6ec));
  border-radius: 12px;
  box-shadow: 0 8px 28px #102b4020;
  font:
    400 0.85rem/1.8 system-ui,
    sans-serif;
}