:root {
--accent: #003049;
      --accent-2: #16506a;
      --accent-3: #447890;
      --accent-soft: #7ca5b8;
      --accent-dark: #001b29;
      --accent-dark-2: #002538;
      --accent-rgb: 0, 48, 73;
      --accent-rgb-2: 22, 80, 106;
      --accent-rgb-3: 68, 120, 144;
      --accent-soft-rgb: 124, 165, 184;
      --accent-dark-rgb: 0, 27, 41;
      --accent-dark-rgb-2: 0, 37, 56;
      --bg: #edf4ff;
      --bg-2: #f7fbff;
      --surface: #ffffff;
      --surface-2: #eef5ff;
      --surface-3: #dfeeff;
      --surface-4: #f6faff;
      --ink: #10203a;
      --ink-soft: #3f5168;
      --ink-muted: #596d86;
      --blue: var(--accent);
      --blue-2: var(--accent-2);
      --blue-3: var(--accent-dark);
      --blue-4: #eef5ff;
      --line: rgba(16, 32, 58, 0.08);
      --line-strong: rgba(var(--accent-rgb), 0.18);
      --radius-xl: 36px;
      --radius-lg: 28px;
      --radius-md: 22px;
      --radius-pill: 999px;
      --shadow-xl: 0 44px 110px rgba(var(--accent-rgb), 0.12);
      --shadow-lg: 0 28px 60px rgba(16, 32, 58, 0.1);
      --shadow-md: 0 16px 34px rgba(16, 32, 58, 0.08);
      --container: 1220px;
      --font-sans: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --mobile-scroll-depth: 0;
}

* {
box-sizing: border-box;
}

html {
width: 100%;
      scroll-behavior: smooth;
      background: var(--bg);
      overflow-x: clip;
}

body {
position: relative;
      width: 100%;
      margin: 0;
      font-family: var(--font-sans);
      color: var(--ink);
      background:
        radial-gradient(circle at 0% 0%, rgba(var(--accent-rgb), 0.1), transparent 22%),
        radial-gradient(circle at 100% 12%, rgba(var(--accent-rgb-2), 0.12), transparent 20%),
        radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.84), transparent 28%),
        linear-gradient(180deg, #edf4ff 0%, #f8fbff 48%, #edf5ff 100%);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
}

main {
overflow-x: clip;
}

body::before,
    body::after {
content: "";
      position: fixed;
      z-index: -1;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(10px);
}

body::before {
top: 82px;
      right: -120px;
      width: 460px;
      height: 460px;
      background: radial-gradient(circle, rgba(var(--accent-rgb-2), 0.18), rgba(var(--accent-rgb-2), 0));
}

body::after {
left: -140px;
      top: 420px;
      width: 420px;
      height: 420px;
      background: radial-gradient(circle, rgba(var(--accent-rgb), 0.14), rgba(var(--accent-rgb), 0));
}

a {
color: inherit;
      text-decoration: none;
}

button,
    input,
    textarea {
font: inherit;
}

img,
    svg {
display: block;
      max-width: 100%;
}

.sr-only {
position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
}

.container {
width: min(calc(100% - 32px), var(--container));
      margin: 0 auto;
}

.skip-link {
position: fixed;
      top: 12px;
      left: 12px;
      z-index: 140;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 16px;
      border-radius: 16px;
      background: #fff;
      color: var(--accent);
      border: 1px solid rgba(var(--accent-rgb), 0.18);
      box-shadow: 0 14px 28px rgba(16, 32, 58, 0.12);
      transform: translateY(-140%);
      transition: transform 0.2s ease;
}

.skip-link:focus {
transform: translateY(0);
}

a:focus-visible,
    button:focus-visible,
    summary:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible {
outline: 2px solid rgba(var(--accent-rgb), 0.45);
      outline-offset: 3px;
}

.page-progress {
position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      z-index: 120;
      background: rgba(255, 255, 255, 0.24);
      pointer-events: none;
}

.page-progress-bar {
display: block;
      width: 0;
      height: 100%;
      border-radius: 0 999px 999px 0;
      background: linear-gradient(90deg, var(--accent-2), var(--accent));
      box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.38);
      transition: width 0.18s ease;
}

.topbar {
display: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.7);
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(16px);
}

.topbar-inner {
min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      color: var(--ink-muted);
      font-size: 0.76rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
}

.topbar-group {
display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 18px;
}

.topbar a {
color: var(--blue);
      font-weight: 700;
}

.site-header {
position: relative;
      top: auto;
      z-index: 30;
      padding-top: 18px;
}

.hero-nav-shell {
position: absolute;
      top: 30px;
      left: 30px;
      right: 30px;
      z-index: 6;
      display: none;
}

.hero-nav-list {
display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      flex-wrap: wrap;
      padding: 6px 10px;
      border-radius: 22px;
      border: 1px solid rgba(var(--accent-rgb), 0.06);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(246, 249, 255, 0.74));
      box-shadow: 0 14px 34px rgba(31, 55, 96, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.hero-nav-list .nav-link {
min-height: 42px;
      height: 42px;
      padding: 0 16px;
      border: 0;
      border-radius: 16px;
      background: transparent;
      box-shadow: none;
      font-size: 0.88rem;
      overflow: hidden;
      white-space: nowrap;
}

.hero-nav-list .nav-link:hover,
    .hero-nav-list .nav-link:focus-visible {
background: rgba(var(--accent-rgb), 0.08);
      box-shadow: none;
      transform: none;
}

.hero-nav-list .nav-link::after {
display: none;
}

.header-shell {
position: relative;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 16px;
      min-height: 82px;
      padding: 0 22px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.88);
      background: rgba(255, 255, 255, 0.78);
      backdrop-filter: blur(18px);
      box-shadow: 0 22px 48px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.brand {
display: inline-flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
}

.brand-mark {
width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
      box-shadow: 0 10px 24px rgba(var(--accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.brand-mark img {
width: 78%;
      height: 78%;
      object-fit: contain;
}

.brand-copy {
display: grid;
      gap: 4px;
}

.brand-copy strong {
color: var(--accent);
      font-size: 1.04rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
      text-transform: uppercase;
}

.brand-copy span {
color: var(--ink-muted);
      font-size: 0.72rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
}

.desktop-nav {
display: flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      gap: 0;
      flex-wrap: wrap;
      padding: 7px 12px;
      margin-top: 0;
      border-radius: 22px;
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.78)),
        radial-gradient(circle at 50% -40%, rgba(var(--accent-rgb), 0.05), rgba(var(--accent-rgb), 0) 58%);
      box-shadow:
        0 18px 42px rgba(31, 55, 96, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(16, 32, 58, 0.03);
}

.nav-link {
position: relative;
      min-height: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 0 16px;
      border-radius: 16px;
      border: 0;
      color: var(--ink);
      font-size: 0.88rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      background: transparent;
      overflow: hidden;
      white-space: nowrap;
      box-shadow: none;
      transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.nav-link + .nav-link {
margin-left: 6px;
}

.nav-link + .nav-link::before {
content: "";
      position: absolute;
      left: -3px;
      top: 10px;
      bottom: 10px;
      width: 1px;
      background: linear-gradient(180deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.14), rgba(var(--accent-rgb), 0));
}

.nav-link svg {
width: 16px;
      height: 16px;
      flex-shrink: 0;
      color: var(--blue);
      opacity: 0.84;
}

.nav-link::after {
display: none;
}

.nav-link:hover,
    .nav-link:focus-visible {
color: var(--blue);
      background: rgba(var(--accent-rgb), 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.nav-link[aria-current="page"] {
color: var(--blue);
      background: rgba(var(--accent-rgb), 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

@keyframes nav-active-bloom {
0% {
        opacity: 0;
        transform: scaleX(0.58);
        filter: blur(12px);
      }

      58% {
        opacity: 0.94;
        transform: scaleX(1.03);
        filter: blur(0);
      }

      100% {
        opacity: 0.76;
        transform: scaleX(1);
        filter: blur(0);
      }
}

@media (min-width: 761px) {
  .desktop-nav .nav-link,
      .hero-nav-list .nav-link {
isolation: isolate;
  }

  .desktop-nav .nav-link > *,
      .hero-nav-list .nav-link > * {
position: relative;
        z-index: 1;
  }

  .desktop-nav .nav-link:not(.nav-link--phone)::after,
      .hero-nav-list .nav-link::after {
content: "";
        display: block;
        position: absolute;
        inset: 2px;
        border-radius: inherit;
        background:
          radial-gradient(circle at 16% 50%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 24%),
          linear-gradient(90deg, rgba(var(--accent-rgb), 0.03), rgba(var(--accent-rgb), 0.12) 30%, rgba(var(--accent-rgb-2), 0.18) 58%, rgba(var(--accent-rgb), 0.08) 100%);
        opacity: 0;
        transform: scaleX(0.68);
        transform-origin: left center;
        filter: blur(10px);
        pointer-events: none;
  }

  .desktop-nav .nav-link[aria-current="page"]:not(.nav-link--phone)::after,
      .hero-nav-list .nav-link[aria-current="page"]::after {
animation: nav-active-bloom 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .desktop-nav .nav-link[aria-current="page"]:not(.nav-link--phone),
      .hero-nav-list .nav-link[aria-current="page"] {
box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.80),
          0 0 0 1px rgba(var(--accent-rgb), 0.03);
  }

}

@media (min-width: 761px) {
  .header-actions .btn {
position: relative;
        min-height: 56px;
        padding: 0 24px;
        border-color: rgba(var(--accent-rgb), 0.26);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
          linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
        box-shadow:
          0 22px 42px rgba(var(--accent-rgb), 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.34),
          inset 0 -1px 0 rgba(16, 32, 58, 0.14);
  }

  .header-actions .btn .btn-icon {
opacity: 0.92;
  }

  .header-actions .btn::before {
content: "";
        width: 1px;
        height: 18px;
        margin-right: 2px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
  }

}

.header-actions {
display: flex;
      align-items: center;
      gap: 12px;
}

.header-meta {
display: grid;
      gap: 2px;
      text-align: right;
}

.header-meta strong {
font-size: 0.84rem;
      letter-spacing: -0.02em;
}

.header-meta span {
color: var(--ink-muted);
      font-size: 0.72rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
}

.btn,
    .btn-secondary,
    .btn-light {
appearance: none;
      -webkit-appearance: none;
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 20px;
      border-radius: var(--radius-pill);
      border: 1px solid transparent;
      font-weight: 700;
      letter-spacing: -0.01em;
      white-space: nowrap;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.btn:hover,
    .btn-secondary:hover,
    .btn-light:hover,
    .btn:focus-visible,
    .btn-secondary:focus-visible,
    .btn-light:focus-visible {
transform: translateY(-1px);
}

.btn {
color: #fff;
      background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
      border-color: rgba(var(--accent-rgb), 0.22);
      box-shadow: 0 20px 38px rgba(var(--accent-rgb), 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.btn-secondary {
color: var(--blue);
      background: rgba(255, 255, 255, 0.82);
      border-color: rgba(255, 255, 255, 0.28);
      box-shadow: 0 12px 26px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.btn-light {
color: var(--blue);
      background: #fff;
      border-color: rgba(var(--accent-rgb), 0.12);
      box-shadow: 0 14px 24px rgba(var(--accent-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.btn-icon {
width: 18px;
      height: 18px;
      flex-shrink: 0;
}

.mobile-toggle,
    .mobile-panel,
    .mobile-sheet-backdrop {
display: none;
}

.mobile-panel-top,
    .mobile-panel-handle {
display: none;
}

.mobile-toggle {
width: 52px;
      height: 52px;
      padding: 0;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background: rgba(var(--accent-rgb), 0.06);
      color: var(--blue);
      cursor: pointer;
}

.mobile-toggle-line,
    .mobile-toggle-line::before,
    .mobile-toggle-line::after {
display: block;
      width: 18px;
      height: 2px;
      margin: 0 auto;
      background: currentColor;
      content: "";
      transition: transform 0.2s ease, opacity 0.2s ease;
}

.mobile-toggle-line::before {
transform: translateY(-6px);
}

.mobile-toggle-line::after {
transform: translateY(4px);
}

body.mobile-menu-open {
overflow: hidden;
}

.hero {
padding: 26px 0 0;
}

.hero-shell {
position: relative;
      overflow: visible;
      padding: 0;
      isolation: isolate;
}

.hero-shell::before,
    .hero-shell::after {
content: "";
      position: absolute;
      pointer-events: none;
      z-index: 0;
      opacity: 0.82;
}

.hero-shell::before {
left: 54px;
      top: 118px;
      width: 154px;
      height: 1px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.56), rgba(var(--accent-rgb), 0.08));
}

.hero-shell::after {
right: 56px;
      top: 140px;
      width: 128px;
      height: 52px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.18);
      border-right: 1px solid rgba(var(--accent-rgb), 0.18);
      border-top-right-radius: 26px;
}

.hero-clip {
position: relative;
      overflow: hidden;
      z-index: 1;
      border-radius: 44px;
      border: 1px solid rgba(255, 255, 255, 0.88);
      background:
        linear-gradient(135deg, rgba(var(--accent-rgb), 0.04), rgba(var(--accent-rgb), 0) 26%),
        radial-gradient(circle at 0% 10%, rgba(18, 87, 223, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 251, 255, 0.98));
      box-shadow:
        0 18px 34px rgba(18, 87, 223, 0.018),
        0 36px 80px rgba(var(--accent-rgb), 0.038),
        inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.hero-clip::before {
content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(18, 87, 223, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18, 87, 223, 0.04) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.58) 54%, rgba(0, 0, 0, 0.26));
      pointer-events: none;
}

.hero-clip::after {
content: "";
      position: absolute;
      right: -120px;
      top: -150px;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(67, 126, 255, 0.14), rgba(67, 126, 255, 0));
      pointer-events: none;
}

.hero-track {
position: relative;
      min-height: 760px;
}

.hero-slide {
position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(16px);
      transition: opacity 0.45s ease, transform 0.45s ease;
}

.hero-slide.is-active {
opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
}

.hero-copy {
position: absolute;
      left: 36px;
      bottom: 36px;
      z-index: 4;
      width: min(620px, calc(100% - 180px));
      padding: 0;
}

.hero-topline {
position: relative;
      display: inline-flex;
      align-items: center;
      gap: 15px;
      min-height: 44px;
      padding: 0 18px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: var(--radius-pill);
      background: rgba(255, 255, 255, 0.08);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.06);
      color: #fff;
      font-size: 0.8rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      transition:
        border-color 0.32s ease,
        background-color 0.32s ease,
        box-shadow 0.32s ease,
        text-shadow 0.32s ease;
}

.hero-topline::before {
content: "";
      width: 31px;
      height: 2px;
      background: rgba(255, 255, 255, 0.94);
      border-radius: 999px;
      transition: background 0.32s ease, box-shadow 0.32s ease, opacity 0.32s ease;
}

@keyframes heroToplinePulse {
0%, 100% {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.3);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.2),
          0 0 0 1px rgba(255, 255, 255, 0.06),
          0 0 0 1px rgba(var(--accent-rgb), 0.03),
          0 0 8px rgba(var(--accent-rgb), 0.035);
        text-shadow: 0 0 0 rgba(var(--accent-rgb), 0);
      }
      52% {
        background: rgba(var(--accent-rgb), 0.075);
        border-color: rgba(255, 255, 255, 0.38);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.2),
          0 0 0 1px rgba(255, 255, 255, 0.08),
          0 0 0 1px rgba(var(--accent-rgb), 0.055),
          0 0 10px rgba(var(--accent-rgb), 0.065);
        text-shadow: 0 0 6px rgba(var(--accent-rgb), 0.06);
      }
}

@keyframes heroToplineBeam {
0%, 100% {
        opacity: 0.58;
        box-shadow: 0 0 4px rgba(var(--accent-rgb), 0.05);
      }
      52% {
        opacity: 0.74;
        box-shadow: 0 0 7px rgba(var(--accent-rgb), 0.09);
      }
}

@keyframes heroMobilePhotoDrift {
0% {
        transform: translate3d(8px, 0, 0) scale(1.024);
      }
      100% {
        transform: translate3d(-2px, 0, 0) scale(1.012);
      }
}

@keyframes heroMobilePhotoDriftFallback {
0% {
        transform: translate3d(10px, 0, 0) scale(1.026);
      }
      100% {
        transform: translate3d(-3px, 0, 0) scale(1.014);
      }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-slide.is-active .hero-topline {
animation: heroToplinePulse 5.2s ease-in-out infinite;
  }

  .hero-slide.is-active .hero-topline::before {
background: rgba(255, 255, 255, 0.96);
        animation: heroToplineBeam 5.2s ease-in-out infinite;
  }

}

@media (min-width: 1181px) {
  body::before,
      body::after {
opacity: 0.46;
        filter: blur(6px);
  }

  .header-shell {
backdrop-filter: none;
        box-shadow: 0 14px 30px rgba(16, 32, 58, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  }

  .desktop-nav {
box-shadow:
          0 10px 24px rgba(31, 55, 96, 0.05),
          inset 0 1px 0 rgba(255, 255, 255, 0.88),
          inset 0 -1px 0 rgba(16, 32, 58, 0.03);
  }

  .hero-slide.is-active .hero-topline,
      .hero-slide.is-active .hero-topline::before {
animation: none;
  }

  .hero-shell::before,
      .hero-shell::after,
      .hero-clip::before,
      .hero-clip::after,
      .hero-copy > div:first-child::before,
      .hero-copy > div:first-child::after,
      .hero-frame::before,
      .hero-frame::after {
display: none;
  }

  .hero-copy > div:first-child,
      .slider-rail {
backdrop-filter: none;
  }

  .hero-clip {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 251, 255, 0.98));
        box-shadow:
          0 16px 32px rgba(18, 87, 223, 0.014),
          0 28px 58px rgba(var(--accent-rgb), 0.028),
          inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .hero-copy > div:first-child {
background: linear-gradient(180deg, rgba(8, 27, 67, 0.22), rgba(8, 27, 67, 0.1));
        box-shadow: 0 8px 18px rgba(5, 17, 44, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .hero-actions,
      .hero-proof-item {
background: rgba(255, 255, 255, 0.04);
        box-shadow: none;
  }

  .hero-proof {
border-top-color: rgba(255, 255, 255, 0.05);
  }

  .hero-stage::after {
background:
          linear-gradient(180deg, rgba(10, 31, 68, 0.06), rgba(10, 31, 68, 0.12) 38%, rgba(10, 31, 68, 0.48) 100%),
          linear-gradient(90deg, rgba(10, 31, 68, 0.28), rgba(10, 31, 68, 0.06) 50%, rgba(10, 31, 68, 0.08));
  }

  .slider-rail {
background: rgba(8, 27, 67, 0.18);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: none;
  }

  .slider-button {
box-shadow: none;
  }

}

.hero-copy > div:first-child {
position: relative;
      display: grid;
      padding: 34px;
      border-radius: 34px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(8, 27, 67, 0.24), rgba(8, 27, 67, 0.08));
      box-shadow: 0 14px 26px rgba(5, 17, 44, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(3px);
}

.hero-panel {
min-height: 292px;
      align-content: start;
}

.hero-panel--actions-hidden .hero-proof {
margin-top: 0;
      padding-top: 0;
      border-top: 0;
}

.hero-panel--proof-hidden .hero-actions {
margin-bottom: 0;
}

.hero-panel--minimal {
min-height: 292px;
}

.hero-copy > div:first-child.hero-panel--empty,
    .hero-panel--empty {
background: transparent !important;
      border-color: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
}

.hero-copy > div:first-child.hero-panel--empty::before,
    .hero-copy > div:first-child.hero-panel--empty::after,
    .hero-panel--empty::before,
    .hero-panel--empty::after {
display: none;
}

.hero-copy > div:first-child::before {
content: "";
      position: absolute;
      left: 22px;
      right: 26px;
      top: 18px;
      height: 1px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.42), rgba(var(--accent-rgb), 0.24), rgba(255, 255, 255, 0));
      pointer-events: none;
}

.hero-copy > div:first-child::after {
content: "";
      position: absolute;
      right: -42px;
      bottom: -30px;
      width: 160px;
      height: 120px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(115, 167, 255, 0.2), rgba(115, 167, 255, 0));
      pointer-events: none;
}

.hero-actions {
display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 12px;
      margin-top: 0;
      padding: 12px;
      border-radius: 26px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.05);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.hero-actions .btn,
    .hero-actions .btn-secondary {
width: 100%;
      min-height: 58px;
      justify-content: center;
}

.hero-actions .hero-topline {
grid-column: 1 / -1;
      width: 100%;
      margin: 0;
}

.hero-actions--single-button {
grid-template-columns: minmax(0, 1fr);
}

.hero-actions--single-button.hero-actions--without-label {
width: min(380px, 100%);
      margin: 6px auto 0;
      justify-items: center;
}

.hero-actions--single-button.hero-actions--without-label .btn,
    .hero-actions--single-button.hero-actions--without-label .btn-secondary {
width: min(100%, 296px);
}

.hero-proof {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.hero-proof--single {
grid-template-columns: minmax(0, 1fr);
}

.hero-proof-item {
position: relative;
      min-height: 66px;
      display: grid;
      align-content: center;
      gap: 4px;
      padding: 14px 16px;
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.05);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.hero-proof-item::before {
content: "";
      position: absolute;
      left: 16px;
      top: 14px;
      width: 22px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.18));
      opacity: 0.9;
}

.hero-proof-item strong {
color: #fff;
      font-size: 0.96rem;
      letter-spacing: -0.03em;
}

.hero-proof-item span {
color: rgba(232, 240, 255, 0.74);
      font-size: 0.78rem;
      line-height: 1.45;
}

.hero-visual {
position: relative;
      z-index: 1;
      min-height: 100%;
      display: flex;
      align-items: stretch;
}

.hero-frame {
position: relative;
      flex: 1 1 auto;
      overflow: hidden;
      border-radius: inherit;
}

.hero-frame::before,
    .hero-frame::after {
content: "";
      position: absolute;
      pointer-events: none;
      z-index: 3;
}

.hero-frame::before {
inset: 22px 24px auto auto;
      width: 204px;
      height: 1px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
      opacity: 0.64;
}

.hero-frame::after {
inset: 24px 24px 24px 24px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 34px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.hero-label {
display: none;
}

.hero-stage {
position: absolute;
      inset: 0;
      overflow: hidden;
      border-radius: inherit;
      background: #dce9ff;
}

.hero-picture {
width: 100%;
      height: 100%;
      display: block;
}

.hero-stage::after {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(10, 31, 68, 0.08), rgba(10, 31, 68, 0.16) 34%, rgba(10, 31, 68, 0.7) 100%),
        linear-gradient(90deg, rgba(10, 31, 68, 0.42), rgba(10, 31, 68, 0.08) 52%, rgba(10, 31, 68, 0.12)),
        radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
      pointer-events: none;
}

.hero-photo {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
}

.hero-photo.photo-focus-left {
object-position: 38% center;
}

.hero-photo.photo-focus-center {
object-position: center center;
}

.hero-photo.photo-focus-right {
object-position: 62% center;
}

.slider-rail {
position: absolute;
      right: 28px;
      bottom: 28px;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 12px 14px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
      backdrop-filter: blur(3px);
}

.slider-meta {
display: flex;
      align-items: center;
      gap: 14px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 0.88rem;
}

.slider-dots {
display: inline-flex;
      align-items: center;
      gap: 8px;
}

.slider-dot {
width: 26px;
      height: 8px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.32);
      cursor: pointer;
      transition: background-color 0.2s ease, width 0.2s ease;
}

.slider-dot.is-active {
background: #fff;
      width: 34px;
}

.slider-actions {
display: flex;
      align-items: center;
      gap: 10px;
}

.slider-button {
width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 18px;
      color: #fff;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
      cursor: pointer;
      transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.slider-button:hover,
    .slider-button:focus-visible {
transform: translateY(-1px);
      background: rgba(255, 255, 255, 0.16);
      border-color: rgba(255, 255, 255, 0.24);
}

@media (min-width: 1181px) {
  body:not(.home-page) .site-header {
display: block;
  }

  body:not(.home-page) .site-header {
padding-top: 0;
  }

  body:not(.home-page) .desktop-nav {
display: flex;
        margin-top: 0;
        align-self: center;
  }

  body:not(.home-page) .header-actions {
display: flex;
        align-self: center;
  }

  body:not(.home-page) .mobile-toggle,
      body:not(.home-page) .mobile-panel,
      body:not(.home-page) .mobile-sheet-backdrop {
display: none;
  }

  body:not(.home-page) .header-shell {
min-height: 82px;
        align-items: center;
  }

  body:not(.home-page) .brand {
align-self: center;
  }

  body:not(.home-page) .brand-copy {
gap: 4px;
  }

  body:not(.home-page) .desktop-nav .nav-link {
min-height: 44px;
        height: 44px;
  }

  .header-shell {
padding: 0 24px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(245, 249, 255, 0.78)),
          radial-gradient(circle at 12% -40%, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0) 34%);
        box-shadow: 0 26px 58px rgba(16, 32, 58, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  .desktop-nav,
      .hero-nav-list {
border-color: rgba(var(--accent-rgb), 0.1);
        box-shadow: 0 18px 46px rgba(31, 55, 96, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .nav-link {
min-height: 44px;
        height: 44px;
        padding: 0 18px;
  }

  body.site-header-variant-split:not(.home-page) .subpage-main {
padding-top: 0;
  }

  body.site-header-variant-split:not(.home-page) .site-header {
position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 40;
        width: min(100%, calc(var(--container) + 60px));
        margin: 0 auto;
        padding: 0 30px;
        overflow: visible;
  }

  body.site-header-variant-split:not(.home-page) .site-header .header-shell {
width: 100%;
        max-width: none;
        margin: 0;
        min-height: 84px;
        border-top: 0;
        border-radius: 0 0 32px 32px;
        background: #f6f8fb;
        backdrop-filter: none;
        box-shadow:
          0 22px 48px rgba(16, 32, 58, 0.10),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.site-header-variant-split:not(.home-page) .site-header .desktop-nav {
background: #ffffff;
        box-shadow:
          0 16px 34px rgba(31, 55, 96, 0.07),
          inset 0 1px 0 rgba(255, 255, 255, 0.92),
          inset 0 -1px 0 rgba(16, 32, 58, 0.02);
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero {
position: relative;
        isolation: isolate;
        padding: 144px 0 22px;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero::before {
content: "";
        position: absolute;
        left: 50%;
        top: -104px;
        bottom: 0;
        width: 100vw;
        transform: translateX(-50%);
        background: rgb(var(--accent-dark-rgb));
        pointer-events: none;
        z-index: 0;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero > .container {
width: 100%;
        max-width: none;
        margin: 0;
        position: relative;
        z-index: 1;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero-shell {
padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        background: rgb(var(--accent-dark-rgb));
        box-shadow: none;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero-shell::before {
display: none;
  }

  body.site-header-variant-split:not(.home-page) .subpage-main > .section:first-of-type::before {
display: none;
  }

}

.subpage-main {
padding-top: 8px;
}

.subpage-hero {
padding: 28px 0 12px;
}

.subpage-hero-shell {
position: relative;
      overflow: hidden;
      padding: 34px;
      border-radius: 42px;
      border: 1px solid rgba(255, 255, 255, 0.88);
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.14), rgba(var(--accent-rgb-2), 0) 28%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.94), rgba(var(--accent-dark-rgb-2), 0.92));
      box-shadow: 0 38px 92px rgba(var(--accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      isolation: isolate;
}

.subpage-hero-shell::before {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 0.24));
      pointer-events: none;
      z-index: 0;
}

.subpage-hero-grid {
position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
      gap: 22px;
      align-items: end;
}

.subpage-hero-copy {
display: grid;
      gap: 16px;
      align-content: start;
}

.subpage-kicker {
display: inline-flex;
      align-items: center;
      gap: 0;
      min-height: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      color: rgba(232, 240, 255, 0.82);
      font-size: 0.74rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      box-shadow: none;
}

.subpage-kicker::before {
content: none;
}

.subpage-title {
margin: 0;
      color: #fff;
      font-size: clamp(2.2rem, 5vw, 4.2rem);
      line-height: 0.94;
      letter-spacing: -0.07em;
      text-wrap: balance;
}

.subpage-intro {
margin: 0;
      max-width: 44rem;
      color: rgba(232, 240, 255, 0.74);
      font-size: 1rem;
      line-height: 1.82;
}

.subpage-actions {
display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 4px;
}

.subpage-actions .btn,
    .subpage-actions .btn-secondary {
min-width: 220px;
}

.subpage-actions .btn span {
white-space: nowrap;
      font-variant-numeric: tabular-nums;
}

.subpage-stat-list {
display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
}

.subpage-stat {
display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 14px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(232, 240, 255, 0.84);
      font-size: 0.78rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
}

.subpage-hero-media {
position: relative;
      min-height: 320px;
      overflow: hidden;
      border-radius: 32px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.subpage-hero-media::after {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(7, 21, 47, 0.06), rgba(7, 21, 47, 0.16) 46%, rgba(7, 21, 47, 0.44)),
        radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
      pointer-events: none;
}

.subpage-hero-media img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
}

.subpage-panel {
display: grid;
      gap: 12px;
      padding: 24px;
      border-radius: 30px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.84)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.08), transparent 36%);
      box-shadow: 0 22px 46px rgba(16, 32, 58, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.subpage-detail-stack {
display: grid;
      gap: 30px;
}

.subpage-detail-panel {
gap: 16px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.96));
      box-shadow: 0 14px 28px rgba(16, 32, 58, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.service-showcase-section {
display: block;
}

.service-showcase-shell {
position: relative;
      isolation: isolate;
      overflow: hidden;
      display: grid;
      gap: 28px;
      padding: 34px;
      border-radius: 36px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background: linear-gradient(135deg, rgba(var(--accent-dark-rgb), 0.96), rgba(var(--accent-dark-rgb-2), 0.92));
      box-shadow: 0 28px 56px rgba(8, 23, 56, 0.18);
}

.service-showcase-shell::before {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(112deg, rgba(var(--accent-dark-rgb), 0.72) 0%, rgba(var(--accent-dark-rgb), 0.46) 38%, rgba(var(--accent-dark-rgb-2), 0.16) 100%),
        radial-gradient(circle at 10% 18%, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0) 30%),
        radial-gradient(circle at 90% 12%, rgba(var(--accent-rgb-2), 0.16), rgba(var(--accent-rgb-2), 0) 28%);
      z-index: 1;
      pointer-events: none;
}

.service-showcase-bg {
position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
}

.service-showcase-bg img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      filter: saturate(1.04) contrast(1.02);
      transform: scale(1.08);
}

.service-showcase-grid {
position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
      gap: 24px;
      align-items: stretch;
}

.service-showcase-copy,
.service-showcase-flow {
position: relative;
      z-index: 2;
}

.service-showcase-copy {
display: grid;
      align-content: start;
      gap: 18px;
      padding: 34px;
      border-radius: 32px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(180deg, rgba(9, 24, 48, 0.76), rgba(11, 28, 55, 0.66));
      backdrop-filter: blur(16px);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.service-showcase-meta {
display: flex;
      flex-wrap: wrap;
      gap: 10px;
}

.service-showcase-chip {
display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 15px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(246, 249, 255, 0.88);
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
}

.service-showcase-kicker {
display: inline-flex;
      align-items: center;
      gap: 14px;
      color: rgba(233, 240, 255, 0.86);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
}

.service-showcase-kicker::before {
content: "";
      width: 44px;
      height: 2px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.42);
}

.service-showcase-copy h2 {
margin: 0;
      color: #fff;
      font-size: clamp(2rem, 3vw, 3.6rem);
      line-height: 0.96;
      letter-spacing: -0.07em;
      text-wrap: balance;
}

.service-showcase-copy p {
margin: 0;
      max-width: 42rem;
      color: rgba(236, 242, 255, 0.9);
      font-size: 1.02rem;
      line-height: 1.84;
}

.service-showcase-phone {
display: inline-grid;
      gap: 6px;
      justify-self: start;
      padding: 18px 22px;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.32), rgba(var(--accent-rgb-2), 0.18));
      color: #fff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.service-showcase-phone span {
font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(236, 243, 255, 0.74);
}

.service-showcase-phone strong {
font-size: clamp(1.24rem, 2vw, 1.58rem);
      letter-spacing: -0.04em;
}

.service-showcase-flow {
display: grid;
      gap: 16px;
      align-content: start;
}

.service-showcase-step {
display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 18px;
      align-items: start;
      padding: 24px 24px 24px 20px;
      border-radius: 28px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(180deg, rgba(11, 22, 41, 0.88), rgba(10, 20, 36, 0.8));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(12px);
}

.service-showcase-step-no {
display: inline-grid;
      place-items: center;
      width: 58px;
      min-width: 58px;
      height: 58px;
      border-radius: 20px;
      border: 1px solid rgba(var(--accent-rgb), 0.28);
      background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb-2), 0.12));
      color: #fff;
      font-size: 1.02rem;
      font-weight: 900;
      letter-spacing: -0.04em;
}

