/* Reboost theme compatibility tweaks only */

:root {
  --accent-color: #0071bc;
  --app-bg: #0a0f14;
  --app-text: #e9f3fb;
  --header-glass: rgba(10, 10, 10, 0.72);
  --header-toggler-border: rgba(127, 146, 165, 0.45);
  --header-toggler-focus-ring: rgba(0, 113, 188, 0.25);
  --header-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%237f92a5' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --tuner-bg: rgba(10, 14, 20, 0.52);
  --tuner-head-bg: rgba(8, 12, 18, 0.4);
  --tuner-input-bg: rgba(1, 8, 16, 0.45);
  --tuner-text: #e6f4ff;
  --tuner-value-text: #9fd7ff;
  --tuner-textarea-text: #b8dcff;
  --tuner-border: rgba(255, 255, 255, 0.22);
  --tuner-head-border: rgba(255, 255, 255, 0.12);
  --tuner-control-border: rgba(255, 255, 255, 0.24);
  --tuner-control-bg: rgba(0, 113, 188, 0.2);
  --tuner-control-text: #fff;
  --tuner-textarea-border: rgba(255, 255, 255, 0.18);
  --hero-target-bg: rgba(17, 17, 17, 0.75);
  --hero-target-border: rgba(255, 255, 255, 0.35);
  --hero-magnet-border: rgba(0, 113, 188, 0.5);
  --hero-magnet-bg: radial-gradient(circle, rgba(0, 113, 188, 0.28) 0%, rgba(0, 113, 188, 0.06) 55%, rgba(0, 0, 0, 0) 75%);
  --hero-magnet-shadow: rgba(0, 113, 188, 0.35);
  --sitelink-border: rgba(255, 255, 255, 0.18);
  --header-link-light: #20374a;
  --btn-outline-light-color: #1a2f43;
  --btn-outline-light-border: rgba(26, 47, 67, 0.3);
  --btn-outline-light-hover-color: #fff;
  --btn-outline-light-hover-bg: rgba(16, 33, 49, 0.1);
  --btn-outline-light-hover-border: rgba(16, 33, 49, 0.45);
  --header-control-color: #fff;
  --logo-band-bg: #0091ff;
  --logo-marquee-item-hover-bg: color-mix(in srgb, var(--logo-band-bg) 72%, #001f3d);
  --logo-marquee-item-hover-border: rgba(255, 255, 255, 0.22);
  --logo-marquee-item-hover-shadow: 0 4px 18px rgba(0, 35, 80, 0.45);
  --pricing-watermark: rgba(0, 113, 188, 0.1);
  --site-glow-a: radial-gradient(circle at 50% 50%, rgba(0, 145, 255, 0.22) 0%, rgba(0, 145, 255, 0.08) 36%, rgba(0, 145, 255, 0) 70%);
  --site-glow-b: radial-gradient(circle at 50% 50%, rgba(0, 113, 188, 0.18) 0%, rgba(0, 113, 188, 0.06) 34%, rgba(0, 113, 188, 0) 68%);
}

body {
  position: relative;
  min-height: 100vh;
  background: var(--app-bg);
  color: var(--app-text);
  --contact-field-border: rgba(0, 113, 188, 0.48);
  /* Yatay taşmayı kes; yalnızca overflow-x (ör. section’da) kullanılınca CSS overflow-y’yi auto yapıp bantta sahte dikey scrollbar oluşabiliyor */
  overflow-x: hidden;
  overflow-y: auto;
}

body::before {
  content: "";
  position: fixed;
  width: 62vmax;
  height: 62vmax;
  left: -18vmax;
  top: -14vmax;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  background: var(--site-glow-a);
  filter: blur(8px);
  will-change: transform;
  animation: site-bg-orbit-a 78s linear infinite;
}

body::after {
  content: "";
  position: fixed;
  width: 58vmax;
  height: 58vmax;
  right: -16vmax;
  bottom: -18vmax;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  background: var(--site-glow-b);
  filter: blur(10px);
  will-change: transform;
  animation: site-bg-orbit-b 92s linear infinite;
}

body[data-app-env='production'][data-show-pending='0'] [data-pending-section='1'] {
  display: none !important;
}

body[data-theme='light'] {
  --app-bg: #f4f8fc;
  --app-text: #102131;
  --contact-field-border: rgba(0, 72, 118, 0.58);
  --header-glass: rgba(255, 255, 255, 0.78);
  --header-toggler-border: rgba(84, 100, 116, 0.4);
  --header-toggler-focus-ring: rgba(0, 113, 188, 0.25);
  --header-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23546374' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --tuner-bg: rgba(255, 255, 255, 0.64);
  --tuner-head-bg: rgba(245, 250, 255, 0.74);
  --tuner-input-bg: rgba(255, 255, 255, 0.72);
  --tuner-text: #132839;
  --tuner-value-text: #1f4f72;
  --tuner-textarea-text: #1b3f5a;
  --tuner-border: rgba(16, 33, 49, 0.2);
  --tuner-head-border: rgba(16, 33, 49, 0.14);
  --tuner-control-border: rgba(16, 33, 49, 0.28);
  --tuner-control-bg: rgba(0, 113, 188, 0.14);
  --tuner-control-text: #163149;
  --tuner-textarea-border: rgba(16, 33, 49, 0.2);
  --hero-target-bg: rgba(255, 255, 255, 0.7);
  --hero-target-border: rgba(16, 33, 49, 0.25);
  --hero-magnet-border: rgba(0, 113, 188, 0.45);
  --hero-magnet-bg: radial-gradient(circle, rgba(0, 113, 188, 0.24) 0%, rgba(0, 113, 188, 0.05) 55%, rgba(255, 255, 255, 0) 75%);
  --hero-magnet-shadow: rgba(0, 113, 188, 0.28);
  --sitelink-border: rgba(16, 33, 49, 0.18);
  --header-link-light: #20374a;
  --btn-outline-light-color: #1a2f43;
  --btn-outline-light-border: rgba(26, 47, 67, 0.3);
  --btn-outline-light-hover-color: #fff;
  --btn-outline-light-hover-bg: rgba(16, 33, 49, 0.1);
  --btn-outline-light-hover-border: rgba(16, 33, 49, 0.45);
  --header-control-color: #3f464d;
  --logo-band-bg: #0091ff;
  --logo-marquee-item-hover-bg: color-mix(in srgb, var(--logo-band-bg) 72%, #001f3d);
  --logo-marquee-item-hover-border: rgba(255, 255, 255, 0.2);
  --logo-marquee-item-hover-shadow: 0 4px 18px rgba(0, 35, 80, 0.4);
  --pricing-watermark: rgba(0, 113, 188, 0.1);
  --site-glow-a: radial-gradient(circle at 50% 50%, rgba(0, 145, 255, 0.14) 0%, rgba(0, 145, 255, 0.05) 34%, rgba(0, 145, 255, 0) 68%);
  --site-glow-b: radial-gradient(circle at 50% 50%, rgba(0, 113, 188, 0.12) 0%, rgba(0, 113, 188, 0.04) 32%, rgba(0, 113, 188, 0) 66%);
}

#header {
  z-index: 1040;
  background: transparent;
  transition: background-color .25s ease, backdrop-filter .25s ease;
}

#header.glass-effect {
  background: var(--header-glass);
  backdrop-filter: blur(10px);
}

