/* Rox site shell — Netguru benzeri düzen, Rox markası */
:root {
  --rx-brand: #00d563;
  --rx-brand-hover: #cba6f5;
  --rx-brand-ink: #161616;
  --rx-gray-95: #161616;
  --rx-gray-80: #333;
  --rx-gray-70: #505050;
  --rx-gray-50: #878787;
  --rx-gray-20: #b9b9b9;
  --rx-gray-10: #ebebeb;
  --rx-gray-1: #f5f5f5;
  --rx-white: #fff;
  --rx-font: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --rx-pad: clamp(20px, 3vw, 48px);
  --rx-wrap: min(1680px, 100%);
  --rx-nav-h: 75px;
  --rx-nav-wrap: 1240px;
  --rx-ease: cubic-bezier(0.33, 1, 0.68, 1);
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }

.rx-body {
  font-family: var(--rx-font);
  overflow-x: hidden;
  min-height: 100%;
}
.rx-body--home,
.rx-body--dark {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-body > main {
  width: 100%;
  margin: 0;
  padding: 0;
}

.rx-skip {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
  z-index: 100000;
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
  font-weight: 600;
  text-decoration: none;
}
.rx-skip:focus {
  position: fixed;
  left: 16px;
  top: 12px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px 14px;
  clip: auto;
  overflow: visible;
}

/* ---------- Nav ---------- */
.rx-nav {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: var(--rx-nav-h);
  margin: 0;
  z-index: 10000;
  background: transparent;
  color: var(--rx-white);
  transition: background-color 0.25s var(--rx-ease), color 0.25s var(--rx-ease);
}
/* Overlay pages: nav out of flow, pinned to viewport top */
.rx-body--home .rx-nav,
.rx-body--dark .rx-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}
/* Açık zemin sayfalarında nav her zaman üstte ve dolu siyah */
.rx-body:not(.rx-body--home):not(.rx-body--dark) .rx-nav {
  background: #161616;
  margin-top: 0;
}
.rx-nav:hover,
.rx-nav:focus-within,
.rx-nav.is-scrolled,
.rx-nav:has(.rx-nav__item:hover),
.rx-nav:has(.rx-nav__item.is-open) {
  background: #161616;
}
.rx-body.rx-nav-open { overflow: hidden; }
.rx-nav__inner {
  width: 100%;
  max-width: var(--rx-nav-wrap);
  margin: 0 auto;
  padding: 0 50px;
  height: var(--rx-nav-h);
  min-height: var(--rx-nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
.rx-nav__item--mega { position: static; }
.rx-nav__logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
  background: none;
  padding: 0;
  line-height: 0;
}
.rx-nav__logo img {
  display: block;
  height: 25px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.rx-nav__menu {
  display: flex;
  align-items: stretch;
  flex: 0 1 auto;
  justify-content: flex-start;
  min-height: var(--rx-nav-h);
}
.rx-nav__item {
  position: relative;
  display: flex;
  align-items: center;
}
.rx-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0 25px;
  color: var(--rx-white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.rx-nav__item:first-child .rx-nav__link { margin-left: 0; }
.rx-nav__link:hover,
.rx-nav__item.is-open > .rx-nav__link,
.rx-nav__item:hover > .rx-nav__link {
  color: var(--rx-white);
}
.rx-nav__caret {
  display: none;
}
.rx-nav__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 14px 21px 14px 28px;
  min-height: 48px;
  background: transparent;
  color: var(--rx-white);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 0;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px #fff;
  transition: background-color 0.3s var(--rx-ease), color 0.3s var(--rx-ease), box-shadow 0.3s var(--rx-ease);
}
.rx-nav__cta:hover {
  background: var(--rx-brand-hover);
  color: var(--rx-brand-ink);
  filter: none;
  box-shadow: none;
}
.rx-nav__burger {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 10px;
  position: relative;
  z-index: 9001;
}
.rx-nav__burger span {
  display: block;
  width: 18px;
  height: 1.5px;
  margin: 0 auto;
  background: transparent;
  position: relative;
}
.rx-nav__burger span:before,
.rx-nav__burger span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1.5px;
  background: var(--rx-white);
  transition: transform 0.2s var(--rx-ease), top 0.2s var(--rx-ease), background-color 0.2s var(--rx-ease);
}
.rx-nav__burger span:before { top: -4px; }
.rx-nav__burger span:after { top: 4px; }
.rx-nav__back {
  display: none;
}

.rx-panel {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--rx-nav-h);
  transform: none;
  width: auto;
  background: #161616;
  color: var(--rx-white);
  padding: 50px 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 10001;
}
.rx-panel__inner {
  width: 100%;
  max-width: var(--rx-nav-wrap);
  margin: 0 auto;
  padding: 0 50px;
}
.rx-nav__item--mega .rx-panel {
  left: 0;
  right: 0;
  transform: none;
  width: auto;
}
.rx-nav__item:hover .rx-panel,
.rx-nav__item:focus-within .rx-panel,
.rx-nav__item.is-open .rx-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.rx-panel__grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 40px;
}
.rx-panel__grid--simple {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rx-panel__grid--cases {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.rx-panel__sidebar {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}
.rx-panel__sidebar .rx-panel__label {
  margin-bottom: 8px;
}
.rx-panel__sidebar .rx-panel__side-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.rx-panel__sidebar .rx-panel__side-item:last-child {
  border-bottom: 0;
}
.rx-panel__side-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--rx-white);
  text-decoration: none;
  transition: color 0.2s var(--rx-ease);
}
.rx-panel__side-item.is-active,
.rx-panel__side-item:hover {
  color: var(--rx-brand-hover);
}
.rx-panel__label {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-gray-20);
  margin: 0 0 16px;
  font-weight: 650;
}
.rx-panel__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rx-panel__list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  color: var(--rx-gray-10);
  text-decoration: none;
  font-size: 15px;
  border-bottom: 1px solid transparent;
}
.rx-panel__list a:hover {
  color: var(--rx-brand-hover);
}
.rx-panel__list--compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 32px;
}
.rx-panel__list--compact a {
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.rx-panel__list--compact a span:first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.rx-panel__list--compact a small {
  display: block;
  width: 100%;
  margin-top: 2px;
  font-size: 12px;
  color: var(--rx-gray-20);
  font-weight: 500;
}
.rx-panel__list--compact a:hover small {
  color: inherit;
}
.rx-panel__list--nav-mobile {
  display: none;
}
.rx-panel__cases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.rx-panel__more-cases {
  margin-top: 28px;
}
.rx-panel__more-cases .rx-panel__label {
  margin-bottom: 8px;
}
.rx-panel__empty {
  margin: 0;
  color: var(--rx-gray-20);
  font-size: 15px;
}
.rx-tile-case {
  display: grid;
  gap: 10px;
  align-content: start;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.rx-tile-case__media {
  margin: 0;
  position: relative;
  overflow: hidden;
  background: var(--rx-case-brand, #2a2a2a);
  border-radius: 2px;
}
.rx-tile-case__media img,
.rx-tile-case__ph {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 0.45s var(--rx-ease);
}
.rx-tile-case__ph {
  background: linear-gradient(135deg, var(--rx-case-brand, #2a2a2a), #161616);
}
.rx-tile-case:hover .rx-tile-case__media img {
  transform: scale(1.04);
}
.rx-tile-case__kicker {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-20);
  font-weight: 650;
}
.rx-tile-case__title {
  margin: 0;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-white);
  transition: color 0.2s var(--rx-ease);
}
.rx-tile-case:hover .rx-tile-case__title {
  color: var(--rx-brand-hover);
}
@media (max-width: 1180px) {
  .rx-panel__grid--cases {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 32px;
  }
  .rx-panel__cases {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  .rx-tile-case__title { font-size: 15px; }
  .rx-panel__list--compact {
    grid-template-columns: 1fr;
  }
}

/* ---------- Haberler mega (editoryal) ---------- */
.rx-panel__news {
  display: grid;
  gap: 28px;
}
.rx-panel__news-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}
.rx-panel__news-head .rx-panel__label {
  margin: 0;
}
.rx-panel__news-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rx-brand);
  text-decoration: none;
  font-weight: 650;
  font-size: 14px;
}
.rx-panel__news-all:hover {
  color: var(--rx-brand-hover);
}
.rx-panel__news-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 40px;
  align-items: start;
}
.rx-news-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 24px;
  align-items: stretch;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.rx-news-lead__media {
  margin: 0;
  overflow: hidden;
  background: #2a2a2a;
  border-radius: 2px;
  min-height: 100%;
}
.rx-news-lead__media img,
.rx-news-lead__ph {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  transition: transform 0.5s var(--rx-ease);
}
.rx-news-lead__ph {
  background: linear-gradient(145deg, #2a2a2a, #161616 60%, #003d2a);
}
.rx-news-lead:hover .rx-news-lead__media img {
  transform: scale(1.04);
}
.rx-news-lead__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: 4px 0;
}
.rx-news-lead__topic {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-brand);
  font-weight: 650;
}
.rx-news-lead__title {
  margin: 0;
  font-family: "Red Hat Display", var(--rx-font);
  font-size: clamp(22px, 2.1vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--rx-white);
  transition: color 0.2s var(--rx-ease);
}
.rx-news-lead:hover .rx-news-lead__title {
  color: var(--rx-brand-hover);
}
.rx-news-lead__excerpt {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--rx-gray-20);
}
.rx-news-lead__date {
  font-size: 13px;
  color: var(--rx-gray-50);
}
.rx-news-feed .rx-panel__label {
  margin-bottom: 12px;
}
.rx-news-feed__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.rx-news-feed__item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: inherit;
  text-decoration: none;
}
.rx-news-feed__index {
  font-size: 13px;
  font-weight: 650;
  color: var(--rx-gray-50);
  letter-spacing: 0.04em;
  padding-top: 2px;
}
.rx-news-feed__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.rx-news-feed__topic {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rx-gray-20);
  font-weight: 650;
}
.rx-news-feed__title {
  font-size: 16px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--rx-white);
  transition: color 0.2s var(--rx-ease);
}
.rx-news-feed__item:hover .rx-news-feed__title {
  color: var(--rx-brand-hover);
}
.rx-news-feed__copy time {
  font-size: 12px;
  color: var(--rx-gray-50);
}
.rx-news-feed__empty {
  padding: 16px 0;
  color: var(--rx-gray-20);
  font-size: 14px;
}
.rx-news-topics {
  display: grid;
  gap: 12px;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.rx-news-topics .rx-panel__label {
  margin: 0;
}
.rx-news-topics__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rx-news-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--rx-gray-10);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: border-color 0.2s var(--rx-ease), color 0.2s var(--rx-ease), background-color 0.2s var(--rx-ease);
}
.rx-news-chip:hover {
  border-color: var(--rx-brand);
  color: var(--rx-brand);
  background: rgba(0, 213, 99, 0.06);
}
@media (max-width: 1180px) {
  .rx-panel__news-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .rx-news-lead {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

/* ---------- Hizmetler mega (yetenek kolonları) ---------- */
.rx-panel__svc {
  display: grid;
  gap: 28px;
}
.rx-panel__svc-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.rx-panel__svc-head .rx-panel__label {
  margin: 0 0 6px;
}
.rx-panel__svc-intro {
  margin: 0;
  max-width: 34rem;
  font-size: 15px;
  line-height: 1.45;
  color: var(--rx-gray-20);
}
.rx-panel__svc-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--rx-brand);
  text-decoration: none;
  font-weight: 650;
  font-size: 14px;
  white-space: nowrap;
}
.rx-panel__svc-all:hover {
  color: var(--rx-brand-hover);
}
.rx-panel__svc-cols {
  display: grid;
  grid-template-columns: repeat(var(--rx-svc-cols, 5), minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.rx-panel__svc-col {
  min-width: 0;
  padding: 20px 16px 20px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.rx-panel__svc-col:last-child {
  border-right: 0;
  padding-right: 0;
}
.rx-panel__svc-col + .rx-panel__svc-col {
  padding-left: 18px;
}
.rx-panel__svc-col-head {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
  text-decoration: none;
  color: inherit;
}
.rx-panel__svc-col-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-white);
  transition: color 0.2s var(--rx-ease);
}
.rx-panel__svc-col-head:hover .rx-panel__svc-col-title {
  color: var(--rx-brand-hover);
}
.rx-panel__svc-col-lead {
  font-size: 12px;
  line-height: 1.35;
  color: var(--rx-gray-50);
}
.rx-panel__svc-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}
.rx-panel__svc-list a {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  color: var(--rx-gray-10);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.35;
  transition: color 0.2s var(--rx-ease);
}
.rx-panel__svc-list a:hover {
  color: var(--rx-brand-hover);
}
.rx-panel__svc-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--rx-brand);
  font-size: 13px;
}
.rx-panel__svc-name {
  min-width: 0;
}
.rx-panel__svc-list .rx-arrow {
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.2s var(--rx-ease), transform 0.2s var(--rx-ease);
}
.rx-panel__svc-list a:hover .rx-arrow {
  opacity: 1;
  transform: translateX(0);
}
.rx-panel__svc-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.rx-panel__svc-foot p {
  margin: 0;
  font-size: 14px;
  color: var(--rx-gray-20);
}
.rx-panel__svc-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: var(--rx-white);
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
  transition: border-color 0.2s var(--rx-ease), color 0.2s var(--rx-ease), background-color 0.2s var(--rx-ease);
}
.rx-panel__svc-cta:hover {
  border-color: var(--rx-brand);
  color: var(--rx-brand-ink);
  background: var(--rx-brand);
}
@media (max-width: 1280px) {
  .rx-panel__svc-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .rx-panel__svc-col:nth-child(3n) {
    border-right: 0;
    padding-right: 0;
  }
  .rx-panel__svc-col:nth-child(3n + 1) {
    padding-left: 0;
  }
  .rx-panel__svc-col:nth-child(n + 4) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
  }
}
.rx-panel__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 48px;
}
.rx-panel__cols a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  color: var(--rx-gray-10);
  text-decoration: none;
  font-size: 15px;
}
.rx-panel__cols a:hover { color: var(--rx-brand-hover); }
.rx-panel__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  color: var(--rx-brand);
  text-decoration: none;
  font-weight: 650;
}
.rx-panel__all:hover { color: var(--rx-brand-hover); }
.rx-tile-mini {
  display: grid;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  padding-bottom: 16px;
}
.rx-tile-mini img,
.rx-tile-mini__ph {
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  background: #2a2a2a;
}
.rx-tile-mini h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-white);
}
.rx-tile-mini p {
  margin: 0;
  font-size: 13px;
  color: var(--rx-gray-20);
}