.service-showcase-step-copy {
display: grid;
      gap: 8px;
}

.service-showcase-step-copy strong {
color: #fff;
      font-size: 1.22rem;
      letter-spacing: -0.04em;
}

.service-showcase-step-copy p {
margin: 0;
      color: rgba(225, 234, 248, 0.82);
      line-height: 1.74;
}

body.site-slider-variant-edge .service-showcase-shell {
width: 100vw;
      max-width: none;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding-left: clamp(18px, 5vw, 52px);
      padding-right: clamp(18px, 5vw, 52px);
      border-radius: 0;
      border-left: 0;
      border-right: 0;
}

body.site-slider-variant-edge .service-showcase-grid {
width: min(1360px, 100%);
      margin-left: auto;
      margin-right: auto;
}

body.site-slider-variant-edge .service-showcase-copy,
body.site-slider-variant-edge .service-showcase-step {
border-radius: 34px;
}

@media (max-width: 1180px) {
  .service-showcase-grid {
    grid-template-columns: 1fr;
  }

  .service-showcase-copy,
  .service-showcase-flow {
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .service-showcase-shell {
    padding: 20px;
    border-radius: 28px;
  }

  .service-showcase-grid {
    gap: 18px;
  }

  .service-showcase-copy,
  .service-showcase-step {
    padding: 20px;
    border-radius: 24px;
  }

  .service-showcase-copy h2 {
    font-size: clamp(1.8rem, 8vw, 2.4rem);
  }

  .service-showcase-step {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .service-showcase-step-no {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 16px;
  }
}

.subpage-detail-panel h2 {
font-size: clamp(1.72rem, 2.5vw, 2.3rem);
      line-height: 1.06;
}

.region-detail-panel h2 {
font-size: clamp(1.38rem, 2vw, 1.72rem);
      line-height: 1.12;
}

.subpage-panel h2,
    .subpage-panel h3 {
margin: 0;
      color: var(--ink);
      letter-spacing: -0.04em;
}

.subpage-panel p {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.76;
}

.subpage-richtext {
display: grid;
      gap: 16px;
      color: var(--ink-soft);
      font-size: 1rem;
      line-height: 1.8;
}

.subpage-richtext p {
margin: 0;
}

.subpage-list {
display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
}

.subpage-list li {
display: grid;
      gap: 4px;
      padding: 14px 16px;
      border-radius: 20px;
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: rgba(255, 255, 255, 0.64);
}

.subpage-list strong {
color: var(--ink);
      font-size: 0.98rem;
      letter-spacing: -0.03em;
}

.subpage-list span {
color: var(--ink-soft);
      font-size: 0.88rem;
      line-height: 1.62;
}

.subpage-region-grid {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
}

.subpage-faq-grid,
    .subpage-contact-grid {
display: grid;
      grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.94fr);
      gap: 12px;
}

.contact-quick-grid {
display: grid;
      gap: 12px;
}

.contact-quick-link {
display: flex;
      align-items: center;
      gap: 12px;
      min-height: 60px;
      padding: 0 18px;
      border-radius: 20px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(255, 255, 255, 0.82);
      color: var(--ink);
      font-weight: 700;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.contact-quick-link svg {
width: 20px;
      height: 20px;
      color: var(--blue);
      flex-shrink: 0;
}

.contact-map-panel {
align-content: start;
}

.contact-map-frame {
min-height: 420px;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(255,255,255,0.74);
}

.contact-map-frame iframe {
width: 100%;
      min-height: 420px;
      border: 0;
      display: block;
}

.contact-map-placeholder {
min-height: 420px;
      display: grid;
      place-items: center;
      padding: 28px;
      border-radius: 24px;
      border: 1px dashed rgba(var(--accent-rgb), 0.2);
      background: rgba(255,255,255,0.7);
      color: var(--ink-soft);
      text-align: center;
      line-height: 1.7;
}

.section::before {
display: none;
}

.section-head {
position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 16px;
}

.section-head::after {
content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 148px;
      height: 1px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.24), rgba(var(--accent-rgb), 0));
      pointer-events: none;
}

.section-kicker {
display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--blue);
      font-size: 0.78rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
}

.section-kicker.section-kicker-heading {
margin: 0;
      font-size: clamp(1.58rem, 2.72vw, 2.56rem);
      letter-spacing: -0.038em;
      text-transform: none;
      font-weight: 690;
      line-height: 1.02;
      gap: 14px;
}

.section-kicker__icon {
width: 1.1em;
      height: 1.1em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(var(--accent-rgb), 0.95);
      flex: 0 0 auto;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(var(--accent-rgb), 0.04));
      box-shadow: 0 10px 24px rgba(var(--accent-rgb), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.section-kicker__icon svg {
width: 100%;
      height: 100%;
      display: block;
}

.section-kicker::before {
display: none;
}

.section-title {
margin: 8px 0 0;
      font-size: clamp(1.95rem, 4vw, 3.6rem);
      line-height: 0.96;
      letter-spacing: -0.07em;
      text-wrap: balance;
}

.section-support-copy {
max-width: 760px;
      margin: 14px 0 0;
      color: var(--ink-soft);
      font-size: 1rem;
      line-height: 1.8;
}

.section-operating {
padding-top: 18px;
}

.section-operating::before {
display: none;
}

.section-head--operating {
margin-bottom: 16px;
}

.section-support-copy--operating {
max-width: 780px;
}

.operating-shell {
--operating-stage-gutter: 32px;
position: relative;
      isolation: isolate;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-content: start;
      min-height: 640px;
      gap: 26px;
      padding: var(--operating-stage-gutter);
      border-radius: 28px;
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb-2), 0.03));
      box-shadow: 0 28px 78px rgba(16, 32, 58, 0.14);
}

.operating-shell::before {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(102deg, rgba(var(--accent-dark-rgb), 0.68) 0%, rgba(var(--accent-dark-rgb), 0.4) 24%, rgba(var(--accent-dark-rgb), 0.1) 56%, rgba(var(--accent-dark-rgb-2), 0.38) 100%),
        radial-gradient(circle at 10% 16%, rgba(var(--accent-rgb), 0.28), rgba(var(--accent-rgb), 0) 34%),
        radial-gradient(circle at 84% 12%, rgba(var(--accent-rgb-2), 0.2), rgba(var(--accent-rgb-2), 0) 32%);
      backdrop-filter: blur(12px) saturate(1.08);
      z-index: 1;
      pointer-events: none;
}

.operating-shell::after {
content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 88% 14%, rgba(var(--accent-rgb-2), 0.16), rgba(var(--accent-rgb-2), 0) 30%);
      opacity: 0.16;
      z-index: 2;
      pointer-events: none;
}

.operating-shell--single {
grid-template-columns: minmax(0, 1fr);
}

.operating-visual {
position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      border-radius: 0;
      background: rgba(7, 21, 47, 0.9);
}

.operating-visual::before {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.06), rgba(var(--accent-dark-rgb), 0.14) 24%, rgba(var(--accent-dark-rgb), 0.24) 48%, rgba(var(--accent-dark-rgb-2), 0.46)),
        linear-gradient(112deg, rgba(var(--accent-rgb), 0.18) 0%, rgba(var(--accent-rgb), 0.03) 38%, rgba(var(--accent-rgb-2), 0.16) 100%),
        radial-gradient(circle at 12% 84%, rgba(var(--accent-rgb), 0.24), rgba(var(--accent-rgb), 0) 24%);
      backdrop-filter: blur(8px) saturate(1.05);
      pointer-events: none;
      z-index: 3;
}

.operating-visual::after {
content: none;
}

.operating-visual-frame {
position: absolute;
      inset: 0;
}

.operating-visual-frame img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transform: scale(1.16) translate3d(0, var(--operating-parallax, 0px), 0);
      transform-origin: center center;
      will-change: transform;
      transition: transform 0.12s ease-out;
}

.operating-visual-badges {
position: absolute;
      left: var(--operating-stage-gutter);
      top: var(--operating-stage-gutter);
      z-index: 5;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      max-width: min(56%, 520px);
}

.operating-visual-badge {
display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 0 15px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: rgba(255, 255, 255, 0.12);
      color: rgba(255, 255, 255, 0.96);
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      backdrop-filter: blur(20px);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.operating-visual-copy {
position: absolute;
      left: var(--operating-stage-gutter);
      top: 132px;
      z-index: 6;
      display: grid;
      gap: 16px;
      max-width: min(34%, 450px);
      padding: 0;
      background: none;
      border: 0;
      box-shadow: none;
      backdrop-filter: none;
}

.operating-visual-kicker {
display: inline-flex;
      align-items: center;
      gap: 14px;
      color: rgba(236, 244, 255, 0.82);
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.2em;
      text-transform: uppercase;
}

.operating-visual-kicker::before {
content: "";
      width: 44px;
      height: 2px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.42);
}

.operating-visual-copy strong {
color: #fff;
      font-size: clamp(2.46rem, 4vw, 4.7rem);
      line-height: 0.9;
      letter-spacing: -0.07em;
      text-wrap: balance;
}

.operating-visual-copy p {
margin: 0;
      max-width: 35rem;
      color: rgba(233, 242, 255, 0.88);
      font-size: 1rem;
      line-height: 1.78;
}

.operating-stack {
      position: absolute;
      z-index: 6;
      display: grid;
      grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
      align-items: start;
      gap: 32px;
      left: 50%;
      right: auto;
      top: clamp(16px, 2vw, 30px);
      bottom: auto;
      width: min(calc(100% - (var(--operating-stage-gutter) * 2)), 1140px);
      transform: translateX(-50%);
      margin-left: 0;
      justify-content: stretch;
}

.operating-stack--single {
      grid-template-columns: minmax(0, 1fr);
      width: min(100%, 540px);
      right: auto;
}

.operating-card {
position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 0;
      padding: 32px 32px 34px;
      border-radius: 34px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      box-shadow: 0 24px 60px rgba(7, 17, 38, 0.14);
      backdrop-filter: blur(22px);
}

.operating-card::before {
content: "";
      position: absolute;
      inset: 0 auto auto 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-rgb-2), 0.34), rgba(var(--accent-rgb), 0));
      opacity: 0.92;
      pointer-events: none;
}

.operating-card::after {
content: "";
      position: absolute;
      right: -58px;
      top: -64px;
      width: 210px;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--accent-rgb-2), 0.14), rgba(var(--accent-rgb-2), 0));
      pointer-events: none;
}

.operating-card--hours {
background:
        linear-gradient(160deg, rgba(6, 20, 42, 0.88), rgba(7, 24, 50, 0.7) 42%, rgba(8, 28, 58, 0.56) 100%),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), 0.26), rgba(var(--accent-rgb), 0) 40%);
      border-radius: 38px 24px 30px 40px;
      transform: translateY(34px);
      padding-bottom: 36px;
      box-shadow: 0 28px 70px rgba(5, 14, 31, 0.2);
}

.operating-card--reasons {
background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 250, 255, 0.84) 58%, rgba(240, 245, 251, 0.82)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.12), rgba(var(--accent-rgb-2), 0) 34%);
      border-radius: 28px 40px 34px 30px;
      transform: translateY(0);
      padding-bottom: 34px;
      box-shadow: 0 26px 68px rgba(16, 32, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.operating-card-head {
position: relative;
      z-index: 1;
      display: grid;
      gap: 16px;
      margin-bottom: 24px;
}

.operating-card-label {
display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 0.76rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
}

.operating-card-label::before {
content: "";
      width: 40px;
      height: 2px;
      border-radius: 999px;
}

.operating-card--hours .operating-card-label {
color: rgba(233, 240, 255, 0.78);
}

.operating-card--hours .operating-card-label::before {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.14));
}

.operating-card--reasons .operating-card-label {
color: var(--accent-2);
}

.operating-card--reasons .operating-card-label::before {
background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.94), rgba(var(--accent-rgb), 0.18));
}

.operating-card h3 {
margin: 0;
      font-size: clamp(1.68rem, 2.34vw, 2.46rem);
      line-height: 0.97;
      letter-spacing: -0.05em;
      text-wrap: balance;
}

.operating-card--hours h3 {
color: #fff;
}

.operating-card--reasons h3 {
color: var(--ink);
}

.operating-card p {
margin: 0;
      line-height: 1.76;
      font-size: 1rem;
}

.operating-card--hours p {
color: rgba(229, 238, 255, 0.82);
}

.operating-card--reasons p {
color: var(--ink-soft);
}

.operating-hours-list,
.operating-reasons-list {
position: relative;
      z-index: 1;
      display: grid;
      gap: 16px;
}

.operating-hours-list {
      counter-reset: operatingHours;
      padding-left: 0;
}

.operating-hours-list::before {
content: "";
      position: absolute;
      left: 28px;
      top: 18px;
      bottom: 18px;
      width: 2px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(var(--accent-rgb-2), 0.78), rgba(255, 255, 255, 0.08));
      opacity: 0.86;
}

.operating-hours-item,
.operating-reason-item {
display: grid;
      gap: 6px;
      padding: 16px 18px;
      border-radius: 24px;
}

.operating-hours-item {
      position: relative;
      align-items: center;
      gap: 0;
      padding: 20px 20px 20px 78px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px 26px 20px 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.05)),
        linear-gradient(90deg, rgba(var(--accent-rgb), 0.12), rgba(var(--accent-rgb), 0));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(4, 10, 24, 0.12);
}

.operating-hours-item::before {
content: counter(operatingHours, decimal-leading-zero);
      counter-increment: operatingHours;
      position: absolute;
      left: 9px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-grid;
      place-items: center;
      width: 40px;
      height: 40px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08));
      color: rgba(255, 255, 255, 0.88);
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-indent: 0.14em;
      box-shadow: 0 10px 20px rgba(6, 16, 34, 0.12);
}