#header .navbar {
  margin: 0 !important;
}

.navbar-toggler {
  border-color: var(--header-toggler-border);
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.2rem var(--header-toggler-focus-ring);
}

.navbar-toggler-icon {
  background-image: var(--header-toggler-icon-bg);
}

.google-partner-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--header-control-color) 28%, transparent);
  padding: 0.2rem 0.45rem;
  text-decoration: none;
  opacity: 0.92;
  line-height: 0;
}

.google-partner-badge img {
  height: 26px;
  width: auto;
  max-width: min(132px, 28vw);
  display: block;
}

.google-partner-badge:hover,
.google-partner-badge:focus-visible {
  opacity: 1;
}

.header-lang-btn,
.header-theme-btn {
  border: 0;
  background: transparent;
  color: var(--header-control-color);
  padding: 0.15rem 0.35rem;
  font-size: 0.72rem;
  line-height: 1;
  opacity: 0.72;
}

.header-lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0;
  border-radius: 999px;
}

.header-lang-btn[aria-pressed='true'],
.header-theme-btn[aria-pressed='true'],
.header-lang-btn:hover,
.header-theme-btn:hover {
  color: var(--header-control-color);
  opacity: 1;
}

.header-lang-btn[aria-pressed='true'] {
  border: 1px solid color-mix(in srgb, currentColor 36%, transparent);
}