.rx-arrow {
  width: 14px;
  height: 10px;
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}
.rx-arrow:before,
.rx-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  background: currentColor;
}
.rx-arrow:before {
  left: 0;
  right: 2px;
  height: 1.5px;
  transform: translateY(-50%);
}
.rx-arrow:after {
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  background: none;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 1023px) {
  .rx-nav {
    --rx-nav-h: 56px;
    height: var(--rx-nav-h);
  }
  .rx-nav__inner {
    padding: 0 16px;
    gap: 12px;
    justify-content: space-between;
    height: var(--rx-nav-h);
    min-height: var(--rx-nav-h);
  }
  .rx-nav__menu { flex: none; }
  .rx-nav__cta { display: none; }
  .rx-nav__logo { margin-right: auto; }
  .rx-nav__logo img { height: 22px; }
  .rx-nav__caret {
    display: inline-block;
    width: 14px;
    height: 10px;
    margin: 0;
    border: 0;
    transform: none;
    position: relative;
    flex: 0 0 auto;
  }
  .rx-nav__caret:before,
  .rx-nav__caret:after {
    content: "";
    position: absolute;
    top: 50%;
    background: currentColor;
  }
  .rx-nav__caret:before {
    left: 0;
    right: 2px;
    height: 1.5px;
    transform: translateY(-50%);
  }
  .rx-nav__caret:after {
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    background: none;
    transform: translateY(-50%) rotate(45deg);
  }
  .rx-nav__burger { display: block; }
  .rx-nav__menu {
    display: none;
    position: fixed;
    top: var(--rx-nav-h);
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    color: var(--rx-gray-95);
    flex-direction: column;
    align-items: stretch;
    overflow: auto;
    padding: 8px 16px 96px;
    z-index: 8999;
  }
  .rx-body.rx-nav-open .rx-nav__menu { display: flex; }
  .rx-body.rx-nav-open .rx-nav {
    background: #fff;
    color: var(--rx-gray-95);
  }
  .rx-body.rx-nav-open .rx-nav__logo img { filter: none; }
  .rx-body.rx-nav-open .rx-nav__burger span:before,
  .rx-body.rx-nav-open .rx-nav__burger span:after {
    background: var(--rx-gray-95);
  }
  .rx-body.rx-nav-open .rx-nav__burger span:before {
    top: 0;
    transform: rotate(45deg);
  }
  .rx-body.rx-nav-open .rx-nav__burger span:after {
    top: 0;
    transform: rotate(-45deg);
  }
  .rx-body.rx-nav-open .rx-nav__cta {
    display: inline-flex;
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    z-index: 10003;
    background: var(--rx-brand);
    color: var(--rx-brand-ink);
    box-shadow: none;
    min-height: 44px;
    padding: 12px 28px;
  }
  .rx-nav.is-drill .rx-nav__cta { display: none !important; }
  .rx-nav.is-drill .rx-nav__logo { display: none; }
  .rx-nav.is-drill .rx-nav__back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rx-gray-95);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  .rx-nav.is-drill .rx-nav__back:before {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
  }
  .rx-nav.is-drill .rx-nav__item { display: none; }
  .rx-nav.is-drill .rx-nav__item.is-open { display: block; }
  .rx-nav.is-drill .rx-nav__item.is-open > .rx-nav__link { display: none; }
  .rx-nav__item { display: block; }
  .rx-nav__link {
    width: 100%;
    justify-content: space-between;
    padding: 16px 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--rx-gray-95);
    border-bottom: 1px solid #ebebeb;
  }
  .rx-panel {
    position: static;
    width: auto;
    transform: none;
    padding: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: none;
    box-shadow: none;
    background: #fff;
    color: var(--rx-gray-95);
  }
  .rx-panel__inner { width: auto; margin: 0; padding: 0; }
  .rx-nav__item.is-open .rx-panel { display: block; }
  .rx-panel__sidebar,
  .rx-tile-mini,
  .rx-tile-case,
  .rx-panel__cases,
  .rx-panel__more-cases,
  .rx-panel__cases-wrap > .rx-panel__all,
  .rx-panel__cases-wrap > .rx-panel__label,
  .rx-panel__empty,
  .rx-panel__news-head,
  .rx-panel__news-grid,
  .rx-news-topics,
  .rx-panel__svc-head,
  .rx-panel__svc-cols,
  .rx-panel__svc-foot,
  .rx-panel__label { display: none; }
  .rx-panel__grid,
  .rx-panel__grid--simple,
  .rx-panel__grid--cases,
  .rx-panel__cols {
    display: block;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .rx-panel__list,
  .rx-panel__list--compact,
  .rx-panel__list--nav-mobile,
  .rx-panel__cols {
    display: grid;
    gap: 0;
  }
  .rx-panel__list--nav-mobile {
    display: grid;
  }
  .rx-panel__list a,
  .rx-panel__cols a {
    color: var(--rx-gray-95);
    padding: 14px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
  }
  .rx-panel__all {
    margin-top: 20px;
    color: var(--rx-gray-95);
    text-decoration: underline;
  }
}

/* Inner pages: keep content below sticky bar */
.rx-body:not(.rx-body--home) .banner-three-box-clip-area,
.rx-body:not(.rx-body--home) .breadcrumb-area,
.rx-body:not(.rx-body--home) .rts-breadcrumb-area {
  margin-top: 0;
}

/* ---------- Home ---------- */
.rx-home {
  color: var(--rx-gray-10);
  background: var(--rx-gray-95);
}
.rx-home a { color: inherit; }
.rx-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: var(--rx-pad);
  padding-right: var(--rx-pad);
}
.rx-mod {
  padding: 96px 0;
  position: relative;
  overflow: clip;
  isolation: isolate;
  z-index: 0;
}
@media (max-width: 1023px) {
  .rx-mod { padding: 64px 0; }
}
.rx-mod--dark {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-mod--dim {
  background: var(--rx-gray-1);
  color: var(--rx-gray-70);
}
.rx-mod--stats {
  background: #111;
}
.rx-mod--expertise {
  padding: 100px 0;
  background: #fff;
  color: var(--rx-gray-95);
}
.rx-mod--expertise .rx-wrap--tight {
  display: grid;
  gap: 50px;
}
.rx-mod--expertise .rx-head--expertise {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 24px 48px;
}
.rx-mod--expertise .rx-h2 {
  margin: 0;
  max-width: 18ch;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--rx-gray-95);
}
.rx-mod--expertise .rx-more {
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  color: var(--rx-gray-95);
  transition: color 0.3s var(--rx-ease), transform 0.3s var(--rx-ease);
}
.rx-mod--expertise .rx-more:hover {
  color: var(--rx-brand-hover);
  transform: translateX(4px);
}
.rx-expertise {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}
.rx-expertise__item {
  grid-column: span 2;
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 220px;
  padding: 28px 28px 32px;
  background: var(--rx-gray-1);
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s var(--rx-ease), background-color 0.3s var(--rx-ease);
}
.rx-expertise__item:nth-child(4),
.rx-expertise__item:nth-child(5) {
  grid-column: span 3;
}
.rx-expertise__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--rx-brand);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.35s var(--rx-ease);
}
.rx-expertise__item:hover,
.rx-expertise__item:focus-visible {
  background: #ebebeb;
  transform: translateY(-2px);
}
.rx-expertise__item:hover::before,
.rx-expertise__item:focus-visible::before {
  transform: scaleY(1);
}
.rx-expertise__n {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--rx-brand);
  font-variant-numeric: tabular-nums;
}
.rx-expertise__item h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--rx-gray-95);
}
.rx-expertise__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--rx-gray-70);
}
@media (max-width: 1023px) {
  .rx-mod--expertise { padding: 72px 0; }
  .rx-mod--expertise .rx-h2 { font-size: 26px; max-width: none; }
  .rx-expertise {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 8px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-expertise::-webkit-scrollbar { display: none; }
  .rx-expertise__item,
  .rx-expertise__item:nth-child(4),
  .rx-expertise__item:nth-child(5) {
    flex: 0 0 min(78vw, 300px);
    grid-column: auto;
    scroll-snap-align: start;
    min-height: 200px;
  }
}
@media (max-width: 767px) {
  .rx-mod--expertise { padding: 64px 0; }
  .rx-mod--expertise .rx-wrap--tight { gap: 32px; }
  .rx-mod--expertise .rx-h2 { font-size: 24px; }
}
.rx-mod--why {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: 100px 0;
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-why__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 70% at 72% 18%, rgb(0 213 99 / 0.38), transparent 58%),
    radial-gradient(ellipse 55% 50% at 18% 88%, rgb(0 213 99 / 0.12), transparent 55%),
    #161616;
}
.rx-why {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 470px) minmax(0, 570px);
  gap: 30px 100px;
  align-items: start;
  justify-content: space-between;
}
.rx-why__logo {
  grid-column: 1;
  margin: 0;
  max-width: 160px;
  line-height: 0;
}
.rx-why__logo img {
  display: block;
  height: 20px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.rx-why__copy {
  grid-column: 1;
  display: grid;
  gap: 24px;
  align-content: start;
}
.rx-why__copy .rx-h2 {
  margin: 0;
  max-width: none;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--rx-white);
}
.rx-why__copy .rx-lead {
  margin: 0;
  max-width: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--rx-gray-10);
}
.rx-why__tiles {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  align-self: stretch;
}
.rx-why__tile {
  display: grid;
  align-content: start;
  gap: 15px;
  min-width: 0;
  padding: 25px;
  background: rgb(255 255 255 / 0.04);
}
.rx-why__n {
  margin: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--rx-white);
}
.rx-why__tile > p:last-child {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rx-gray-10);
}
@media (max-width: 1023px) {
  .rx-mod--why { padding: 72px 0; }
  .rx-why {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .rx-why__logo,
  .rx-why__copy,
  .rx-why__tiles {
    grid-column: 1;
    grid-row: auto;
  }
  .rx-why__copy .rx-h2 { font-size: 36px; }
  .rx-why__n { font-size: 48px; }
  .rx-why__tiles {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 8px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-why__tiles::-webkit-scrollbar { display: none; }
  .rx-why__tile {
    flex: 0 0 min(70vw, 240px);
    scroll-snap-align: start;
  }
}
@media (max-width: 767px) {
  .rx-mod--why { padding: 64px 0; }
  .rx-why__copy .rx-h2 { font-size: 30px; }
  .rx-why__n { font-size: 40px; }
}
.rx-mod__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.rx-mod__bg img,
.rx-mod__bg video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rx-mod__bg .rx-mod__wash {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.rx-mod__video-embed {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.rx-mod__video-embed iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 56.25vw;
  min-height: 100%;
  min-width: 177.78vh;
  border: 0;
  transform: translate(-50%, -50%) scale(1.35);
}
@media (prefers-reduced-motion: reduce) {
  .rx-mod__bg video,
  .rx-mod__video-embed { display: none; }
}
.rx-mod__wash {
  background:
    radial-gradient(1200px 600px at 70% 20%, rgb(0 213 99 / 18%), transparent 55%),
    linear-gradient(to bottom, rgb(22 22 22 / 20%) 0%, rgb(22 22 22 / 82%) 100%);
}
.rx-mod--hero {
  background: #111;
}
.rx-mod--hero .rx-mod__bg img,
.rx-mod--hero .rx-mod__bg video {
  transition: filter 0.55s var(--rx-ease);
  filter: brightness(1.05);
}
.rx-mod--hero .rx-mod__wash {
  background-image: linear-gradient(to bottom, transparent 28%, rgb(0 0 0 / 42%));
  background-color: rgb(0 0 0 / 0.08);
  transition: background-color 0.45s var(--rx-ease);
}
.rx-mod--hero:hover .rx-mod__bg img,
.rx-mod--hero:hover .rx-mod__bg video {
  filter: brightness(0.72);
}
.rx-mod--hero:hover .rx-mod__wash {
  background-color: rgb(0 0 0 / 0.42);
}
@media (prefers-reduced-motion: reduce) {
  .rx-mod--hero .rx-mod__bg img,
  .rx-mod--hero .rx-mod__bg video,
  .rx-mod--hero .rx-mod__wash {
    transition: none;
  }
  .rx-mod--hero:hover .rx-mod__bg img,
  .rx-mod--hero:hover .rx-mod__bg video {
    filter: brightness(1.05);
  }
  .rx-mod--hero:hover .rx-mod__wash {
    background-color: rgb(0 0 0 / 0.08);
  }
}
.rx-mod > .rx-wrap { position: relative; z-index: 1; }

.rx-h1 {
  font-size: clamp(40px, 7vw, 84px);
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--rx-white);
  margin: 0 0 24px;
  max-width: 16ch;
}
.rx-h1 strong { font-weight: 700; }
.rx-h2 {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--rx-white);
  margin: 0 0 16px;
  max-width: 22ch;
}
.rx-mod--dim .rx-h2 { color: var(--rx-gray-95); }
.rx-h2 strong { font-weight: 700; }
.rx-lead {
  font-size: 18px;
  line-height: 1.6;
  max-width: 42em;
  margin: 0;
  color: var(--rx-gray-20);
}
.rx-mod--dim .rx-lead { color: var(--rx-gray-70); }
/* Eyebrow — açık zeminde koyu, koyu zeminde açık */
.rx-eyebrow {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #505050;
}
.rx-body--dark .rx-mod:not(.rx-mod--dark) .rx-eyebrow,
.rx-mod:not(.rx-mod--dark) .rx-eyebrow {
  color: #404040 !important;
}
.rx-mod--dim .rx-eyebrow {
  color: #505050 !important;
}
.rx-mod--dark .rx-eyebrow,
.rx-mod--hero.rx-mod--dark .rx-eyebrow,
.rx-about-final .rx-eyebrow {
  color: rgba(255, 255, 255, 0.82) !important;
}
.rx-body--dark .rx-mod:not(.rx-mod--dark) .rx-lead,
.rx-mod:not(.rx-mod--dark) .rx-lead {
  color: #505050 !important;
}
.rx-about-capability__index,
.rx-about-nums__l {
  color: #505050 !important;
}
.rx-mod--hero {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: flex-end;
  padding: 160px 0 104px;
}
.rx-hero__copy { max-width: 720px; color: #eee; }
.rx-hero__copy-stack {
  display: grid;
}
.rx-hero__copy-stack > .rx-hero__copy {
  grid-area: 1 / 1;
}
.rx-mod--hero-slider .rx-hero__copy-stack > .rx-hero__copy {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.55s var(--rx-ease), visibility 0.55s var(--rx-ease);
}
.rx-mod--hero-slider .rx-hero__copy-stack > .rx-hero__copy.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.rx-mod--hero-slider > .rx-mod__bg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s var(--rx-ease), visibility 0.7s var(--rx-ease), filter 0.55s var(--rx-ease);
}
.rx-mod--hero-slider > .rx-mod__bg.is-active {
  opacity: 1;
  visibility: visible;
}
.rx-hero__copy .rx-btn {
  margin-top: 28px;
}
.rx-hero__dots {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
}
.rx-hero__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition: width 0.3s var(--rx-ease), background-color 0.3s var(--rx-ease);
}
.rx-hero__dot.is-active {
  width: 24px;
  background: var(--rx-brand);
}
@media (prefers-reduced-motion: reduce) {
  .rx-mod--hero-slider > .rx-mod__bg,
  .rx-mod--hero-slider .rx-hero__copy-stack > .rx-hero__copy,
  .rx-hero__dot {
    transition: none;
  }
}
.rx-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 32px;
  margin-top: 48px;
}
.rx-logos figure { margin: 0; }
.rx-logos img {
  display: block;
  height: 28px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}
.rx-logos__label {
  margin: 0;
  font-size: 13px;
  color: var(--rx-gray-20);
}
.rx-mod--hero .rx-logos img {
  filter: brightness(0) invert(1);
  opacity: 0.8;
}
.rx-mod--dim .rx-logos img {
  filter: none;
  opacity: 0.7;
  height: 32px;
  max-width: 140px;
}
.rx-logo-wall img {
  height: 32px;
  max-width: 140px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.75;
}
.rx-logo-wall {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 32px 24px;
  align-items: center;
  justify-items: center;
  margin-top: 48px;
}
.rx-logo-wall a { display: flex; align-items: center; justify-content: center; }

.rx-head {
  margin-bottom: 48px;
}
.rx-head--split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 32px 48px;
  align-items: start;
}
.rx-head--split .rx-h2 { margin-bottom: 0; }
.rx-head--split .rx-lead { max-width: none; }
@media (max-width: 1023px) {
  .rx-head--split { grid-template-columns: 1fr; }
}

.rx-tiles {
  display: grid;
  gap: 28px;
}
.rx-tiles--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rx-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rx-tiles--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rx-tiles--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.rx-card {
  display: grid;
  gap: 14px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.rx-card__media,
.rx-card__ph {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #2a2a2a;
  display: block;
}
.rx-card__logo {
  height: 28px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}
.rx-card__kicker {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
  font-weight: 650;
}
.rx-card h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 650;
  color: var(--rx-white);
}
.rx-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--rx-gray-20);
}
.rx-mod--dim .rx-card h3 { color: var(--rx-gray-95); }
.rx-mod--dim .rx-card p { color: var(--rx-gray-70); }
.rx-wrap--tight {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1023px) {
  .rx-wrap--tight { padding-left: 16px; padding-right: 16px; }
}

.rx-mod--cases {
  padding: 100px 0;
  background: var(--rx-gray-95);
  color: var(--rx-white);
}
.rx-mod--cases .rx-wrap--tight {
  display: grid;
  gap: 50px;
}
.rx-mod--cases .rx-head--cases {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 32px 100px;
  align-items: end;
}
.rx-mod--cases .rx-h2 {
  max-width: none;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  margin: 0;
  color: var(--rx-white);
}
.rx-mod--cases .rx-head__aside {
  display: grid;
  gap: 16px;
  justify-items: start;
}
.rx-mod--cases .rx-lead {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--rx-gray-20);
}
.rx-mod--cases .rx-more {
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  color: var(--rx-white);
  transition: color 0.3s var(--rx-ease), transform 0.3s var(--rx-ease);
}
.rx-mod--cases .rx-more:hover {
  color: var(--rx-brand);
  transform: translateX(4px);
}

.rx-tiles--cases {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.rx-case {
  display: block;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  background: #222;
}
.rx-case__hero {
  position: relative;
  margin: 0;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #2a2a2a;
}
.rx-case__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.55s var(--rx-ease), filter 0.45s var(--rx-ease);
  filter: brightness(0.92);
}
.rx-case__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to top,
    rgb(0 0 0 / 0.82) 0%,
    rgb(0 0 0 / 0.35) 42%,
    transparent 72%
  );
  pointer-events: none;
}
.rx-case__hero::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 4px;
  background: var(--rx-case-brand, var(--rx-brand));
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.35s var(--rx-ease);
}
.rx-case:hover .rx-case__hero img,
.rx-case:focus-visible .rx-case__hero img {
  transform: scale(1.06);
  filter: brightness(1.05);
}
.rx-case:hover .rx-case__hero::after,
.rx-case:focus-visible .rx-case__hero::after {
  transform: scaleY(1);
}
.rx-case__cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: grid;
  gap: 8px;
  padding: 28px 28px 32px;
  pointer-events: none;
}
.rx-case__kicker {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--rx-brand);
}
.rx-case h3 {
  margin: 0;
  max-width: 16ch;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--rx-white);
}