.operating-reason-item {
border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(255, 255, 255, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.operating-hours-dot {
display: none;
}

.operating-hours-item span:last-child {
color: rgba(255, 255, 255, 0.96);
      font-weight: 700;
      line-height: 1.5;
      font-size: 1rem;
}

.operating-badges {
position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
}

.operating-badge {
min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.9);
      font-size: 0.88rem;
      font-weight: 700;
      letter-spacing: -0.01em;
}

.operating-reason-item strong {
display: block;
      color: var(--ink);
      font-size: 1rem;
      letter-spacing: -0.03em;
}

.operating-reason-item span {
color: var(--ink-soft);
      line-height: 1.75;
}

.operating-metric-grid {
position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-areas:
        "count response"
        "count rating";
      gap: 18px;
      align-items: stretch;
}

.operating-metric {
display: grid;
      gap: 12px;
      padding: 22px 22px 20px;
      border-radius: 28px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 249, 255, 0.8)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.08), rgba(var(--accent-rgb-2), 0) 34%);
      box-shadow: 0 18px 34px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.operating-metric--count {
      grid-area: count;
      align-content: center;
      min-height: 100%;
      padding: 36px 30px 30px;
      border-radius: 30px 38px 26px 30px;
      background:
        linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-rgb-2), 0.9)),
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
      border-color: rgba(var(--accent-rgb), 0.18);
      box-shadow: 0 18px 34px rgba(var(--accent-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
      transform: none;
}

.operating-metric--response,
.operating-metric--rating {
      min-height: 170px;
}

.operating-metric--response {
      grid-area: response;
      align-content: start;
      border-radius: 24px 30px 22px 28px;
      transform: translateY(-6px);
}

.operating-metric--rating {
      grid-area: rating;
      border-radius: 28px 22px 32px 24px;
      transform: translateY(6px);
}

.operating-metric-top {
display: grid;
      gap: 8px;
      justify-items: start;
      align-content: start;
}

.operating-metric-kicker {
display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(var(--accent-rgb), 0.82);
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
}

.operating-metric-kicker::before {
content: "";
      width: 28px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.92), rgba(var(--accent-rgb), 0.14));
}

.operating-metric strong {
display: block;
      color: var(--ink);
      font-size: clamp(1.82rem, 2.5vw, 2.7rem);
      line-height: 0.9;
      letter-spacing: -0.06em;
}

.operating-metric--count .operating-metric-kicker,
.operating-metric--count .operating-metric-label,
.operating-metric--count strong {
      color: #fff;
}

.operating-metric--count .operating-metric-kicker::before {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.22));
}

.operating-metric--count strong {
      font-size: clamp(2.92rem, 4.8vw, 4.4rem);
      text-shadow: 0 14px 24px rgba(0, 0, 0, 0.14);
}

.operating-metric--count .operating-metric-label {
      font-size: 1.08rem;
      font-weight: 800;
}

.operating-metric--rating {
      background:
        linear-gradient(180deg, rgba(6, 23, 49, 0.94), rgba(8, 28, 58, 0.88)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0));
      border-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 22px 36px rgba(6, 16, 33, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.operating-metric--rating .operating-metric-kicker,
.operating-metric--rating .operating-metric-label,
.operating-metric--rating strong,
.operating-metric--rating .operating-metric-stars {
      color: #fff;
}

.operating-metric--rating .operating-metric-kicker::before {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.14));
}

.operating-metric-label {
display: block;
      color: var(--ink);
      font-size: 0.94rem;
      font-weight: 800;
      line-height: 1.3;
      letter-spacing: -0.03em;
}

.operating-metric-stars {
display: inline-flex;
      align-items: center;
      gap: 2px;
      color: rgba(var(--accent-rgb), 0.96);
      font-size: 0.9rem;
      letter-spacing: 0.08em;
}

.operating-metric--response strong {
      color: rgba(var(--accent-rgb), 0.98);
      text-shadow: 0 10px 22px rgba(var(--accent-rgb), 0.18);
}

.operating-card--reasons .operating-card-head {
      max-width: 40rem;
      margin-bottom: 24px;
}

.operating-card--reasons .operating-card-head p {
      max-width: 34rem;
}

@media (min-width: 1181px) {
  body.site-slider-variant-edge .section-operating .container {
max-width: 100%;
        padding-inline: 0;
  }

  body.site-slider-variant-edge .operating-shell {
--operating-stage-gutter: clamp(28px, 4vw, 76px);
width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        min-height: 596px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        box-shadow: none;
  }

  body.site-slider-variant-edge .operating-visual {
border-radius: 0;
  }

  body.site-slider-variant-edge .operating-stack {
top: clamp(14px, 1.8vw, 28px);
  }
}

@media (max-width: 1180px) {
  .operating-shell,
  .operating-shell--single {
grid-template-columns: 1fr;
        min-height: 0;
        padding: 0;
        gap: 20px;
        border: 0;
        background: none;
        box-shadow: none;
        overflow: visible;
  }

  .operating-shell::before,
  .operating-shell::after {
display: none;
  }

  .operating-visual {
position: relative;
        min-height: 460px;
        border-radius: 34px;
        border: 1px solid rgba(var(--accent-rgb), 0.12);
        background:
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.18), rgba(var(--accent-dark-rgb), 0.56)),
          radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.14), rgba(var(--accent-rgb-2), 0) 36%),
          rgba(7, 21, 47, 0.9);
        box-shadow: 0 26px 60px rgba(16, 32, 58, 0.14);
  }

  .operating-visual::before {
background:
          linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 44px 44px;
        opacity: 0.34;
        z-index: 2;
  }

  .operating-visual::after {
inset: 0;
        height: auto;
        background:
          linear-gradient(180deg, rgba(7, 21, 47, 0.1), rgba(7, 21, 47, 0.44) 56%, rgba(7, 21, 47, 0.78)),
          radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
        z-index: 3;
  }

  .operating-visual-badges {
left: 24px;
        top: 24px;
        max-width: min(92%, 440px);
  }

  .operating-visual-copy {
left: 24px;
        right: 24px;
        bottom: 24px;
        top: auto;
        max-width: 33rem;
        padding: 22px 22px 20px;
        border-radius: 28px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: linear-gradient(180deg, rgba(9, 26, 49, 0.68), rgba(9, 26, 49, 0.46));
        backdrop-filter: blur(20px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .operating-visual-copy strong {
font-size: clamp(1.84rem, 4vw, 2.84rem);
        line-height: 0.98;
  }

  .operating-visual-copy p {
max-width: 100%;
  }

  .operating-stack {
position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        grid-template-columns: 1fr;
        width: 100%;
        margin-left: 0;
        justify-content: stretch;
  }

  .operating-stack--single {
width: 100%;
  }

  .operating-card--hours {
transform: none;
        border-radius: 32px;
  }

  .operating-card--reasons {
        transform: none;
        border-radius: 32px;
  }

  .operating-hours-list {
        padding-left: 0;
  }

  .operating-hours-list::before {
display: none;
  }

  .operating-hours-item {
        padding-left: 72px;
  }

  .operating-metric-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
          "count count"
          "response rating";
  }

  .operating-metric--count {
        min-height: 0;
        transform: none;
  }

  .operating-metric--response,
  .operating-metric--rating {
        min-height: 0;
        transform: none;
  }
}

@media (max-width: 760px) {
  .section-head--operating {
margin-bottom: 18px;
  }

  .section-support-copy--operating {
font-size: 0.96rem;
        line-height: 1.74;
  }

  .operating-shell {
gap: 18px;
  }

  .operating-visual {
display: none;
  }

  .operating-card {
padding: 22px 20px 22px;
        border-radius: 26px;
  }

  .operating-card--hours,
  .operating-card--reasons {
        border-radius: 26px;
  }

  .operating-card h3 {
font-size: 1.42rem;
  }

  .operating-hours-item,
  .operating-reason-item {
padding: 14px 16px;
        border-radius: 20px;
  }

  .operating-hours-item {
        padding-left: 62px;
  }

  .operating-hours-item::before {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        left: 10px;
        font-size: 0.64rem;
  }

  .operating-metric {
padding: 18px 18px 16px;
        border-radius: 20px;
  }

  .operating-metric-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
          "count"
          "response"
          "rating";
  }

  .operating-metric--response,
  .operating-metric--rating,
  .operating-metric--count {
        min-height: 0;
  }

  .operating-metric strong {
font-size: 1.94rem;
  }

  .operating-metric-kicker {
font-size: 0.64rem;
        letter-spacing: 0.14em;
  }

  .operating-badge {
width: 100%;
        justify-content: flex-start;
  }
}

.section-intro {
margin: 0;
      max-width: 48rem;
      color: var(--ink-soft);
      line-height: 1.85;
      font-size: 0.98rem;
}

.section-link {
display: inline-flex;
      align-items: center;
      min-height: 42px;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: rgba(255, 255, 255, 0.6);
      color: var(--ink-muted);
      font-size: 0.84rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

@media (max-width: 1180px) {
  .hero-shell::before,
      .hero-shell::after {
display: none;
  }

  .subpage-hero-grid,
      .subpage-faq-grid,
      .subpage-contact-grid {
grid-template-columns: 1fr;
  }

  .subpage-hero-media {
min-height: 280px;
  }

  .subpage-region-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-head {
align-items: center;
        justify-content: center;
        text-align: center;
  }

  .section-head > div {
width: 100%;
        display: grid;
        justify-items: center;
  }

  .section-head::after {
left: 50%;
        transform: translateX(-50%);
  }

}

.trust-band {
display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
}

.card-title-link {
color: inherit;
      text-decoration: none;
}

.card-title-link:hover,
    .card-title-link:focus-visible {
color: inherit;
      text-decoration: none;
}

.steps-more {
display: flex;
      justify-content: center;
      margin-top: 14px;
}

.steps-more-button {
min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      width: 100%;
      max-width: 260px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      color: var(--blue);
      font-size: 0.84rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      cursor: pointer;
}

.district-list {
display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 16px;
}

.district-pill {
min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 12px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      color: var(--blue);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.02em;
}

/* Responsive safety baseline for deferred homepage sections */
.service-grid,
    .feature-grid,
    .steps-grid,
    .testimonial-shell,
    .cta-band,
    .gallery-grid,
    .gallery-side-stack,
    .footer-callout,
    .footer-links {
display: grid;
}

.service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.feature-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
}

.steps-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
}

.testimonial-shell {
grid-template-columns: minmax(0, 1fr) 320px;
      gap: 12px;
}

.cta-band {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
      gap: 12px;
      align-items: stretch;
}

.cta-band.is-single {
grid-template-columns: minmax(0, 1fr);
}

.gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 22px;
}