button.header-lang-btn:hover,
button.header-theme-btn:hover,
button.header-lang-btn:focus-visible,
button.header-theme-btn:focus-visible {
  color: var(--header-control-color);
}

.header-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0;
}

.header-theme-btn__icon {
  width: 1.05rem;
  height: 1.05rem;
  fill: currentColor;
}

.header-theme-btn__icon--moon {
  display: none;
}

body[data-theme='light'] .header-theme-btn__icon--sun {
  display: none;
}

body[data-theme='light'] .header-theme-btn__icon--moon {
  display: block;
}

.hero-flow-section {
  position: relative;
  overflow: hidden;
  background: none !important;
  background-image: none !important;
}

.hero-flow-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.hero-flow-content {
  position: relative;
  z-index: 2;
}

.hero-flow-node {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.hero-flow-node--magnet {
  width: clamp(54px, 5.6vw, 84px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 1px solid var(--hero-magnet-border);
  background: var(--hero-magnet-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 25px var(--hero-magnet-shadow);
}

.hero-flow-node--magnet img {
  width: 62%;
  height: 62%;
  filter: brightness(0) saturate(100%) invert(1);
}

body[data-theme='light'] .hero-flow-node--magnet img {
  filter: none;
}

.hero-flow-node--target {
  min-width: clamp(56px, 6vw, 88px);
  min-height: clamp(36px, 3.4vw, 48px);
  border-radius: 10px;
  border: 1px solid var(--hero-target-border);
  background: var(--hero-target-bg);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.55rem;
}

.hero-flow-node--target span {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  opacity: 0.86;
}

.hero-kicker {
  letter-spacing: 0.18em;
  font-size: 0.74rem;
  opacity: 0.85;
}

.hero-flow-content .col-lg-12 {
  text-align: center;
}

.hero-title {
  /* Theme h1 max is 6rem (~96px). Keep hero title ~5% smaller, not tiny. */
  font-size: clamp(3rem, 8.4vw, 4.7rem);
}

.hero-title span:last-child {
  font-size: clamp(3rem, 8.4vw, 2.7rem);
  margin-top: 1rem;
}

.hero-sub {
  max-width: 38ch;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.95rem;
}

.hero-ctas .btn-accent,
.hero-ctas .btn-accent-3 {
  width: auto;
}

.hero-ctas .btn-accent-3:hover {
  color: #fff;
}

/* Outline CTA: hover’da dolgu primary iken metin primary kalıyordu — okunaklı beyaz */
.btn-accent-3:hover,
.btn-accent-3:focus-visible {
  color: #fff;
}

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

.contact-map-embed__ratio {
  width: 100%;
  max-width: 100%;
  /* Önceki 4:3 (~0.75w) yüksekliğinin %60'ı → h/w ≈ 0.45 → aspect-ratio 20/9 */
  aspect-ratio: 20 / 9;
  overflow: hidden;
}

.contact-map-embed__iframe {
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.contact-info-actions .btn-accent-3 {
  font-size: 0.875rem;
  padding: 0.45rem 0.5rem;
}

.hero-ctas {
  justify-content: center;
}

.section {
  background-color: transparent !important;
}

.section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
  position: relative;
  text-align: center;
  margin-bottom: 1.8rem;
}

.section-head::before {
  content: "";
  width: 100px;
  height: 4px;
  border-radius: 999px;
  background: var(--accent-color);
}

.section-head > .h1,
.section-head > h2 {
  margin-bottom: 0;
}

.section-head > p {
  margin-bottom: 0;
  max-width: 64ch;
}

.service-layer-card {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.service-layer-card__icon {
  width: auto;
  height: 50px;
  object-fit: contain;
  flex: 0 0 auto;
}

.service-layer-card__icon--light {
  display: none;
}

body[data-theme='dark'] .service-layer-card__icon--dark {
  display: none;
}

body[data-theme='dark'] .service-layer-card__icon--light {
  display: block;
}

.service-layer-card__sub {
  color: rgba(233, 243, 251, 0.86);
}

.service-layer-card__list {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

.service-layer-card__list li {
  position: relative;
  padding-left: 1.25rem;
  color: rgba(233, 243, 251, 0.82);
}

.service-layer-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-color);
}

.service-layer-card__detail {
  color: #d9efff;
  text-decoration: none;
  font-weight: 600;
}

.service-layer-card__detail:hover {
  color: #fff;
}

.why-clicksem__card {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}

.why-clicksem__icon-inline {
  display: inline-flex;
  color: var(--accent-color);
}

.why-clicksem__icon-inline svg {
  width: 24px;
  height: 24px;
}

.why-clicksem__cta {
  background-color: rgba(26, 47, 67, 0.28);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.why-clicksem__cta--outlined p {
  max-width: 760px;
}

.section-watermark {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  white-space: nowrap;
  font-family: var(--font-1);
  font-size: clamp(2.8rem, 14.5vw, 14.2rem);
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--pricing-watermark);
  opacity: 0.9;
}

.card-pricing {
  border: none !important;
  box-shadow:
    0 8px 22px rgba(3, 12, 22, 0.22),
    0 1px 0 rgba(255, 255, 255, 0.03) inset;
  background-color: rgba(26, 47, 67, 0.3);
}

.card-pricing.why-clicksem__cta--outlined {
  border: 1px solid rgba(26, 47, 67, 0.6) !important;
  background-color: transparent !important;
}

.contact-surface {
  border: 1px solid rgba(26, 47, 67, 0.6);
  background-color: transparent !important;
  box-shadow:
    0 8px 22px rgba(3, 12, 22, 0.22),
    0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.contact-social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.contact-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 0.55rem;
  color: var(--accent-color);
  border: 1px solid var(--contact-field-border);
  background-color: transparent;
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.contact-social__link svg {
  display: block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  fill: currentColor;
  color: inherit;
}

a.contact-social__link:hover {
  color: var(--app-text);
  border-color: color-mix(in srgb, var(--contact-field-border) 55%, var(--app-text) 45%);
}

.contact-social__link--disabled {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
}

.contact-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.7rem 1rem;
  border-radius: 0.55rem;
  font-weight: 600;
  text-decoration: none;
  background-color: #25d366;
  color: #fff !important;
  border: none;
  box-shadow: none;
}

.contact-whatsapp-btn:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

#contact .contact-form-panel {
  --bs-body-bg: transparent;
}

#contact form.contact-form-panel {
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

#contact .contact-form-panel .form-label {
  background-color: transparent;
  font-size: 0.95rem;
  font-weight: 500;
}

#contact .contact-form-panel .form-control,
#contact .contact-form-panel .form-select {
  --bs-form-select-bg: transparent;
  --bs-form-select-color: inherit;
  background-color: transparent !important;
  color: inherit;
  border: 1px solid var(--contact-field-border);
  box-shadow: none;
}