.rx-expert {
  padding: 0 8px 8px 0;
  min-height: 180px;
  display: grid;
  align-content: start;
  gap: 12px;
}
.rx-expert h3 {
  margin: 0;
  font-size: 20px;
  color: var(--rx-gray-95);
  font-weight: 650;
  line-height: 1.3;
}
.rx-expert p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--rx-gray-70);
}

.rx-stat {
  display: grid;
  gap: 12px;
  background: #2a2a2a;
  padding: 32px 24px 36px;
  min-height: 160px;
}
.rx-stat__n {
  margin: 0;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--rx-white);
  line-height: 1;
}
.rx-stat p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--rx-gray-20);
}

.rx-quote {
  background: #242424;
  padding: 32px 28px;
  display: grid;
  gap: 24px;
  margin: 0;
}
.rx-quote p {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  color: var(--rx-white);
  font-weight: 500;
}
.rx-quote footer {
  display: flex;
  align-items: center;
  gap: 14px;
}
.rx-quote img,
.rx-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--rx-gray-10);
  flex: 0 0 auto;
}
.rx-avatar {
  display: grid;
  place-items: center;
  font-weight: 700;
  color: var(--rx-gray-95);
}
.rx-quote cite {
  font-style: normal;
  display: grid;
  gap: 2px;
}
.rx-quote cite strong {
  color: var(--rx-white);
  font-weight: 650;
}
.rx-quote cite span {
  color: var(--rx-gray-50);
  font-size: 13px;
}

.rx-mod--footprint {
  padding: 100px 0;
  background: var(--rx-gray-1);
  color: var(--rx-gray-95);
}
.rx-mod--footprint .rx-wrap--tight {
  display: grid;
  gap: 100px;
}
.rx-mod--footprint .rx-head {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 50px 100px;
  align-items: start;
}
.rx-mod--footprint .rx-h2 {
  margin: 0;
  max-width: none;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--rx-gray-95);
}
.rx-mod--footprint .rx-lead {
  margin: 0;
  max-width: none;
  font-size: 18px;
  line-height: 1.6;
  color: var(--rx-gray-70);
}
.rx-footprint {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 130px));
  justify-content: space-between;
  align-items: center;
  gap: 80px 50px;
}
.rx-footprint figure {
  margin: 0;
  display: flex;
  align-items: center;
  max-width: 160px;
}
.rx-footprint img {
  display: block;
  width: auto;
  height: auto;
  max-width: 130px;
  max-height: 45px;
  object-fit: contain;
}
.rx-footprint__mark {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--rx-gray-95);
}

.rx-mod--insights {
  padding: 100px 0;
  background: #fff;
  color: var(--rx-gray-95);
}
.rx-mod--voices {
  padding: 88px 0;
}
.rx-mod--voices .rx-wrap--tight {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.rx-voices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.rx-voice {
  margin: 0;
  padding: 28px 24px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.rx-voice p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.55;
  color: var(--rx-gray-20, #e8e8e8);
}
.rx-voice footer {
  font-size: 13px;
  font-weight: 600;
  color: var(--rx-white, #fff);
}
@media (max-width: 900px) {
  .rx-voices { grid-template-columns: 1fr; }
  .rx-mod--voices { padding: 64px 0; }
}
.rx-mod--insights .rx-wrap--tight {
  display: grid;
  gap: 50px;
}
.rx-mod--insights .rx-head { margin: 0; }
.rx-mod--insights .rx-h2 {
  max-width: none;
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--rx-gray-95);
}
.rx-tiles--insights {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
.rx-insight {
  display: grid;
  align-content: start;
  gap: 15px;
  position: relative;
  min-width: 0;
  padding: 0 25px 25px;
  text-decoration: none;
  color: inherit;
}
.rx-insight__hero {
  margin: 0 -25px 10px;
  width: calc(100% + 50px);
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: var(--rx-gray-1);
}
.rx-insight__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s var(--rx-ease);
}
.rx-insight:hover .rx-insight__hero img,
.rx-insight:focus-visible .rx-insight__hero img {
  transform: scale(1.05);
}
.rx-insight__label {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--rx-gray-70);
}
.rx-insight h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--rx-gray-95);
  transition: color 0.3s var(--rx-ease);
}
.rx-insight:hover h3,
.rx-insight:focus-visible h3 {
  color: var(--rx-brand-hover);
}
.rx-insight__author {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 7px 10px;
  align-items: center;
  min-height: 30px;
  padding-right: 28px;
}
.rx-insight__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.rx-insight__name,
.rx-insight__author time {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.rx-insight__name { color: var(--rx-gray-95); }
.rx-insight__author time { color: var(--rx-gray-70); }
.rx-insight .rx-arrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 20px;
  height: 20px;
  color: var(--rx-gray-95);
  transition: transform 0.3s var(--rx-ease), color 0.3s var(--rx-ease);
}
.rx-insight:hover .rx-arrow,
.rx-insight:focus-visible .rx-arrow {
  transform: translateX(4px);
  color: var(--rx-brand-hover);
}
.rx-mod--insights .rx-more {
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  color: var(--rx-gray-95);
  transition: color 0.3s var(--rx-ease), transform 0.3s var(--rx-ease);
}
.rx-mod--insights .rx-more:hover {
  color: var(--rx-brand-hover);
  transform: translateX(4px);
}
.rx-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--rx-gray-50);
}

.rx-more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  font-weight: 650;
  text-decoration: none;
  color: var(--rx-white);
}
.rx-mod--dim .rx-more { color: var(--rx-gray-95); }
.rx-more:hover { color: var(--rx-brand-hover); }

.rx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 14px 21px 14px 28px;
  min-height: 48px;
  background: var(--rx-brand);
  color: var(--rx-brand-ink) !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 0.3s var(--rx-ease), color 0.3s var(--rx-ease);
}
.rx-btn:hover {
  background: var(--rx-brand-hover);
  filter: none;
}

.rx-cta {
  position: relative;
  isolation: isolate;
  overflow: clip;
  display: grid;
  align-items: center;
  min-height: 576px;
  padding: 100px 0;
  background: var(--rx-gray-95);
  color: var(--rx-white);
}
.rx-cta__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #161616;
}
.rx-cta__glow {
  position: absolute;
  left: 50%;
  top: -22%;
  width: min(920px, 78%);
  height: 58%;
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse at 50% 40%,
    rgb(0 213 99 / 0.42),
    rgb(0 110 52 / 0.28) 38%,
    transparent 72%
  );
  filter: blur(12px);
  animation: rx-cta-glow 14s ease-in-out infinite;
  will-change: transform;
}
@keyframes rx-cta-glow {
  0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }
  40% { transform: translateX(-38%) translateY(18%) scale(1.12); }
  70% { transform: translateX(-62%) translateY(8%) scale(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  .rx-cta__glow { animation: none; }
}
.rx-cta .rx-wrap--tight {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 50px;
  text-align: center;
}
.rx-cta__copy {
  max-width: 760px;
}
.rx-cta h2 {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--rx-white);
}
.rx-cta h2 strong { font-weight: 700; }
.rx-cta__lead {
  margin: 16px 0 0;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 1023px) {
  .rx-cta { min-height: 0; padding: 72px 0; }
  .rx-cta h2 { font-size: 24px; }
  .rx-cta .rx-wrap--tight { gap: 32px; }
}

@media (max-width: 1023px) {
  .rx-mod--footprint { padding: 72px 0; }
  .rx-mod--footprint .rx-wrap--tight { gap: 50px; }
  .rx-mod--footprint .rx-head { grid-template-columns: 1fr; gap: 24px; }
  .rx-mod--footprint .rx-h2 { font-size: 26px; }
  .rx-footprint {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
    gap: 40px 24px;
  }
  .rx-mod--insights { padding: 72px 0; }
  .rx-mod--insights .rx-h2 { font-size: 26px; }
  .rx-tiles--insights {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    gap: 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-tiles--insights::-webkit-scrollbar { display: none; }
  .rx-tiles--insights > * {
    flex: 0 0 min(72vw, 280px);
    scroll-snap-align: start;
  }
  .rx-tiles--2,
  .rx-tiles--3,
  .rx-tiles--4,
  .rx-tiles--5 {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    gap: 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-tiles--2::-webkit-scrollbar,
  .rx-tiles--3::-webkit-scrollbar,
  .rx-tiles--4::-webkit-scrollbar,
  .rx-tiles--5::-webkit-scrollbar { display: none; }
  .rx-tiles--2 > *,
  .rx-tiles--3 > *,
  .rx-tiles--4 > *,
  .rx-tiles--5 > * {
    flex: 0 0 min(72vw, 280px);
    scroll-snap-align: start;
  }
  .rx-mod--hero { padding: 120px 0 72px; min-height: 100svh; }
}
@media (max-width: 767px) {
  .rx-mod--cases { padding: 64px 0; }
  .rx-mod--cases .rx-wrap--tight { gap: 32px; }
  .rx-mod--cases .rx-head--cases {
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
  }
  .rx-mod--cases .rx-h2 { font-size: 26px; max-width: none; }
  .rx-case h3 { font-size: 20px; }
  .rx-case__cap { padding: 20px; }
  .rx-tiles--cases {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    gap: 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-tiles--cases::-webkit-scrollbar { display: none; }
  .rx-tiles--cases > * {
    flex: 0 0 min(78vw, 300px);
    scroll-snap-align: start;
  }
  .rx-mod--footprint { padding: 64px 0; }
  .rx-mod--footprint .rx-wrap--tight { gap: 32px; }
  .rx-mod--footprint .rx-h2 { font-size: 24px; }
  .rx-footprint {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 16px;
  }
  .rx-mod--insights { padding: 64px 0; }
  .rx-mod--insights .rx-wrap--tight { gap: 32px; }
  .rx-mod--insights .rx-h2 { font-size: 26px; }
  .rx-tiles--insights {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    gap: 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .rx-tiles--insights::-webkit-scrollbar { display: none; }
  .rx-tiles--insights > * {
    flex: 0 0 min(72vw, 280px);
    scroll-snap-align: start;
  }
}

/* ---------- Footer ---------- */
.rx-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.rx-foot {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
  padding: 60px 0 30px;
  border-top: 1px solid #505050;
  font-size: 16px;
  line-height: 1.6;
}
.rx-foot a {
  color: inherit;
  text-decoration: none;
}
.rx-foot a:hover {
  color: var(--rx-brand-hover);
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.rx-foot .rx-wrap--tight {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 40px 80px;
  align-items: start;
}
.rx-foot hr {
  grid-column: 1 / -1;
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: #505050;
}
.rx-foot__rule-mobile { display: none; }
.rx-foot__logo {
  grid-column: 1 / -1;
  display: flex;
  width: max-content;
  max-width: 160px;
  background: none;
  padding: 0;
  line-height: 0;
}
.rx-foot__logo:hover { text-decoration: none; }
.rx-foot__logo img {
  display: block;
  height: 20px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.rx-foot__heading {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--rx-white);
}
.rx-foot__clients {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.rx-foot__cases {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 80px;
}
.rx-foot__case {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rx-gray-10);
}
.rx-foot__case-logo {
  margin: 0;
  height: 35px;
  display: flex;
  align-items: center;
}
.rx-foot__case-logo img {
  height: 28px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}
.rx-foot__case-mark {
  margin: 0;
  height: 35px;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--rx-white);
}
.rx-foot__case h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: inherit;
}
.rx-foot__band {
  display: flex;
  flex-direction: column;
  gap: 25px;
  min-width: 0;
}
.rx-foot__band--partners,
.rx-foot__band--awards { grid-column: span 4; }
.rx-foot__marks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
.rx-foot__marks figure { margin: 0; }
.rx-foot__marks a {
  display: flex;
  align-items: center;
}
.rx-foot__marks a:hover { text-decoration: none; opacity: 0.75; }
.rx-foot__marks img {
  display: block;
  height: 28px;
  width: auto;
  max-width: 148px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.rx-foot__marks--certs img {
  height: 62px;
  max-width: 62px;
}
.rx-foot__info {
  grid-column: span 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 12px;
  font-size: 12px;
  line-height: 1.6;
}
.rx-foot__info h3 {
  grid-column: 1;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--rx-white);
}
.rx-foot__legal {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  color: var(--rx-gray-10);
}
.rx-foot__address {
  grid-column: 1;
}
.rx-foot__mail {
  grid-column: 1 / -1;
}
.rx-foot__social {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 16px;
}
.rx-foot__social a {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: var(--rx-white);
}
.rx-foot__social a:hover { text-decoration: none; opacity: 0.7; }
.rx-foot__certs { grid-column: span 2; }
.rx-foot__newsletter {
  grid-column: span 3;
  display: grid;
  align-content: start;
  gap: 8px;
}
.rx-foot__newsletter h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--rx-white);
}
.rx-foot__newsletter p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rx-gray-10);
}
.rx-foot__subscribe {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  padding: 14px 22px 14px 28px;
  border: 1px solid var(--rx-white);
  color: var(--rx-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.rx-foot__subscribe:hover {
  background: var(--rx-brand-hover);
  color: var(--rx-brand-ink);
  text-decoration: none;
}
.rx-foot__copy {
  grid-column: span 3;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--rx-gray-10);
}
.rx-foot__nav {
  grid-column: span 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
  font-size: 12px;
  line-height: 1.6;
}
.rx-foot__nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 1023px) {
  .rx-foot .rx-wrap--tight {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .rx-foot__logo,
  .rx-foot__clients,
  .rx-foot__band--partners,
  .rx-foot__band--awards,
  .rx-foot__info,
  .rx-foot__certs,
  .rx-foot__newsletter,
  .rx-foot__copy,
  .rx-foot__nav {
    grid-column: 1 / -1;
  }
  .rx-foot__rule-mobile { display: block; }
  .rx-foot__cases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
  .rx-foot__info {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-foot__legal { grid-column: 1; grid-row: auto; }
  .rx-foot__nav { justify-content: flex-start; }
  .rx-foot__marks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
  }
  .rx-foot__marks img {
    max-width: 100%;
  }
  .rx-foot__marks--certs {
    grid-template-columns: repeat(2, max-content);
  }
  .rx-foot__marks--certs img {
    height: 56px;
    max-height: 56px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .rx-foot { padding: 40px 0 24px; }
  .rx-foot__cases { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .rx-foot__marks { gap: 20px 24px; }
  .rx-foot__nav { flex-direction: column; align-items: flex-start; gap: 10px; }
}

.rx-body:not(.rx-body--home):not(.rx-body--dark) {
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-body--dark {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
/* Overlay: ilk hero viewport tepesinden baslar (nav fixed, akista yer kaplamaz) */
.rx-body--home > main > .rx-mod:first-child,
.rx-body--dark > main > .rx-mod:first-child {
  margin-top: 0;
}
.rx-body--home > main > .rx-mod--hero:first-child,
.rx-body--dark > main > .rx-mod--hero:first-child {
  overflow: hidden;
}
.rx-body--home > main > .rx-mod--hero:first-child .rx-mod__bg,
.rx-body--dark > main > .rx-mod--hero:first-child .rx-mod__bg {
  top: 0;
  bottom: 0;
  height: auto;
}


/* ---------- Referans detay ---------- */
.rx-cs {
  position: relative;
  isolation: isolate;
  padding: 120px 0 100px;
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
  overflow: clip;
}
.rx-cs::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: -1;
  height: min(1020px, 100%);
  background: linear-gradient(
    to bottom,
    var(--rx-cs-bg, var(--rx-brand)) 0,
    var(--rx-cs-bg, var(--rx-brand)) 62%,
    transparent 100%
  );
}
.rx-cs a {
  color: inherit;
  text-decoration: none;
}
.rx-cs a:hover {
  color: var(--rx-brand-hover);
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.rx-cs__wrap {
  display: grid;
  grid-template-columns: minmax(0, 720px) 320px;
  gap: 70px 100px;
  align-items: start;
}
.rx-cs__head {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 436fr) minmax(0, 654fr);
  gap: 24px 50px;
  align-items: start;
}
.rx-cs__head--plain {
  grid-template-columns: minmax(0, 720px);
}
.rx-cs__h1 {
  grid-column: 1;
  margin: 0;
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--rx-white);
}
.rx-cs__meta {
  grid-column: 1;
  align-self: end;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  padding: 15px 15px 10px;
  background: rgb(204 204 204 / 0.2);
}
.rx-cs__hero {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: rgb(204 204 204 / 0.2);
}
.rx-cs__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rx-cs__label {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--rx-white);
}
.rx-cs__list {
  font-size: 14px;
  line-height: 1.5;
}
.rx-cs__list a,
.rx-cs__toc-list a,
.rx-cs__site a {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.rx-cs__side {
  grid-column: 2;
  position: sticky;
  top: calc(var(--rx-nav-h) + 24px);
}
.rx-cs__toc {
  padding: 15px 15px 20px;
  background: rgb(204 204 204 / 0.2);
}
.rx-cs__toc > summary {
  cursor: pointer;
  list-style: none;
}
.rx-cs__toc > summary::-webkit-details-marker { display: none; }
.rx-cs__toc-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  font-size: 14px;
}
.rx-cs__copy {
  grid-column: 1;
  display: grid;
  gap: 24px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--rx-white);
}
.rx-cs__lead {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.rx-cs__long h2 {
  margin: 40px 0 16px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.25;
}
.rx-cs__long h3 {
  margin: 28px 0 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.rx-cs__long p,
.rx-cs__long ul {
  margin: 0 0 20px;
}
.rx-cs__long ul {
  padding-left: 1.2em;
  list-style: disc;
}
.rx-cs__long img {
  display: block;
  width: 100%;
  height: auto;
  margin: 28px 0;
}
.rx-cs__gallery {
  display: grid;
  gap: 24px;
}
.rx-cs__gallery figure { margin: 0; }
.rx-cs__gallery img {
  display: block;
  width: 100%;
  height: auto;
}
.rx-cs__site { margin: 0; }

.rx-cs-stats {
  background: var(--rx-gray-80);
  color: var(--rx-gray-10);
  padding: 100px 0;
}
.rx-cs-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
.rx-cs-stats__tile {
  display: grid;
  align-content: start;
  gap: 15px;
  min-height: 320px;
  padding: 25px;
  background: var(--rx-gray-95);
}
.rx-cs-stats__n {
  margin: 0;
  font-size: clamp(40px, 4vw, 60px);
  font-weight: 400;
  line-height: 1.1;
  color: var(--rx-white);
}
.rx-cs-stats__l {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rx-gray-20);
}

.rx-cs-quote {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
  padding: 100px 0;
}
.rx-cs-quote__tile {
  display: grid;
  gap: 15px;
  max-width: 760px;
  margin: 0;
  padding: 25px;
  background: var(--rx-gray-80);
}
.rx-cs-quote__text {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: var(--rx-white);
}
.rx-cs-quote__author {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 16px;
  align-items: center;
}
.rx-cs-quote__badge {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
  font-size: 18px;
  font-weight: 700;
}
.rx-cs-quote__name {
  margin: 0;
  align-self: end;
  font-weight: 700;
  color: var(--rx-white);
}
.rx-cs-quote__role {
  margin: 0;
  align-self: start;
  font-size: 14px;
  color: var(--rx-gray-20);
}

.rx-cs-more {
  background: var(--rx-gray-80);
  color: var(--rx-gray-10);
  padding: 100px 0;
}
.rx-cs-more .rx-h2,
.rx-cs-wall .rx-h2 {
  color: var(--rx-white);
  max-width: none;
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}
.rx-cs-more .rx-head { margin-bottom: 50px; }
.rx-cs-more__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
.rx-cs-more__card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  text-decoration: none !important;
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
  min-width: 0;
}
.rx-cs-more__card figure {
  margin: 0;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: rgb(204 204 204 / 0.12);
}
.rx-cs-more__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rx-cs-more__body {
  display: grid;
  align-content: space-between;
  gap: 16px;
  padding: 20px 25px 25px;
}
.rx-cs-more__card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--rx-white);
}
.rx-cs-more__card:hover h3 {
  color: var(--rx-brand-hover);
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

.rx-cs-wall {
  padding: 100px 0;
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-cs-wall__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px 100px;
  margin-bottom: 70px;
}
.rx-cs-wall__head p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--rx-gray-20);
}
.rx-cs-wall .rx-more {
  color: var(--rx-white);
  margin-top: 0;
}
.rx-cs-wall__logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, 130px);
  align-items: center;
  gap: 40px 50px;
}
/* Referans logoları beyaz zeminli JPG, bu yüzden koyu bant üzerinde çip içinde duruyor */
.rx-cs-wall__logos img {
  width: 130px;
  height: 56px;
  padding: 8px 10px;
  background: var(--rx-white);
  object-fit: contain;
}