.gallery-side-stack {
grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.footer-callout {
grid-template-columns: minmax(0, 1fr) minmax(0, 0.88fr);
      gap: 16px;
      align-items: stretch;
}

.footer-links {
grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
}

.faq-stack {
position: relative;
      display: grid;
      gap: 14px;
      margin-top: 6px;
      padding-left: 30px;
}

.gallery-tile,
    .gallery-side-media,
    .gallery-side-thumb {
position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
}

.gallery-tile {
aspect-ratio: 1 / 1;
}

.gallery-side-media {
aspect-ratio: 1.05 / 1;
}

.gallery-side-thumb {
aspect-ratio: 1 / 1;
}

@media (max-width: 1180px) {
  .feature-grid,
      .footer-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-callout {
grid-template-columns: 1fr;
  }

}

@media (min-width: 761px) and (max-width: 1180px) {
  .steps-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 1024px) {
  .testimonial-shell,
      .section-testimonials.testimonials-variant-balanced .testimonial-shell,
      .section-testimonials.testimonials-variant-quote .testimonial-shell {
grid-template-columns: 1fr;
  }

  .section-testimonials.testimonials-variant-balanced .testimonial-side {
order: 0;
  }

}

@media (max-width: 900px) {
  .services-variant-editorial .service-grid,
      .services-variant-stacked .service-grid,
      .section-services-catalog.services-variant-editorial .feature-grid,
      .section-services-catalog.services-variant-stacked .feature-grid {
grid-template-columns: 1fr;
  }

  .services-variant-stacked .service-card:nth-child(2),
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(2) {
transform: none;
  }

  .services-variant-stacked .service-card:nth-child(n+3) {
grid-column: auto;
        min-height: 228px;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(-n+2),
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) {
grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 0;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(-n+2) .feature-media,
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-media {
min-height: 220px;
        height: auto;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-body {
padding: 0;
  }

}

@media (max-width: 760px) {
  .feature-grid,
      .steps-grid,
      .footer-links {
grid-template-columns: 1fr;
  }

  .footer-callout {
gap: 14px;
  }

}

@media (max-width: 720px) {
  .section-testimonials.testimonials-variant-quote .testimonial-card {
padding: 28px 24px;
  }

  .section-testimonials.testimonials-variant-quote .testimonial-slide p {
max-width: 100%;
        font-size: 0.98rem;
  }

}

@keyframes ratingStarLift {
0% {
        transform: scale(0.96) translateY(1px);
      }
      100% {
        transform: scale(1.08) translateY(-1px);
      }
}

.attached-gallery-panel {
margin-top: 30px;
}

.footer-brand .brand-copy strong {
color: #fff;
}

.footer-brand .brand-copy span {
color: rgba(232, 240, 255, 0.64);
}

.footer-brand .brand-mark {
box-shadow: none;
}

.signature-chip-logo {
width: 20px;
      height: 20px;
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
}

.signature-chip-logo img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
}

.mobile-panel,
    .mobile-link,
    .mobile-toggle {
border-radius: 24px;
}

@keyframes agencyHeaderShellIn {
from {
        opacity: 0.28;
        transform: translate3d(0, -18px, 0) scale(0.985);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
      }
}

@keyframes agencyHeaderItemIn {
from {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
}

@keyframes agencyHeaderLineIn {
from {
        opacity: 0;
        transform: scaleX(0.72);
      }
      to {
        opacity: 1;
        transform: scaleX(1);
      }
}

.floating-call {
position: fixed;
      right: 16px;
      bottom: 16px;
      z-index: 40;
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 20px;
      background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
      color: #fff;
      box-shadow: 0 20px 38px rgba(var(--accent-rgb), 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.mobile-bottom-bar {
display: none;
}

.theme-dock {
position: fixed;
      right: 16px;
      bottom: 88px;
      z-index: 70;
      display: grid;
      justify-items: end;
      gap: 12px;
}

.theme-toggle {
width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 20px;
      border: 1px solid rgba(var(--accent-rgb), 0.14);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.94));
      color: var(--blue);
      box-shadow: 0 20px 42px rgba(16, 32, 58, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.88);
      cursor: pointer;
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.theme-toggle:hover,
    .theme-toggle:focus-visible {
transform: translateY(-1px);
      border-color: rgba(var(--accent-rgb), 0.24);
      box-shadow: 0 24px 48px rgba(16, 32, 58, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.theme-panel {
width: 256px;
      padding: 16px;
      border-radius: 24px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 255, 0.95));
      backdrop-filter: none;
      box-shadow: 0 18px 34px rgba(16, 32, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateX(8px) translateY(4px) scale(0.985);
      transition: opacity 0.2s ease, transform 0.22s ease, visibility 0.2s ease;
}

body.theme-palette-open .theme-panel {
opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(0) scale(1);
}

.theme-panel-head {
display: grid;
      gap: 3px;
      margin-bottom: 12px;
}

.theme-panel-kicker {
color: var(--blue);
      font-size: 0.68rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
}

.theme-panel-title {
font-size: 1rem;
      font-weight: 800;
      letter-spacing: -0.03em;
}

.theme-panel-note {
color: var(--ink-muted);
      font-size: 0.78rem;
      line-height: 1.48;
}

.theme-swatches {
display: grid;
      gap: 8px;
      margin-top: 12px;
}

.theme-swatch {
width: 100%;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      padding: 11px;
      border-radius: 18px;
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: rgba(248, 250, 255, 0.88);
      color: var(--ink);
      text-align: left;
      cursor: pointer;
      transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.theme-swatch:hover,
    .theme-swatch:focus-visible,
    .theme-swatch.is-active {
transform: translateY(-1px);
      border-color: rgba(var(--accent-rgb), 0.14);
      background: rgba(255, 255, 255, 0.96);
}

.theme-swatch-mark {
width: 30px;
      height: 30px;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.54);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.theme-swatch-copy {
display: grid;
      gap: 2px;
}

.theme-swatch-copy strong {
font-size: 0.9rem;
      letter-spacing: -0.02em;
}

.theme-swatch-copy span,
    .theme-swatch-code {
color: var(--ink-muted);
      font-size: 0.76rem;
}

@media (min-width: 1181px) {
  .home-page .topbar,
      .home-page .site-header {
display: none;
  }

  .home-page .hero-nav-shell {
display: block;
  }

  .home-page .hero-nav-shell .header-shell {
background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 26px 54px rgba(16, 32, 58, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

}

@media (max-width: 1180px) {
  .topbar {
display: none;
  }

  .site-header {
position: fixed;
        top: 12px;
        left: 16px;
        right: 16px;
        z-index: 90;
        padding-top: 0;
        isolation: isolate;
  }

  .site-header .header-shell {
position: relative;
        width: 100%;
        margin: 0;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        min-height: 78px;
        padding: 0 12px 0 14px;
        z-index: 93;
        border-radius: 28px;
        background: #ffffff;
        backdrop-filter: none;
        box-shadow: 0 18px 40px rgba(16, 32, 58, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.site-header-variant-signature .site-header .header-shell--signature {
border-color: rgba(255, 255, 255, 0.14);
        background:
          linear-gradient(180deg, rgba(10, 21, 43, 0.96), rgba(7, 16, 35, 0.92)),
          radial-gradient(circle at 12% -20%, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0) 34%);
        box-shadow:
          0 18px 42px rgba(7, 17, 38, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.10);
  }

  body.site-header-variant-signature .site-header .header-shell--signature .brand-copy strong {
color: #f7fbff;
  }

  body.site-header-variant-signature .site-header .header-shell--signature .brand-copy span {
color: rgba(228, 238, 255, 0.74);
  }

  .desktop-nav,
      .header-actions {
display: none;
  }

  .mobile-toggle,
      .mobile-panel,
      .mobile-sheet-backdrop {
display: block;
  }

  body.site-header-variant-signature .site-header .mobile-toggle {
border-color: rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.06);
        color: #f7fbff;
        box-shadow: 0 10px 24px rgba(7, 17, 38, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  }

  body.site-header-variant-signature .site-header {
z-index: 120;
  }

  body.site-header-variant-signature .site-header .header-shell--signature {
isolation: isolate;
        z-index: 123;
  }

  body.site-header-variant-signature .site-header .mobile-toggle {
z-index: 124;
  }

  body.site-header-variant-signature .mobile-sheet-backdrop {
z-index: 121;
  }

  body.site-header-variant-signature .mobile-panel {
z-index: 122;
  }

  .brand {
min-width: 0;
        width: 100%;
        gap: 12px;
        overflow: hidden;
  }

  .brand-copy {
min-width: 0;
        overflow: hidden;
  }

  .brand-copy strong,
      .brand-copy span {
white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
  }

  .brand-mark {
width: 38px;
        height: 38px;
        border-radius: 14px;
        flex-shrink: 0;
  }

  .brand-copy strong {
font-size: 0.96rem;
  }

  .brand-copy span {
font-size: 0.66rem;
        letter-spacing: 0.14em;
  }

  .mobile-toggle {
position: relative;
        justify-self: end;
        z-index: 94;
        flex-shrink: 0;
        width: 50px;
        height: 50px;
        border-radius: 18px;
        border-color: rgba(var(--accent-rgb), 0.12);
        background: linear-gradient(180deg, rgba(247, 250, 255, 0.96), rgba(236, 243, 252, 0.88));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  body.mobile-menu-open .mobile-toggle-line {
transform: rotate(45deg);
  }

  body.mobile-menu-open .mobile-toggle-line::before {
transform: translateY(0);
        opacity: 0;
  }

  body.mobile-menu-open .mobile-toggle-line::after {
transform: translateY(-2px) rotate(-90deg);
  }

  .mobile-panel {
position: fixed;
        top: auto;
        left: 10px;
        right: 10px;
        bottom: 0;
        max-height: min(calc(100dvh - 92px), 760px);
        overflow: auto;
        padding: 16px 14px calc(14px + env(safe-area-inset-bottom));
        z-index: 92;
        border: 1px solid rgba(var(--accent-rgb), 0.12);
        border-bottom: 0;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.92)),
          radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0));
        box-shadow: 0 -24px 56px rgba(16, 32, 58, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
        border-radius: 32px 32px 0 0;
        backdrop-filter: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(28px);
        transform-origin: center bottom;
        transition: opacity 0.18s ease, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.18s ease;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer {
position: fixed;
        top: 12px;
        right: 12px;
        bottom: 12px;
        left: auto;
        width: min(388px, calc(100vw - 24px));
        max-height: none;
        padding: 18px 16px 18px;
        border-radius: 34px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background:
          radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), 0.22), rgba(var(--accent-rgb), 0) 38%),
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.98), rgba(var(--accent-dark-rgb-2), 0.985));
        box-shadow: 0 28px 64px rgba(6, 16, 32, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        transform: translateX(18px);
        transform-origin: right center;
        color: rgba(244, 248, 255, 0.94);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer::before {
content: '';
        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 14px;
        width: 1px;
        background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.36), rgba(255, 255, 255, 0.04));
        pointer-events: none;
  }

  .mobile-panel[hidden],
      .mobile-sheet-backdrop[hidden] {
display: none;
  }

  body.mobile-menu-opening .mobile-panel,
      body.mobile-menu-open .mobile-panel {
opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
  }

  .mobile-sheet-backdrop {
position: fixed;
        inset: 0;
        z-index: 91;
        border: 0;
        padding: 0;
        background: linear-gradient(180deg, rgba(10, 20, 40, 0.04), rgba(10, 20, 40, 0.14));
        backdrop-filter: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.18s ease, visibility 0.18s ease;
  }

  body.mobile-menu-opening .mobile-sheet-backdrop,
      body.mobile-menu-open .mobile-sheet-backdrop {
opacity: 1;
        visibility: visible;
        pointer-events: auto;
  }

  .floating-call {
z-index: 24;
  }

  .theme-dock {
right: 14px;
        bottom: 86px;
  }

  .theme-panel {
width: 230px;
  }

  body.mobile-menu-open .floating-call {
opacity: 0;
        pointer-events: none;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-panel-top {
justify-content: flex-end;
        margin-bottom: 18px;
        padding-top: 0;
        touch-action: auto;
        user-select: auto;
        cursor: default;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-panel-handle {
display: none;
  }

  .mobile-panel-top {
display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 16px;
        padding-top: 2px;
        touch-action: none;
        user-select: none;
        cursor: grab;
  }

  .mobile-panel-close {
display: none;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border: 1px solid rgba(var(--accent-rgb), 0.1);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
        color: var(--accent-dark);
  }

  .mobile-panel-close span,
      .mobile-panel-close span::before,
      .mobile-panel-close span::after {
display: block;
        width: 18px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        content: '';
  }

  .mobile-panel-close span {
position: relative;
        transform: rotate(45deg);
  }

  .mobile-panel-close span::before {
position: absolute;
        inset: 0;
        transform: rotate(90deg);
  }

  .mobile-panel-close span::after {
display: none;
  }

  .mobile-panel-handle {
width: 68px;
        height: 6px;
        display: block;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.2), rgba(var(--accent-rgb), 0.12));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.54);
        touch-action: none;
  }

  body.mobile-menu-dragging .mobile-panel-top {
cursor: grabbing;
  }

  .mobile-panel nav {
display: grid;
        gap: 10px;
        margin-top: 0;
  }

  body:not(.site-mobile-menu-variant-fullscreen) .mobile-panel nav,
      body:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-cta,
      body:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-note {
opacity: 0;
        transform: translate3d(0, 6px, 0);
        transition: opacity 0.18s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel nav,
      body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-cta,
      body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-note {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel nav {
transition-delay: 0.02s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-cta {
transition-delay: 0.05s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-note {
transition-delay: 0.08s;
  }

  .mobile-link {
min-height: 62px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 18px;
        border: 1px solid rgba(var(--accent-rgb), 0.08);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.84));
        border-radius: 24px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  }

  body:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link {
opacity: 0;
        transform: translate3d(0, 7px, 0);
        transition:
          opacity 0.18s ease,
          transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
          background-color 0.18s ease,
          border-color 0.18s ease;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(1) {
transition-delay: 0.02s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(2) {
transition-delay: 0.04s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(3) {
transition-delay: 0.06s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(4) {
transition-delay: 0.08s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(5) {
transition-delay: 0.1s;
  }

  body.mobile-menu-open:not(.site-mobile-menu-variant-fullscreen) .mobile-panel .mobile-link:nth-child(6) {
transition-delay: 0.12s;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer nav {
gap: 12px;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link {
min-height: 64px;
        padding: 0 20px;
        border-radius: 22px;
        border-color: rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        position: relative;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link::after {
content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        width: 9px;
        height: 9px;
        border-top: 1.8px solid currentColor;
        border-right: 1.8px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
        opacity: 0.54;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link[aria-current="page"] {
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.24), rgba(var(--accent-rgb), 0.12));
        border-color: rgba(var(--accent-rgb), 0.26);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link-main > span:last-child,
      body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-note,
      body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-signature-chip,
      body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-signature-chip a,
      body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-signature-chip em {
color: rgba(244, 248, 255, 0.94);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link-icon {
border-color: rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.06);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-link-main svg {
color: rgba(255, 255, 255, 0.96);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-panel-close {
display: inline-flex;
        margin-left: auto;
        border-color: rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-cta {
margin-top: 18px;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-cta .btn {
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.95), rgba(var(--accent-rgb-2), 0.95));
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-cta .btn-light {
border-color: rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-note {
margin-top: 18px;
        padding-top: 18px;
        border-top-color: rgba(255, 255, 255, 0.08);
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-signature-chip {
border-color: rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  .mobile-link[aria-current="page"] {
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.1), rgba(var(--accent-rgb), 0.05));
        border-color: rgba(var(--accent-rgb), 0.14);
  }

  .mobile-link-main {
display: inline-flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
  }

  .mobile-link-icon {
width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        border-radius: 14px;
        border: 1px solid rgba(var(--accent-rgb), 0.08);
        background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0.04));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .mobile-link-main svg {
width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: var(--blue);
  }

  .mobile-link-main > span:last-child {
min-width: 0;
  }

  .mobile-link > .mobile-link-icon {
width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        border-radius: 14px;
        border: 1px solid rgba(var(--accent-rgb), 0.08);
        background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0.04));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  }

  .mobile-link > .mobile-link-icon svg {
width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: var(--blue);
  }

  .mobile-link > .mobile-link-text {
min-width: 0;
  }

  .mobile-cta {
display: grid;
        gap: 12px;
        margin-top: 14px;
  }

  .mobile-cta .btn,
      .mobile-cta .btn-light {
min-height: 60px;
        justify-content: center;
        border-radius: 24px;
  }

  .mobile-cta .btn {
position: relative;
        overflow: hidden;
        animation: mobile-call-pulse 2.4s ease-in-out 2;
  }

  .mobile-cta .btn::before {
content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(100deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0) 82%);
        transform: translateX(-130%);
        animation: mobile-call-shine 2.8s ease-in-out 2;
        pointer-events: none;
  }

  .mobile-note {
margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid rgba(var(--accent-rgb), 0.1);
        display: flex;
        justify-content: center;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-cta {
margin-top: 16px;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer .mobile-note {
margin-top: 16px;
        padding-top: 16px;
  }

  .subpage-actions {
display: grid;
        grid-template-columns: minmax(0, 1fr) 62px;
        align-items: stretch;
        gap: 10px;
  }

  .subpage-actions > * {
min-width: 0;
  }

  .subpage-actions .btn,
      .subpage-actions .btn-secondary {
width: 100%;
        min-width: 0;
        min-height: 56px;
        padding: 0 12px;
        justify-content: center;
  }

  .subpage-actions .btn {
gap: 10px;
        justify-content: center;
  }

  .subpage-actions .btn span {
white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        font-size: 0.92rem;
        letter-spacing: -0.01em;
  }

  .subpage-actions .btn-secondary {
padding: 0;
        min-width: 58px;
  }

  .subpage-actions .btn-secondary span {
display: none;
  }

  .mobile-signature-chip {
min-height: 34px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0 12px 0 10px;
        border-radius: 14px;
        border: 1px solid rgba(var(--accent-rgb), 0.08);
        background: rgba(255, 255, 255, 0.68);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  }

  .mobile-signature-chip .signature-chip-logo {
width: 16px;
        height: 16px;
  }

  .mobile-signature-chip em {
color: var(--ink-muted);
        font-style: normal;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
  }

  .mobile-signature-chip a {
color: var(--ink);
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: -0.02em;
  }

  .hero-shell {
padding: 0;
  }

  .hero-track {
min-height: 760px;
  }

  .hero-slide {
display: block;
  }

  .hero-copy {
left: 22px;
        right: 22px;
        bottom: 22px;
        width: auto;
  }

  .hero-visual {
min-height: 100%;
  }

  .trust-band,
      .service-grid,
      .steps-grid,
      .testimonial-shell,
      .cta-band,
      .footer-shell {
grid-template-columns: 1fr;
  }

}

@media (min-width: 761px) and (max-width: 1180px) {
  body.site-slider-variant-edge .hero {
padding-top: 0;
  }

  body.site-slider-variant-edge .hero-shell--edge.container {
width: 100%;
        max-width: none;
        margin: 0;
  }

  body.site-slider-variant-edge .hero-clip--edge {
padding-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
  }

  body.site-slider-variant-edge .hero-copy {
left: 22px;
        right: 22px;
        width: auto;
  }

  body.site-slider-variant-edge .slider-rail--edge {
width: auto;
        max-width: calc(100% - 44px);
        padding-inline: 14px;
  }

  .hero-track {
min-height: 820px;
  }

  .hero-copy {
top: 148px;
        bottom: auto;
        right: auto;
        width: min(860px, calc(100% - 44px));
  }

  .hero-copy > div:first-child {
padding: 26px;
        border-radius: 30px;
  }

  .hero-topline {
min-height: 42px;
        padding: 0 16px;
        font-size: 0.74rem;
        letter-spacing: 0.16em;
  }

  .hero-actions {
gap: 10px;
        padding: 10px;
  }

  .hero-actions .btn,
      .hero-actions .btn-secondary {
min-height: 54px;
  }

  .hero-proof {
gap: 10px;
  }

  .hero-proof-item {
min-height: 74px;
        padding: 14px 15px;
  }

  .hero-proof-item strong {
font-size: 0.92rem;
  }

  .hero-proof-item span {
font-size: 0.76rem;
  }

  .slider-rail {
left: 50%;
        right: auto;
        bottom: 22px;
        width: min(344px, calc(100% - 44px));
        transform: translateX(-50%);
        justify-content: center;
  }

}

@media (max-width: 760px) {
  body::before,
      body::after {
display: none;
  }

  body {
padding-bottom: 84px;
  }

  .subpage-main {
padding-top: 0;
  }

  .subpage-hero {
padding: 20px 0 10px;
  }

  .subpage-hero-shell {
padding: 22px 18px;
        border-radius: 30px;
  }

  body:not(.home-page) .subpage-hero-copy {
padding-top: 80px;
  }

  .subpage-title {
font-size: clamp(1.9rem, 9vw, 2.8rem);
  }

  .subpage-kicker {
gap: 0;
  }

  .subpage-kicker::before {
content: none;
  }

  .subpage-intro {
font-size: 0.94rem;
  }

  .subpage-hero-media {
min-height: 220px;
        border-radius: 24px;
  }

  .subpage-panel {
padding: 18px;
        border-radius: 24px;
  }

  .subpage-detail-stack {
gap: 30px;
  }

  .subpage-region-grid {
grid-template-columns: 1fr;
  }

  .container {
width: calc(100% - 10px);
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero {
padding: 0 0 10px;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero > .container {
width: 100%;
        max-width: none;
        margin: 0;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero-shell {
padding: 22px 18px;
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        box-shadow: none;
  }

  body.site-header-variant-split:not(.home-page) .subpage-hero-shell::before {
display: none;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero {
padding: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero > .container {
width: 100%;
        max-width: none;
        margin: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-shell {
padding: 22px 18px 18px;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        background: rgb(var(--accent-dark-rgb));
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-shell::before {
display: none;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-grid {
gap: 12px;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media {
min-height: 228px;
        margin: 8px 0 0;
        align-self: end;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.06);
        box-shadow:
          0 18px 42px rgba(7, 21, 47, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media::before {
content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.68) 0%, rgba(var(--accent-dark-rgb), 0.52) 24%, rgba(var(--accent-dark-rgb), 0.28) 52%, rgba(var(--accent-dark-rgb), 0.06) 78%, rgba(var(--accent-dark-rgb), 0) 100%),
          radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb-2), 0.44), transparent 46%);
        pointer-events: none;
        z-index: 1;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media::after {
background:
          linear-gradient(180deg, rgba(7, 21, 47, 0.04) 0%, rgba(7, 21, 47, 0.12) 44%, rgba(7, 21, 47, 0.34) 100%),
          radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 40%);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
object-position: center bottom;
        transform: scale(1.04);
        transform-origin: center bottom;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-main > .section:first-of-type {
margin-top: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-main > .section:first-of-type::before {
display: none;
  }

  body.site-header-variant-signature .site-header .header-shell--signature {
min-height: 72px;
        padding: 0 10px 0 11px;
        gap: 10px;
        border-radius: 24px;
        border-color: rgba(255, 255, 255, 0.14);
        background:
          linear-gradient(180deg, rgba(10, 21, 43, 0.96), rgba(7, 16, 35, 0.92)),
          radial-gradient(circle at 12% -20%, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0) 34%);
        box-shadow:
          0 18px 42px rgba(7, 17, 38, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.10);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        overflow: visible;
  }

  body.site-header-variant-signature .site-header .header-shell--signature::before,
      body.site-header-variant-signature .site-header .header-shell--signature .brand::after {
display: none;
  }

  body.site-header-variant-signature .site-header .header-shell--signature .brand-copy strong {
color: #f7fbff;
  }

  body.site-header-variant-signature .site-header .header-shell--signature .brand-copy span {
color: rgba(228, 238, 255, 0.74);
  }

  body.site-header-variant-signature .site-header .header-shell--signature .brand-mark {
box-shadow: 0 12px 24px rgba(var(--accent-rgb), 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  }

  body.site-header-variant-signature .site-header .mobile-toggle {
border-color: rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.06);
        color: #f7fbff;
        box-shadow: 0 10px 24px rgba(7, 17, 38, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  }

  body.site-header-variant-signature.mobile-menu-open .site-header .mobile-toggle {
background: rgba(255, 255, 255, 0.10);
  }

  body.site-slider-variant-edge .hero {
padding-top: 0;
  }

  body.site-slider-variant-edge .hero-shell--edge.container {
width: 100%;
        max-width: none;
        margin: 0;
  }

  .topbar-inner {
flex-direction: column;
        align-items: flex-start;
  }

  .site-header {
top: 12px;
        left: 5px;
        right: 5px;
        overflow: visible;
  }

  .hero-shell {
margin-top: -18px;
  }

  body.site-slider-variant-edge .hero-shell {
margin-top: 0;
  }

  .site-header .header-shell {
min-height: 72px;
        padding: 0 10px 0 11px;
        gap: 10px;
        border-radius: 24px;
        backdrop-filter: none;
  }

  .brand {
gap: 10px;
  }

  .brand-mark {
width: 40px;
        height: 40px;
        border-radius: 14px;
  }

  .brand-copy strong {
font-size: 0.94rem;
  }

  .brand-copy span {
font-size: 0.64rem;
        letter-spacing: 0.14em;
  }

  .mobile-toggle {
width: 44px;
        height: 44px;
        border-radius: 15px;
  }

  .mobile-panel {
position: fixed;
        top: auto;
        left: 5px;
        right: 5px;
        bottom: 0;
        max-height: min(calc(100dvh - 88px), 720px);
        padding: 16px 10px calc(12px + env(safe-area-inset-bottom));
        border-radius: 30px 30px 0 0;
        border-bottom: 0;
        box-shadow: 0 -24px 56px rgba(16, 32, 58, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
        transform: translateY(24px);
        z-index: 92;
  }

  body.site-mobile-menu-variant-drawer .mobile-panel--drawer {
top: 6px;
        right: 6px;
        bottom: 6px;
        left: auto;
        width: min(360px, calc(100vw - 12px));
        max-height: calc(100dvh - 12px);
        padding: 16px 12px calc(12px + env(safe-area-inset-bottom));
        border-radius: 28px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        transform: translateX(16px);
  }

  body.mobile-menu-open .mobile-panel {
transform: translateY(0);
  }

  body.mobile-menu-open.site-mobile-menu-variant-drawer .mobile-panel--drawer {
transform: translateX(0);
  }

  .hero-clip {
padding-top: 18px;
        border-radius: 32px;
  }

  body.site-slider-variant-edge .hero-clip--edge {
padding-top: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
  }

  .hero-clip::before,
      .hero-copy > div:first-child::after {
display: none;
  }

  .hero-proof {
display: none;
  }

  .hero-copy > div:first-child,
      .slider-rail,
      .mobile-bottom-call,
      .mobile-bottom-whatsapp {
backdrop-filter: none;
  }

  .theme-dock {
display: none;
  }

  .theme-toggle {
width: 52px;
        height: 52px;
        border-radius: 18px;
  }

  .theme-panel {
width: min(220px, calc(100vw - 10px));
        padding: 14px;
        border-radius: 24px;
  }

  .floating-call {
display: none;
  }

  .mobile-bottom-bar {
position: fixed;
        left: 5px;
        right: 5px;
        bottom: 12px;
        z-index: 85;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 56px;
        gap: 10px;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transform: translateY(18px);
        transition: opacity 0.22s ease, transform 0.22s ease;
  }

  body.mobile-bottom-visible .mobile-bottom-bar {
opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
  }

  .hero-clip,
      .service-card,
      .feature-card,
      .footer-shell,
      .footer-callout,
      .mobile-panel {
max-width: 100%;
  }

  .mobile-bottom-call,
      .mobile-bottom-whatsapp {
min-height: 54px;
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 14px;
        border-radius: 18px;
        border: 1px solid rgba(var(--accent-rgb), 0.12);
        box-shadow: 0 16px 32px rgba(16, 32, 58, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.74);
  }

  .mobile-bottom-call {
gap: 10px;
        background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
        color: #fff;
        font-size: 0.98rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        animation: mobile-call-pulse 2.4s ease-in-out 2;
  }

  .mobile-bottom-call::before {
content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(100deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0) 82%);
        transform: translateX(-130%);
        animation: mobile-call-shine 2.8s ease-in-out 2;
        pointer-events: none;
  }

  .mobile-bottom-whatsapp {
background: linear-gradient(180deg, #29d56f 0%, #14b85c 100%);
        border-color: rgba(20, 184, 92, 0.2);
        color: #fff;
        font-size: 0.9rem;
        font-weight: 800;
        letter-spacing: -0.02em;
  }

  .mobile-bottom-call span {
white-space: nowrap;
  }

  @keyframes mobile-call-pulse {
0%, 100% {
          box-shadow: 0 16px 32px rgba(16, 32, 58, 0.14), 0 0 0 0 rgba(var(--accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.74);
        }
        50% {
          box-shadow: 0 18px 36px rgba(16, 32, 58, 0.18), 0 0 0 6px rgba(var(--accent-rgb), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.74);
        }
  }

  @keyframes mobile-call-shine {
0%, 18% {
          transform: translateX(-130%);
        }
        42%, 100% {
          transform: translateX(130%);
        }
  }

  body.mobile-menu-open .mobile-bottom-bar {
opacity: 0;
        pointer-events: none;
        transform: translateY(18px);
  }

  .theme-swatch {
padding: 10px;
        gap: 10px;
  }

  .theme-swatch-mark {
width: 30px;
        height: 30px;
        border-radius: 12px;
  }

  .hero-track {
min-height: 688px;
  }

  .hero-copy {
left: 8px;
        right: 8px;
        top: 104px;
        bottom: auto;
  }

  body.site-slider-variant-edge .hero-copy {
left: 14px;
        right: 14px;
  }

  .hero-copy > div:first-child {
padding: 18px;
        border-radius: 24px;
        border-color: rgba(255, 255, 255, 0.06);
        background: linear-gradient(180deg, rgba(8, 27, 67, 0.18), rgba(8, 27, 67, 0.07));
        box-shadow: 0 10px 18px rgba(5, 17, 44, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  }

  .hero-panel,
      .hero-panel--minimal {
min-height: 236px;
  }

  .hero-copy > div:first-child.hero-panel--empty,
      .hero-panel--empty {
background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
  }

  .hero-copy > div:first-child::after {
display: none;
  }

  .hero-topline {
min-height: 40px;
        gap: 13px;
        padding: 0 16px;
        margin: 0 0 10px;
        font-size: 0.68rem;
        letter-spacing: 0.14em;
        border-color: rgba(255, 255, 255, 0.24);
        background: rgba(255, 255, 255, 0.05);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 0 0 1px rgba(255, 255, 255, 0.03);
  }

  .hero-topline::before {
width: 25px;
        opacity: 0.96;
  }

  .hero-copy h1 {
max-width: 7ch;
        font-size: clamp(1.88rem, 8.1vw, 3rem);
        line-height: 0.96;
  }

  .hero-actions,
      .cta-buttons,
      .feature-grid,
      .footer-links {
grid-template-columns: 1fr;
  }

  .hero-actions,
      .cta-buttons {
display: grid;
  }

  .hero-copy {
inset: auto 5px 142px;
        top: auto;
  }

  body.site-slider-variant-edge .hero-copy {
left: 14px;
        right: 14px;
        bottom: 148px;
  }

  .hero-actions {
margin-top: 0;
        gap: 10px;
        padding: 12px 10px 10px;
        border-radius: 22px;
        border-color: rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.04);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  .hero-actions .hero-topline {
grid-column: 1 / -1;
        width: 100%;
  }

  .hero-actions .btn,
      .hero-actions .btn-secondary {
width: 100%;
        min-height: 50px;
  }

  .hero-proof {
grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 14px;
        padding-top: 14px;
  }

  .hero-label {
top: 14px;
        left: 5px;
        min-height: 38px;
        padding: 0 16px;
        font-size: 0.68rem;
  }

  .hero-stage {
inset: 0;
  }

  .slider-meta,
      .slider-actions {
width: auto;
        align-items: center;
  }

  .slider-rail {
left: 50%;
        right: auto;
        top: auto;
        bottom: 16px;
        width: min(372px, calc(100% - 8px));
        max-width: none;
        transform: translateX(-50%);
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        padding: 12px 18px;
        border-radius: 24px;
  }

  body.site-slider-variant-edge .slider-rail--edge {
width: min(372px, calc(100% - 8px));
        max-width: none;
        padding-inline: 18px;
        bottom: 20px;
  }

  .slider-meta {
display: grid;
        gap: 9px;
        min-width: 116px;
        justify-items: start;
  }

  .slider-actions {
display: flex;
        grid-template-columns: none;
        flex: 0 0 auto;
        gap: 10px;
  }

  .slider-meta span {
display: inline;
        font-size: 0.8rem;
        line-height: 1;
        letter-spacing: 0.04em;
  }

  .slider-button {
width: 40px;
        height: 40px;
        border-radius: 16px;
  }

  .slider-dot {
width: 22px;
        height: 7px;
  }

  .slider-dot.is-active {
width: 32px;
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
scroll-behavior: auto;
  }

  *,
      *::before,
      *::after {
animation: none !important;
        transition: none !important;
  }

}

@media (min-width: 1181px) {
  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell {
top: 24px;
        left: 26px;
        right: 26px;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass {
min-height: 76px;
        grid-template-columns: minmax(240px, auto) 1fr auto;
        gap: 14px;
        padding: 0 18px 0 20px;
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 255, 0.90));
        box-shadow:
          0 18px 38px rgba(16, 32, 58, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .brand {
gap: 12px;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .brand-mark {
width: 40px;
        height: 40px;
        border-radius: 15px;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .brand-copy strong {
font-size: 0.95rem;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .brand-copy span {
font-size: 0.62rem;
        letter-spacing: 0.15em;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .desktop-nav {
min-width: 0;
        max-width: min(100%, 720px);
        justify-self: center;
        align-self: center;
        flex-wrap: nowrap;
        gap: 4px;
        padding: 4px 8px;
        border-radius: 18px;
        border-color: rgba(var(--accent-rgb), 0.06);
        background: rgba(255, 255, 255, 0.42);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.88),
          0 10px 26px rgba(31, 55, 96, 0.04);
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .nav-link {
min-height: 40px;
        height: 40px;
        padding: 0 14px;
        border-radius: 13px;
        font-size: 0.82rem;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .nav-link + .nav-link {
margin-left: 4px;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .nav-link + .nav-link::before {
top: 9px;
        bottom: 9px;
        opacity: 0.66;
  }

  body.home-page.site-header-variant-glass:not(.site-slider-variant-edge) .hero-nav-shell .header-shell--glass .header-actions .btn {
min-height: 46px;
        padding: 0 18px;
        border-radius: 16px;
        font-size: 0.84rem;
        box-shadow:
          0 14px 28px rgba(var(--accent-rgb), 0.16),
          inset 0 1px 0 rgba(255, 255, 255, 0.30);
  }

  .header-shell--glass {
min-height: 84px;
        padding: 0 24px 0 26px;
        border-top: 0;
        border-radius: 0 0 30px 30px;
        border-color: rgba(255, 255, 255, 0.92);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 249, 255, 0.84)),
          radial-gradient(circle at 12% -42%, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0) 34%);
        box-shadow:
          0 26px 58px rgba(16, 32, 58, 0.10),
          inset 0 1px 0 rgba(255, 255, 255, 0.90);
  }

  .hero-nav-shell--glass .header-shell--glass {
background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 249, 255, 0.84)),
          radial-gradient(circle at 12% -42%, rgba(var(--accent-rgb), 0.08), rgba(var(--accent-rgb), 0) 34%);
  }

  body.site-header-variant-glass:not(.home-page) .site-header {
position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 40;
        width: min(100%, calc(var(--container) + 60px));
        margin: 0 auto;
        padding: 0 30px;
        overflow: visible;
  }

  body.site-header-variant-glass:not(.home-page) .site-header .header-shell--glass {
width: 100%;
        max-width: none;
        margin: 0;
        background: #f6f8fb;
        backdrop-filter: none;
        box-shadow:
          0 22px 48px rgba(16, 32, 58, 0.10),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-main {
padding-top: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero {
position: relative;
        isolation: isolate;
        padding: 144px 0 18px;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero::before {
content: "";
        position: absolute;
        left: 50%;
        top: -104px;
        bottom: 0;
        width: 100vw;
        transform: translateX(-50%);
        background: rgb(var(--accent-dark-rgb));
        pointer-events: none;
        z-index: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero > .container {
position: relative;
        z-index: 1;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-shell {
padding: 34px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-shell::before {
display: none;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
        gap: 28px;
        align-items: end;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media {
min-height: 388px;
        align-self: end;
        border-radius: 38px 38px 30px 30px;
        border-color: rgba(255, 255, 255, 0.14);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
        box-shadow:
          0 34px 80px rgba(8, 23, 56, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media::before {
content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.34) 0%, rgba(var(--accent-dark-rgb), 0.14) 22%, rgba(var(--accent-dark-rgb), 0) 52%),
          radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb-2), 0.24), transparent 42%);
        pointer-events: none;
        z-index: 1;
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media::after {
background:
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.04), rgba(var(--accent-dark-rgb), 0.14) 48%, rgba(var(--accent-dark-rgb), 0.52)),
          radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 42%);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
transform: scale(1.028);
        transform-origin: center center;
  }

  .header-shell--glass .brand {
gap: 15px;
  }

  .header-shell--glass .brand-mark {
width: 44px;
        height: 44px;
        border-radius: 17px;
        box-shadow: 0 12px 24px rgba(var(--accent-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  }

  .header-shell--glass .brand-copy {
gap: 5px;
  }

  .header-shell--glass .brand-copy strong {
font-size: 1.02rem;
  }

  .header-shell--glass .brand-copy span {
font-size: 0.69rem;
        letter-spacing: 0.18em;
  }

  .header-shell--glass .desktop-nav {
padding: 8px 12px;
        border-radius: 24px;
        border-color: rgba(var(--accent-rgb), 0.10);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 248, 255, 0.82)),
          radial-gradient(circle at 50% -40%, rgba(var(--accent-rgb), 0.05), rgba(var(--accent-rgb), 0) 58%);
        box-shadow:
          0 18px 42px rgba(31, 55, 96, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.92),
          inset 0 -1px 0 rgba(16, 32, 58, 0.03);
  }

  .header-shell--glass .nav-link {
min-height: 44px;
        height: 44px;
        padding: 0 17px;
        border-radius: 15px;
        font-size: 0.86rem;
  }

  .header-shell--glass .nav-link:hover,
      .header-shell--glass .nav-link:focus-visible,
      .header-shell--glass .nav-link[aria-current="page"] {
background: rgba(var(--accent-rgb), 0.10);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  }

  .header-shell--glass .header-actions .btn {
min-height: 50px;
        padding: 0 22px;
        border-radius: 18px;
        box-shadow:
          0 18px 36px rgba(var(--accent-rgb), 0.20),
          inset 0 1px 0 rgba(255, 255, 255, 0.34),
          inset 0 -1px 0 rgba(16, 32, 58, 0.12);
  }

  body.site-header-variant-glass:not(.home-page) .subpage-main > .section:first-of-type::before {
display: none;
  }

}

.header-shell--split {
grid-template-columns: minmax(0, 1fr);
      grid-template-areas:
        "brand"
        "nav";
      gap: 14px;
      align-items: center;
      min-height: 0;
      padding: 16px 24px 20px;
      border-radius: 34px;
      background:
        radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), 0.07), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 250, 255, 0.80));
      box-shadow:
        0 22px 48px rgba(16, 32, 58, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.header-shell--split .brand {
grid-area: brand;
      position: relative;
      justify-self: center;
      gap: 16px;
      padding-inline: 22px;
}

.header-shell--split .brand::before,
    .header-shell--split .brand::after {
content: "";
      position: absolute;
      top: 50%;
      width: clamp(168px, 21vw, 312px);
      height: 10px;
      transform: translateY(-50%);
      pointer-events: none;
      opacity: 0.72;
}

.header-shell--split .brand::before {
right: 100%;
      margin-right: 6px;
      background:
        radial-gradient(circle at 0 50%, rgba(var(--accent-rgb), 0.22) 0 2px, transparent 3px),
        linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.11) 34%, rgba(var(--accent-rgb), 0) 100%);
}

.header-shell--split .brand::after {
left: 100%;
      margin-left: 6px;
      background:
        radial-gradient(circle at 100% 50%, rgba(var(--accent-rgb), 0.22) 0 2px, transparent 3px),
        linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.11) 66%, rgba(var(--accent-rgb), 0) 100%);
}

.header-shell--split .brand-copy {
text-align: center;
}

.header-shell--split .brand-copy strong {
font-size: 1.06rem;
}

.header-shell--split .brand-copy span {
font-size: 0.67rem;
      letter-spacing: 0.20em;
}

.header-shell--split .desktop-nav {
grid-area: nav;
      justify-self: stretch;
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
      padding: 8px 12px 8px 14px;
      border-radius: 24px;
      box-shadow:
        0 16px 34px rgba(31, 55, 96, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(16, 32, 58, 0.02);
}

.header-shell--split .nav-link {
min-height: 44px;
      height: 44px;
      padding: 0 15px;
      border-radius: 15px;
      font-size: 0.85rem;
}

.header-shell--split .nav-link--phone {
margin-left: auto;
      padding-inline: 18px 20px;
      border: 1px solid rgba(var(--accent-rgb), 0.24);
      color: #fff;
      background:
        linear-gradient(180deg, var(--accent-2), var(--accent)),
        radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.10), transparent 52%);
      box-shadow:
        0 16px 30px rgba(var(--accent-rgb), 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.header-shell--split .nav-link--phone::before {
display: none;
}

.header-shell--split .nav-link--phone svg {
color: #fff;
      opacity: 0.96;
}

.header-shell--split .nav-link--phone strong {
color: #fff;
      font-size: 0.92rem;
      font-weight: 800;
      letter-spacing: -0.03em;
}

.header-shell--compact {
min-height: 72px;
      padding: 0 18px;
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.84);
      box-shadow: 0 18px 38px rgba(16, 32, 58, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.header-shell--compact .desktop-nav {
padding: 5px 10px;
      border-radius: 20px;
}

.header-shell--compact .nav-link {
min-height: 40px;
      height: 40px;
      padding: 0 14px;
      border-radius: 14px;
      font-size: 0.84rem;
}

.header-shell--compact .header-actions .btn {
min-height: 44px;
      padding: 0 16px;
}

.header-shell--signature {
min-height: 88px;
      padding: 0 24px 0 24px;
      border-radius: 34px;
      border-color: rgba(255, 255, 255, 0.16);
      background:
        linear-gradient(180deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-rgb-2), 0.92)),
        radial-gradient(circle at 10% -28%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 88% -10%, rgba(var(--accent-rgb-3), 0.24), rgba(var(--accent-rgb-3), 0) 30%);
      box-shadow:
        0 28px 62px rgba(var(--accent-rgb), 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(18px);
}

.header-shell--signature::before {
content: "";
      position: absolute;
      left: 24px;
      right: 24px;
      top: 0;
      height: 1px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.26) 24%, rgba(var(--accent-rgb-2), 0.38) 50%, rgba(var(--accent-rgb), 0.26) 76%, rgba(var(--accent-rgb), 0));
      pointer-events: none;
}

.header-shell--signature .brand {
position: relative;
      gap: 14px;
      padding-right: 20px;
}

.header-shell--signature .brand::after {
content: "";
      position: absolute;
      right: 0;
      top: 10px;
      bottom: 10px;
      width: 1px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
}

.header-shell--signature .brand-mark {
width: 46px;
      height: 46px;
      border-radius: 17px;
      box-shadow: 0 16px 30px rgba(var(--accent-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.header-shell--signature .brand-copy {
gap: 5px;
}

.header-shell--signature .brand-copy strong {
font-size: 1.03rem;
      letter-spacing: -0.04em;
      color: #f7fbff;
}

.header-shell--signature .brand-copy span {
font-size: 0.64rem;
      letter-spacing: 0.16em;
      color: rgba(228, 238, 255, 0.74);
}

.header-shell--signature .desktop-nav {
justify-self: center;
      align-self: center;
      max-width: min(100%, 720px);
      flex-wrap: nowrap;
      gap: 8px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
}

.header-shell--signature .nav-link {
min-height: 42px;
      height: 42px;
      padding: 0 14px;
      border-radius: 999px;
      font-size: 0.83rem;
      color: rgba(235, 242, 255, 0.84);
}

.header-shell--signature .nav-link + .nav-link {
margin-left: 0;
}

.header-shell--signature .nav-link + .nav-link::before {
display: none;
}

.header-shell--signature .nav-link svg {
color: rgba(255, 255, 255, 0.76);
      opacity: 1;
}

.header-shell--signature .nav-link:hover,
    .header-shell--signature .nav-link:focus-visible,
    .header-shell--signature .nav-link[aria-current="page"] {
color: #ffffff;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)),
        radial-gradient(circle at 18% 50%, rgba(var(--accent-rgb), 0.26), rgba(var(--accent-rgb), 0) 62%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 12px 24px rgba(7, 17, 38, 0.12);
}

.header-shell--signature .header-actions .btn {
min-height: 50px;
      padding: 0 18px;
      border-radius: 18px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92)),
        radial-gradient(circle at 0 0, rgba(var(--accent-rgb), 0.10), rgba(var(--accent-rgb), 0) 54%);
      color: var(--accent);
      border: 1px solid rgba(var(--accent-rgb), 0.18);
      box-shadow:
        0 18px 34px rgba(7, 17, 38, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

@media (min-width: 1181px) {
  body.home-page.site-header-variant-signature .hero-nav-shell {
top: 34px;
        left: 34px;
        right: 34px;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature {
min-height: 92px;
        grid-template-columns: minmax(250px, auto) 1fr auto;
        gap: 20px;
        padding: 0 24px 0 26px;
        border-radius: 36px;
        border-color: rgba(255, 255, 255, 0.18);
        background:
          linear-gradient(180deg, rgba(var(--accent-rgb), 0.95), rgba(var(--accent-rgb-2), 0.90)),
          radial-gradient(circle at 14% -32%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 34%),
          radial-gradient(circle at 88% -10%, rgba(var(--accent-rgb-3), 0.24), rgba(var(--accent-rgb-3), 0) 32%);
        box-shadow:
          0 34px 78px rgba(var(--accent-rgb), 0.26),
          inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature::after {
content: "";
        position: absolute;
        left: 28px;
        right: 28px;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.22) 18%, rgba(var(--accent-rgb-2), 0.34) 50%, rgba(var(--accent-rgb), 0.22) 82%, rgba(var(--accent-rgb), 0));
        pointer-events: none;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .brand {
position: relative;
        gap: 14px;
        padding-right: 18px;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .brand::after {
content: "";
        position: absolute;
        right: 0;
        top: 10px;
        bottom: 10px;
        width: 1px;
        background: linear-gradient(180deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.16), rgba(var(--accent-rgb), 0));
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .brand-mark {
width: 46px;
        height: 46px;
        border-radius: 17px;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .brand-copy strong {
font-size: 1.02rem;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .brand-copy span {
font-size: 0.64rem;
        letter-spacing: 0.16em;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .desktop-nav {
max-width: min(100%, 760px);
        justify-self: center;
        align-self: center;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .nav-link {
min-height: 42px;
        height: 42px;
        padding: 0 15px;
        border-radius: 14px;
        font-size: 0.83rem;
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .nav-link:hover,
      body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .nav-link:focus-visible,
      body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .nav-link[aria-current="page"] {
background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08)),
          radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0) 58%);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.22),
          0 10px 20px rgba(6, 18, 42, 0.14);
  }

  body.home-page.site-header-variant-signature .hero-nav-shell .header-shell--signature .header-actions .btn {
min-height: 50px;
        padding: 0 20px;
        border-radius: 18px;
  }

  body.site-header-variant-signature:not(.home-page) .site-header {
position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 40;
        width: min(100%, calc(var(--container) + 64px));
        margin: 0 auto;
        padding: 0 32px;
        overflow: visible;
  }

  body.site-header-variant-signature:not(.home-page) .site-header .header-shell--signature {
width: 100%;
        max-width: none;
        margin: 0;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-main {
padding-top: 0;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero {
position: relative;
        isolation: isolate;
        padding: 154px 0 18px;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero::before {
content: "";
        position: absolute;
        left: 50%;
        top: -108px;
        bottom: 0;
        width: 100vw;
        transform: translateX(-50%);
        background: rgb(var(--accent-dark-rgb));
        pointer-events: none;
        z-index: 0;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero > .container {
position: relative;
        z-index: 1;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero-shell {
padding: 36px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero-shell::before {
display: none;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
        gap: 28px;
        align-items: end;
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero-media {
min-height: 388px;
        align-self: end;
        border-radius: 38px 38px 30px 30px;
        border-color: rgba(255, 255, 255, 0.14);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
        box-shadow:
          0 34px 80px rgba(8, 23, 56, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }

  body.site-header-variant-signature:not(.home-page) .subpage-hero-media::before,
      body.site-header-variant-signature:not(.home-page) .subpage-main > .section:first-of-type::before {
display: none;
  }

}

@media (min-width: 1181px) {
  body.site-header-variant-split .footer-shell--columns .footer-brand > .brand {
justify-self: center;
  }

}

@media (min-width: 1181px) {
  body.site-slider-variant-edge .hero {
padding-top: 0;
  }

  body.site-slider-variant-edge .hero-shell--edge.container {
width: 100%;
        max-width: none;
        margin: 0;
  }

  body.site-slider-variant-edge .hero-nav-shell {
top: 0;
        left: 0;
        right: 0;
        width: min(100%, calc(var(--container) + 60px));
        margin: 0 auto;
        padding: 0 30px;
  }

  body.site-slider-variant-edge .hero-nav-shell .header-shell {
min-height: 84px;
        border-top: 0;
        border-radius: 0 0 32px 32px;
  }

  body.site-slider-variant-edge .hero-clip--edge {
border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: 0 22px 52px rgba(16, 32, 58, 0.08);
  }

  body.site-slider-variant-edge .hero-copy {
left: 50%;
        bottom: 132px;
        width: min(820px, calc(100% - 160px));
        transform: translateX(-50%);
  }

  body.site-slider-variant-edge .hero-copy > div:first-child {
gap: 18px;
        padding: 30px 32px;
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(8, 27, 67, 0.34), rgba(8, 27, 67, 0.14));
        box-shadow: 0 18px 34px rgba(5, 17, 44, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  body.site-slider-variant-edge .hero-actions {
grid-template-columns: minmax(0, 1.08fr) minmax(220px, 0.92fr);
        gap: 14px;
        padding: 14px;
  }

  body.site-slider-variant-edge .hero-actions--single-button.hero-actions--without-label {
width: min(392px, 100%);
        margin: 8px auto 0;
  }

  body.site-slider-variant-edge .hero-actions .hero-topline {
width: fit-content;
        min-width: 0;
        padding-inline: 18px;
  }

  body.site-slider-variant-edge .hero-actions .btn,
      body.site-slider-variant-edge .hero-actions .btn-secondary {
min-height: 60px;
  }

  body.site-slider-variant-edge .hero-proof {
gap: 14px;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
  }

  body.site-slider-variant-edge .slider-rail--edge {
left: 50%;
        right: auto;
        bottom: 30px;
        width: auto;
        max-width: calc(100% - 120px);
        padding: 14px 18px;
        border-radius: 20px;
        transform: translateX(-50%);
  }

  body.desktop-agency-live .hero-slide .hero-copy > div:first-child,
      body.desktop-agency-live .hero-slide .hero-topline,
      body.desktop-agency-live .hero-slide .hero-actions .btn,
      body.desktop-agency-live .hero-slide .hero-actions .btn-secondary,
      body.desktop-agency-live .hero-slide .hero-proof-item,
      body.mobile-agency-live .hero-slide .hero-copy > div:first-child,
      body.mobile-agency-live .hero-slide .hero-topline,
      body.mobile-agency-live .hero-slide .hero-actions .btn,
      body.mobile-agency-live .hero-slide .hero-actions .btn-secondary {
opacity: 0;
        transform: translate3d(0, 16px, 0);
        transition:
          opacity 0.44s ease,
          transform 0.66s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.desktop-agency-live .hero-slide .hero-copy > div:first-child,
      body.mobile-agency-live .hero-slide .hero-copy > div:first-child {
transform: translate3d(-22px, 18px, 0);
  }

  body.desktop-agency-live .hero-slide .hero-topline,
      body.mobile-agency-live .hero-slide .hero-topline {
transition-delay: 0.08s;
  }

  body.desktop-agency-live .hero-slide .hero-actions .btn,
      body.mobile-agency-live .hero-slide .hero-actions .btn {
transition-delay: 0.16s;
  }

  body.desktop-agency-live .hero-slide .hero-actions .btn-secondary,
      body.mobile-agency-live .hero-slide .hero-actions .btn-secondary {
transition-delay: 0.22s;
  }

  body.desktop-agency-live .hero-slide .hero-proof-item:nth-child(1),
      body.mobile-agency-live .hero-slide .hero-proof-item:nth-child(1) {
transition-delay: 0.28s;
  }

  body.desktop-agency-live .hero-slide .hero-proof-item:nth-child(2),
      body.mobile-agency-live .hero-slide .hero-proof-item:nth-child(2) {
transition-delay: 0.34s;
  }

  body.desktop-agency-live .hero-slide .hero-frame,
      body.mobile-agency-live .hero-slide .hero-frame {
opacity: 0;
        transform: translate3d(42px, 0, 0) scale(0.985);
        transition:
          opacity 0.48s ease,
          transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.desktop-agency-live .hero-slide .hero-photo,
      body.mobile-agency-live .hero-slide .hero-photo {
transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.desktop-agency-live .hero-slide .hero-photo {
transform: scale(1.06);
  }

  body.mobile-agency-live .hero-slide .hero-photo {
transform: scale(1.04);
  }

  body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-copy > div:first-child,
      body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-topline,
      body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-actions .btn,
      body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-actions .btn-secondary,
      body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-proof-item,
      body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-copy > div:first-child,
      body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-topline,
      body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-actions .btn,
      body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-actions .btn-secondary {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-frame,
      body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-frame {
opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
  }

  body.agency-motion-ready.desktop-agency-live .hero-slide.is-active .hero-photo {
transform:
          translate3d(0, calc(var(--desktop-scroll-depth, 0) * 12px), 0)
          scale(calc(1.01 + (var(--desktop-scroll-depth, 0) * 0.025)));
  }

  body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-photo {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 8px), 0)
          scale(calc(1.005 + (var(--mobile-scroll-depth, 0) * 0.02)));
  }

}

@media (max-width: 1180px) {
  .hero-slide,
      .hero-slide.is-active {
transform: none;
  }

  .hero-slide.is-active .hero-topline,
      .hero-slide.is-active .hero-topline::before {
animation: none;
  }

  body.mobile-agency-live .hero-slide .hero-copy > div:first-child {
opacity: 1;
        transform: none;
        transition: none;
  }

  body.mobile-agency-live .hero-slide .hero-topline,
      body.mobile-agency-live .hero-slide .hero-actions .btn,
      body.mobile-agency-live .hero-slide .hero-actions .btn-secondary {
opacity: 1;
        transform: none;
        transition: none;
  }

  body.mobile-agency-live .hero-slide .hero-frame {
opacity: 1;
        transform: none;
        transition: none;
  }

  body.mobile-agency-live .hero-slide .hero-photo {
transform: scale(1.02);
        transition: transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.mobile-agency-live .hero-slide[data-mobile-visual="fallback"] .hero-photo {
transform: translate3d(8px, 0, 0) scale(1.024);
  }

  body.agency-motion-ready.mobile-agency-live .hero-slide.is-active .hero-photo {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 6px), 0)
          scale(calc(1.001 + (var(--mobile-scroll-depth, 0) * 0.012)));
  }

  body.agency-motion-ready.mobile-agency-live .hero-slide.is-active[data-mobile-visual="fallback"] .hero-photo {
transform:
          translate3d(-2px, calc(var(--mobile-scroll-depth, 0) * 5px), 0)
          scale(calc(1.003 + (var(--mobile-scroll-depth, 0) * 0.012)));
  }

  body.mobile-agency-live .section-head {
position: relative;
        padding-bottom: 0;
        margin-bottom: 16px;
  }

  body.mobile-agency-live .section-head::after {
content: none;
        display: none;
  }

  body.mobile-agency-live .section-kicker.section-kicker-heading::before {
transform-origin: left center;
        transform: scaleX(0.72);
        opacity: 0.62;
        transition: transform 0.3s ease, opacity 0.3s ease;
  }

  body.mobile-agency-live .subpage-kicker {
position: relative;
        overflow: visible;
  }

  body.mobile-agency-live .subpage-kicker::after {
content: "";
        position: absolute;
        left: 0;
        width: 86px;
        bottom: -6px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.74) 44%, rgba(255, 255, 255, 0.08));
        transform-origin: left center;
        transform: scaleX(0.18);
        opacity: 0.22;
        pointer-events: none;
        transition: transform 0.28s ease, opacity 0.28s ease;
  }

  body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe .subpage-hero-copy > *,
      body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe .subpage-hero-media,
      body.mobile-agency-live .section-services.mobile-agency-observe .section-head,
      body.mobile-agency-live .section-testimonials.mobile-agency-observe .section-head,
      body.mobile-agency-live #iletisim.mobile-agency-observe .section-head,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-panel-badge,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-grid .gallery-tile,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-media,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-thumb {
opacity: 0;
        transform: translate3d(0, 18px, 0);
        transition: opacity 0.34s ease, transform 0.56s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .quick-form-kicker,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side h3,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side p,
      body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side .steps-more {
opacity: 0;
        transform: translate3d(-8px, 16px, 0);
        transition: opacity 0.3s ease, transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack {
opacity: 1;
        transform: none;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack::after {
transform: scaleY(calc(0.32 + (var(--mobile-scroll-depth, 0) * 0.38)));
        opacity: calc(0.32 + (var(--mobile-scroll-depth, 0) * 0.24));
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item {
transition-duration: 0.52s;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item:nth-child(1) {
transition-delay: 0.06s;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item:nth-child(2) {
transition-delay: 0.11s;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item:nth-child(3) {
transition-delay: 0.16s;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .faq-stack .faq-item:nth-child(4) {
transition-delay: 0.21s;
  }

  body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe .subpage-hero-copy > * {
transform: translate3d(-12px, 18px, 0);
  }

  body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe .subpage-hero-media {
transform: translate3d(0, 20px, 0);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-panel-badge {
transform: translate3d(10px, -8px, 0) scale(0.94);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-grid .gallery-tile,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-thumb {
transform: translate3d(0, 16px, 0) scale(0.978);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-media {
transform: translate3d(0, 18px, 0) scale(0.98);
  }

  body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe.is-mobile-revealed .subpage-hero-copy > *,
      body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe.is-mobile-revealed .subpage-hero-media,
      body.mobile-agency-live .section-services.mobile-agency-observe.is-mobile-revealed .section-head,
      body.mobile-agency-live .section-testimonials.mobile-agency-observe.is-mobile-revealed .section-head,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .section-head,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-panel-badge,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-grid .gallery-tile,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side-media,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side-thumb {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .quick-form-kicker,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side h3,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side p,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .faq-stack .faq-item,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side .steps-more {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.mobile-agency-live .section-services.mobile-agency-observe.is-mobile-revealed .section-kicker.section-kicker-heading::before,
      body.mobile-agency-live #bolgeler.mobile-agency-observe.is-mobile-revealed .section-kicker.section-kicker-heading::before,
      body.mobile-agency-live .section-testimonials.mobile-agency-observe.is-mobile-revealed .section-kicker.section-kicker-heading::before,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .section-kicker.section-kicker-heading::before {
transform: scaleX(calc(0.9 + (var(--mobile-scroll-depth, 0) * 0.16)));
        opacity: 0.92;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .faq-stack::after {
transform: scaleY(0.92);
        opacity: 0.86;
  }

  body.mobile-agency-live .subpage-hero-shell.mobile-agency-observe.is-mobile-revealed .subpage-kicker::after {
transform: scaleX(calc(0.8 + (var(--mobile-scroll-depth, 0) * 0.14)));
        opacity: 0.72;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-grid .gallery-tile img,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-media img,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-side-thumb img,
      body.mobile-agency-live #iletisim.mobile-agency-observe .gallery-panel-badge img {
transform-origin: center center;
        transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease;
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-grid .gallery-tile img,
      body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side-thumb img {
transform: scale(1.02);
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-side-media img {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 4px), 0)
          scale(calc(1.024 + (var(--mobile-scroll-depth, 0) * 0.012)));
  }

  body.mobile-agency-live #iletisim.mobile-agency-observe.is-mobile-revealed .gallery-panel-badge img {
transform: scale(1.015);
  }

  body.mobile-agency-live .subpage-hero-media img {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 6px), 0)
          scale(calc(1.01 + (var(--mobile-scroll-depth, 0) * 0.014)));
        transform-origin: center bottom;
        transition: transform 0.24s ease;
  }

  body.mobile-agency-live .subpage-hero-media::after {
background: linear-gradient(180deg, rgba(7, 21, 47, 0.1), rgba(7, 21, 47, 0.2) 46%, rgba(7, 21, 47, 0.42));
        transition: background 0.18s ease;
  }

  body.site-mobile-scroll-effect-strong.mobile-agency-live .subpage-hero-media img {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 8px), 0)
          scale(calc(1.012 + (var(--mobile-scroll-depth, 0) * 0.018)));
  }

  body.mobile-agency-live.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 6px), 0)
          scale(calc(1.016 + (var(--mobile-scroll-depth, 0) * 0.016)));
  }

  body.site-mobile-scroll-effect-strong.mobile-agency-live.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
transform:
          translate3d(0, calc(var(--mobile-scroll-depth, 0) * 8px), 0)
          scale(calc(1.02 + (var(--mobile-scroll-depth, 0) * 0.018)));
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-toggle--fullscreen {
background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.18);
        color: #fff;
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-sheet-backdrop--fullscreen {
background: linear-gradient(180deg, rgba(0, 14, 29, 0.08), rgba(0, 14, 29, 0.4));
        backdrop-filter: blur(10px);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen {
position: fixed;
        inset: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 100dvh;
        padding: calc(94px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 0;
        background:
          radial-gradient(circle at 84% 0%, rgba(var(--accent-rgb-2), 0.24), rgba(var(--accent-rgb-2), 0) 34%),
          radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 18%),
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.98), rgba(var(--accent-dark-rgb-2), 0.985));
        box-shadow: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-100%);
        transition: opacity 0.22s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.22s ease;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-opening .mobile-panel--fullscreen,
      body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen {
opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-panel-top {
justify-content: flex-end;
        margin-bottom: 22px;
        padding-top: 0;
        touch-action: auto;
        user-select: auto;
        cursor: default;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-panel-handle {
display: none;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen nav {
gap: 14px;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-link {
min-height: 70px;
        padding: 0 22px;
        border-radius: 28px;
        border-color: rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.06);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 0.28s ease, transform 0.34s ease, background-color 0.24s ease, border-color 0.24s ease;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link {
opacity: 1;
        transform: translateY(0);
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(1) {
transition-delay: 0.05s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(2) {
transition-delay: 0.09s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(3) {
transition-delay: 0.13s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(4) {
transition-delay: 0.17s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(5) {
transition-delay: 0.21s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-link:nth-child(6) {
transition-delay: 0.25s;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-link[aria-current="page"] {
background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.16);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-link-main > span:last-child,
      body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-note,
      body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip,
      body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip a,
      body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip em {
color: rgba(245, 249, 255, 0.92);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-link-icon {
border-color: rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-link-main svg {
color: #fff;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-cta {
margin-top: 18px;
        gap: 12px;
        opacity: 0;
        transform: translate3d(0, 16px, 0);
        transition: opacity 0.26s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-cta .btn,
      body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-cta .btn-light {
min-height: 62px;
        border-radius: 26px;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-cta .btn-light {
border-color: rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-note {
margin-top: 18px;
        padding-top: 18px;
        border-top-color: rgba(255, 255, 255, 0.08);
        justify-content: center;
        opacity: 0;
        transform: translate3d(0, 18px, 0);
        transition: opacity 0.26s ease, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip {
min-height: 44px;
        width: 100%;
        max-width: 280px;
        justify-content: center;
        gap: 10px;
        padding: 0 16px 0 14px;
        border-radius: 18px;
        border-color: rgba(255, 255, 255, 0.16);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.10));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 18px 34px rgba(0, 0, 0, 0.16);
        backdrop-filter: blur(10px);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip .signature-chip-logo {
width: 20px;
        height: 20px;
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip em {
font-size: 0.68rem;
        letter-spacing: 0.18em;
        color: rgba(245, 249, 255, 0.68);
  }

  body.site-mobile-menu-variant-fullscreen .mobile-panel--fullscreen .mobile-signature-chip a {
font-size: 0.9rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        color: #fff;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-cta,
      body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-note {
opacity: 1;
        transform: translate3d(0, 0, 0);
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-cta {
transition-delay: 0.3s;
  }

  body.site-mobile-menu-variant-fullscreen.mobile-menu-open .mobile-panel--fullscreen .mobile-note {
transition-delay: 0.34s;
  }

}

@media (max-width: 1024px) {
  .hero-frame::before,
      .hero-frame::after {
display: none;
  }

  .header-shell--split {
grid-template-columns: auto 1fr;
        grid-template-areas: "brand actions";
        min-height: 78px;
        padding: 0 20px;
  }

  .header-shell--split .brand {
justify-self: start;
        padding-inline: 0;
  }

  .header-shell--split .brand-copy {
text-align: left;
  }

  .header-shell--split .brand::before,
      .header-shell--split .brand::after {
display: none;
  }

}

@media (max-width: 720px) {
  .header-shell--split,
      .header-shell--compact {
border-radius: 24px;
  }

}

@media (max-width: 1180px) {
  body.site-header-variant-signature .site-header .header-shell--signature {
border-color: rgba(255, 255, 255, 0.16);
        background:
          linear-gradient(180deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-rgb-2), 0.92)),
          radial-gradient(circle at 12% -18%, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 32%),
          radial-gradient(circle at 86% -8%, rgba(var(--accent-rgb-3), 0.22), rgba(var(--accent-rgb-3), 0) 30%);
        box-shadow:
          0 20px 42px rgba(var(--accent-dark-rgb), 0.24),
          inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }

  body.site-header-variant-signature .site-header .mobile-toggle {
border-color: rgba(255, 255, 255, 0.18);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        box-shadow:
          0 12px 24px rgba(var(--accent-dark-rgb), 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }

  body.site-header-variant-signature.mobile-menu-open .site-header .mobile-toggle {
background: rgba(255, 255, 255, 0.12);
  }

}

@media (max-width: 1180px) and (prefers-reduced-motion: no-preference) {
  .hero-slide.is-active .hero-photo {
animation: heroMobilePhotoDrift 5.2s cubic-bezier(0.22, 1, 0.36, 1) both;
        will-change: transform;
  }

  .hero-slide.is-active[data-mobile-visual="fallback"] .hero-photo {
animation-name: heroMobilePhotoDriftFallback;
  }

}

@media (max-width: 760px) {
  .section-head,
      #bolgeler .section-head,
      .section-testimonials .section-head,
      #iletisim .section-head {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .section-head > div,
      #bolgeler .section-head > div,
      .section-testimonials .section-head > div,
      #iletisim .section-head > div {
    width: 100%;
    display: grid !important;
    justify-items: start !important;
  }

  .section-head::after,
      #bolgeler .section-head::after,
      .section-testimonials .section-head::after,
      #iletisim .section-head::after {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }

  .section-kicker.section-kicker-heading,
      #bolgeler .section-kicker.section-kicker-heading,
      .section-testimonials .section-kicker.section-kicker-heading,
      #iletisim .section-kicker.section-kicker-heading {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .section-testimonials .testimonial-shell,
      .section-testimonials.testimonials-variant-balanced .testimonial-shell,
      .section-testimonials.testimonials-variant-quote .testimonial-shell,
      #iletisim .cta-band,
      .footer-shell,
      .footer-callout,
      .footer-links,
      .footer-brand,
      .footer-contact,
      .footer-callout-actions {
    grid-template-columns: 1fr !important;
  }

  .section-testimonials .testimonial-shell,
      #iletisim .cta-band,
      .footer-shell,
      .footer-links,
      .footer-contact {
    gap: 14px !important;
  }

  .section-testimonials .testimonial-side,
      #iletisim .quick-form {
    order: 2 !important;
  }

  .section-testimonials .testimonial-card,
      #iletisim .cta-panel {
    order: 1 !important;
  }

  .footer-shell,
      .footer-callout,
      .footer-links,
      .footer-brand,
      .footer-contact,
      .footer-callout-actions {
    align-items: stretch !important;
  }

  .footer-callout-phone,
      .footer-callout-wa,
      .contact-pill {
    width: 100% !important;
  }

  .footer-callout-wa {
    flex: 0 0 auto !important;
  }
}
/* Deferred below-the-fold styles: sections, testimonial/contact/gallery/faq/footer and desktop agency nuance */

body.desktop-agency-live .site-header .header-shell,
body.desktop-agency-live .hero-nav-shell .header-shell {
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    backdrop-filter 0.22s ease,
    transform 0.22s ease;
}

body.desktop-agency-live .site-header .header-shell::after,
body.desktop-agency-live .hero-nav-shell .header-shell::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.22) 18%, rgba(var(--accent-rgb-2), 0.34) 50%, rgba(var(--accent-rgb), 0.22) 82%, rgba(var(--accent-rgb), 0) 100%);
  transform-origin: center;
  pointer-events: none;
  opacity: calc(0.26 + (var(--desktop-scroll-depth, 0) * 0.74));
  transform: scaleX(calc(0.88 + (var(--desktop-scroll-depth, 0) * 0.12)));
  transition: opacity 0.22s ease, transform 0.22s ease;
}

body.desktop-agency-live .site-header .brand,
body.desktop-agency-live .hero-nav-shell .brand {
  transition: transform 0.22s ease, filter 0.22s ease;
}

body.desktop-agency-live .header-shell--split .brand::before,
body.desktop-agency-live .header-shell--split .brand::after {
  opacity: calc(0.42 + (var(--desktop-scroll-depth, 0) * 0.3));
  transition: opacity 0.22s ease, filter 0.22s ease;
}

body.desktop-agency-live .site-header .desktop-nav,
body.desktop-agency-live .hero-nav-shell .desktop-nav,
body.desktop-agency-live .site-header .header-actions,
body.desktop-agency-live .hero-nav-shell .header-actions {
  transition: transform 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

body.desktop-agency-live .site-header .nav-link,
body.desktop-agency-live .hero-nav-shell .nav-link,
body.desktop-agency-live .site-header .header-actions .btn,
body.desktop-agency-live .hero-nav-shell .header-actions .btn {
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

body.desktop-agency-live.desktop-scroll-past-hero .site-header .header-shell,
body.desktop-agency-live.desktop-scroll-past-hero .hero-nav-shell .header-shell {
  transform: translate3d(0, -2px, 0);
  box-shadow:
    0 28px 56px rgba(16, 32, 58, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.desktop-agency-live.desktop-scroll-past-hero .site-header .brand,
body.desktop-agency-live.desktop-scroll-past-hero .hero-nav-shell .brand {
  transform: translate3d(0, -1px, 0);
  filter: saturate(1.04);
}

body.desktop-agency-live .section-services.desktop-agency-observe,
body.desktop-agency-live .section-testimonials.desktop-agency-observe,
body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe {
  position: relative;
}

body.desktop-agency-live .section-services.desktop-agency-observe::after,
body.desktop-agency-live .section-testimonials.desktop-agency-observe::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb), 0), rgba(var(--accent-rgb), 0.16) 18%, rgba(var(--accent-rgb-2), 0.42) 50%, rgba(var(--accent-rgb), 0.16) 82%, rgba(var(--accent-rgb), 0));
  opacity: 0;
  transform: scaleX(0.78);
  transform-origin: left center;
  transition: opacity 0.3s ease, transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-focus::after,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-focus::after {
  opacity: 0.94;
  transform: scaleX(1);
}

body.desktop-agency-live .section-services.desktop-agency-observe .section-head,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .section-head,
body.desktop-agency-live #iletisim.desktop-agency-observe .section-head,
body.desktop-agency-live .section-services.desktop-agency-observe .steps-more,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .testimonial-rail,
body.desktop-agency-live .section-services.desktop-agency-observe .service-card,
body.desktop-agency-live .section-services.desktop-agency-observe .feature-card,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .testimonial-card,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .testimonial-side,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-panel-badge,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-grid .gallery-tile,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-media,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-thumb,
body.desktop-agency-live #iletisim.desktop-agency-observe .quick-form-kicker,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side h3,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side p,
body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side .steps-more,
body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe .subpage-hero-copy > *,
body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe .subpage-hero-media {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity 0.42s ease,
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.24s ease,
    border-color 0.24s ease;
  transition-delay: calc(var(--agency-order, 0) * 0.05s);
}

body.desktop-agency-live .section-services.desktop-agency-observe .section-head,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .section-head,
body.desktop-agency-live #iletisim.desktop-agency-observe .section-head {
  margin-bottom: 16px;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-panel-badge {
  transform: translate3d(20px, -10px, 0) scale(0.94);
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-grid .gallery-tile,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-thumb {
  transform: translate3d(0, 20px, 0) scale(0.975);
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-media {
  transform: translate3d(20px, 20px, 0) scale(0.978);
}

body.desktop-agency-live #iletisim.desktop-agency-observe .quick-form-kicker,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side h3,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side p,
body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side .steps-more {
  transform: translate3d(-10px, 18px, 0);
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack {
  opacity: 1;
  transform: none;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack::after {
  transform: scaleY(calc(0.28 + (var(--desktop-scroll-depth, 0) * 0.34)));
  opacity: calc(0.34 + (var(--desktop-scroll-depth, 0) * 0.26));
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item {
  transition-duration: 0.66s;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item:nth-child(1) {
  transition-delay: 0.08s;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item:nth-child(2) {
  transition-delay: 0.14s;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item:nth-child(3) {
  transition-delay: 0.2s;
}

body.desktop-agency-live #iletisim.desktop-agency-observe .faq-stack .faq-item:nth-child(4) {
  transition-delay: 0.26s;
}

body.desktop-agency-live .section-services.desktop-agency-observe .section-kicker.section-kicker-heading::before,
body.desktop-agency-live .section-testimonials.desktop-agency-observe .section-kicker.section-kicker-heading::before {
  transform-origin: left center;
  transform: scaleX(0.54);
  opacity: 0.42;
  background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.94), rgba(255, 255, 255, 0.84) 36%, rgba(var(--accent-rgb), 0.12));
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

body.desktop-agency-live .subpage-kicker {
  position: relative;
  overflow: visible;
}

body.desktop-agency-live .subpage-kicker::after {
  content: "";
  position: absolute;
  left: 0;
  width: 112px;
  bottom: -7px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.82) 42%, rgba(255, 255, 255, 0.1));
  transform-origin: left center;
  transform: scaleX(0.18);
  opacity: 0.24;
  transition: transform 0.52s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
  pointer-events: none;
}

body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe .subpage-hero-copy > * {
  transform: translate3d(-18px, 18px, 0);
}

body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe .subpage-hero-media {
  transform: translate3d(32px, 0, 0) scale(0.985);
}

body.desktop-agency-live .subpage-hero-media img,
body.desktop-agency-live .section-services.desktop-agency-observe .feature-media img,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-grid .gallery-tile img,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-media img,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-thumb img,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-panel-badge img {
  transform-origin: center bottom;
  transition: transform 0.44s cubic-bezier(0.22, 1, 0.36, 1);
}

body.desktop-agency-live .subpage-hero-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 12px), 0)
    scale(calc(1.015 + (var(--desktop-scroll-depth, 0) * 0.02)));
}

body.desktop-agency-live .section-services.desktop-agency-observe .feature-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 8px), 0)
    scale(calc(1.02 + (var(--desktop-scroll-depth, 0) * 0.012)));
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-grid .gallery-tile img,
body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-thumb img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 6px), 0)
    scale(calc(1.026 + (var(--desktop-scroll-depth, 0) * 0.012)));
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-side-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 8px), 0)
    scale(calc(1.03 + (var(--desktop-scroll-depth, 0) * 0.014)));
}

body.desktop-agency-live #iletisim.desktop-agency-observe .gallery-panel-badge img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 5px), 0)
    scale(calc(1.02 + (var(--desktop-scroll-depth, 0) * 0.01)));
}

body.desktop-agency-live .section-services.desktop-agency-observe .feature-card:hover .feature-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 6px), 0)
    scale(calc(1.04 + (var(--desktop-scroll-depth, 0) * 0.012)));
}

body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-revealed .section-head,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-revealed .section-head,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .section-head,
body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-revealed .steps-more,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-revealed .testimonial-rail,
body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-revealed .service-card,
body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-revealed .feature-card,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-revealed .testimonial-card,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-revealed .testimonial-side,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-panel-badge,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-grid .gallery-tile,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-side-media,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-side-thumb,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .quick-form-kicker,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-side h3,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-side p,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .faq-stack .faq-item,
body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .gallery-side .steps-more,
body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe.is-desktop-revealed .subpage-hero-copy > *,
body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe.is-desktop-revealed .subpage-hero-media {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.desktop-agency-live .section-services.desktop-agency-observe.is-desktop-revealed .section-kicker.section-kicker-heading::before,
body.desktop-agency-live .section-testimonials.desktop-agency-observe.is-desktop-revealed .section-kicker.section-kicker-heading::before {
  transform: scaleX(1);
  opacity: 0.92;
}

body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-revealed .faq-stack::after {
  transform: scaleY(0.82);
  opacity: 0.74;
}

body.desktop-agency-live #iletisim.desktop-agency-observe.is-desktop-focus .faq-stack::after {
  transform: scaleY(1);
  opacity: 0.96;
}

body.desktop-agency-live .subpage-hero-shell.desktop-agency-observe.is-desktop-revealed .subpage-kicker::after {
  transform: scaleX(0.96);
  opacity: 0.8;
}

body.site-desktop-scroll-effect-strong.desktop-agency-live .subpage-hero-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 14px), 0)
    scale(calc(1.02 + (var(--desktop-scroll-depth, 0) * 0.025)));
}

body.site-desktop-scroll-effect-strong.desktop-agency-live .section-services.desktop-agency-observe .feature-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 10px), 0)
    scale(calc(1.024 + (var(--desktop-scroll-depth, 0) * 0.016)));
}

body.desktop-agency-live.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 12px), 0)
    scale(calc(1.02 + (var(--desktop-scroll-depth, 0) * 0.02)));
}

body.site-desktop-scroll-effect-strong.desktop-agency-live.site-header-variant-glass:not(.home-page) .subpage-hero-media img {
  transform:
    translate3d(0, calc(var(--desktop-scroll-depth, 0) * 14px), 0)
    scale(calc(1.026 + (var(--desktop-scroll-depth, 0) * 0.022)));
}

body.is-firefox.desktop-agency-live .hero-slide .hero-frame,
body.is-firefox.desktop-agency-live .hero-slide .hero-copy > div:first-child,
body.is-firefox.desktop-agency-live .section-services.desktop-agency-observe .service-card,
body.is-firefox.desktop-agency-live .section-services.desktop-agency-observe .feature-card,
body.is-firefox.desktop-agency-live .section-testimonials.desktop-agency-observe .testimonial-card,
body.is-firefox.desktop-agency-live .section-testimonials.desktop-agency-observe .testimonial-side {
  will-change: auto;
}

.section {
position: relative;
      padding: 24px 0 34px;
      content-visibility: auto;
      contain-intrinsic-size: 1px 960px;
}

.section-services {
padding: 13px 0 14px;
}

.section-services::before {
display: none;
}

.section::before {
display: none;
}

.section-head {
position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 16px;
}

.section-head::after {
content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 148px;
      height: 1px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.24), rgba(var(--accent-rgb), 0));
      pointer-events: none;
}

.section-kicker {
display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--blue);
      font-size: 0.78rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
}

.section-kicker.section-kicker-heading {
margin: 0;
      font-size: clamp(1.58rem, 2.72vw, 2.56rem);
      letter-spacing: -0.038em;
      text-transform: none;
      font-weight: 690;
      line-height: 1.02;
      gap: 14px;
}

.section-kicker__icon {
width: 1.1em;
      height: 1.1em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(var(--accent-rgb), 0.95);
      flex: 0 0 auto;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(var(--accent-rgb), 0.04));
      box-shadow: 0 10px 24px rgba(var(--accent-rgb), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.section-kicker__icon svg {
width: 100%;
      height: 100%;
      display: block;
}

.section-kicker::before {
display: none;
}

.section-title {
margin: 8px 0 0;
      font-size: clamp(1.95rem, 4vw, 3.6rem);
      line-height: 0.96;
      letter-spacing: -0.07em;
      text-wrap: balance;
}

.section-intro {
margin: 0;
      max-width: 48rem;
      color: var(--ink-soft);
      line-height: 1.85;
      font-size: 0.98rem;
}

.section-link {
display: inline-flex;
      align-items: center;
      min-height: 42px;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: rgba(255, 255, 255, 0.6);
      color: var(--ink-muted);
      font-size: 0.84rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

@media (min-width: 1181px) {
  .service-card,
      .feature-card,
      .step-card,
      .testimonial-card,
      .testimonial-side,
      .cta-panel,
      .quick-form,
      .footer-callout {
box-shadow: 0 24px 52px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .service-card:hover,
      .feature-card:hover,
      .step-card:hover {
transform: translateY(-4px);
  }

}

.subpage-detail-panel .section-kicker {
min-height: auto;
      width: fit-content;
      color: rgba(var(--accent-rgb), 0.86);
      border-color: transparent;
      background: transparent;
      box-shadow: none;
      padding: 0;
      font-size: 0.74rem;
      letter-spacing: 0.14em;
}

.region-detail-panel .section-kicker {
font-size: 0.8rem;
      letter-spacing: 0.12em;
}

.trust-card {
position: relative;
      overflow: hidden;
      min-height: 132px;
      padding: 24px;
      border-radius: 30px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.78)),
        linear-gradient(135deg, rgba(var(--accent-rgb), 0.03), rgba(255, 255, 255, 0));
      box-shadow: 0 20px 40px rgba(16, 32, 58, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.trust-card strong {
display: block;
      color: var(--blue);
      font-size: 1.8rem;
      letter-spacing: -0.05em;
}

.trust-card span {
display: block;
      margin-top: 8px;
      color: var(--ink-soft);
      font-size: 0.9rem;
      line-height: 1.6;
}

.service-grid {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.service-card {
position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 280px;
      padding: 26px;
      border-radius: 34px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 248, 255, 0.9)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.028), transparent 42%);
      box-shadow: 0 14px 26px rgba(16, 32, 58, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.service-card::before,
    .feature-card::before,
    .testimonial-card::before,
    .testimonial-side::before,
    .cta-panel::before,
    .quick-form::before {
content: "";
      position: absolute;
      top: 0;
      left: 26px;
      width: 78px;
      height: 1.5px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.92), rgba(var(--accent-rgb), 0.12));
      pointer-events: none;
      opacity: 0.78;
}

.service-card::after,
    .feature-card::after,
    .testimonial-card::after,
    .quick-form::after {
content: "";
      position: absolute;
      right: 22px;
      top: 20px;
      width: 52px;
      height: 52px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.12);
      border-right: 1px solid rgba(var(--accent-rgb), 0.12);
      border-top-right-radius: 18px;
      pointer-events: none;
      opacity: 0.72;
}

.service-grid .service-card {
background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.92)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.018), transparent 46%);
      box-shadow: 0 10px 18px rgba(16, 32, 58, 0.022), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.service-chip {
display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 12px;
      border-radius: var(--radius-pill);
      color: var(--blue);
      border: 1px solid rgba(var(--accent-rgb), 0.08);
      background: rgba(var(--accent-rgb), 0.06);
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
}

.service-card h3 {
margin: 22px 0 12px;
      font-size: 1.24rem;
      letter-spacing: -0.04em;
}

.service-card p {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.8;
      font-size: 0.92rem;
}

.service-card-footer {
display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: auto;
      padding-top: 20px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.08);
}

.service-card-meta {
color: var(--ink-muted);
      font-size: 0.8rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
}

.service-card-link {
min-height: 42px;
      display: inline-flex;
      align-items: center;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      color: var(--blue);
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.feature-grid {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
}

.feature-card {
position: relative;
      overflow: hidden;
      display: grid;
      grid-template-rows: auto 1fr;
      min-height: 420px;
      padding: 14px;
      border-radius: 34px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.88)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.08), transparent 34%);
      box-shadow: 0 24px 46px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.feature-media {
position: relative;
      min-height: 220px;
      border-radius: 24px;
      overflow: hidden;
      background: #dce7f7;
      box-shadow: 0 20px 40px rgba(16, 32, 58, 0.12);
}

.feature-media::after {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(10, 31, 68, 0.02), rgba(10, 31, 68, 0.12) 58%, rgba(10, 31, 68, 0.42)),
        radial-gradient(circle at 85% 12%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
      pointer-events: none;
}

.feature-media img {
width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
}

.feature-card:hover .feature-media img {
transform: scale(1.04);
}

.feature-media.photo-left img {
object-position: 34% center;
}

.feature-media.photo-center img {
object-position: center center;
}

.feature-media.photo-right img {
object-position: 66% center;
}

.feature-badge {
position: absolute;
      top: 16px;
      left: 16px;
      z-index: 1;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 14px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(8, 27, 67, 0.38);
      backdrop-filter: blur(14px);
      color: #fff;
      font-size: 0.7rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
}

.feature-body {
display: grid;
      align-content: start;
      gap: 12px;
      padding: 22px 18px 16px;
}

.feature-card h3 {
margin: 0;
      font-size: 1.22rem;
      letter-spacing: -0.04em;
}

.feature-card p {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.78;
      font-size: 0.95rem;
}

.feature-meta {
display: flex;
      align-items: center;
      justify-content: stretch;
      gap: 0;
      margin-top: 8px;
      padding-top: 16px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.08);
}

.feature-meta-action {
min-height: 42px;
      display: inline-flex;
      align-items: center;
      gap: 0;
      justify-content: center;
      width: 100%;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      color: var(--blue);
}

.feature-meta-action strong {
color: var(--blue);
      font-size: 0.82rem;
      letter-spacing: 0.04em;
      font-weight: 700;
}

.feature-meta-action svg {
display: none;
}

.steps-grid {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
}

.step-card {
position: relative;
      overflow: hidden;
      min-height: 228px;
      display: grid;
      align-content: start;
      padding: 24px;
      border-radius: 32px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 245, 255, 0.82));
      box-shadow: 0 20px 40px rgba(16, 32, 58, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.step-index {
width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      margin-bottom: 16px;
      border-radius: 16px;
      color: #fff;
      background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
      font-weight: 700;
      font-size: 0.84rem;
      letter-spacing: 0.08em;
}

.step-card h3 {
margin: 0 0 12px;
      font-size: 1.06rem;
      letter-spacing: -0.04em;
}

.step-card p {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.68;
      font-size: 0.88rem;
}

.step-card-footer {
margin-top: auto;
      padding-top: 18px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.08);
}

.step-card-link {
min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 0 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      color: var(--blue);
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.04em;
}

.testimonial-shell {
display: grid;
      grid-template-columns: minmax(0, 1fr) 320px;
      gap: 12px;
}

.testimonial-card,
    .testimonial-side {
position: relative;
      overflow: hidden;
      padding: 30px;
      border-radius: 34px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.84));
      box-shadow: 0 22px 42px rgba(16, 32, 58, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.testimonial-side {
border-color: rgba(255, 255, 255, 0.08);
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.22), transparent 30%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb-2), 0.98), rgba(var(--accent-dark-rgb), 0.96));
      box-shadow: 0 24px 46px rgba(8, 23, 56, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.testimonial-side::before,
    .cta-panel::before {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.14));
      opacity: 0.7;
}

.testimonial-side::after,
    .cta-panel::after {
content: "";
      position: absolute;
      right: 24px;
      top: 22px;
      width: 58px;
      height: 58px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      border-right: 1px solid rgba(255, 255, 255, 0.12);
      border-top-right-radius: 20px;
      pointer-events: none;
      opacity: 0.66;
}

.testimonial-card {
display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 20px;
      min-height: 328px;
}

.testimonial-slide {
display: none;
}

.testimonial-slide.is-active {
display: block;
}

.testimonial-top {
display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 18px;
}

.testimonial-avatar {
width: 74px;
      height: 74px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 100%);
      color: #fff;
      font-size: 1.08rem;
      font-weight: 700;
}

.testimonial-name {
font-weight: 700;
      letter-spacing: -0.03em;
}

.testimonial-role {
margin-top: 6px;
      color: var(--ink-muted);
      font-size: 0.9rem;
}

.testimonial-score {
margin-top: 8px;
      color: var(--blue);
      font-size: 0.82rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
}

.testimonial-card p,
    .testimonial-side p,
    .testimonial-side span {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.9;
      font-size: 0.95rem;
}

.testimonial-side p,
    .testimonial-side span {
color: rgba(232, 240, 255, 0.76);
}

.testimonial-side h3,
    .testimonial-side .rating-panel-title {
display: block;
      margin: 12px 0 0;
      color: #fff;
      font-size: clamp(1.7rem, 3vw, 2.3rem);
      line-height: 0.98;
      letter-spacing: -0.05em;
}

.testimonial-side-kicker {
display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 14px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(240, 246, 255, 0.92);
      font-size: 0.72rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.testimonial-rail {
display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding-top: 18px;
      border-top: 1px solid rgba(var(--accent-rgb), 0.08);
}

.testimonial-dots {
display: inline-flex;
      align-items: center;
      gap: 8px;
}

.testimonial-dot {
width: 24px;
      height: 8px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      background: rgba(var(--accent-rgb), 0.18);
      cursor: pointer;
      transition: width 0.2s ease, background-color 0.2s ease;
}

.testimonial-dot.is-active {
width: 34px;
      background: var(--accent);
}

.testimonial-controls {
display: inline-flex;
      align-items: center;
      gap: 10px;
}

.testimonial-control {
width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 16px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(var(--accent-rgb), 0.06);
      color: var(--blue);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
      cursor: pointer;
      transition: transform 0.2s ease, background-color 0.2s ease;
}

.testimonial-control:hover,
    .testimonial-control:focus-visible {
transform: translateY(-1px);
      background: rgba(var(--accent-rgb), 0.1);
}

.rating-stars {
display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 22px;
}

.rating-star {
width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(255, 255, 255, 0.34);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      cursor: pointer;
      transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.rating-star svg {
width: 22px;
      height: 22px;
}

.rating-star.is-active {
color: #fff;
      border-color: rgba(var(--accent-rgb-2), 0.42);
      background: linear-gradient(180deg, rgba(var(--accent-rgb-2), 0.92), rgba(var(--accent-rgb), 0.96));
}

.rating-star:hover,
    .rating-star:focus-visible {
transform: translateY(-1px);
      color: rgba(255, 255, 255, 0.88);
}

.rating-stars.is-locked .rating-star {
cursor: default;
}

.rating-stars.is-locked .rating-star:hover,
    .rating-stars.is-locked .rating-star:focus-visible {
transform: none;
}

.rating-note {
margin-top: 14px;
      color: rgba(232, 240, 255, 0.72);
      font-size: 0.88rem;
      line-height: 1.7;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity 0.2s ease, transform 0.2s ease;
      pointer-events: none;
}

.rating-note.is-visible {
opacity: 1;
      transform: translateY(0);
}

.rating-panel {
display: grid;
      align-content: start;
}

.rating-panel-intro {
max-width: 32ch;
}

.rating-summary {
display: grid;
      gap: 8px;
      margin-top: 14px;
}

.rating-average {
display: none;
      color: rgba(255, 255, 255, 0.84);
      font-size: 0.88rem;
      line-height: 1.7;
      letter-spacing: 0.01em;
}

.rating-average strong {
color: #fff;
      font-size: 1rem;
}

.rating-average.is-visible {
display: block;
}

.rating-panel-full {
gap: 0;
}

.rating-feedback {
display: none;
      align-items: center;
      min-height: 42px;
      padding: 0 14px;
      border-radius: 14px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 251, 247, 0.96));
      border: 1px solid rgba(30, 153, 93, 0.16);
      color: #236846;
      font-size: 0.86rem;
      font-weight: 700;
      line-height: 1.5;
      box-shadow:
        0 10px 24px rgba(19, 71, 52, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.rating-feedback.is-visible {
display: inline-flex;
}

.subpage-panel .rating-panel {
min-height: 100%;
      gap: 6px;
}

.subpage-panel .rating-panel .rating-panel-kicker {
color: rgba(var(--accent-rgb), 0.72);
      border-color: rgba(var(--accent-rgb), 0.06);
      background: rgba(var(--accent-rgb), 0.018);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.subpage-panel .rating-panel-title {
margin: 8px 0 0;
      color: var(--ink);
      font-size: clamp(1.46rem, 2.45vw, 1.88rem);
      line-height: 1.02;
      letter-spacing: -0.05em;
}

.subpage-panel .rating-panel-intro {
color: var(--ink-soft);
      max-width: 48ch;
      font-size: 0.98rem;
}

.subpage-panel .rating-stars {
margin-top: 12px;
}

.subpage-panel .rating-star {
border-color: rgba(var(--accent-rgb), 0.12);
      background: rgba(var(--accent-rgb), 0.045);
      color: rgba(var(--accent-rgb), 0.22);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.subpage-panel .rating-star svg {
transition: transform 0.18s ease;
}

.subpage-panel .rating-star.is-active {
color: #fff;
      border-color: rgba(var(--accent-rgb), 0.26);
      background: linear-gradient(180deg, rgba(var(--accent-rgb-2), 0.86), rgba(var(--accent-rgb), 0.92));
}

.subpage-panel .rating-star.is-average {
color: rgba(var(--accent-rgb), 0.92);
      border-color: rgba(var(--accent-rgb), 0.16);
      background: rgba(var(--accent-rgb), 0.08);
}

.subpage-panel .rating-star:hover,
    .subpage-panel .rating-star:focus-visible {
color: rgba(var(--accent-rgb), 0.92);
      border-color: rgba(var(--accent-rgb), 0.24);
      background: rgba(var(--accent-rgb), 0.1);
}

.subpage-panel .rating-star:hover svg,
    .subpage-panel .rating-star:focus-visible svg {
transform: scale(1.08) translateY(-1px);
      animation: ratingStarLift 0.26s ease;
}

.subpage-panel .rating-star.is-active:hover,
    .subpage-panel .rating-star.is-active:focus-visible {
color: #fff;
      background: linear-gradient(180deg, rgba(var(--accent-rgb-2), 0.94), rgba(var(--accent-rgb), 0.98));
}

.subpage-panel .rating-note,
    .subpage-panel .rating-average {
color: var(--ink-soft);
}

.subpage-panel .rating-average strong {
color: var(--blue);
}

.subpage-panel .rating-feedback {
color: #236846;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 251, 247, 0.96));
      border-color: rgba(34, 170, 103, 0.16);
}

.rating-detail-panel {
background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.94)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.04), transparent 34%);
}

.cta-band {
display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
      gap: 12px;
      align-items: stretch;
}

.cta-band.is-single {
grid-template-columns: minmax(0, 1fr);
}

.cta-panel,
    .quick-form {
position: relative;
      overflow: hidden;
      padding: 30px;
      border-radius: 36px;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(239, 246, 255, 0.86));
      box-shadow: 0 24px 46px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.cta-panel {
border-color: rgba(255, 255, 255, 0.08);
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.2), transparent 30%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.98), rgba(var(--accent-dark-rgb-2), 0.96));
      box-shadow: 0 28px 52px rgba(8, 23, 56, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cta-panel h3,
    .quick-form h3 {
margin: 0 0 10px;
      font-size: 1.32rem;
      letter-spacing: -0.04em;
}

.cta-panel-kicker,
    .quick-form-kicker {
display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 12px;
      margin-bottom: 16px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(232, 240, 255, 0.82);
      font-size: 0.72rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
}

.quick-form-kicker {
border-color: rgba(var(--accent-rgb), 0.08);
      background: rgba(var(--accent-rgb), 0.05);
      color: var(--blue);
}

.cta-panel h3 {
color: #fff;
}

.cta-panel p,
    .quick-form p {
margin: 0;
      color: var(--ink-soft);
      line-height: 1.76;
      font-size: 0.94rem;
}

.cta-panel p {
color: rgba(232, 240, 255, 0.76);
}

.gallery-panel h3,
    .gallery-side h3 {
text-wrap: balance;
}

.gallery-panel {
position: relative;
}

.gallery-panel-badge {
position: absolute;
      top: 20px;
      right: 8px;
      width: min(240px, 24vw);
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
      pointer-events: none;
}

.gallery-panel-badge img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: right top;
      opacity: 0.18;
      filter: saturate(0.9) contrast(1.02);
      mix-blend-mode: screen;
}

.gallery-panel p,
    .gallery-side p {
max-width: 42rem;
}

.gallery-about-actions {
display: flex;
      justify-content: center;
      margin-top: 16px;
}

.gallery-about-link {
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 14px;
      width: 100%;
      max-width: 260px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      color: rgba(232, 240, 255, 0.88);
      font-size: 0.76rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-decoration: none;
      text-transform: uppercase;
      transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.gallery-about-link:hover,
    .gallery-about-link:focus-visible {
background: rgba(255, 255, 255, 0.12);
      border-color: rgba(255, 255, 255, 0.18);
      color: #fff;
      transform: translateY(-1px);
}

.gallery-panel .cta-panel-kicker,
    .gallery-panel h3,
    .gallery-panel p {
max-width: calc(100% - 164px);
}

.gallery-grid {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 22px;
}

.gallery-tile,
    .gallery-side-media,
    .gallery-side-thumb {
position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      padding: 0;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
      cursor: pointer;
      isolation: isolate;
}

.gallery-tile {
aspect-ratio: 1 / 1;
}

.gallery-side {
display: grid;
      align-content: start;
      gap: 16px;
}

#iletisim .quick-form::before {
display: none;
}

.faq-stack {
position: relative;
      display: grid;
      gap: 14px;
      margin-top: 6px;
      padding-left: 30px;
}

.faq-stack::before,
    .faq-stack::after {
content: "";
      position: absolute;
      left: 10px;
      top: 10px;
      bottom: 10px;
      width: 1px;
      border-radius: 999px;
      pointer-events: none;
      transform-origin: top center;
}

.faq-stack::before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(var(--accent-rgb), 0.1) 42%, rgba(var(--accent-rgb), 0.06));
      opacity: 0.9;
}

.faq-stack::after {
background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-rgb), 0.48) 38%, rgba(var(--accent-rgb), 0.08));
      box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.18);
      opacity: 0.28;
      transform: scaleY(0.18);
}

.faq-item {
position: relative;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid rgba(var(--accent-rgb), 0.1);
      background: rgba(255, 255, 255, 0.7);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.faq-item::before,
    .faq-item::after {
content: "";
      position: absolute;
      pointer-events: none;
      z-index: 2;
      transition: transform 0.36s ease, opacity 0.28s ease, background-color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.faq-item::before {
left: -25px;
      top: 28px;
      width: 11px;
      height: 11px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      border: 1.5px solid rgba(var(--accent-rgb), 0.34);
      box-shadow: 0 0 0 6px rgba(var(--accent-rgb), 0.06);
}

.faq-item::after {
left: -14px;
      top: 33px;
      width: 14px;
      height: 1px;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.66), rgba(var(--accent-rgb), 0.12));
      opacity: 0.8;
}

.faq-item[open],
    .faq-item:hover,
    .faq-item:focus-within {
border-color: rgba(var(--accent-rgb), 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 14px 34px rgba(var(--accent-rgb), 0.07);
}

.faq-item[open]::before,
    .faq-item:hover::before,
    .faq-item:focus-within::before {
transform: scale(1.08);
      background: rgba(var(--accent-rgb), 0.92);
      border-color: rgba(var(--accent-rgb), 0.82);
      box-shadow: 0 0 0 7px rgba(var(--accent-rgb), 0.12);
}

.faq-item[open]::after,
    .faq-item:hover::after,
    .faq-item:focus-within::after {
opacity: 1;
      background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.92), rgba(var(--accent-rgb), 0.18));
}

.faq-item summary {
list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 66px;
      padding: 0 18px;
      color: var(--ink);
      font-size: 0.94rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      cursor: pointer;
}

.faq-item summary::-webkit-details-marker {
display: none;
}

.faq-item summary::after {
content: "+";
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(var(--accent-rgb), 0.08);
      color: var(--blue);
      font-size: 1rem;
      font-weight: 800;
      flex-shrink: 0;
}

.faq-item[open] summary::after {
content: "-";
}

.faq-answer {
padding: 0 18px 18px;
      color: var(--ink-soft);
      font-size: 0.92rem;
      line-height: 1.72;
}

.gallery-side-media {
aspect-ratio: 1.05 / 1;
      margin-top: 6px;
}

.gallery-side-stack {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.gallery-side-thumb {
aspect-ratio: 1 / 1;
}

.gallery-tile img,
    .gallery-side-media img,
    .gallery-side-thumb img {
width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: transform 0.45s ease;
}

.gallery-tile:hover img,
    .gallery-tile:focus-visible img,
    .gallery-side-media:hover img,
    .gallery-side-media:focus-visible img,
    .gallery-side-thumb:hover img,
    .gallery-side-thumb:focus-visible img {
transform: scale(1.05);
}

.gallery-tile::after,
    .gallery-side-media::after,
    .gallery-side-thumb::after {
content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(7, 21, 47, 0.02), rgba(7, 21, 47, 0.18) 60%, rgba(7, 21, 47, 0.58)),
        radial-gradient(circle at 80% 12%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
      z-index: 0;
      pointer-events: none;
}

.gallery-tile-caption,
    .gallery-side-caption {
position: absolute;
      left: 14px;
      right: 14px;
      bottom: 14px;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 42px;
      padding: 0 14px;
      border-radius: var(--radius-pill);
      background: rgba(7, 21, 47, 0.38);
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(12px);
      color: #fff;
      font-size: 0.76rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
}

.gallery-grid .gallery-tile-caption {
justify-content: center;
}

.gallery-side-caption {
min-height: 46px;
}

.gallery-tile-caption strong,
    .gallery-side-caption strong {
color: #fff;
      font-size: 0.78rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
}

.gallery-lightbox {
position: fixed;
      inset: 0;
      z-index: 110;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(4, 12, 26, 0.72);
      backdrop-filter: blur(12px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease;
}

.gallery-lightbox[hidden] {
display: none;
}

body.gallery-open {
overflow: hidden;
}

body.gallery-open .gallery-lightbox {
opacity: 1;
      pointer-events: auto;
}

.gallery-lightbox-dialog {
position: relative;
      width: min(980px, 100%);
      padding: 18px;
      border-radius: 32px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.18), transparent 28%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.98), rgba(var(--accent-dark-rgb-2), 0.98));
      box-shadow: 0 28px 68px rgba(4, 14, 32, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.gallery-lightbox-close {
position: absolute;
      top: 18px;
      right: 18px;
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: #fff;
      cursor: pointer;
}

.gallery-lightbox-figure {
margin: 0;
      overflow: hidden;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.06);
}

.gallery-lightbox-figure img {
width: 100%;
      display: block;
      aspect-ratio: 16 / 10;
      object-fit: cover;
}

.gallery-lightbox-bar {
display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 16px;
}

.gallery-lightbox-copy strong {
display: block;
      color: #fff;
      font-size: 1rem;
      letter-spacing: -0.03em;
}

.gallery-lightbox-copy span {
display: block;
      margin-top: 6px;
      color: rgba(232, 240, 255, 0.7);
      font-size: 0.9rem;
}

.gallery-lightbox-copy[hidden] {
display: none;
}

.gallery-lightbox-copy[hidden] + .gallery-lightbox-actions {
margin-left: auto;
}

.gallery-lightbox-actions {
display: inline-flex;
      align-items: center;
      gap: 10px;
}

.gallery-lightbox-nav {
width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      padding: 0;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: #fff;
      cursor: pointer;
}

.detail-gallery-grid {
display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
      margin-top: 22px;
}

.detail-gallery-tile {
position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      padding: 0;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.74);
      box-shadow: 0 16px 32px rgba(11, 31, 60, 0.08);
      cursor: pointer;
}

.detail-gallery-tile img {
width: 100%;
      height: 100%;
      display: block;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      transition: transform 220ms ease, filter 220ms ease;
}

.detail-gallery-tile:hover img,
    .detail-gallery-tile:focus-visible img {
transform: scale(1.03);
      filter: saturate(1.02);
}

.cta-buttons {
display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 22px;
}

.cta-micro-grid {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 20px;
}

.cta-micro-card {
min-height: 88px;
      display: grid;
      align-content: center;
      gap: 6px;
      padding: 16px 18px;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.06);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cta-micro-card strong {
color: #fff;
      font-size: 1.28rem;
      letter-spacing: -0.05em;
}

.cta-micro-card span {
color: rgba(232, 240, 255, 0.72);
      font-size: 0.82rem;
      line-height: 1.45;
}

.form-grid {
display: grid;
      gap: 12px;
      margin-top: 12px;
}

.input,
    .textarea {
width: 100%;
      border: 1px solid rgba(var(--accent-rgb), 0.12);
      border-radius: 18px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98));
      color: var(--ink);
      padding: 0 14px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.input {
height: 50px;
}

.textarea {
min-height: 120px;
      padding-top: 14px;
      resize: vertical;
}

.form-note {
margin-top: 12px;
      color: var(--ink-muted);
      font-size: 0.84rem;
      line-height: 1.7;
}

.footer {
position: relative;
      padding: 0 0 18px;
      margin-top: 40px;
      background: transparent;
      content-visibility: auto;
      contain-intrinsic-size: 1px 760px;
}

.footer-callout {
position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) auto;
      align-items: center;
      gap: 20px;
      padding: 28px 30px 26px;
      grid-column: 1 / -1;
      margin: 0 0 22px;
      border-radius: 34px;
      border: 1px solid rgba(255, 255, 255, 0.06);
      background:
        radial-gradient(circle at 16% 0%, rgba(var(--accent-rgb-2), 0.08), rgba(var(--accent-rgb-2), 0) 40%),
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0) 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.006)),
        rgba(255, 255, 255, 0.016);
      box-shadow: 0 18px 40px rgba(8, 23, 56, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.footer-callout::before {
content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: radial-gradient(circle at 14% 0%, rgba(var(--accent-rgb-2), 0.06), rgba(var(--accent-rgb-2), 0) 38%);
      opacity: 0.36;
      pointer-events: none;
}

.footer-callout-copy h2 {
margin: 0;
      color: #fff;
      font-size: clamp(1.85rem, 3.5vw, 3.15rem);
      line-height: 1;
      letter-spacing: -0.05em;
      text-wrap: balance;
}

.footer-callout-copy p {
margin: 12px 0 0;
      color: rgba(225, 236, 255, 0.78);
      font-size: 0.94rem;
      line-height: 1.6;
}

.footer-callout-actions {
display: grid;
      grid-template-columns: minmax(0, 1fr) 82px;
      gap: 12px;
      align-items: center;
      min-width: min(500px, 100%);
      justify-self: end;
}

.footer-callout-phone,
    .footer-callout-wa {
min-height: 74px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      box-shadow: 0 14px 24px rgba(10, 34, 22, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.footer-callout-phone {
gap: 14px;
      padding: 0 22px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.96);
      color: var(--blue);
      font-size: 0.96rem;
      font-weight: 700;
      letter-spacing: -0.02em;
}

.footer-callout-wa {
border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.08);
      color: rgba(236, 244, 255, 0.96);
      backdrop-filter: blur(10px);
}

.footer-callout-phone svg,
    .footer-callout-wa svg {
width: 24px;
      height: 24px;
      flex-shrink: 0;
}

.footer-shell {
position: relative;
      isolation: isolate;
      overflow: hidden;
      display: grid;
      grid-template-columns: 300px minmax(0, 1fr);
      gap: 24px;
      padding: 28px 34px 34px;
      margin-top: 0;
      border-radius: 38px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.18), transparent 26%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.96), rgba(var(--accent-dark-rgb-2), 0.96));
      box-shadow: 0 28px 60px rgba(8, 23, 56, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.footer-shell::after {
content: "";
      position: absolute;
      right: -6px;
      bottom: -6px;
      width: min(460px, 46vw);
      aspect-ratio: 1 / 1;
      background:
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.02), rgba(var(--accent-dark-rgb), 0.14)),
        url("../images/footer2.png") right bottom / contain no-repeat;
      opacity: 0.4;
      filter: saturate(1) contrast(1.08);
      pointer-events: none;
      z-index: 0;
}

.footer-shell > * {
position: relative;
      z-index: 1;
}

.footer-brand {
display: grid;
      gap: 16px;
      align-content: start;
}

.footer-contact {
display: grid;
      gap: 10px;
}

.contact-pill {
min-height: 46px;
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      padding: 0 14px;
      border-radius: var(--radius-pill);
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.06);
      color: rgba(232, 240, 255, 0.84);
      font-size: 0.9rem;
}

.footer-links {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
}

.footer-links > div {
min-width: 0;
}

.footer-links h3 {
margin: 0 0 14px;
      color: #fff;
      font-size: 0.92rem;
      letter-spacing: -0.02em;
}

.footer-links a,
    .footer-links p {
display: block;
      margin: 0 0 10px;
      color: rgba(232, 240, 255, 0.72);
      line-height: 1.54;
      font-size: 0.88rem;
}

.footer-signature {
display: flex;
      justify-content: center;
      margin-top: 18px;
}

.footer-signature-chip {
position: relative;
      overflow: hidden;
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      gap: 16px;
      padding: 0 26px 0 20px;
      border-radius: 26px;
      border: 1px solid rgba(16, 32, 58, 0.06);
      background:
        radial-gradient(circle at 10% 50%, rgba(var(--accent-rgb), 0.05), rgba(var(--accent-rgb), 0) 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(248, 250, 254, 0.96));
      box-shadow:
        0 14px 34px rgba(8, 23, 56, 0.08),
        0 2px 8px rgba(var(--accent-rgb), 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
      color: #111;
}

.footer-signature-chip::after {
content: "";
      width: 1px;
      height: 18px;
      align-self: center;
      background: linear-gradient(180deg, rgba(16, 32, 58, 0), rgba(16, 32, 58, 0.14), rgba(16, 32, 58, 0));
}

.footer-signature-chip em {
color: rgba(17, 17, 17, 0.46);
      font-style: normal;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
}

.footer-signature-chip a {
color: #111;
      font-size: 1.02rem;
      font-weight: 800;
      letter-spacing: -0.035em;
      transition: color 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease;
}

.footer-signature-chip a:hover,
    .footer-signature-chip a:focus-visible {
color: rgba(17, 17, 17, 0.78);
      text-shadow: 0 0 18px rgba(var(--accent-rgb), 0.12);
}

.trust-card::before,
    .service-card::before,
    .feature-card::before,
    .step-card::before,
    .testimonial-card::before,
    .testimonial-side::before,
    .cta-panel::before,
    .quick-form::before,
    .footer-shell::before {
content: "";
      position: absolute;
      top: -56px;
      right: -18px;
      width: 170px;
      height: 120px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--accent-rgb-2), 0.12), rgba(var(--accent-rgb-2), 0));
      pointer-events: none;
}

.service-grid .service-card::before {
top: -34px;
      right: -10px;
      width: 118px;
      height: 88px;
      background: radial-gradient(circle, rgba(var(--accent-rgb-2), 0.032), rgba(var(--accent-rgb-2), 0));
}

.trust-card,
    .service-card,
    .feature-card,
    .step-card,
    .testimonial-card,
    .testimonial-side,
    .cta-panel,
    .quick-form,
    .footer-shell,
    .section-link,
    .contact-pill,
    .input,
    .textarea {
transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
}

.trust-card:hover,
    .service-card:hover,
    .feature-card:hover,
    .step-card:hover,
    .testimonial-card:hover,
    .testimonial-side:hover,
    .cta-panel:hover,
    .quick-form:hover {
transform: translateY(-3px);
      box-shadow: 0 28px 54px rgba(16, 32, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88);
      border-color: rgba(var(--accent-rgb), 0.16);
}

.section-link:hover,
    .section-link:focus-visible,
    .contact-pill:hover,
    .contact-pill:focus-visible {
transform: translateY(-1px);
      border-color: rgba(var(--accent-rgb), 0.18);
}

.input:focus,
    .textarea:focus {
outline: none;
      border-color: rgba(var(--accent-rgb), 0.26);
      box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

@media (max-width: 1180px) {
  .footer-callout {
grid-template-columns: 1fr;
  }

  .footer-callout-actions {
min-width: 0;
  }

  .feature-grid,
      .footer-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (min-width: 761px) and (max-width: 1180px) {
  .steps-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {
  .footer-signature-chip {
min-height: 40px;
        gap: 10px;
        padding: 0 15px;
        border-radius: 18px;
  }

  .footer {
margin-top: 28px;
  }

  .footer-callout {
padding: 18px 18px 16px;
        margin: 0 0 18px;
        border-radius: 28px;
  }

  .footer-shell {
padding: 18px 22px 18px;
        margin-top: 0;
  }

  body.site-header-variant-split .footer {
padding: 0;
  }

  body.site-header-variant-split .footer > .container {
width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
  }

  body.site-header-variant-split .footer-shell--columns {
border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
  }

  body.site-header-variant-split .footer-signature {
display: flex;
        justify-content: center;
        padding: 0 12px 18px;
        margin-top: 10px;
  }

  body.site-header-variant-split .footer-signature-chip {
width: min(100%, 320px);
        justify-content: center;
  }

  .footer-callout-copy h2 {
font-size: clamp(1.5rem, 7vw, 2.15rem);
  }

  .footer-callout-copy p {
margin-top: 10px;
        font-size: 0.86rem;
  }

  .footer-callout-actions {
min-width: 0;
        width: 100%;
        justify-self: stretch;
        grid-template-columns: minmax(0, 1fr) 72px;
        gap: 12px;
        align-items: stretch;
  }

  .footer-callout-phone,
      .footer-callout-wa {
width: 100%;
        min-height: 58px;
        border-radius: 18px;
  }

  .footer-callout-phone {
gap: 10px;
        padding: 0 16px;
        font-size: 0.86rem;
        justify-content: center;
  }

  .footer-callout-phone svg,
      .footer-callout-wa svg {
width: 22px;
        height: 22px;
  }

  .footer-callout-wa {
flex: 0 0 72px;
  }

  .footer-signature {
margin-top: 6px;
  }

  .service-grid {
grid-template-columns: 1fr;
  }

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

  .step-card {
min-height: 0;
        padding: 20px 18px 18px;
        border-radius: 28px;
        box-shadow: 0 18px 34px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  .step-card-footer {
padding-top: 14px;
  }

  .step-card-link {
width: 100%;
  }

  #bolgeler .section-head,
      .section-testimonials .section-head,
      #iletisim .section-head {
margin-bottom: 16px;
  }

  #bolgeler .section-kicker.section-kicker-heading,
      .section-testimonials .section-kicker.section-kicker-heading,
      #iletisim .section-kicker.section-kicker-heading {
font-size: clamp(1.58rem, 2.72vw, 2.56rem);
        line-height: 1.02;
        letter-spacing: -0.038em;
        font-weight: 690;
        gap: 14px;
  }

  #bolgeler .step-card::after,
      .section-testimonials .testimonial-card::after,
      .section-testimonials .testimonial-side::after,
      #iletisim .cta-panel::after,
      #iletisim .quick-form::after {
content: "";
        position: absolute;
        left: 20px;
        top: 0;
        width: 56px;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.94), rgba(var(--accent-rgb), 0.12));
        pointer-events: none;
  }

  #iletisim .quick-form::after {
display: none;
  }

  #bolgeler .step-card h3 {