/* Native dropdown list: avoid light popup + inherited light text (unreadable). */
#contact .contact-form-panel .form-select {
  color-scheme: dark;
}

body[data-theme='light'] #contact .contact-form-panel .form-select {
  color-scheme: light;
}

#contact .contact-form-panel .form-select option,
#contact .contact-form-panel .form-select optgroup {
  background-color: Canvas;
  color: CanvasText;
}

#contact .contact-form-panel .form-control::placeholder {
  color: color-mix(in srgb, var(--app-text) 42%, transparent);
}

#contact .contact-form-panel .form-control:focus,
#contact .contact-form-panel .form-select:focus {
  background-color: transparent !important;
  border-color: #fff;
  border-width: 2px;
  box-shadow: none;
  outline: none;
}

#contact .contact-form-panel .form-check-input {
  background-color: transparent;
  border: 1px solid var(--contact-field-border);
  box-shadow: none;
}

#contact .contact-form-panel .form-check-input:focus {
  border-color: #fff;
  border-width: 2px;
  box-shadow: none;
  outline: none;
}

#contact .contact-form-panel .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

#pricing .row.row-cols-xl-5 > .col {
  display: flex;
}

#pricing .card-pricing.class-duration {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
}

#pricing .card-pricing.class-duration.bg-accent-color-4 {
  background-color: var(--accent-color-4);
  box-shadow:
    0 14px 34px rgba(0, 74, 132, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

.pricing-head {
  position: relative;
}

.pricing-watermark {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  white-space: nowrap;
  font-family: var(--font-1);
  font-size: clamp(2.8rem, 14.5vw, 14.2rem);
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--pricing-watermark);
  opacity: 0.9;
}