@media (max-width: 1349px) {
  .rx-cs__wrap {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 60px;
  }
  .rx-cs-stats__grid,
  .rx-cs-more__grid { gap: 30px; }
}

@media (max-width: 1023px) {
  .rx-cs { padding: 72px 0 64px; }
  .rx-cs::before { height: min(720px, 100%); }
  .rx-cs__wrap,
  .rx-cs__head,
  .rx-cs__head--plain { grid-template-columns: minmax(0, 1fr); }
  .rx-cs__wrap { gap: 40px; }
  .rx-cs__h1,
  .rx-cs__meta,
  .rx-cs__hero,
  .rx-cs__side,
  .rx-cs__copy {
    grid-column: 1;
  }
  .rx-cs__hero { grid-row: auto; }
  .rx-cs__side { position: static; }
  .rx-cs__copy { order: 1; } /* mobilde içindekiler metinden önce gelsin */
  .rx-cs__copy { font-size: 16px; }
  .rx-cs__lead { font-size: 20px; }
  .rx-cs__long h2 { font-size: 26px; }
  .rx-cs__long h3 { font-size: 20px; }
  .rx-cs-stats,
  .rx-cs-quote,
  .rx-cs-more,
  .rx-cs-wall { padding: 64px 0; }
  .rx-cs-stats__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .rx-cs-stats__tile { min-height: 0; }
  .rx-cs-wall__head {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 40px;
  }
  .rx-cs-more .rx-head { margin-bottom: 32px; }
  .rx-cs-more__grid {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .rx-cs-more__grid::-webkit-scrollbar { display: none; }
  .rx-cs-more__card {
    flex: 0 0 min(76vw, 300px);
    scroll-snap-align: start;
  }
}

/* ——— Hizmetler hub (/hizmetler) ——— */
.rx-services .rx-mod:not(.rx-mod--dark):not(.rx-mod--dim) {
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-services .rx-mod:not(.rx-mod--dark) .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-services .rx-mod:not(.rx-mod--dark) .rx-lead {
  color: var(--rx-gray-70);
}
.rx-mod--svc-hero {
  min-height: min(70vh, 690px);
  display: grid;
  align-items: end;
  padding-top: calc(var(--rx-nav-h) + 48px);
  padding-bottom: 80px;
}
.rx-mod--svc-hero .rx-mod__bg {
  background:
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(0, 213, 99, 0.18), transparent 55%),
    linear-gradient(160deg, #1a1a1a 0%, #161616 45%, #0e0e0e 100%);
}
.rx-mod--svc-hero .rx-mod__wash {
  background: linear-gradient(to top, rgba(22, 22, 22, 0.85) 0%, transparent 55%);
}
.rx-mod--svc-hero .rx-h1 {
  max-width: 16ch;
}
.rx-mod--svc-hero .rx-lead {
  max-width: 36ch;
  margin-top: 20px;
  color: var(--rx-gray-20);
}
.rx-crumb {
  margin: 0 0 28px;
}
.rx-crumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: var(--rx-gray-50);
}
.rx-crumb li:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: var(--rx-gray-50);
}
.rx-crumb a {
  color: var(--rx-gray-20);
  text-decoration: none;
}
.rx-crumb a:hover {
  color: var(--rx-brand-hover);
}
.rx-crumb [aria-current="page"] {
  color: var(--rx-white);
}

.rx-svc-sticky {
  position: sticky;
  top: var(--rx-nav-h);
  z-index: 40;
  background: var(--rx-white);
  border-bottom: 1px solid var(--rx-gray-10);
}
.rx-mod--svc-cat {
  scroll-margin-top: calc(var(--rx-nav-h) + 56px);
}
.rx-svc-sticky__inner {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.rx-svc-sticky__inner::-webkit-scrollbar { display: none; }
.rx-svc-sticky a {
  flex: none;
  padding: 18px 28px;
  font-size: 14px;
  line-height: 1;
  color: var(--rx-gray-70);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s var(--rx-ease);
}
.rx-svc-sticky a:hover {
  color: var(--rx-brand-hover);
}

.rx-mod--svc-intro,
.rx-mod--svc-cat {
  padding: 100px 0;
}
.rx-mod--svc-intro .rx-h2,
.rx-mod--svc-cat .rx-h2 {
  max-width: 18ch;
  margin: 0 0 28px;
}
.rx-lead--wide {
  max-width: 62ch;
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}

.rx-mod--svc-cases,
.rx-mod--svc-cards {
  padding: 100px 0;
}
.rx-mod--svc-cases .rx-wrap--tight,
.rx-mod--svc-cards .rx-wrap--tight {
  display: grid;
  gap: 48px;
}
.rx-mod--svc-cases .rx-head,
.rx-mod--svc-cards .rx-head {
  margin: 0;
  display: grid;
  gap: 16px;
  max-width: 52ch;
}
.rx-mod--svc-cases .rx-h2,
.rx-mod--svc-cards .rx-h2 {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}

.rx-svc-cases {
  align-items: start;
}
.rx-svc-case {
  display: grid;
  gap: 16px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  transition: transform 0.35s var(--rx-ease);
}
.rx-svc-case:hover {
  transform: translateY(-4px);
}
.rx-svc-case__media {
  margin: 0;
  aspect-ratio: 1;
  overflow: hidden;
  background: #2a2a2a;
}
.rx-svc-case__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s var(--rx-ease);
}
.rx-svc-case:hover .rx-svc-case__media img {
  transform: scale(1.04);
}
.rx-svc-case h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--rx-gray-95);
}
.rx-mod--dark .rx-svc-case h3,
.rx-services .rx-mod--dark .rx-svc-case h3 {
  color: var(--rx-white);
}
.rx-svc-case .rx-arrow {
  color: var(--rx-brand);
}
.rx-svc-case:hover .rx-arrow {
  color: var(--rx-brand-hover);
}

.rx-tiles--svc {
  align-items: stretch;
}
.rx-svc-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 14px;
  padding: 28px 24px 24px;
  text-decoration: none;
  color: inherit;
  background: transparent;
  border: 1px solid var(--rx-gray-10);
  min-height: 220px;
  transition: border-color 0.25s var(--rx-ease), transform 0.25s var(--rx-ease), background-color 0.25s var(--rx-ease);
}
.rx-mod--dim .rx-svc-card {
  border-color: #e0e0e0;
  background: var(--rx-white);
}
.rx-svc-card:hover {
  border-color: var(--rx-brand);
  transform: translateY(-3px);
}
.rx-svc-card__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: var(--rx-brand);
  font-size: 22px;
}
.rx-svc-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-gray-95);
}
.rx-svc-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--rx-gray-70);
}
.rx-svc-card .rx-arrow {
  margin-top: 8px;
  color: var(--rx-brand);
  justify-self: start;
}
.rx-svc-card:hover .rx-arrow,
.rx-svc-card:hover .rx-svc-card__icon {
  color: var(--rx-brand-hover);
}

.rx-mod--svc-logos {
  background: var(--rx-white);
}
.rx-mod--svc-logos .rx-h2 {
  color: var(--rx-gray-95);
}

@media (max-width: 1023px) {
  .rx-mod--svc-hero {
    min-height: 0;
    padding-bottom: 56px;
  }
  .rx-mod--svc-intro,
  .rx-mod--svc-cat,
  .rx-mod--svc-cases,
  .rx-mod--svc-cards {
    padding: 64px 0;
  }
  .rx-svc-sticky a {
    padding: 14px 18px;
    font-size: 13px;
  }
  .rx-tiles--svc.rx-tiles--4,
  .rx-tiles--svc.rx-tiles--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-svc-cases.rx-tiles--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .rx-tiles--svc.rx-tiles--4,
  .rx-tiles--svc.rx-tiles--3,
  .rx-svc-cases.rx-tiles--3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-lead--wide { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .rx-svc-case,
  .rx-svc-case__media img,
  .rx-svc-card {
    transition: none;
  }
  .rx-svc-case:hover,
  .rx-svc-card:hover {
    transform: none;
  }
  .rx-svc-case:hover .rx-svc-case__media img {
    transform: none;
  }
}

/* ---------- Service detail (/hizmetler/{slug}) ---------- */
.rx-svc-detail .rx-mod--svc-detail-hero .rx-wrap {
  display: grid;
  gap: 28px;
  align-content: end;
  position: relative;
  z-index: 1;
}
.rx-svc-detail .rx-mod--svc-detail-hero .rx-btn {
  justify-self: start;
}
.rx-mod--svc-detail-hero .rx-mod__bg img,
.rx-mod--svc-detail-hero .rx-mod__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rx-mod--svc-detail-hero .rx-h1 {
  max-width: 18ch;
}
.rx-svc-detail .rx-mod--svc-detail-hero .rx-lead {
  max-width: 42ch;
}

.rx-svc-card--static {
  grid-template-rows: auto auto;
  min-height: 0;
  cursor: default;
}
.rx-svc-card--static:hover {
  transform: none;
  border-color: var(--rx-gray-10);
}

/* Koyu zeminde kart metinleri */
.rx-mod--dark .rx-svc-card {
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--rx-gray-10);
}
.rx-mod--dark .rx-svc-card h3 {
  color: var(--rx-white);
}
.rx-mod--dark .rx-svc-card p {
  color: var(--rx-gray-20);
}
.rx-mod--dark .rx-svc-card--static:hover {
  border-color: rgba(255, 255, 255, 0.45);
}

.rx-head--row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px 40px;
  max-width: none;
}
.rx-head--row > div {
  display: grid;
  gap: 16px;
  max-width: 52ch;
}
.rx-btn--light {
  background: transparent;
  color: var(--rx-gray-95) !important;
  border: 1px solid var(--rx-gray-95);
}
.rx-btn--light:hover {
  background: var(--rx-brand);
  border-color: var(--rx-brand);
  color: var(--rx-brand-ink) !important;
}

.rx-mod--svc-process {
  padding: 100px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--svc-process .rx-wrap--tight {
  display: grid;
  gap: 48px;
}
.rx-mod--svc-process .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  counter-reset: rx-step;
}
.rx-step {
  position: relative;
  display: grid;
  gap: 12px;
  padding-top: 48px;
  border-top: 1px solid var(--rx-gray-10);
  counter-increment: rx-step;
}
.rx-step::before {
  content: counter(rx-step, decimal-leading-zero);
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 13px;
  font-weight: 650;
  color: var(--rx-brand);
  font-variant-numeric: tabular-nums;
}
.rx-step h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-gray-95);
}
.rx-step p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--rx-gray-70);
}

.rx-mod--svc-quote {
  padding: 100px 0;
}
.rx-quote {
  margin: 0;
  max-width: 52ch;
  display: grid;
  gap: 28px;
}
.rx-quote__brand {
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}
.rx-quote__text {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.35;
  font-weight: 500;
  color: var(--rx-gray-95);
}
.rx-quote__author {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rx-quote__author img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 0;
}
.rx-quote__name {
  margin: 0;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-quote__role {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--rx-gray-50);
}

.rx-mod--svc-feature {
  padding: 100px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--svc-feature .rx-h2 {
  color: var(--rx-gray-95);
  margin: 0;
}
.rx-svc-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
.rx-mod--svc-feature-reverse .rx-svc-feature {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}
.rx-mod--svc-feature-reverse .rx-svc-feature__copy {
  order: 2;
}
.rx-mod--svc-feature-reverse .rx-svc-feature__media {
  order: 1;
}
.rx-svc-feature__copy {
  display: grid;
  gap: 28px;
}
.rx-svc-feature__copy .rx-head {
  display: grid;
  gap: 16px;
  max-width: 46ch;
}
.rx-svc-feature__copy .rx-more {
  margin-top: 0;
  color: var(--rx-gray-95);
}
.rx-svc-feature__media {
  margin: 0;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--rx-case-brand, #2a2a2a);
}
.rx-svc-feature__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rx-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.rx-stats__n {
  margin: 0;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 650;
  line-height: 1.1;
  color: var(--rx-gray-95);
}
.rx-stats__l {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--rx-gray-70);
}

.rx-mod--svc-body {
  padding: 100px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}