font-size: 1.12rem;
        line-height: 1.08;
  }

  #bolgeler .step-card p {
font-size: 0.92rem;
        line-height: 1.76;
  }

  .section-testimonials .testimonial-shell {
gap: 14px;
  }

  .testimonial-card,
      .testimonial-side {
padding: 24px 20px 22px;
        border-radius: 28px;
  }

  .section-testimonials .testimonial-card {
min-height: 0;
  }

  .section-testimonials .testimonial-top {
gap: 14px;
        margin-bottom: 14px;
  }

  .section-testimonials .testimonial-avatar {
width: 62px;
        height: 62px;
        font-size: 0.96rem;
  }

  .section-testimonials .testimonial-card p {
font-size: 0.96rem;
        line-height: 1.84;
  }

  .gallery-panel-badge {
display: none;
  }

  .gallery-panel .cta-panel-kicker,
      .gallery-panel h3,
      .gallery-panel p {
max-width: 100%;
  }

  .gallery-grid,
      .gallery-side-stack {
gap: 10px;
  }

  .detail-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
  }

  .gallery-panel-badge {
top: 22px;
        right: 22px;
        width: 132px;
  }

  .gallery-panel .cta-panel-kicker,
      .gallery-panel h3,
      .gallery-panel p {
max-width: 100%;
  }

  .gallery-lightbox {
padding: 16px;
  }

  .gallery-lightbox-dialog {
padding: 14px;
        border-radius: 24px;
  }

  .gallery-lightbox-bar {
flex-direction: column;
        align-items: flex-start;
  }

  .testimonial-rail {
gap: 10px;
        padding-top: 14px;
  }

  #iletisim .cta-band {
