font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-synthesis: none;
    --sea: #0a3554;
    --ocean: #126b8d;
    --aqua: #b8ded9;
    --coral: #ef7d66;
    --sand: #f2efe6;
    color: #11344b;
    background: #fbfcfa;
  }
  .stepcod-theme-preview-bar {
    position: sticky;
    top: 0;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 14px;
    padding: 8px 14px;
    background: #0f2f3a;
    color: #e8f4f1;
    font-size: 0.78rem;
    text-align: center;
  }
  .stepcod-theme-preview-bar strong {
    color: #fff;
  }
  .stepcod-theme-preview-bar small {
    opacity: 0.85;
  }
  [data-theme='dental'] {
    color: var(--stepcod-theme-text, #0f2f3a);
    background: var(--sand, #f8fafa);
  }
  [data-theme='nautical'] {
    color: var(--stepcod-theme-text, #11344b);
    background: var(--sand, #fbfcfa);
  }
  [data-theme-preset] .site-header,
  [data-theme-preset] .site-footer,
  [data-theme-preset] .site-topbar {
    font-family: var(--stepcod-font-body);
  }
  [data-theme-preset] .site-logo {
    font-family: var(--stepcod-font-heading);
  }
  [data-theme-preset] .site-logo > span {
    border-radius: var(--stepcod-logo-radius, 50%);
  }
  [data-theme-preset] .site-header nav a,
  [data-theme-preset] .site-access a:not(.contact-pill) {
    color: var(--stepcod-theme-nav);
  }
  [data-theme-preset] .site-topbar {
    color: var(--stepcod-theme-topbar-text);
  }
  [data-theme-preset] .contact-pill {
    border-radius: var(--stepcod-button-radius, 99px);
    background: var(--coral);
  }
  [data-theme-preset] .layout-main-band:has(.wt-page):not(.layout-main-band--zone-bg) {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
  }
  [data-theme-preset] .layout-content:not(:has(.wt-page)) {
    font-family: var(--stepcod-font-body);
    color: var(--stepcod-theme-text);
  }
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    margin: 0;
    background: var(--sand);
    color: inherit;
    --layout-gutter: max(24px, 5vw);
  }
  .layout-header-band--image {
    position: relative;
    isolation: isolate;
  }
  .layout-header-band--image::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.52);
  }
  .layout-header-band--image > .layout-shell {
    position: relative;
    z-index: 1;
  }
  .layout-header-band--image .site-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .layout-shell {
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--layout-gutter);
  }
  .layout-shell.boxed {
    max-width: var(--layout-boxed, 1200px);
  }
  body.layout-global-full .layout-shell.boxed {
    max-width: var(--layout-boxed, 1200px);
  }
  .site-logo-img {
    display: block;
    max-height: var(--logo-max-height, 48px);
    width: auto;
    max-width: min(calc(var(--logo-max-height, 48px) * 280 / 48), 46vw);
    object-fit: contain;
  }
  .site-logo-img--footer {
    max-height: calc(var(--logo-max-height, 48px) * 0.85);
  }
  body.layout-content-full .layout-main-band > .layout-body {
    padding-inline: 0;
  }
  body.layout-content-full {
    --wt-inner-max: 100%;
    --wt-page-gutter: var(--layout-gutter);
    --wt-hero-boxed-max: calc(100% - 2 * var(--layout-gutter));
    --wt-hero-copy-max: min(100%, calc(100% - 2 * var(--layout-gutter)));
  }
  .content-width {
    width: 100%;
    max-width: min(var(--stepcod-content-max, 1120px), 100%);
    margin-inline: auto;
    padding-inline: var(--wt-page-gutter, var(--layout-gutter, 20px));
    box-sizing: border-box;
  }
  body.layout-content-boxed {
    --wt-inner-max: min(var(--layout-content-max, var(--stepcod-content-max, 1120px)), 100%);
    --wt-page-gutter: 20px;
    --wt-hero-boxed-max: min(var(--layout-content-max, var(--stepcod-content-max, 1280px)), 100%);
    --wt-hero-copy-max: min(var(--layout-content-max, var(--stepcod-content-max, 1120px)), calc(100% - 2 * var(--wt-page-gutter)));
  }
  @media (max-width: 900px) {
    .layout-hide-tablet {
      display: none !important;
    }
  }
  @media (max-width: 540px) {
    .layout-hide-mobile {
      display: none !important;
    }
  }
  .layout-body {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--layout-gutter);
  }
  .layout-body.boxed {
    max-width: min(var(--layout-content-max, var(--layout-boxed, 1200px)), 100%);
  }
  .layout-body.full {
    max-width: none;
    width: 100%;
  }
  body.layout-global-boxed .layout-body.full {
    max-width: none;
    width: 100%;
  }
  .layout-content {
    flex: 1;
    min-width: 0;
    min-height: 70vh;
  }
  .layout-sidebar {
    flex-shrink: 0;
    padding: 24px 18px;
    font-size: 0.82rem;
    line-height: 1.6;
    color: #4a6570;
  }
  .layout-sidebar .sidebar-html :where(p, ul, ol) {
    margin: 0 0 0.75rem;
  }
  html:has(.wt-page) {
    overflow-x: clip;
  }
  .layout-body:has(.wt-page) {
    overflow: visible;
  }
  main.layout-content:has(.wt-page) {
    overflow: visible;
  }
  body.layout-content-full .layout-main-band > .layout-body .wt-page {
    --wt-block-bleed: 0px;
  }
  main.layout-content {
    min-height: 70vh;
  }
  .site-topbar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 0;
    color: var(--stepcod-theme-topbar-text, #b8d4cf);
    font-size: 0.72rem;
    font-weight: 600;
  }
  .site-topbar--split {
    justify-content: space-between;
    width: 100%;
  }
  .site-topbar--contact-right {
    flex-direction: row-reverse;
  }
  .site-topbar--center {
    justify-content: center;
  }
  .site-topbar--left {
    justify-content: flex-start;
  }
  .site-topbar--right {
    justify-content: flex-end;
  }
  .site-topbar-contact,
  .site-topbar-row,
  .site-topbar-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
  }
  .site-topbar-row {
    width: 100%;
  }
  .site-topbar--center .site-topbar-row {
    justify-content: center;
  }
  .site-topbar--left .site-topbar-row {
    justify-content: flex-start;
  }
  .site-topbar--right .site-topbar-row {
    justify-content: flex-end;
  }
  .site-topbar-item {
    white-space: nowrap;
  }
  .site-topbar-labeled {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .site-topbar a.site-topbar-item,
  .site-topbar-social-link {
    color: #fff;
    text-decoration: none;
  }
  .layout-topbar--transparent .site-topbar {
    color: var(--stepcod-theme-text, #0f2f3a);
  }
  .layout-topbar--transparent .site-topbar a.site-topbar-item,
  .layout-topbar--transparent .site-topbar-social-link {
    color: var(--stepcod-theme-nav, #385a6e);
  }
  .site-topbar-social-link {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: #fff;
    opacity: 0.95;
    transition: opacity 0.15s ease;
  }
  .site-topbar-social-link:hover {
    opacity: 1;
  }
  .site-topbar-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
  }
  .site-topbar-icon--mail {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm0 2v.3l8 5 8-5V8H4zm16 8V10.2l-7.4 4.6a1 1 0 0 1-1 0L4 10.2V16h16z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm0 2v.3l8 5 8-5V8H4zm16 8V10.2l-7.4 4.6a1 1 0 0 1-1 0L4 10.2V16h16z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--address {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--phone {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.5 3.2c.4-.9 1.5-1.3 2.4-.8l2 1.1c.8.5 1.1 1.5.7 2.4l-.9 2c-.2.5 0 1 .4 1.3 2.1 1.8 3.8 3.5 5.6 5.6.3.4.8.6 1.3.4l2-.9c.9-.4 1.9-.1 2.4.7l1.1 2c.5.9.1 2-.8 2.4l-2.2.9c-1.2.5-2.6.2-3.7-.5-3.1-2.1-5.6-4.6-7.7-7.7-.7-1.1-1-2.5-.5-3.7l.9-2.2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.5 3.2c.4-.9 1.5-1.3 2.4-.8l2 1.1c.8.5 1.1 1.5.7 2.4l-.9 2c-.2.5 0 1 .4 1.3 2.1 1.8 3.8 3.5 5.6 5.6.3.4.8.6 1.3.4l2-.9c.9-.4 1.9-.1 2.4.7l1.1 2c.5.9.1 2-.8 2.4l-2.2.9c-1.2.5-2.6.2-3.7-.5-3.1-2.1-5.6-4.6-7.7-7.7-.7-1.1-1-2.5-.5-3.7l.9-2.2z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--facebook {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 8.5V7.2c0-.7.5-1.2 1.2-1.2H16V4h-1.5c-1.8 0-2.9 1.1-2.9 2.9V8.5H10v2h1.6v7.5h2.5v-7.5H16l.4-2h-2.4z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 8.5V7.2c0-.7.5-1.2 1.2-1.2H16V4h-1.5c-1.8 0-2.9 1.1-2.9 2.9V8.5H10v2h1.6v7.5h2.5v-7.5H16l.4-2h-2.4z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--linkedin {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.5 9.5h2.2v9H6.5v-9zm1.1-3.6a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6zM10 9.5h2.1v1.2h.1c.3-.6 1.1-1.3 2.3-1.3 2.5 0 3 1.6 3 3.7v5.4H15.3v-4.8c0-1.1 0-2.6-1.6-2.6s-1.8 1.2-1.8 2.4v5H10V9.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.5 9.5h2.2v9H6.5v-9zm1.1-3.6a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6zM10 9.5h2.1v1.2h.1c.3-.6 1.1-1.3 2.3-1.3 2.5 0 3 1.6 3 3.7v5.4H15.3v-4.8c0-1.1 0-2.6-1.6-2.6s-1.8 1.2-1.8 2.4v5H10V9.5z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--instagram {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4zm0 2.2A1.8 1.8 0 0 0 6.2 8v8A1.8 1.8 0 0 0 8 17.8h8a1.8 1.8 0 0 0 1.8-1.8V8A1.8 1.8 0 0 0 16 6.2H8zm8.9 1.4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM12 8.6A3.4 3.4 0 1 1 8.6 12 3.4 3.4 0 0 1 12 8.6zm0 2a1.4 1.4 0 1 0 1.4 1.4A1.4 1.4 0 0 0 12 10.6z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4zm0 2.2A1.8 1.8 0 0 0 6.2 8v8A1.8 1.8 0 0 0 8 17.8h8a1.8 1.8 0 0 0 1.8-1.8V8A1.8 1.8 0 0 0 16 6.2H8zm8.9 1.4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM12 8.6A3.4 3.4 0 1 1 8.6 12 3.4 3.4 0 0 1 12 8.6zm0 2a1.4 1.4 0 1 0 1.4 1.4A1.4 1.4 0 0 0 12 10.6z'/%3E%3C/svg%3E");
  }
  .site-topbar-icon--youtube {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 8.8v6.4L16 12 10 8.8zM6.5 5.5h11A4.5 4.5 0 0 1 22 10v4a4.5 4.5 0 0 1-4.5 4.5h-11A4.5 4.5 0 0 1 2 14V10A4.5 4.5 0 0 1 6.5 5.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 8.8v6.4L16 12 10 8.8zM6.5 5.5h11A4.5 4.5 0 0 1 22 10v4a4.5 4.5 0 0 1-4.5 4.5h-11A4.5 4.5 0 0 1 2 14V10A4.5 4.5 0 0 1 6.5 5.5z'/%3E%3C/svg%3E");
  }
  .site-header {
    min-height: 84px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 35px;
    padding: 12px 0;
    border-bottom: 1px solid #dce7e7;
    background: transparent;
    backdrop-filter: blur(12px);
    position: relative;
    z-index: 20;
  }
  .site-header--center {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 12px;
    padding: 16px 0 14px;
  }
  .site-header--center nav {
    justify-content: center;
  }
  .site-header--split {
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
  }
  .site-header-split-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }
  .site-nav-side {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(10px, 2vw, 22px);
    align-items: center;
  }
  .site-nav-side--left {
    justify-content: flex-start;
  }
  .site-nav-side--right {
    justify-content: flex-end;
  }
  .site-nav-side a,
  .site-nav-compact a {
    color: var(--stepcod-theme-nav, #385a6e);
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 700;
  }
  .site-header--minimal {
    grid-template-columns: auto 1fr auto;
    gap: 18px;
  }
  .site-nav-compact {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .site-logo--center {
    justify-content: center;
  }
  [data-theme='dental'] .site-header {
    border-bottom-color: #d7e8e6;
  }
  .site-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--sea);
    text-decoration: none;
    font: 700 1.05rem ui-sans-serif, system-ui, sans-serif;
    letter-spacing: 0.01em;
  }
  [data-theme='nautical'] .site-logo {
    font-family: Georgia, serif;
  }
  .site-logo > span {
    display: grid;
    place-items: center;
    width: clamp(28px, calc(var(--logo-max-height, 48px) * 34 / 48), 85px);
    height: clamp(28px, calc(var(--logo-max-height, 48px) * 34 / 48), 85px);
    background: var(--sea);
    color: #fff;
    border-radius: 50%;
    font: 800 clamp(0.85rem, calc(var(--logo-max-height, 48px) * 1.1 / 48 * 1rem), 1.35rem) system-ui;
  }
  [data-theme='dental'] .site-logo > span {
    border-radius: 10px;
    font-size: clamp(1rem, calc(var(--logo-max-height, 48px) * 1.25 / 48 * 1rem), 1.5rem);
  }
  .site-header .site-nav-desktop {
    display: flex;
    justify-content: center;
    gap: clamp(15px, 2.5vw, 32px);
    flex-wrap: wrap;
  }
  .site-header nav a,
  .site-header .site-nav-desktop a,
  .site-access a {
    color: #385a6e;
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 700;
  }
  [data-theme='dental'] .site-header .site-nav-desktop a,
  [data-theme='dental'] .site-access a {
    color: #4a6570;
  }
  .site-header .site-nav-desktop a:hover,
  .site-header nav a:hover,
  .site-access a:hover {
    color: var(--coral);
  }
  .stepcod-admin-strip {
    background: #0f3d5c;
    color: #e8f4f1;
    font-size: 0.78rem;
  }
  .stepcod-admin-strip-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px;
  }
  .stepcod-admin-strip a {
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
  }
  .site-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }
  .site-access {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .site-access-admin {
    font-weight: 800;
    color: var(--ocean, #0284c7) !important;
  }
  .lang-switch-dropdown {
    position: relative;
  }
  .lang-switch-dropdown summary {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 4px 2px;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--stepcod-theme-nav, #385a6e);
    user-select: none;
  }
  .lang-switch-dropdown summary::-webkit-details-marker {
    display: none;
  }
  .lang-switch-dropdown__chev {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: 0.75;
    transform: translateY(1px);
  }
  .lang-switch-dropdown[open] .lang-switch-dropdown__chev {
    transform: rotate(180deg) translateY(-1px);
  }
  .lang-switch-dropdown__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 148px;
    padding: 6px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 10px 28px rgba(15, 47, 58, 0.14);
    z-index: 60;
  }
  .lang-switch-dropdown__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--stepcod-theme-nav, #385a6e);
  }
  .lang-switch-dropdown__option:hover {
    background: rgba(2, 132, 199, 0.08);
  }
  .lang-switch-dropdown__option.active {
    background: rgba(2, 132, 199, 0.12);
    color: var(--ocean, #0284c7);
  }
  .lang-switch-dropdown__label {
    font-weight: 500;
    font-size: 0.68rem;
    opacity: 0.85;
  }
  .lang-switch {
    display: flex;
    gap: 3px;
    align-items: center;
  }
  .lang-switch a {
    font-size: 0.68rem !important;
    padding: 4px 7px;
    border-radius: 6px;
    border: 1px solid #d7e8e6;
    line-height: 1;
    text-decoration: none;
  }
  .lang-switch--flags a {
    padding: 2px;
    border: 0;
    background: transparent;
    border-radius: 5px;
    opacity: 0.82;
    transition: opacity 0.15s ease, transform 0.15s ease;
  }
  .lang-switch--flags a:hover {
    opacity: 1;
    transform: translateY(-1px);
  }
  .lang-switch--flags a.active {
    opacity: 1;
    background: rgba(2, 132, 199, 0.08);
  }
  .lang-switch--flags :global(.lang-flag-icon) {
    display: block;
    line-height: 0;
    border-radius: 3px;
    overflow: hidden;
    box-shadow:
      0 1px 2px rgba(15, 47, 58, 0.12),
      0 0 0 1px rgba(15, 47, 58, 0.1);
  }
  .lang-switch--flags a.active :global(.lang-flag-icon) {
    box-shadow:
      0 1px 3px rgba(2, 132, 199, 0.25),
      0 0 0 2px var(--ocean);
  }
  .lang-switch--flags :global(.lang-flag-icon svg) {
    display: block;
    vertical-align: top;
  }
  .lang-switch a.active {
    background: var(--ocean);
    color: #fff !important;
    border-color: var(--ocean);
  }
  .lang-switch--flags a.active {
    color: inherit !important;
    border-color: transparent;
  }
  .site-access .contact-pill {
    background: var(--sea);
    color: #fff;
    padding: 10px 16px;
    border-radius: 99px;
  }
  [data-theme='dental'] .site-access .contact-pill {
    background: var(--ocean);
  }
  .mobile-nav-toggle {
    display: none;
    align-items: center;
    gap: 8px;
    border: 1px solid #c8d8e2;
    background: #fff;
    color: var(--stepcod-theme-text, #0f2f3a);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
  }
  .mobile-nav-toggle__icon {
    width: 18px;
    height: 2px;
    background: currentColor;
    box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
    display: block;
  }
  .site-mobile-nav__panel nav {
    display: grid;
    gap: 4px;
  }
  .site-mobile-nav__panel nav a {
    display: block;
    padding: 14px 16px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    color: var(--stepcod-theme-text, #0f2f3a);
    font-size: 1rem;
  }
  .site-mobile-nav__panel nav a:hover,
  .site-mobile-nav__panel nav a:focus-visible {
    background: var(--aqua, #e8f4f2);
  }
  .site-mobile-nav {
    position: fixed;
    inset: 0;
    z-index: 200;
  }
  .site-mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 35, 57, 0.45);
  }
  .site-mobile-nav__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(100%, 320px);
    height: 100%;
    background: #fff;
    box-shadow: -8px 0 40px rgba(8, 35, 57, 0.15);
    padding: 18px 16px 28px;
    overflow-y: auto;
    display: grid;
    align-content: start;
    gap: 12px;
  }
  .site-mobile-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5ebf1;
  }
  .site-mobile-nav__head b {
    font-size: 0.9rem;
    color: var(--sea);
  }
  .site-mobile-nav__close {
    border: 0;
    background: #edf3f7;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    color: #334155;
  }
  body.mobile-nav-open {
    overflow: hidden;
  }
  .site-footer-root {
    display: block;
  }
  .site-footer {
    background: transparent;
    color: #d3e4ea;
    padding: 40px 0 24px;
  }
  .site-footer-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 14px 0 28px;
    border-top: 1px solid rgba(169, 194, 204, 0.22);
  }
  [data-theme='dental'] .site-footer-meta {
    border-top-color: rgba(184, 212, 207, 0.25);
  }
  .site-footer-meta-copy,
  .site-footer-meta-powered {
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.45;
    color: #8fa8b3;
  }
  [data-theme='dental'] .site-footer-meta-copy,
  [data-theme='dental'] .site-footer-meta-powered {
    color: #8fb5ae;
  }
  .site-footer-meta-powered a {
    color: #c5dce6;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  [data-theme='dental'] .site-footer-meta-powered a {
    color: #b8ded9;
  }
  .site-footer-meta-powered a:hover {
    color: #fff;
  }
  @media (max-width: 640px) {
    .site-footer-meta {
      flex-direction: column;
      align-items: flex-start;
    }
    .site-footer--style-center.site-footer--quad ~ .site-footer-meta {
      align-items: center;
      text-align: center;
    }
  }
  .site-footer--quad {
    display: grid;
    grid-template-columns: 1.05fr 1fr 0.95fr 1.15fr;
    gap: 22px 20px;
    align-items: start;
  }
  .site-footer--style-center.site-footer--quad {
    text-align: center;
    justify-items: center;
  }
  .site-footer--style-center .footer-col-nav,
  .site-footer--style-center .footer-col-legal {
    align-items: center;
  }
  .site-footer--style-bar.site-footer--quad {
    gap: 20px 16px;
    padding: 36px 0;
  }
  .site-footer--style-bar .footer-map-clip {
    height: 100px;
  }
  .site-footer--style-bar .footer-map-clip iframe {
    height: 170px;
    margin-bottom: -78px;
  }
  .site-footer--style-cta .footer-appointment {
    font-size: 0.92rem;
    padding: 12px 18px;
  }
  .footer-col {
    display: grid;
    align-content: start;
    gap: 6px;
  }
  .footer-col-brand {
    gap: 4px;
  }
  .site-logo--compact {
    margin-bottom: 2px;
  }
  .footer-line {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    line-height: 1.45;
  }
  .footer-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.92;
  }
  .footer-line a {
    color: inherit;
  }
  .footer-col > b {
    color: #fff;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 4px;
  }
  .footer-firm {
    color: #fff !important;
    font-weight: 700;
    font-size: 0.8rem !important;
    margin: 0 !important;
    line-height: 1.3;
  }
  .footer-line {
    font-size: 0.74rem !important;
    color: #b8d4e8 !important;
  }
  .footer-map-link {
    display: block;
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ffffff22;
  }
  .footer-map-clip {
    height: 132px;
    overflow: hidden;
    background: #e8eef2;
    pointer-events: none;
  }
  .footer-map-clip iframe {
    width: 100%;
    height: 200px;
    margin-bottom: -72px;
    border: 0;
    display: block;
  }
  .footer-map-copy {
    font-size: 0.58rem !important;
    opacity: 0.55;
    line-height: 1.2;
  }
  .footer-directions {
    font-size: 0.72rem !important;
    text-decoration: underline !important;
  }
  .footer-appointment {
    justify-self: start;
    margin-top: 4px;
  }
  .site-footer--style-center .footer-appointment {
    justify-self: center;
  }
  .site-footer .site-logo {
    color: #fff;
  }
  .site-footer .site-logo > span {
    background: #fff;
    color: var(--sea);
  }
  .site-footer p,
  .site-footer a,
  .site-footer span {
    color: #a9c2cc;
    text-decoration: none;
    font-size: 0.78rem;
    line-height: 1.7;
  }
  [data-theme='dental'] .site-footer p,
  [data-theme='dental'] .site-footer a,
  [data-theme='dental'] .site-footer span {
    color: #b8d4cf;
  }
  [data-theme='dental'] .site-kicker {
    color: #0d7a72 !important;
  }
  [data-theme='dental'] .site-button {
    background: #0d7a72 !important;
  }
  [data-theme='dental'] .wt-hero {
    background: #0f2f3a;
  }
  [data-theme='dental'] .wt-cta {
    background: #0d7a72;
  }
  [data-theme='dental'] .wt-faq {
    background: #eef6f5;
  }
  @media (max-width: 900px) {
    .layout-body {
      flex-direction: column;
    }
    .layout-sidebar {
      width: 100% !important;
    }
    .site-header {
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 12px;
    }
    .site-header-actions {
      justify-self: end;
    }
    .site-header--center,
    .site-header--split {
      grid-template-columns: auto 1fr auto;
    }
    .site-header--center .site-logo--center,
    .site-header--split .site-logo--center {
      justify-self: start;
    }
    .site-header--split .site-header-split-right {
      flex-direction: row;
      align-items: center;
    }
    .site-header .site-nav-desktop,
    .site-header .site-nav-side {
      display: none !important;
    }
    .mobile-nav-toggle {
      display: inline-flex;
    }
    .site-access .contact-pill {
      padding: 8px 12px;
      font-size: 0.72rem;
    }
    .site-access {
      gap: 8px;
    }
    .lang-switch-dropdown summary {
      padding: 2px 0;
    }
    .site-footer--quad {
      grid-template-columns: 1fr 1fr;
    }
    .site-footer--quad .footer-col-brand {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 540px) {
    .site-header {
      height: 70px;
    }
    .layout-shell,
    .layout-body {
      padding-inline: 14px;
    }
    .site-footer--quad {
      grid-template-columns: 1fr;
    }