/* ---------- Hizmet lokasyon (il/ilçe) ---------- */
.rx-mod--svc-bolge-body {
  padding: 72px 0 96px;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-svc-bolge__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 48px 56px;
  align-items: start;
}
.rx-svc-bolge__media {
  margin: 0 0 36px;
  overflow: hidden;
  background: var(--rx-gray-1);
}
.rx-svc-bolge__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.rx-svc-bolge__prose {
  margin-bottom: 56px;
}
.rx-svc-bolge__faq .rx-head {
  margin-bottom: 28px;
}
.rx-svc-bolge__faq .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-svc-bolge__side {
  display: grid;
  gap: 16px;
  position: sticky;
  top: calc(var(--rx-nav-h) + 24px);
}
.rx-svc-bolge__card {
  padding: 20px;
  background: var(--rx-gray-1);
  border: 1px solid var(--rx-gray-10);
}
.rx-svc-bolge__card-label {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}
.rx-svc-bolge__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  color: var(--rx-gray-95);
  text-decoration: none;
  font-size: 15px;
  font-weight: 650;
  border-bottom: 1px solid var(--rx-gray-10);
}
.rx-svc-bolge__link:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.rx-svc-bolge__link:hover {
  color: var(--rx-brand-hover);
}
.rx-svc-bolge__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
}
.rx-svc-bolge__list a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  color: var(--rx-gray-80);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid var(--rx-gray-10);
}
.rx-svc-bolge__list li:last-child a {
  border-bottom: 0;
  padding-bottom: 0;
}
.rx-svc-bolge__list a:hover {
  color: var(--rx-brand-hover);
}
.rx-svc-bolge__card--cta {
  background: var(--rx-gray-95);
  border-color: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-svc-bolge__card--cta .rx-svc-bolge__card-label {
  color: var(--rx-gray-20);
}
.rx-svc-bolge__card--cta h3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--rx-white);
}
.rx-svc-bolge__card--cta p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--rx-gray-20);
}
.rx-svc-bolge__card--cta .rx-btn {
  width: 100%;
  justify-content: center;
}
.rx-mod--svc-nearby {
  padding: 72px 0;
}
.rx-svc-nearby {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rx-svc-nearby a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid var(--rx-gray-10);
  background: var(--rx-white);
  color: var(--rx-gray-95);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: border-color 0.2s var(--rx-ease), color 0.2s var(--rx-ease), background-color 0.2s var(--rx-ease);
}
.rx-svc-nearby a:hover {
  border-color: var(--rx-brand);
  color: var(--rx-brand-ink);
  background: var(--rx-brand);
}
@media (max-width: 1023px) {
  .rx-svc-bolge__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .rx-svc-bolge__side {
    position: static;
  }
  .rx-mod--svc-bolge-body {
    padding: 48px 0 72px;
  }
}

.rx-wrap--narrow {
  width: min(760px, 100%);
  margin-inline: auto;
  padding-inline: var(--rx-pad);
}
.rx-prose {
  font-size: 17px;
  line-height: 1.7;
}
.rx-prose > *:first-child { margin-top: 0; }
.rx-prose > *:last-child { margin-bottom: 0; }
.rx-prose h2,
.rx-prose h3 {
  margin: 2em 0 0.75em;
  color: var(--rx-gray-95);
  font-weight: 650;
  line-height: 1.25;
}
.rx-prose h2 { font-size: 28px; font-weight: 400; }
.rx-prose h3 { font-size: 20px; }
.rx-prose p { margin: 0 0 1.1em; }
.rx-prose ul,
.rx-prose ol {
  margin: 0 0 1.25em;
  padding-left: 1.2em;
}
.rx-prose li { margin: 0.35em 0; }
.rx-prose a {
  color: var(--rx-gray-95);
  text-underline-offset: 0.2em;
}
.rx-prose a:hover { color: var(--rx-brand-hover); }

.rx-mod--svc-faq {
  padding: 100px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--svc-faq .rx-wrap--tight {
  display: grid;
  gap: 48px;
}
.rx-mod--svc-faq .rx-h2 { color: var(--rx-gray-95); }
.rx-faq {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--rx-gray-10);
}
.rx-faq__item {
  border-bottom: 1px solid var(--rx-gray-10);
}
.rx-faq__q {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
}
.rx-faq__q::-webkit-details-marker { display: none; }
.rx-faq__q h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--rx-gray-95);
}
.rx-faq__icon {
  flex: none;
  width: 20px;
  height: 20px;
  position: relative;
}
.rx-faq__icon::before,
.rx-faq__icon::after {
  content: "";
  position: absolute;
  background: var(--rx-brand);
  transition: transform 0.25s var(--rx-ease), background-color 0.25s var(--rx-ease);
}
.rx-faq__icon::before {
  inset: 9px 0 auto;
  height: 2px;
}
.rx-faq__icon::after {
  inset: 0 9px;
  width: 2px;
}
.rx-faq__item[open] .rx-faq__icon::after {
  transform: scaleY(0);
}
.rx-faq__item[open] .rx-faq__icon::before,
.rx-faq__item[open] .rx-faq__icon::after {
  background: var(--rx-brand-hover);
}
.rx-faq__a {
  padding: 0 0 24px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--rx-gray-70);
  max-width: 62ch;
}
.rx-faq__a p { margin: 0 0 0.8em; }
.rx-faq__a p:last-child { margin-bottom: 0; }

.rx-mod--svc-regions {
  padding: 100px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--svc-regions .rx-h2 { color: var(--rx-gray-95); }
.rx-regions {
  margin-top: 40px;
  border: 1px solid var(--rx-gray-10);
}
.rx-regions > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-regions > summary::-webkit-details-marker { display: none; }
.rx-regions__toggle .is-open { display: none; }
.rx-regions[open] .rx-regions__toggle .is-open { display: inline; }
.rx-regions[open] .rx-regions__toggle .is-closed { display: none; }
.rx-regions__toggle { color: var(--rx-brand); font-weight: 600; }
.rx-regions__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 24px;
  padding: 8px 24px 28px;
  border-top: 1px solid var(--rx-gray-10);
}
.rx-regions__group {
  display: grid;
  gap: 10px;
  align-content: start;
}
.rx-regions__letter {
  font-size: 13px;
  font-weight: 650;
  color: var(--rx-brand);
}
.rx-regions__group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.rx-regions__group a {
  color: var(--rx-gray-70);
  text-decoration: none;
  font-size: 14px;
}
.rx-regions__group a:hover {
  color: var(--rx-brand-hover);
}

@media (max-width: 1023px) {
  .rx-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-svc-feature,
  .rx-mod--svc-feature-reverse .rx-svc-feature {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-mod--svc-feature-reverse .rx-svc-feature__copy,
  .rx-mod--svc-feature-reverse .rx-svc-feature__media {
    order: unset;
  }
  .rx-mod--svc-process,
  .rx-mod--svc-quote,
  .rx-mod--svc-feature,
  .rx-mod--svc-body,
  .rx-mod--svc-faq,
  .rx-mod--svc-regions {
    padding: 64px 0;
  }
  .rx-regions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .rx-steps {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-stats {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-regions__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-prose { font-size: 16px; }
  .rx-prose h2 { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .rx-faq__icon::before,
  .rx-faq__icon::after {
    transition: none;
  }
}

/* ---------- Referanslar hub + vitrin ---------- */
.rx-refs .rx-mod--refs-hero {
  min-height: min(58vh, 560px);
}
.rx-refs .rx-mod--refs-hero .rx-mod__bg {
  background: #111;
}
.rx-refs .rx-mod--refs-hero .rx-mod__wash {
  background:
    linear-gradient(to top, rgba(22, 22, 22, 0.92) 0%, rgba(22, 22, 22, 0.35) 45%, rgba(22, 22, 22, 0.45) 100%),
    radial-gradient(ellipse 70% 50% at 70% 40%, rgba(0, 213, 99, 0.12), transparent 55%);
}
.rx-refs .rx-mod--refs-hero .rx-h1 {
  max-width: 14ch;
}
.rx-refs-hero__actions {
  margin-top: 8px;
}
.rx-btn--ghost {
  background: transparent;
  color: var(--rx-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.rx-btn--ghost:hover {
  background: var(--rx-brand);
  border-color: var(--rx-brand);
  color: var(--rx-brand-ink) !important;
}
.rx-mod--refs-cases {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
  padding: 100px 0;
}
.rx-mod--refs-cases .rx-h2 {
  color: var(--rx-white);
}
.rx-mod--refs-cases .rx-lead {
  color: var(--rx-gray-20);
}
.rx-mod--refs-hubs,
.rx-mod--refs-grid {
  padding: 100px 0;
}
.rx-mod--refs-hubs .rx-wrap--tight,
.rx-mod--refs-grid .rx-wrap--tight {
  display: grid;
  gap: 48px;
}
.rx-mod--refs-hubs .rx-h2,
.rx-mod--refs-grid .rx-h2 {
  color: var(--rx-gray-95);
  margin: 0;
}
.rx-refs-hub__meta {
  margin: -8px 0 0;
  font-size: 13px;
  color: var(--rx-gray-50);
}
.rx-case__disc {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.72);
  max-width: 28ch;
}
.rx-refs-empty {
  display: grid;
  gap: 24px;
  justify-items: start;
  padding: 48px 0 8px;
}
.rx-refs-empty p {
  margin: 0;
  font-size: 17px;
  color: var(--rx-gray-70);
}
.rx-mod--refs-logos .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-crumb--on-dark {
  margin: 0 0 32px;
}
.rx-cs-page .rx-cs {
  padding-top: calc(var(--rx-nav-h) + 48px);
}
.rx-prose--on-dark,
.rx-prose--on-dark h2,
.rx-prose--on-dark h3 {
  color: var(--rx-gray-10);
}
.rx-prose--on-dark a {
  color: var(--rx-brand);
}
.rx-prose--on-dark a:hover {
  color: var(--rx-brand-hover);
}
.rx-cs__gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 40px 0 0;
}
.rx-cs-more .rx-svc-case h3 {
  color: var(--rx-gray-95);
}
.rx-cs-more {
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-cs-more .rx-h2 {
  color: var(--rx-gray-95);
}

@media (max-width: 1023px) {
  .rx-mod--refs-cases,
  .rx-mod--refs-hubs,
  .rx-mod--refs-grid {
    padding: 64px 0;
  }
  .rx-cs__gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .rx-case__disc { display: none; }
}
.rx-cs__wrap:not(:has(.rx-cs__side)) {
  grid-template-columns: minmax(0, 720px);
}

/* —— Kurumsal sayfalar —— */
.rx-mod--corp-hero .rx-hero__copy {
  max-width: 18ch;
}
.rx-mod--corp-intro,
.rx-mod--corp-body {
  padding: 88px 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--corp-jobs {
  padding: 88px 0;
}
.rx-mod--corp-intro .rx-h2,
.rx-mod--corp-body .rx-h2,
.rx-mod--corp-jobs .rx-h2 {
  margin: 0 0 16px;
  color: var(--rx-gray-95);
}
.rx-mod--corp-intro .rx-lead,
.rx-mod--corp-intro .rx-lead--wide,
.rx-mod--corp-body .rx-lead,
.rx-mod--corp-jobs .rx-lead {
  margin: 0 0 40px;
  max-width: 54ch;
  color: var(--rx-gray-70);
}
.rx-mod--corp-intro .rx-svc-card,
.rx-mod--corp-body .rx-svc-card {
  border-color: #e0e0e0;
}
.rx-mod--corp-intro .rx-svc-card h3,
.rx-mod--corp-body .rx-svc-card h3 {
  color: var(--rx-gray-95);
}
.rx-mod--corp-intro .rx-svc-card p,
.rx-mod--corp-body .rx-svc-card p {
  color: var(--rx-gray-70);
}
.rx-mod--corp-intro .rx-svc-card--static:hover,
.rx-mod--corp-body .rx-svc-card--static:hover {
  border-color: #cfcfcf;
}
.rx-corp-principles {
  margin-top: 8px;
}
.rx-corp-empty {
  display: grid;
  gap: 24px;
  justify-items: start;
  padding: 24px 0;
}
.rx-corp-empty p {
  margin: 0;
  font-size: 17px;
  color: var(--rx-gray-70);
}
.rx-corp-jobs__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}
.rx-mod--corp-jobs .rx-head {
  margin-bottom: 32px;
}
.rx-mod--corp-jobs .rx-lead {
  margin: 12px 0 0;
  max-width: 48ch;
}
.rx-jobs {
  display: grid;
  gap: 12px;
  margin-bottom: 32px;
}
.rx-job {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px 32px;
  align-items: center;
  padding: 28px;
  background: var(--rx-white);
}
.rx-job__title {
  margin: 0;
  font-size: 20px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-job__meta {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  font-size: 14px;
  color: var(--rx-gray-50);
}
.rx-job__dot {
  color: var(--rx-gray-20);
}
.rx-job__text {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--rx-gray-70);
  max-width: 62ch;
}
@media (max-width: 720px) {
  .rx-job {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-job .rx-btn {
    justify-self: start;
  }
}
.rx-mod--corp-jobs {
  scroll-margin-top: calc(var(--rx-nav-h) + 24px);
}

/* —— Müşteri yorumları —— */
.rx-reviews-page {
  background: var(--rx-gray-1);
}
.rx-mod--reviews-feature {
  padding: 72px 0 24px;
  background: var(--rx-gray-1);
  color: var(--rx-gray-95);
}
.rx-mod--reviews-grid {
  padding: 24px 0 100px;
  background: var(--rx-gray-1);
  color: var(--rx-gray-95);
}
.rx-review {
  position: relative;
  margin: 0;
  display: grid;
  gap: 28px;
  padding: 36px 32px 32px;
  background: var(--rx-white);
  color: var(--rx-gray-95);
  border: 0;
  transition: transform 0.35s var(--rx-ease), box-shadow 0.35s var(--rx-ease);
}
.rx-review:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(22, 22, 22, 0.06);
}
.rx-review__mark {
  position: absolute;
  top: 10px;
  left: 22px;
  font-size: 72px;
  line-height: 1;
  font-weight: 700;
  color: var(--rx-brand);
  pointer-events: none;
  user-select: none;
}
.rx-review__text {
  margin: 28px 0 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
  color: var(--rx-gray-95);
}
.rx-review__author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}
.rx-review__photo,
.rx-review__avatar {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: 0;
}
.rx-review__avatar {
  display: grid;
  place-items: center;
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.rx-review__name {
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-review__role {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--rx-gray-50);
}
.rx-review--feature {
  max-width: 52ch;
  padding: 48px 0 40px;
  background: transparent;
  gap: 32px;
}
.rx-review--feature:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}
.rx-review--feature .rx-review__mark {
  top: 0;
  left: -8px;
  font-size: 96px;
}
.rx-review--feature .rx-review__text {
  margin-top: 36px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.25;
  font-weight: 500;
  max-width: 22ch;
  color: var(--rx-gray-95);
}
.rx-review--feature .rx-review__photo,
.rx-review--feature .rx-review__avatar {
  width: 64px;
  height: 64px;
  font-size: 18px;
}
.rx-reviews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.rx-reviews .rx-review {
  min-height: 100%;
}
@media (max-width: 1023px) {
  .rx-mod--corp-intro,
  .rx-mod--corp-body,
  .rx-mod--corp-jobs {
    padding: 64px 0;
  }
  .rx-mod--reviews-feature {
    padding: 48px 0 8px;
  }
  .rx-mod--reviews-grid {
    padding: 16px 0 72px;
  }
  .rx-reviews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-review--feature .rx-review__text {
    max-width: none;
  }
}
@media (max-width: 640px) {
  .rx-reviews {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-review {
    padding: 28px 22px 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rx-review,
  .rx-review:hover {
    transition: none;
    transform: none;
    box-shadow: none;
  }
}

/* —— Sürdürülebilirlik —— */
.rx-mod--sustain-intro,
.rx-mod--sustain-pillars,
.rx-mod--sustain-practice,
.rx-mod--sustain-commit,
.rx-mod--sustain-links {
  padding: 96px 0;
}
.rx-sustain-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 56px 64px;
  align-items: start;
}
.rx-sustain-intro__copy .rx-h2 {
  margin: 0 0 20px;
  color: var(--rx-gray-95);
}
.rx-sustain-intro__copy .rx-lead {
  margin: 0;
  max-width: 42ch;
}
.rx-sustain-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.rx-sustain-points li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  padding: 24px 0;
  border-top: 1px solid var(--rx-gray-10);
}
.rx-sustain-points li:last-child {
  border-bottom: 1px solid var(--rx-gray-10);
}
.rx-sustain-points__n {
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: var(--rx-brand);
  padding-top: 4px;
}
.rx-sustain-points h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-sustain-points p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--rx-gray-70);
}
.rx-mod--sustain-pillars .rx-head--row {
  margin-bottom: 40px;
}
.rx-mod--sustain-pillars .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-sustain-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.rx-sustain-pillar {
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 220px;
  padding: 28px 28px 32px;
  background: var(--rx-white);
}
.rx-sustain-pillar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--rx-brand-ink);
  background: var(--rx-brand);
  font-size: 16px;
}
.rx-sustain-pillar h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-sustain-pillar p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--rx-gray-70);
}
.rx-mod--sustain-practice {
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--sustain-practice .rx-wrap--tight {
  display: grid;
  gap: 48px;
}
.rx-mod--sustain-practice .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-mod--sustain-practice .rx-lead {
  margin: 16px 0 0;
  max-width: 48ch;
}
.rx-steps--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rx-sustain-commit {
  display: grid;
  gap: 48px;
}
.rx-sustain-commit__copy .rx-h2 {
  margin: 0 0 16px;
  color: var(--rx-gray-95);
}
.rx-sustain-commit__copy .rx-lead {
  margin: 0;
  max-width: 48ch;
}
.rx-sustain-commit__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.rx-sustain-commit__col {
  padding: 32px 28px;
  background: var(--rx-white);
}
.rx-sustain-commit__col h3 {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}
.rx-sustain-commit__col--do h3 {
  color: var(--rx-brand-ink);
}
.rx-sustain-commit__col--do {
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
}
.rx-sustain-commit__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.rx-sustain-commit__col li {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.45;
  color: var(--rx-gray-80);
}
.rx-sustain-commit__col li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  background: var(--rx-gray-20);
}
.rx-sustain-commit__col--do li {
  color: var(--rx-brand-ink);
}
.rx-sustain-commit__col--do li::before {
  background: var(--rx-brand-ink);
}
.rx-mod--sustain-links {
  background: var(--rx-white);
}
.rx-mod--sustain-links .rx-h2 {
  color: var(--rx-gray-95);
}
.rx-mod--sustain-links .rx-lead {
  margin: 16px 0 0;
}
.rx-mod--sustain-links .rx-head {
  margin-bottom: 36px;
}
.rx-sustain-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.rx-sustain-link {
  display: grid;
  gap: 8px;
  padding: 28px;
  background: var(--rx-gray-1);
  text-decoration: none;
  color: inherit;
  transition: background 0.3s var(--rx-ease), transform 0.3s var(--rx-ease);
}
.rx-sustain-link:hover {
  background: var(--rx-gray-95);
  color: var(--rx-white);
  transform: translateY(-2px);
}
.rx-sustain-link__label {
  font-size: 13px;
  color: var(--rx-gray-50);
}
.rx-sustain-link:hover .rx-sustain-link__label {
  color: var(--rx-gray-20);
}
.rx-sustain-link strong {
  font-size: 22px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-sustain-link:hover strong {
  color: var(--rx-white);
}
.rx-sustain-link .rx-arrow {
  margin-top: 12px;
  color: var(--rx-brand);
}
@media (max-width: 1023px) {
  .rx-mod--sustain-intro,
  .rx-mod--sustain-pillars,
  .rx-mod--sustain-practice,
  .rx-mod--sustain-commit,
  .rx-mod--sustain-links {
    padding: 64px 0;
  }
  .rx-sustain-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
  .rx-sustain-pillars,
  .rx-sustain-links,
  .rx-steps--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-sustain-commit__cols {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .rx-sustain-pillars,
  .rx-sustain-links,
  .rx-steps--4 {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-sustain-pillar {
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rx-sustain-link,
  .rx-sustain-link:hover {
    transition: none;
    transform: none;
  }
}

/* ===== Blog / Haberler (Rox editorial) ===== */
.rx-blog-page.rx-corp .rx-mod--corp-hero .rx-blog-hero__copy {
  max-width: min(920px, 100%);
}
.rx-blog-detail .rx-mod--corp-hero .rx-h1,
.rx-blog-detail .rx-mod--svc-hero .rx-h1 {
  max-width: none;
  font-size: clamp(28px, 4.2vw, 52px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  text-wrap: balance;
}
.rx-blog-meta-line {
  margin: 16px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  font-size: 15px;
  color: var(--rx-gray-40);
}
.rx-blog-meta-line a {
  color: var(--rx-brand);
  text-decoration: none;
}
.rx-blog-meta-line a:hover {
  color: var(--rx-brand-hover);
}
.rx-blog-meta-dot {
  color: var(--rx-gray-50);
}

.rx-blog-filter-bar {
  padding: 24px 0 0;
}
.rx-blog-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: var(--rx-gray-1);
  color: var(--rx-gray-70);
  font-size: 15px;
}
.rx-blog-filter p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.rx-blog-filter a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 650;
  color: var(--rx-gray-95);
  text-decoration: none;
}
.rx-blog-filter a:hover {
  color: var(--rx-brand-hover);
}

.rx-mod--blog-list {
  padding-top: 64px;
}
.rx-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 32px;
}
.rx-blog-card {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}
.rx-blog-card__media {
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--rx-gray-1);
}
.rx-blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s var(--rx-ease);
}
.rx-blog-card:hover .rx-blog-card__media img,
.rx-blog-card:focus-visible .rx-blog-card__media img {
  transform: scale(1.04);
}
.rx-blog-card__body {
  display: grid;
  gap: 8px;
}
.rx-blog-card__topic {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: var(--rx-gray-50);
}
.rx-blog-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--rx-gray-95);
  transition: color 0.25s var(--rx-ease);
}
.rx-blog-card:hover .rx-blog-card__title,
.rx-blog-card:focus-visible .rx-blog-card__title {
  color: var(--rx-brand-hover);
}
.rx-blog-card__date {
  font-size: 13px;
  color: var(--rx-gray-50);
}