gap: 14px;
  }

  #iletisim .cta-panel,
      #iletisim .quick-form {
padding: 24px 20px 22px;
        border-radius: 30px;
  }

  #iletisim .faq-stack {
padding-left: 24px;
  }

  #iletisim .faq-stack::before,
      #iletisim .faq-stack::after {
left: 8px;
  }

  #iletisim .faq-item::before {
left: -20px;
        top: 24px;
  }

  #iletisim .faq-item::after {
left: -11px;
        top: 29px;
        width: 11px;
  }

  #iletisim .gallery-panel h3,
      #iletisim .gallery-side h3 {
font-size: 1.36rem;
        line-height: 1.08;
  }

  #iletisim .cta-panel p,
      #iletisim .quick-form p {
font-size: 0.96rem;
        line-height: 1.8;
  }

  .rating-stars {
flex-wrap: wrap;
        gap: 8px;
  }

  .rating-summary {
gap: 6px;
  }

  .rating-star {
width: 42px;
        height: 42px;
        border-radius: 14px;
  }

  .subpage-panel .rating-panel-title {
font-size: 1.54rem;
  }

  .subpage-panel .rating-panel-intro {
max-width: 100%;
  }

  .service-card-footer {
display: grid;
        justify-content: stretch;
  }

  .service-card-link {
width: 100%;
        justify-content: center;
  }

  .feature-meta-action {
width: 100%;
        justify-content: center;
  }

  .cta-micro-grid {
grid-template-columns: 1fr;
  }

}