body[data-theme='dark'] .text-muted {
  color: rgba(233, 243, 251, 0.78) !important;
}

body[data-theme='light'] .service-layer-card__sub,
body[data-theme='light'] .service-layer-card__list li {
  color: rgba(16, 33, 49, 0.76);
}

body[data-theme='light'] .service-layer-card__detail {
  color: #0a6aa8;
}

body[data-theme='light'] .why-clicksem__cta {
  background-color: rgba(26, 47, 67, 0.08);
}

/* Desktop: shift hero copy so it clears canvas magnet / flow focal area */
@media (min-width: 992px) {
  .hero-flow-content > .row.align-items-center.g-4 {
    padding-left: 20%;
  }
}

.ad-step[hidden] {
  display: none !important;
}

.char-counter {
  font-size: .8rem;
  opacity: .85;
}

.sitelink-set {
  padding: 12px;
  border: 1px solid var(--sitelink-border);
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  #header .r-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .google-partner-badge {
    display: none;
  }

  .hero-flow-node--target {
    min-width: 60px;
  }

  .hero-title {
    font-size: clamp(2rem, 8.4vw, 4.7rem);
  }

  .pricing-watermark {
    top: -20px;
    letter-spacing: 0.04em;
  }

  .section-watermark {
    top: -20px;
    letter-spacing: 0.04em;
  }

  .hero-flow-content > .row.align-items-center.g-4 .col-lg-12 {
    padding-top: 3rem;
  }
}

.hero-flow-tuner {
  position: fixed;
  right: 14px;
  bottom: 14px;
  width: min(340px, calc(100vw - 24px));
  max-height: min(76vh, 700px);
  overflow: hidden;
  z-index: 1200;
  border: 1px solid var(--tuner-border);
  border-radius: 10px;
  background: var(--tuner-bg);
  color: var(--tuner-text);
  font-size: 12px;
  backdrop-filter: blur(12px);
}

.hero-flow-tuner__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--tuner-head-border);
  background: var(--tuner-head-bg);
}

.hero-flow-tuner__head button,
.hero-flow-tuner__body button {
  border: 1px solid var(--tuner-control-border);
  background: var(--tuner-control-bg);
  color: var(--tuner-control-text);
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
}