.rx-mod--blog-topics {
  padding: 72px 0;
}
.rx-mod--blog-topics .rx-head {
  margin-bottom: 28px;
}
.rx-blog-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rx-blog-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-gray-70);
  background: var(--rx-white);
  text-decoration: none;
  border: 1px solid var(--rx-gray-10);
  transition: color 0.2s var(--rx-ease), background 0.2s var(--rx-ease), border-color 0.2s var(--rx-ease);
}
.rx-blog-chip:hover,
.rx-blog-chip.is-active {
  color: var(--rx-white);
  background: var(--rx-gray-95);
  border-color: var(--rx-gray-95);
}

.rx-blog-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}
.rx-blog-pager__item,
.rx-blog-pager__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 650;
  color: var(--rx-gray-95);
  text-decoration: none;
  border: 1px solid transparent;
  transition: color 0.2s var(--rx-ease), border-color 0.2s var(--rx-ease), background 0.2s var(--rx-ease);
}
.rx-blog-pager__item:hover,
.rx-blog-pager__arrow:hover {
  color: var(--rx-brand-hover);
  border-color: var(--rx-gray-10);
}
.rx-blog-pager__item.is-current {
  background: var(--rx-gray-95);
  color: var(--rx-white);
  pointer-events: none;
}
.rx-blog-pager__dots {
  padding: 0 6px;
  color: var(--rx-gray-50);
}

/* Article detail */
.rx-wrap--prose {
  width: min(920px, 100%);
  margin-inline: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.rx-mod--blog-article {
  padding: 56px 0 88px;
}
.rx-blog-article__hero {
  margin: 0 0 40px;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: var(--rx-gray-1);
}
.rx-blog-article__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rx-blog-toc {
  margin: 0 0 40px;
  padding: 20px 24px;
  background: var(--rx-gray-1);
}
.rx-blog-toc summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-70);
  list-style: none;
}
.rx-blog-toc summary::-webkit-details-marker { display: none; }
.rx-blog-toc__list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
.rx-blog-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  color: var(--rx-gray-95);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
  transition: color 0.2s var(--rx-ease);
}
.rx-blog-toc__link:hover {
  color: var(--rx-brand-hover);
}
.rx-blog-toc__link::before {
  content: "";
  width: 14px;
  height: 10px;
  flex: 0 0 auto;
  margin-top: 0.35em;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 17'%3E%3Cpath fill='black' d='M20.218 9.034H22V7.467h-1.782zm-5.562-8.127L13.548 2.015 20.338 8.804l1.108-1.108zM20.338 7.696l-6.79 6.79 1.108 1.108 6.79-6.79zM0 9.034h20.218V7.467H0z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 17'%3E%3Cpath fill='black' d='M20.218 9.034H22V7.467h-1.782zm-5.562-8.127L13.548 2.015 20.338 8.804l1.108-1.108zM20.338 7.696l-6.79 6.79 1.108 1.108 6.79-6.79zM0 9.034h20.218V7.467H0z'/%3E%3C/svg%3E") center / contain no-repeat;
  color: var(--rx-brand);
}

.rx-blog-prose {
  font-size: 17px;
  line-height: 1.7;
  color: var(--rx-gray-70);
}
.rx-blog-lead {
  margin: 0 0 1.4em;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.55;
  color: var(--rx-gray-95);
}
.rx-blog-prose img {
  max-width: 100%;
  height: auto;
  margin: 1.5em 0;
}
.rx-blog-prose blockquote {
  margin: 1.5em 0;
  padding: 8px 0 8px 20px;
  border-left: 3px solid var(--rx-brand);
  color: var(--rx-gray-95);
  font-size: 1.05em;
}
.rx-blog-prose h2,
.rx-blog-prose h3 {
  color: var(--rx-gray-95);
  scroll-margin-top: calc(var(--rx-nav-h) + 24px);
}
.rx-blog-prose a {
  color: var(--rx-gray-95);
}
.rx-blog-prose a:hover {
  color: var(--rx-brand-hover);
}