@media (min-width: 1181px) {
  body.site-slider-variant-edge:not(.home-page) .subpage-hero {
padding-left: 0;
        padding-right: 0;
  }

  body.site-slider-variant-edge:not(.home-page) .subpage-hero > .container {
width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
  }

  body.site-slider-variant-edge:not(.home-page) .subpage-hero-shell {
width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
  }

  body.site-slider-variant-edge:not(.home-page) .subpage-hero-media {
border-radius: 30px;
  }

  body.site-slider-variant-edge .footer {
padding: 0;
        background: rgb(var(--accent-dark-rgb));
  }

  body.site-slider-variant-edge .footer > .container {
width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
  }

  body.site-slider-variant-edge .footer-shell {
width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        box-shadow: none;
  }

  body.site-slider-variant-edge .footer-shell::after {
right: max(0px, calc((100vw - var(--container)) / 2 - 32px));
  }

  body.site-slider-variant-edge .footer-callout,
      body.site-slider-variant-edge .footer-callout::before {
border-radius: 24px;
  }

  body.site-slider-variant-edge .footer-shell--shell {
width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        box-shadow: none;
  }

  body.site-slider-variant-edge .footer-shell--shell::after {
right: max(0px, calc((100vw - var(--container)) / 2 - 32px));
  }

  body.site-slider-variant-edge .footer-shell--shell .footer-callout,
      body.site-slider-variant-edge .footer-shell--shell .footer-callout::before {
border-radius: 24px;
  }

  body.site-header-variant-glass .footer {
padding: 0;
        background: rgb(var(--accent-dark-rgb));
  }

  body.site-header-variant-glass .footer > .container {
width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
  }

  body.site-header-variant-glass .footer-shell--shell {
border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        box-shadow: none;
  }

  body.site-header-variant-glass .footer-shell--shell::after {
right: max(0px, calc((100vw - var(--container)) / 2 - 32px));
  }

}