.hero-flow-tuner__body {
  display: grid;
  gap: 7px;
  padding: 8px 10px 10px;
  overflow: auto;
  max-height: calc(min(76vh, 700px) - 44px);
}

.hero-flow-tuner__body label {
  display: grid;
  gap: 4px;
}

.hero-flow-tuner__theme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.hero-flow-tuner__theme-actions {
  display: flex;
  gap: 6px;
}

.hero-flow-tuner__labelhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hero-flow-tuner__labelhead [data-value-for] {
  color: var(--tuner-value-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  white-space: nowrap;
}

.hero-flow-tuner__body input[type="range"],
.hero-flow-tuner__body input[type="color"],
.hero-flow-tuner__body textarea {
  width: 100%;
}

.hero-flow-tuner__body textarea {
  min-height: 120px;
  border-radius: 6px;
  border: 1px solid var(--tuner-textarea-border);
  background: var(--tuner-input-bg);
  color: var(--tuner-textarea-text);
  padding: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
}

.hero-flow-tuner.is-collapsed .hero-flow-tuner__body {
  display: none;
}

.logo-marquee {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  transform: rotate(-2deg);
  padding: 0.8rem 0;
  background: var(--logo-band-bg);
  /* 100vw + negatif margin scrollbar ile sayfadan taşır; main zaten tam genişlikte */
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.logo-marquee--primary {
  box-shadow: 0 10px 26px rgba(0, 113, 188, 0.28);
}

.logo-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  /* Sabit süre: logo sayısından bağımsız, her yenilemede aynı; yavaş linear = sakin kayış */
  animation: logo-marquee 100s linear infinite;
  will-change: transform;
}

.logo-marquee__group {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 14px;
}

.logo-marquee__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.7rem;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.logo-marquee__item--placeholder {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
}

.logo-marquee__item img {
  display: block;
  height: 44px;
  width: auto;
  max-width: min(200px, 42vw);
  object-fit: contain;
}

.logo-marquee__item:hover {
  background: var(--logo-marquee-item-hover-bg);
  border-color: var(--logo-marquee-item-hover-border);
  box-shadow: var(--logo-marquee-item-hover-shadow);
}

@media (prefers-reduced-motion: reduce) {
  .logo-marquee__track {
    animation: none;
    will-change: auto;
  }

  body::before,
  body::after {
    animation: none;
  }
}

@keyframes logo-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes site-bg-orbit-a {
  0% {
    transform: translate3d(0, 0, 0) scale(1.02);
  }
  22% {
    transform: translate3d(12%, -8%, 0) scale(1.05);
  }
  48% {
    transform: translate3d(24%, 6%, 0) scale(1.03);
  }
  74% {
    transform: translate3d(8%, 18%, 0) scale(1.06);
  }
  100% {
    transform: translate3d(-4%, 10%, 0) scale(1.02);
  }
}

@keyframes site-bg-orbit-b {
  0% {
    transform: translate3d(0, 0, 0) scale(1.03);
  }
  18% {
    transform: translate3d(-14%, -6%, 0) scale(1.01);
  }
  46% {
    transform: translate3d(-26%, -18%, 0) scale(1.05);
  }
  70% {
    transform: translate3d(-10%, -28%, 0) scale(1.02);
  }
  100% {
    transform: translate3d(4%, -10%, 0) scale(1.04);
  }
}

.partners-ribbon-section {
  z-index: 3;
  margin-top: -14px;
  margin-bottom: 14px;
}

body[data-theme='light'] .btn-outline-light {
  color: var(--btn-outline-light-color);
  border-color: var(--btn-outline-light-border);
}

body[data-theme='light'] .btn-outline-light:hover {
  color: var(--btn-outline-light-hover-color);
  background: var(--btn-outline-light-hover-bg);
  border-color: var(--btn-outline-light-hover-border);
}

body[data-theme='light'] #header .nav-link,
body[data-theme='light'] #header .navbar-brand {
  color: var(--header-link-light);
}