/* Koyu sayfada blog gövdesi — .rx-prose h2 (#161616) zemini yutmasın */
.rx-body--dark .rx-mod--blog-article .rx-blog-prose,
.rx-body--dark .rx-mod--blog-article .rx-prose {
  color: var(--rx-gray-20);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-prose h2,
.rx-body--dark .rx-mod--blog-article .rx-blog-prose h3,
.rx-body--dark .rx-mod--blog-article .rx-prose h2,
.rx-body--dark .rx-mod--blog-article .rx-prose h3,
.rx-body--dark .rx-mod--blog-article .rx-blog-lead,
.rx-body--dark .rx-mod--blog-article .rx-blog-prose blockquote,
.rx-body--dark .rx-mod--blog-article .rx-blog-prose strong {
  color: var(--rx-white);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-prose a,
.rx-body--dark .rx-mod--blog-article .rx-prose a {
  color: var(--rx-brand);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-prose a:hover,
.rx-body--dark .rx-mod--blog-article .rx-prose a:hover {
  color: var(--rx-brand-hover);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-article__footer {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-share > p {
  color: var(--rx-gray-20);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-tag {
  color: var(--rx-gray-10);
  background: rgba(255, 255, 255, 0.08);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-tag:hover {
  color: var(--rx-brand-ink);
  background: var(--rx-brand);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-share__links a {
  color: var(--rx-white);
  background: rgba(255, 255, 255, 0.08);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-share__links a:hover {
  color: var(--rx-brand-ink);
  background: var(--rx-brand);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-adjacent__link {
  background: rgba(255, 255, 255, 0.06);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-adjacent__title {
  color: var(--rx-white);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-toc {
  background: rgba(255, 255, 255, 0.06);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-toc summary {
  color: var(--rx-gray-20);
}
.rx-body--dark .rx-mod--blog-article .rx-blog-toc__link {
  color: var(--rx-gray-10);
}

.rx-blog-article__footer {
  display: grid;
  gap: 32px;
  margin-top: 64px;
  padding: 40px 0 0;
  border-top: 1px solid var(--rx-gray-10);
}
.rx-blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rx-blog-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-gray-70);
  background: var(--rx-gray-1);
  text-decoration: none;
  transition: color 0.2s var(--rx-ease), background 0.2s var(--rx-ease);
}
.rx-blog-tag:hover {
  color: var(--rx-gray-95);
  background: var(--rx-gray-10);
}
.rx-blog-share {
  display: grid;
  gap: 12px;
}
.rx-blog-share > p {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--rx-gray-70);
}
.rx-blog-share__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rx-blog-share__links a {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--rx-gray-95);
  background: var(--rx-gray-1);
  text-decoration: none;
  transition: color 0.2s var(--rx-ease), background 0.2s var(--rx-ease);
}
.rx-blog-share__links a:hover {
  color: var(--rx-white);
  background: var(--rx-gray-95);
}
.rx-blog-adjacent {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.rx-blog-adjacent__link {
  display: grid;
  gap: 8px;
  padding: 22px;
  background: var(--rx-gray-1);
  text-decoration: none;
  color: inherit;
  transition: background 0.25s var(--rx-ease), transform 0.25s var(--rx-ease);
}
.rx-blog-adjacent__link:hover {
  background: var(--rx-gray-95);
  color: var(--rx-white);
  transform: translateY(-2px);
}
.rx-blog-adjacent__link--next {
  text-align: right;
  justify-self: stretch;
}
.rx-blog-adjacent__label {
  font-size: 12px;
  font-weight: 700;
  color: var(--rx-gray-50);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.rx-blog-adjacent__link--next .rx-blog-adjacent__label {
  justify-content: flex-end;
}
.rx-blog-adjacent__link:hover .rx-blog-adjacent__label {
  color: var(--rx-gray-20);
}
.rx-blog-adjacent__title {
  font-size: 16px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--rx-gray-95);
}
.rx-blog-adjacent__link:hover .rx-blog-adjacent__title {
  color: var(--rx-white);
}

.rx-mod--blog-related {
  padding: 72px 0;
}
.rx-mod--blog-related .rx-head {
  margin-bottom: 32px;
}
.rx-mod--blog-related .rx-more {
  margin-top: 32px;
}

@media (max-width: 1023px) {
  .rx-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
  .rx-mod--blog-article,
  .rx-mod--blog-topics,
  .rx-mod--blog-related {
    padding: 56px 0;
  }
  .rx-blog-page.rx-corp .rx-mod--corp-hero .rx-blog-hero__copy {
    max-width: none;
  }
  .rx-blog-detail .rx-mod--corp-hero .rx-h1,
  .rx-blog-detail .rx-mod--svc-hero .rx-h1 {
    font-size: clamp(26px, 7vw, 36px);
    text-wrap: pretty;
  }
}
@media (max-width: 640px) {
  .rx-blog-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-blog-adjacent {
    grid-template-columns: minmax(0, 1fr);
  }
  .rx-blog-adjacent__link--next {
    text-align: left;
  }
  .rx-blog-adjacent__link--next .rx-blog-adjacent__label {
    justify-content: flex-start;
  }
  .rx-wrap--prose {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rx-blog-card:hover .rx-blog-card__media img,
  .rx-blog-adjacent__link,
  .rx-blog-adjacent__link:hover {
    transition: none;
    transform: none;
  }
}

/* ---------- İletişim (Netguru estimate layout) ---------- */
.rx-contact {
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}

.rx-contact-hero {
  position: relative;
  padding: 140px 0 100px;
  overflow: clip;
}

.rx-contact-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
}

.rx-contact-hero__intro {
  position: relative;
  display: grid;
  gap: 40px;
  padding: 8px 0 24px;
  isolation: isolate;
}

.rx-contact-hero__bg {
  position: absolute;
  inset: -12% -20% -20% -40%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.rx-contact-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.38;
  filter: saturate(0.85);
  transform: scale(1.04);
  animation: rx-contact-bg 18s ease-in-out infinite alternate;
}

.rx-contact-hero__wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgb(22 22 22 / 0.2) 0%, rgb(22 22 22 / 0.82) 72%, var(--rx-gray-95) 100%),
    linear-gradient(180deg, rgb(22 22 22 / 0.15) 0%, rgb(22 22 22 / 0.92) 100%);
}

@keyframes rx-contact-bg {
  from { transform: scale(1.04) translate3d(0, 0, 0); }
  to { transform: scale(1.1) translate3d(-2%, 1.5%, 0); }
}

.rx-contact-hero__copy {
  display: grid;
  gap: 20px;
  max-width: 34rem;
  animation: rx-contact-rise 0.7s var(--rx-ease) both;
}

.rx-contact-hero__brand {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-brand);
}

.rx-contact-hero__copy .rx-h1 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(42px, 6.4vw, 72px);
}

.rx-contact-hero__copy .rx-lead {
  max-width: 34em;
  color: var(--rx-gray-20);
}

.rx-contact-hero__mail {
  color: var(--rx-brand);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.25s var(--rx-ease);
}

.rx-contact-hero__mail:hover {
  color: var(--rx-brand-hover);
}

.rx-contact-hero__logos {
  margin-top: 0;
  animation: rx-contact-rise 0.7s var(--rx-ease) 0.08s both;
}

.rx-contact-hero__logos img {
  filter: brightness(0) invert(1);
  opacity: 0.78;
  height: 26px;
}

.rx-contact-channels {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
  animation: rx-contact-rise 0.7s var(--rx-ease) 0.16s both;
}

.rx-contact-channels li {
  display: grid;
  gap: 4px;
}

.rx-contact-channels__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}

.rx-contact-channels a,
.rx-contact-channels span:not(.rx-contact-channels__label) {
  color: var(--rx-white);
  text-decoration: none;
  font-size: 16px;
  line-height: 1.45;
}

.rx-contact-channels a:hover {
  color: var(--rx-brand);
}

.rx-contact-form {
  position: relative;
  z-index: 1;
  animation: rx-contact-rise 0.75s var(--rx-ease) 0.12s both;
}

.rx-contact-form__fields {
  display: grid;
  gap: 28px;
}

.rx-contact-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 28px;
}

.rx-contact-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.rx-contact-field label {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--rx-white);
}

.rx-contact-field label span {
  color: var(--rx-brand);
}

.rx-contact-field input,
.rx-contact-field textarea {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: #292d38;
  color: var(--rx-white);
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  outline: none;
  transition: background-color 0.2s var(--rx-ease), box-shadow 0.2s var(--rx-ease);
  appearance: none;
}

.rx-contact-field textarea {
  min-height: 140px;
  resize: vertical;
}

.rx-contact-field input::placeholder,
.rx-contact-field textarea::placeholder {
  color: var(--rx-gray-50);
}

.rx-contact-field input:hover,
.rx-contact-field textarea:hover {
  background: #333846;
}

.rx-contact-field input:focus,
.rx-contact-field textarea:focus {
  background: #333846;
  box-shadow: inset 0 -2px 0 var(--rx-brand);
}

.rx-contact-form__legal {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--rx-gray-50);
}

.rx-contact-form__legal a {
  color: var(--rx-brand);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.rx-contact-form__legal a:hover {
  color: var(--rx-brand-hover);
}

.rx-contact-form__submit {
  justify-self: start;
  min-width: 12.5rem;
  margin-top: 4px;
}

.rx-contact-form__submit .rx-arrow {
  transition: transform 0.25s var(--rx-ease);
}

.rx-contact-form__submit:hover .rx-arrow {
  transform: translateX(4px);
}

.rx-contact-alert {
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.rx-contact-alert--error {
  background: #df2935;
  color: var(--rx-white);
}

.rx-contact-alert--success {
  background: var(--rx-brand);
  color: var(--rx-brand-ink);
}

.rx-contact-map {
  padding: 0 0 100px;
}

.rx-contact-map iframe {
  display: block;
  width: 100%;
  height: min(560px, 70vh);
  border: 0;
  background: #222;
  filter: grayscale(0.35) contrast(1.05);
}

@keyframes rx-contact-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1023px) {
  .rx-contact-hero {
    padding: 110px 0 72px;
  }

  .rx-contact-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  .rx-contact-hero__bg {
    inset: -8% -16% 40% -16%;
  }

  .rx-contact-hero__wash {
    background:
      linear-gradient(180deg, rgb(22 22 22 / 0.25) 0%, var(--rx-gray-95) 88%);
  }

  .rx-contact-hero__copy .rx-h1 {
    max-width: none;
  }

  .rx-contact-map {
    padding-bottom: 72px;
  }
}

@media (max-width: 640px) {
  .rx-contact-form__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .rx-contact-form__fields {
    gap: 22px;
  }

  .rx-contact-form__submit {
    width: 100%;
  }

  .rx-contact-map iframe {
    height: 360px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rx-contact-hero__bg img,
  .rx-contact-hero__copy,
  .rx-contact-hero__logos,
  .rx-contact-channels,
  .rx-contact-form,
  .rx-contact-form__submit .rx-arrow {
    animation: none;
    transition: none;
    transform: none;
  }
}

/* ===== Teklif Al ===== */
.rx-quote-page .rx-quote-hero__copy {
  max-width: min(36ch, 100%);
}
.rx-quote-eyebrow {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: var(--rx-brand);
}
.rx-mod--quote {
  padding: 72px 0 96px;
}
.rx-quote-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 48px 56px;
  align-items: start;
}
.rx-quote-side .rx-h2 {
  margin: 0 0 28px;
}
.rx-quote-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
.rx-quote-steps li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.rx-quote-steps span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--rx-gray-10);
  font-size: 12px;
  font-weight: 700;
  color: var(--rx-gray-95);
}
.rx-quote-steps strong {
  display: block;
  font-size: 15px;
  color: var(--rx-gray-95);
}
.rx-quote-steps p {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--rx-gray-50);
  line-height: 1.45;
}
.rx-quote-direct {
  margin-top: 40px;
  padding: 24px;
  background: var(--rx-gray-95);
  color: var(--rx-white);
  display: grid;
  gap: 12px;
  justify-items: start;
}
.rx-quote-direct__title {
  margin: 0;
  font-weight: 650;
}
.rx-quote-direct__text {
  margin: 0;
  font-size: 14px;
  color: var(--rx-gray-40);
}
.rx-quote-direct__mail {
  color: var(--rx-brand);
  text-decoration: none;
  font-size: 14px;
}
.rx-quote-panel {
  border: 1px solid var(--rx-gray-10);
  background: var(--rx-white);
}
.rx-quote-form__head {
  padding: 24px 28px;
  border-bottom: 1px solid var(--rx-gray-10);
  background: var(--rx-gray-1);
}
.rx-quote-form__head h2 {
  margin: 0 0 8px;
  font-size: 18px;
  color: var(--rx-gray-95);
}
.rx-quote-form__step-label,
.rx-quote-form__crumbs {
  margin: 0;
  font-size: 12px;
  color: var(--rx-gray-50);
}
.rx-quote-form__crumbs {
  margin-top: 10px;
}
.rx-quote-form__crumbs .is-active {
  color: var(--rx-gray-95);
  font-weight: 650;
}
.rx-quote-progress {
  margin-top: 12px;
  height: 4px;
  background: var(--rx-gray-10);
}
.rx-quote-progress span {
  display: block;
  height: 100%;
  background: var(--rx-brand);
  transition: width 0.3s var(--rx-ease);
}
.rx-quote-step {
  padding: 28px;
  display: none;
  gap: 18px;
}
.rx-quote-step.is-active {
  display: grid;
}
.rx-quote-step[hidden] {
  display: none !important;
}
.rx-quote-step h3 {
  margin: 0;
  font-size: 17px;
  color: var(--rx-gray-95);
}
.rx-quote-hint {
  margin: -8px 0 0;
  font-size: 14px;
  color: var(--rx-gray-50);
}
.rx-quote-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.rx-quote-service {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--rx-gray-10);
  cursor: pointer;
  transition: border-color 0.2s var(--rx-ease), background 0.2s var(--rx-ease);
}
.rx-quote-service input { position: absolute; opacity: 0; pointer-events: none; }
.rx-quote-service.is-checked,
.rx-quote-service:hover {
  border-color: var(--rx-gray-95);
  background: var(--rx-gray-1);
}
.rx-quote-service__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background: var(--rx-gray-1);
  color: var(--rx-gray-70);
}
.rx-quote-service.is-checked .rx-quote-service__icon {
  background: var(--rx-gray-95);
  color: var(--rx-white);
}
.rx-quote-service__text {
  display: grid;
  gap: 2px;
}
.rx-quote-service__text strong {
  font-size: 14px;
  color: var(--rx-gray-95);
}
.rx-quote-service__text small {
  font-size: 12px;
  color: var(--rx-gray-50);
}
.rx-quote-budgets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.rx-quote-chip {
  display: grid;
  place-items: center;
  min-height: 48px;
  padding: 10px;
  border: 1px solid var(--rx-gray-10);
  text-align: center;
  font-size: 13px;
  color: var(--rx-gray-70);
  cursor: pointer;
}
.rx-quote-chip input { position: absolute; opacity: 0; pointer-events: none; }
.rx-quote-chip.is-checked {
  border-color: var(--rx-brand);
  background: color-mix(in srgb, var(--rx-brand) 12%, white);
  color: var(--rx-gray-95);
  font-weight: 650;
}
.rx-quote-field {
  display: grid;
  gap: 8px;
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.rx-quote-field label,
.rx-quote-field legend {
  font-size: 14px;
  font-weight: 650;
  color: var(--rx-gray-95);
}
.rx-quote-field input,
.rx-quote-field textarea,
.rx-quote-field select {
  width: 100%;
  border: 1px solid var(--rx-gray-10);
  background: var(--rx-white);
  color: var(--rx-gray-95);
  font: inherit;
  font-size: 15px;
  padding: 12px 14px;
  outline: none;
}
.rx-quote-field textarea { min-height: 120px; resize: vertical; }
.rx-quote-field input:focus,
.rx-quote-field textarea:focus,
.rx-quote-field select:focus {
  border-color: var(--rx-gray-95);
}
.rx-quote-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.rx-quote-kvkk {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 13px;
  color: var(--rx-gray-70);
  line-height: 1.45;
}
.rx-quote-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 8px;
}
.rx-quote-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.rx-quote-success {
  padding: 64px 32px;
  text-align: center;
  display: grid;
  gap: 16px;
  justify-items: center;
}
.rx-quote-success__icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  background: var(--rx-gray-95);
  color: var(--rx-brand);
  font-size: 22px;
}
.rx-quote-success__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 8px;
}
.rx-corp-alert {
  margin: 20px 28px 0;
  padding: 14px 16px;
  font-size: 14px;
}
.rx-corp-alert--error {
  background: #fde8e8;
  color: #8a1f1f;
}

@media (max-width: 1023px) {
  .rx-quote-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
  .rx-quote-services,
  .rx-quote-budgets,
  .rx-quote-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .rx-quote-budgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-quote-step,
  .rx-quote-form__head {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* ===== Ürünler kataloðu (rx-products) ===== */
.rx-products-hero__inner {
  padding-bottom: clamp(48px, 8vw, 96px);
}
.rx-products-hero__copy {
  max-width: 48rem;
}
.rx-products-hero__title {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
}
.rx-products-hero__typed-wrap {
  display: inline-flex;
  align-items: baseline;
  min-height: 1.15em;
  color: var(--rx-brand);
}
.rx-products-hero__typed {
  font-weight: 700;
}
.rx-products-hero__cursor {
  display: inline-block;
  width: 2px;
  height: 0.85em;
  margin-left: 3px;
  background: var(--rx-brand);
  animation: rx-products-blink 1s steps(1) infinite;
  vertical-align: -0.05em;
}
@keyframes rx-products-blink {
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0.15; }
}
.rx-products-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.rx-products-catalog {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.rx-products-catalog__header {
  max-width: 40rem;
  margin-bottom: 2.5rem;
}
.rx-products-catalog__eyebrow {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.65rem;
  margin: 0 0 1rem;
  border: 1px solid rgba(0, 213, 99, 0.35);
  border-radius: 0.375rem;
  background: rgba(0, 213, 99, 0.08);
  color: var(--rx-brand);
  font-size: 0.875rem;
  font-weight: 500;
}
.rx-products-catalog__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
}
@media (min-width: 640px) {
  .rx-products-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .rx-products-catalog__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.rx-product-card {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  min-height: 100%;
  padding: 1.35rem 1.25rem 1.25rem;
  border: 1px solid rgba(0, 213, 99, 0.22);
  background: linear-gradient(165deg, rgba(22, 40, 30, 0.95) 0%, rgba(13, 13, 13, 0.92) 100%);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s var(--rx-ease), background 0.2s var(--rx-ease), transform 0.2s var(--rx-ease);
}
.rx-product-card:hover {
  border-color: rgba(0, 213, 99, 0.55);
  background: linear-gradient(165deg, rgba(28, 55, 40, 0.95) 0%, rgba(16, 20, 18, 0.95) 100%);
  transform: translateY(-2px);
  color: inherit;
}
.rx-product-card--inactive {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.rx-product-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid rgba(0, 213, 99, 0.35);
  border-radius: 0.65rem;
  background: rgba(0, 213, 99, 0.1);
  color: var(--rx-brand);
  font-size: 0.95rem;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.rx-product-card:hover .rx-product-card__icon {
  background: var(--rx-brand);
  border-color: var(--rx-brand);
  color: var(--rx-brand-ink);
}
.rx-product-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
}
.rx-product-card__name {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
}
.rx-product-card__tagline {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.55);
}
.rx-product-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: auto;
  padding-top: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--rx-brand);
}
.rx-product-card:hover .rx-product-card__cta i {
  transform: translateX(3px);
}
.rx-product-card__cta i {
  font-size: 0.65rem;
  transition: transform 0.2s ease;
}

.rx-products-infra {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.rx-products-infra__intro {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .rx-products-infra__intro {
    flex-direction: row;
    justify-content: space-between;
    gap: 3rem;
  }
  .rx-products-infra__intro > div {
    max-width: 36rem;
  }
  .rx-products-infra__intro > .rx-lead {
    max-width: 22rem;
    margin-top: 3rem;
  }
}
.rx-products-infra__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .rx-products-infra__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
.rx-products-infra__card {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.rx-products-infra__icon {
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.15rem;
  margin-bottom: 0.75rem;
}
.rx-products-infra__card h3 {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}
.rx-products-infra__card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.55;
  font-size: 0.95rem;
}

/* Ürün detay */
.rx-product-detail__hero {
  max-width: 44rem;
}
.rx-product-detail__eyebrow {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.rx-product-detail__eyebrow--on-light {
  color: var(--rx-gray-50);
}
.rx-product-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.rx-product-detail__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}
.rx-product-detail__section-head {
  max-width: 40rem;
  margin-bottom: 2rem;
}

.rx-product-stats {
  padding-block: 0 !important;
  border-block: 1px solid var(--rx-gray-10);
}
.rx-product-stats__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px) {
  .rx-product-stats__grid {
    grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
  }
}
.rx-product-stats__label,
.rx-product-stats__cell {
  padding: 1.5rem 1.25rem;
  border-bottom: 1px solid var(--rx-gray-10);
}
@media (min-width: 1024px) {
  .rx-product-stats__label,
  .rx-product-stats__cell {
    border-bottom: 0;
    border-right: 1px solid var(--rx-gray-10);
  }
  .rx-product-stats__cell:last-child {
    border-right: 0;
  }
}
.rx-product-stats__label {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .rx-product-stats__label {
    grid-column: auto;
  }
}
.rx-product-stats__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: var(--rx-gray-95);
  color: var(--rx-brand);
  font-size: 10px;
  font-weight: 700;
}
.rx-product-stats__label p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--rx-gray-80);
}
.rx-product-stats__cell {
  text-align: center;
}
.rx-product-stats__cell strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  color: var(--rx-gray-95);
  letter-spacing: -0.02em;
}
.rx-product-stats__cell span {
  display: block;
  margin-top: 0.35rem;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--rx-gray-50);
}

.rx-product-caps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 640px) {
  .rx-product-caps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .rx-product-caps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.rx-product-caps li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--rx-gray-10);
  background: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--rx-gray-80);
}
.rx-product-caps i {
  color: var(--rx-brand-ink);
  width: 1.1rem;
  text-align: center;
}

.rx-product-features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 768px) {
  .rx-product-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .rx-product-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rx-product-features__item {
  padding: 1.75rem 1.5rem;
  border: 1px solid var(--rx-gray-10);
  margin: -1px 0 0 -1px;
}
.rx-product-features__item h3 {
  margin: 0 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--rx-gray-95);
}
.rx-product-features__item p {
  margin: 0;
  color: var(--rx-gray-70);
  line-height: 1.55;
  font-size: 0.95rem;
}

.rx-product-layers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .rx-product-layers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .rx-product-layers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rx-product-layers__item {
  padding: 1.5rem;
  border: 1px solid var(--rx-gray-10);
  background: #fff;
}
.rx-product-layers__item h3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.rx-product-layers__item h3 span {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--rx-brand);
  letter-spacing: 0.06em;
}
.rx-product-layers__item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rx-product-layers__item li {
  position: relative;
  padding: 0.35rem 0 0.35rem 1rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--rx-gray-70);
}
.rx-product-layers__item li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--rx-brand);
}

.rx-product-plans {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .rx-product-plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .rx-product-plans--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .rx-product-plans--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.rx-product-plans__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem 1.35rem;
  border: 1px solid var(--rx-gray-10);
  background: #fff;
}
.rx-product-plans__card.is-featured {
  border-color: rgba(0, 213, 99, 0.45);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}
.rx-product-plans__badge {
  align-self: flex-start;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  background: rgba(0, 213, 99, 0.12);
  color: #0a7a3c;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.rx-product-plans__card h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--rx-gray-95);
}
.rx-product-plans__card > p {
  margin: 0;
  color: var(--rx-gray-70);
  font-size: 0.9rem;
  line-height: 1.5;
}
.rx-product-plans__card ul {
  margin: 0.5rem 0 1rem;
  padding: 0;
  list-style: none;
  flex: 1;
}
.rx-product-plans__card li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.3rem 0;
  font-size: 0.875rem;
  color: var(--rx-gray-80);
}
.rx-product-plans__card li i {
  color: var(--rx-brand);
  margin-top: 0.2em;
  font-size: 0.75rem;
}
.rx-product-plans__card .rx-btn {
  align-self: stretch;
  justify-content: center;
  margin-top: auto;
}