.footer-shell--columns {
grid-template-columns: minmax(0, 1fr);
      gap: 26px;
      padding: 28px 30px 34px;
}

.footer-shell--columns .footer-brand {
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: 22px;
      align-items: start;
}

.footer-shell--columns .footer-links {
padding-top: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-shell--minimal {
padding: 24px 28px 30px;
      border-radius: 32px;
      background:
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.12), transparent 24%),
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.97), rgba(var(--accent-dark-rgb-2), 0.98));
      box-shadow: 0 22px 46px rgba(8, 23, 56, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.footer-shell--minimal::after {
opacity: 0.2;
}

.footer-shell--minimal .footer-callout,
    .footer-shell--minimal .contact-pill {
background: rgba(255, 255, 255, 0.04);
      border-color: rgba(255, 255, 255, 0.08);
      box-shadow: none;
}

.footer-shell--minimal .footer-links a,
    .footer-shell--minimal .footer-links p {
color: rgba(232, 240, 255, 0.78);
}

@media (min-width: 1181px) {
  body.site-header-variant-split .footer {
padding: 0;
        background: rgb(var(--accent-dark-rgb));
  }

  body.site-header-variant-split .footer > .container {
width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
  }

  body.site-header-variant-split .footer-shell--columns {
border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding-left: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        padding-right: max(34px, calc((100vw - var(--container)) / 2 + 34px));
        box-shadow: none;
  }

  body.site-header-variant-split .footer-shell--columns::after {
right: max(0px, calc((100vw - var(--container)) / 2 - 32px));
  }

  body.site-header-variant-split .footer-shell--columns .footer-brand {
grid-template-columns: 1fr;
        gap: 18px;
        justify-items: center;
        text-align: center;
  }

  body.site-header-variant-split .footer-shell--columns .footer-contact {
grid-template-columns: repeat(3, minmax(0, max-content));
        justify-content: center;
        gap: 12px;
  }

}

@media (min-width: 1181px) {
  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero {
padding: 28px 0 12px;
  }

  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero::before,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero::before,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero::before {
display: none;
  }

  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero > .container,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero > .container,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero > .container {
width: min(calc(100% - 32px), var(--container));
        max-width: none;
        margin: 0 auto;
        padding: 0;
  }

  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero-shell,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero-shell,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero-shell {
padding: 34px;
        border-radius: 42px;
        border: 1px solid rgba(255, 255, 255, 0.88);
        background:
          radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.14), rgba(var(--accent-rgb-2), 0) 28%),
          linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.94), rgba(var(--accent-dark-rgb-2), 0.92));
        box-shadow: 0 38px 92px rgba(var(--accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero-shell::before,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero-shell::before,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero-shell::before {
display: block;
  }

  body.site-slider-variant-panel.site-header-variant-split:not(.home-page) .subpage-hero-media,
      body.site-slider-variant-panel.site-header-variant-glass:not(.home-page) .subpage-hero-media,
      body.site-slider-variant-panel.site-header-variant-signature:not(.home-page) .subpage-hero-media {
min-height: 320px;
        border-radius: 32px;
        border-color: rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }

  body.site-slider-variant-panel.site-header-variant-split .footer,
      body.site-slider-variant-panel.site-header-variant-glass .footer,
      body.site-slider-variant-panel.site-header-variant-signature .footer {
padding: 0 0 18px;
        background: transparent;
  }

  body.site-slider-variant-panel.site-header-variant-split .footer > .container,
      body.site-slider-variant-panel.site-header-variant-glass .footer > .container,
      body.site-slider-variant-panel.site-header-variant-signature .footer > .container {
width: min(calc(100% - 32px), var(--container));
        max-width: none;
        margin: 0 auto;
        padding: 0;
  }

  body.site-slider-variant-panel.site-header-variant-split .footer-shell,
      body.site-slider-variant-panel.site-header-variant-glass .footer-shell,
      body.site-slider-variant-panel.site-header-variant-signature .footer-shell {
width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        border-radius: 38px;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-left: 34px;
        padding-right: 34px;
        box-shadow: 0 28px 60px rgba(8, 23, 56, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  body.site-slider-variant-panel.site-header-variant-split .footer-shell::after,
      body.site-slider-variant-panel.site-header-variant-glass .footer-shell::after,
      body.site-slider-variant-panel.site-header-variant-signature .footer-shell::after {
right: -6px;
  }
}

.services-variant-editorial .service-grid {
grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
      gap: 14px;
}

.services-variant-editorial .service-card:first-child {
background:
        linear-gradient(180deg, rgba(var(--accent-dark-rgb), 0.94), rgba(var(--accent-dark-rgb-2), 0.94)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.24), transparent 36%);
      border-color: rgba(var(--accent-rgb), 0.18);
      box-shadow: 0 24px 46px rgba(8, 23, 56, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.services-variant-editorial .service-card:first-child h3,
    .services-variant-editorial .service-card:first-child p,
    .services-variant-editorial .service-card:first-child .service-card-meta {
color: rgba(245, 249, 255, 0.94);
}

.services-variant-editorial .service-card:first-child .service-chip,
    .services-variant-editorial .service-card:first-child .service-card-link {
color: #fff;
      border-color: rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.section-services-catalog.services-variant-editorial .feature-grid {
grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.96fr) minmax(0, 0.96fr);
}

.section-services-catalog.services-variant-editorial .feature-card:first-child {
transform: translateY(-8px);
      box-shadow: 0 28px 54px rgba(16, 32, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.services-variant-stacked .service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
}

.services-variant-stacked .service-card {
min-height: 236px;
      padding: 28px;
      border-color: rgba(var(--accent-rgb), 0.14);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 248, 255, 0.93)),
        radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb-2), 0.05), transparent 46%);
      box-shadow: 0 18px 34px rgba(16, 32, 58, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.services-variant-stacked .service-card:nth-child(-n+2) {
min-height: 256px;
      box-shadow: 0 22px 44px rgba(16, 32, 58, 0.068), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.services-variant-stacked .service-card:nth-child(n+3) {
grid-column: 1 / -1;
      min-height: 214px;
}

.services-variant-stacked .service-card:nth-child(2) {
transform: translateY(10px);
}

.section-services-catalog.services-variant-stacked .feature-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
}

.section-services-catalog.services-variant-stacked .feature-card:nth-child(-n+2) {
min-height: 414px;
      padding: 16px;
      box-shadow: 0 28px 52px rgba(16, 32, 58, 0.086), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.section-services-catalog.services-variant-stacked .feature-card:nth-child(2) {
transform: translateY(14px);
}

.section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) {
grid-column: 1 / -1;
      grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
      grid-template-rows: none;
      gap: 18px;
      min-height: 320px;
      padding: 18px;
}

.section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-media {
min-height: 100%;
      height: 100%;
}

.section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-body {
align-content: center;
      padding: 14px 12px 14px 6px;
}

.section-testimonials.testimonials-variant-balanced .testimonial-shell {
grid-template-columns: 300px minmax(0, 1fr);
      align-items: stretch;
}

.section-testimonials.testimonials-variant-balanced .testimonial-side {
order: -1;
      padding: 28px;
}

.section-testimonials.testimonials-variant-balanced .testimonial-card {
min-height: 344px;
      border-color: rgba(var(--accent-rgb), 0.14);
      box-shadow: 0 28px 54px rgba(16, 32, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.section-testimonials.testimonials-variant-quote .testimonial-shell {
grid-template-columns: 1fr;
      gap: 16px;
}

.section-testimonials.testimonials-variant-quote .testimonial-card {
min-height: 0;
      padding: 34px 36px;
      border-radius: 38px;
}

.section-testimonials.testimonials-variant-quote .testimonial-slide p {
max-width: 90%;
      font-size: 1.02rem;
      line-height: 1.92;
}

.section-testimonials.testimonials-variant-quote .testimonial-rail {
justify-content: space-between;
}

.section-testimonials.testimonials-variant-quote .testimonial-side {
padding: 24px 26px;
}

@media (max-width: 1024px) {
  .footer-shell--columns .footer-brand {
grid-template-columns: 1fr;
  }

  .section-testimonials.testimonials-variant-balanced .testimonial-shell {
grid-template-columns: 1fr;
  }

  .section-testimonials.testimonials-variant-balanced .testimonial-side {
order: 0;
  }

}

@media (max-width: 900px) {
  .services-variant-editorial .service-grid,
      .services-variant-stacked .service-grid,
      .section-services-catalog.services-variant-editorial .feature-grid,
      .section-services-catalog.services-variant-stacked .feature-grid {
grid-template-columns: 1fr;
  }

  .services-variant-stacked .service-card:nth-child(2),
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(2) {
transform: none;
  }

  .services-variant-stacked .service-card:nth-child(n+3) {
grid-column: auto;
        min-height: 228px;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(-n+2),
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) {
grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 0;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(-n+2) .feature-media,
      .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-media {
min-height: 220px;
        height: auto;
  }

  .section-services-catalog.services-variant-stacked .feature-card:nth-child(n+3) .feature-body {
padding: 0;
  }

}

@media (max-width: 720px) {
  .section-head::after,
      .service-card::after,
      .feature-card::after,
      .testimonial-card::after,
      .testimonial-side::after,
      .cta-panel::after,
      .quick-form::after {
display: none;
  }

  .service-card::before,
      .feature-card::before,
      .testimonial-card::before,
      .testimonial-side::before,
      .cta-panel::before,
      .quick-form::before {
width: 54px;
        left: 20px;
  }

  .footer-shell--columns,
      .footer-shell--minimal {
padding: 22px 20px 26px;
  }

  .section-testimonials.testimonials-variant-quote .testimonial-card {
padding: 28px 24px;
  }

  .section-testimonials.testimonials-variant-quote .testimonial-slide p {
max-width: 100%;
        font-size: 0.98rem;
  }

}