.rx-product-why {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px) {
  .rx-product-why {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .rx-product-why {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.rx-product-why article {
  padding: 1.35rem 1.25rem;
  border: 1px solid var(--rx-gray-10);
  background: #fff;
}
.rx-product-why i {
  display: block;
  margin-bottom: 0.75rem;
  color: var(--rx-brand-ink);
  font-size: 1.15rem;
}
.rx-product-why h3 {
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--rx-gray-95);
}
.rx-product-why p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--rx-gray-70);
}

.rx-product-cta__inner {
  text-align: center;
  max-width: 40rem;
  margin-inline: auto;
}
.rx-product-cta__inner .rx-product-detail__actions {
  justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
  .rx-products-hero__cursor {
    animation: none;
  }
  .rx-product-card {
    transition: none;
  }
}

/* ——— Hakkımızda ——— */

/* —— Hakkımızda (kurumsal) —— */
.rx-mod--about-hero {
  min-height: min(72vh, 700px);
}
.rx-mod--about-hero .rx-mod__bg {
  background: #0c0c0c;
}
.rx-mod--about-hero .rx-mod__bg img {
  object-position: center 35%;
  opacity: 0.55;
}
.rx-mod--about-hero .rx-mod__wash {
  background:
    linear-gradient(180deg, rgba(8, 8, 8, 0.35) 0%, rgba(8, 8, 8, 0.82) 72%, #0c0c0c 100%),
    linear-gradient(90deg, rgba(8, 8, 8, 0.55) 0%, transparent 58%);
}
.rx-mod--about-hero .rx-hero__copy {
  max-width: min(40rem, 100%);
  display: grid;
  gap: 18px;
  justify-items: start;
}
.rx-mod--about-hero .rx-h1 {
  max-width: 18ch;
  margin: 0;
}
.rx-mod--about-hero .rx-lead {
  margin: 0;
  max-width: 42ch;
  color: rgba(255, 255, 255, 0.72);
}
.rx-mod--about-hero .rx-actions {
  margin-top: 8px;
  margin-bottom: 56px;
  position: relative;
  z-index: 2;
}

.rx-mod--about-intro {
  color: var(--rx-gray-70);
  padding: clamp(72px, 10vw, 112px) 0;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-about-story {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
}
.rx-about-story .rx-h2 {
  margin: 0;
  color: var(--rx-gray-95);
  max-width: 12ch;
}
.rx-about-story__copy {
  display: grid;
  gap: 1.15em;
  max-width: 58ch;
}
.rx-about-story__copy p {
  margin: 0;
  font-size: clamp(17px, 1.3vw, 19px);
  line-height: 1.7;
  color: var(--rx-gray-70);
}

.rx-mod--about-numbers {
  padding: clamp(48px, 7vw, 72px) 0;
}
.rx-about-nums {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 36px);
}
.rx-about-nums__n {
  margin: 0;
  font-size: clamp(34px, 4.2vw, 52px);
  font-weight: 650;
  line-height: 1.05;
  color: var(--rx-gray-95);
  letter-spacing: -0.03em;
}
.rx-about-nums__l {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--rx-gray-70);
}

.rx-mod--about-capabilities {
  color: var(--rx-gray-70);
  padding: clamp(72px, 10vw, 112px) 0;
  background: var(--rx-white);
}
.rx-mod--about-capabilities .rx-head {
  margin-bottom: clamp(32px, 4vw, 48px);
}
.rx-mod--about-capabilities .rx-h2 {
  margin: 0 0 12px;
  color: var(--rx-gray-95);
  max-width: 16ch;
}
.rx-mod--about-capabilities .rx-lead {
  margin: 0;
  max-width: 42ch;
}
.rx-about-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--rx-gray-10, #e8e8e8);
  border: 1px solid var(--rx-gray-10, #e8e8e8);
}
.rx-about-capability {
  background: var(--rx-white);
  padding: clamp(28px, 3.5vw, 40px);
  display: grid;
  gap: 12px;
  align-content: start;
}
.rx-about-capability__index {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--rx-gray-50, #8a8a8a);
}
.rx-about-capability h3 {
  margin: 0;
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 600;
  color: var(--rx-gray-95);
  letter-spacing: -0.02em;
}
.rx-about-capability p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #505050;
  max-width: 36ch;
}

.rx-mod--about-products {
  padding: clamp(72px, 10vw, 112px) 0;
}
.rx-mod--about-products .rx-head {
  margin-bottom: clamp(28px, 4vw, 40px);
}
.rx-mod--about-products .rx-h2 {
  margin: 0 0 12px;
  color: var(--rx-gray-95);
  max-width: 14ch;
}
.rx-about-product-grid {
  display: grid;
  gap: 12px;
}
.rx-about-product {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  text-decoration: none;
  color: inherit;
  background: var(--rx-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
a.rx-about-product:hover {
  border-color: rgba(0, 0, 0, 0.22);
  transform: translateY(-1px);
}
.rx-about-product.is-soon {
  opacity: 0.72;
}
.rx-about-product__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--rx-gray-95);
  color: #fff;
  font-size: 16px;
}
.rx-about-product__body {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.rx-about-product__body strong {
  font-size: 17px;
  font-weight: 600;
  color: var(--rx-gray-95);
  letter-spacing: -0.01em;
}
.rx-about-product__body strong em {
  margin-left: 8px;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}
.rx-about-product__body span {
  font-size: 14px;
  color: var(--rx-gray-70);
}
.rx-about-products__more {
  margin: 24px 0 0;
}

.rx-mod--about-work {
  color: var(--rx-gray-70);
  padding: clamp(72px, 10vw, 112px) 0;
  background: var(--rx-white);
}
.rx-mod--about-work .rx-head {
  margin-bottom: clamp(28px, 4vw, 40px);
}
.rx-mod--about-work .rx-h2 {
  margin: 0;
  color: var(--rx-gray-95);
  max-width: 16ch;
}
.rx-about-work-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.rx-about-work-card {
  display: grid;
  gap: 14px;
  text-decoration: none;
  color: inherit;
}
.rx-about-work-card figure {
  margin: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--rx-case-brand, #c6f542);
}
.rx-about-work-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.rx-about-work-card:hover img {
  transform: scale(1.03);
}
.rx-about-work-card__meta {
  display: grid;
  gap: 4px;
  padding: 0 2px;
}
.rx-about-work-card__meta span {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #505050;
}
.rx-about-work-card__meta strong {
  font-size: 17px;
  font-weight: 600;
  color: var(--rx-gray-95);
  letter-spacing: -0.01em;
}

.rx-mod--about-partners {
  color: var(--rx-gray-70);
  padding: clamp(64px, 8vw, 96px) 0;
  background: var(--rx-white);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.rx-mod--about-partners .rx-head {
  margin-bottom: 36px;
}
.rx-mod--about-partners .rx-h2 {
  margin: 0 0 12px;
  color: var(--rx-gray-95);
}
.rx-mod--about-partners .rx-lead {
  margin: 0;
  max-width: 42ch;
  color: #505050 !important;
}
.rx-mod--about-partners .rx-eyebrow {
  color: #404040 !important;
}
.rx-about-partners {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.rx-about-partners > li {
  display: grid;
  gap: 10px;
  justify-items: center;
}
.rx-about-partners > li > span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #404040;
}
.rx-about-partners figure {
  margin: 0;
  width: 100%;
  min-height: 128px;
  padding: 22px 18px;
  display: grid;
  place-items: center;
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.rx-about-partners figure.is-dark {
  background: #111;
  border-color: #111;
}
.rx-about-partners img {
  max-width: 100%;
  max-height: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: none;
  opacity: 1;
}
.rx-mod--about-office {
  color: var(--rx-gray-70);
  padding: clamp(72px, 10vw, 112px) 0;
  background: var(--rx-white);
}
.rx-about-office {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: stretch;
}
.rx-about-office .rx-h2 {
  margin: 0 0 16px;
  color: var(--rx-gray-95);
}
.rx-about-office__legal {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--rx-gray-95);
  max-width: 36ch;
  line-height: 1.45;
}
.rx-about-office__addr {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--rx-gray-70);
}
.rx-about-office__panel {
  position: relative;
  min-height: 240px;
  background:
    radial-gradient(ellipse 70% 60% at 70% 30%, rgba(198, 245, 66, 0.18), transparent 55%),
    linear-gradient(160deg, #171717 0%, #0c0c0c 100%);
  color: #fff;
  display: grid;
  align-content: space-between;
  padding: 28px;
}
.rx-about-office__coords {
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  line-height: 1.5;
}
.rx-about-office__city {
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}

.rx-about-final {
  padding: clamp(80px, 11vw, 120px) 0;
}
.rx-about-final__inner {
  max-width: 36rem;
  display: grid;
  gap: 16px;
  justify-items: start;
}
.rx-about-final .rx-h2 {
  margin: 0;
  max-width: 14ch;
}
.rx-about-final .rx-lead {
  margin: 0;
  max-width: 40ch;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 960px) {
  .rx-about-story,
  .rx-about-office {
    grid-template-columns: 1fr;
  }
  .rx-about-capability-grid,
  .rx-about-work-grid {
    grid-template-columns: 1fr;
  }
  .rx-about-nums {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-about-partners {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .rx-mod--about-hero .rx-h1 {
    max-width: 14ch;
  }
}

@media (max-width: 640px) {
  .rx-about-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rx-about-partners figure {
    min-height: 110px;
    padding: 16px 12px;
  }
  .rx-about-partners img {
    max-height: 56px;
  }
  .rx-about-product {
    grid-template-columns: auto 1fr;
  }
  .rx-about-product .rx-arrow {
    display: none;
  }
}

/* ——— 404 ——— */
.rx-404 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rx-404__hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: calc(100vh - var(--rx-nav-h) - 120px);
  padding: 96px 0 120px;
  background: var(--rx-gray-95);
  color: var(--rx-gray-10);
}
.rx-404__aura {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.rx-404__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.35;
}
.rx-404__glow--a {
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  top: -8%;
  right: -4%;
  background: radial-gradient(circle, rgba(0, 213, 99, 0.45) 0%, transparent 70%);
  animation: rx-404-drift 16s ease-in-out infinite;
}
.rx-404__glow--b {
  width: min(360px, 50vw);
  height: min(360px, 50vw);
  bottom: -12%;
  left: -6%;
  background: radial-gradient(circle, rgba(203, 166, 245, 0.28) 0%, transparent 70%);
  animation: rx-404-drift 20s ease-in-out infinite reverse;
}
@keyframes rx-404-drift {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-18px, 14px) scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  .rx-404__glow { animation: none; }
}
.rx-404__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 720px;
}
.rx-404__code {
  margin: 0 0 8px;
  font-size: clamp(96px, 18vw, 168px);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.06em;
  color: var(--rx-white);
  font-variant-numeric: tabular-nums;
}
.rx-404 .rx-h1 {
  max-width: 14ch;
  margin-bottom: 20px;
}
.rx-404 .rx-lead {
  max-width: 36em;
  margin-bottom: 36px;
}
.rx-404__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 56px;
}
.rx-404__links {
  width: 100%;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.rx-404__links-label {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rx-gray-50);
}
.rx-404__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rx-404__links a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 550;
  color: var(--rx-gray-10);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  transition: background-color 0.25s var(--rx-ease), border-color 0.25s var(--rx-ease), color 0.25s var(--rx-ease);
}
.rx-404__links a:hover {
  background: rgba(0, 213, 99, 0.12);
  border-color: rgba(0, 213, 99, 0.45);
  color: var(--rx-white);
}
@media (max-width: 640px) {
  .rx-404__hero {
    min-height: 0;
    padding: 72px 0 88px;
  }
  .rx-404__actions {
    width: 100%;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .rx-404__actions .rx-btn {
    width: 100%;
  }
}

/* ——— Sayfa detay (yasal / kurumsal metin) — Netguru text module ——— */
.rx-text {
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--text {
  padding: 100px 0;
  overflow: clip;
  background: var(--rx-white);
  color: var(--rx-gray-70);
}
.rx-mod--text-first {
  padding-top: 140px;
}
.rx-text__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 48px;
  column-gap: 40px;
  align-items: start;
}
.rx-text__title {
  margin: 0;
  grid-column: 1;
  max-width: 18ch;
  font-size: clamp(40px, 6vw, 60px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--rx-gray-95);
  text-wrap: balance;
}
.rx-text__outline {
  width: 100%;
  font-size: 12px;
  line-height: 1.4;
  background: var(--rx-gray-1);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--rx-white) 20%, transparent);
}
.rx-text__outline-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 0;
  padding: 20px 20px 16px;
  list-style: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-gray-95);
  background: var(--rx-gray-1);
  user-select: none;
}
.rx-text__outline-label::-webkit-details-marker,
.rx-text__outline-label::marker {
  display: none;
  content: none;
}
.rx-text__outline-label::after {
  content: "";
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-left: auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s var(--rx-ease);
  opacity: 0.55;
}
.rx-text__outline[open] > .rx-text__outline-label::after {
  transform: rotate(-135deg);
  margin-top: 0.25em;
}
.rx-text__outline-list {
  display: grid;
  gap: 10px;
  justify-items: start;
  margin: 0;
  padding: 0 20px 20px;
  background: var(--rx-gray-1);
}
.rx-text__outline-list--nested {
  padding: 10px 0 0;
}
.rx-text__outline-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--rx-gray-70);
  text-decoration: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.35;
  transition: color 0.2s var(--rx-ease);
}
.rx-text__outline-link .rx-arrow {
  display: none;
}
.rx-text__outline-link:hover {
  color: var(--rx-gray-95);
}
.rx-text__outline-more {
  width: 100%;
}
.rx-text__outline-more-btn {
  list-style: none;
  cursor: pointer;
  color: var(--rx-gray-95);
  font-size: 12px;
  font-weight: 400;
}
.rx-text__outline-more-btn::-webkit-details-marker,
.rx-text__outline-more-btn::marker {
  display: none;
  content: none;
}
.rx-text__outline-more-btn span {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.rx-text__outline-more[open] > .rx-text__outline-more-btn {
  display: none;
}
.rx-text__copy {
  grid-column: 1;
  max-width: 52rem;
  font-size: 18px;
  line-height: 1.6;
  color: var(--rx-gray-70);
}
.rx-text__copy > *:first-child {
  margin-top: 0;
}
.rx-text__copy h2 {
  margin: 2.4em 0 0.85em;
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--rx-gray-95);
  scroll-margin-top: calc(var(--rx-nav-h) + 24px);
}
.rx-text__copy h3 {
  margin: 1.8em 0 0.7em;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--rx-gray-95);
  scroll-margin-top: calc(var(--rx-nav-h) + 24px);
}
.rx-text__copy p {
  margin: 0 0 1.15em;
}
.rx-text__copy ul,
.rx-text__copy ol {
  margin: 0 0 1.25em;
  padding-left: 1.25em;
}
.rx-text__copy li {
  margin: 0.4em 0;
}
.rx-text__copy strong {
  font-weight: 700;
  color: var(--rx-gray-95);
}
.rx-text__copy a {
  color: var(--rx-gray-95);
  text-underline-offset: 0.25em;
}
.rx-text__copy a:hover {
  color: var(--rx-brand-hover);
}
.rx-text__copy hr {
  margin: 2em 0;
  border: 0;
  height: 1px;
  background: var(--rx-gray-10);
}

@media (min-width: 1024px) {
  .rx-mod--text {
    padding: 120px 0;
  }
  .rx-mod--text-first {
    padding-top: 180px;
  }
  .rx-text__grid {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 28rem);
    row-gap: 72px;
    column-gap: 48px;
  }
  .rx-text__outline {
    position: sticky;
    top: calc(var(--rx-nav-h) + 40px);
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    max-height: calc(100vh - var(--rx-nav-h) - 64px);
    overflow: auto;
    z-index: 5;
  }
  .rx-text__outline > .rx-text__outline-label {
    pointer-events: none;
    cursor: default;
  }
  .rx-text__outline > .rx-text__outline-label::after {
    display: none;
  }
  .rx-text__outline-list {
    overflow: visible;
  }
  .rx-text__copy {
    font-size: 18px;
  }
}

@media (min-width: 1350px) {
  .rx-text__grid {
    grid-template-columns: minmax(0, 1fr) 32rem;
    column-gap: 64px;
  }
}

@media (max-width: 1023px) {
  .rx-mod--text-first {
    padding-top: 100px;
  }
  .rx-text__title {
    max-width: none;
  }
  .rx-text__copy {
    font-size: 16px;
    max-width: none;
  }
  .rx-text__outline {
    position: relative;
  }
}