.support-widget {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px;
  align-items: center;
  gap: 10px;
  min-height: 96px;
  padding: 14px 12px 14px 15px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 5%, rgba(52, 211, 153, 0.2), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(14, 165, 233, 0.16), transparent 48%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 250, 249, 0.76));
  color: #0f172a;
  text-decoration: none;
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.1),
    0 2px 6px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(148, 163, 184, 0.08);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  backdrop-filter: blur(22px) saturate(150%);
  transform: translateZ(0);
  transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 320ms ease, box-shadow 320ms ease;
  animation: apple-widget-enter 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.support-widget::before,
.sidebar-feature-card::before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.7;
  transform: translate3d(-26px, -34px, 0) scale(0.9);
  animation: apple-widget-aurora 7s ease-in-out infinite alternate;
}

.support-widget::before {
  top: -42px;
  right: -38px;
  background: radial-gradient(circle, rgba(52, 211, 153, 0.28), rgba(14, 165, 233, 0.08) 52%, transparent 72%);
}

.support-widget::after,
.sidebar-feature-card::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -45%;
  left: -46%;
  width: 34%;
  height: 190%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  pointer-events: none;
  opacity: 0;
  transform: rotate(18deg) translateX(-20px);
}

.support-widget > :not(.support-widget__accent),
.sidebar-feature-card > :not(.sidebar-feature-card__accent) {
  position: relative;
  z-index: 2;
}

.support-widget--online {
  border-color: rgba(167, 243, 208, 0.88);
  cursor: pointer;
}

.support-widget--offline {
  border-color: rgba(254, 202, 202, 0.96);
  background:
    radial-gradient(circle at 12% 5%, rgba(251, 113, 133, 0.2), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(248, 113, 113, 0.16), transparent 48%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 241, 242, 0.82));
  cursor: pointer;
  box-shadow:
    0 14px 34px rgba(127, 29, 29, 0.1),
    0 2px 6px rgba(127, 29, 29, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(248, 113, 113, 0.09);
}

.support-widget--offline::before {
  background: radial-gradient(circle, rgba(251, 113, 133, 0.3), rgba(244, 63, 94, 0.08) 52%, transparent 72%);
}

.support-widget--online:hover,
.support-widget--online:focus-visible,
.support-widget--offline:hover,
.support-widget--offline:focus-visible {
  border-color: rgba(110, 231, 183, 0.98);
  outline: none;
  transform: translateY(-4px) scale(1.012);
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.14),
    0 0 0 4px rgba(16, 185, 129, 0.08),
    inset 0 1px 0 #fff;
}

.support-widget--offline:hover,
.support-widget--offline:focus-visible {
  border-color: rgba(252, 165, 165, 0.98);
  box-shadow:
    0 20px 42px rgba(127, 29, 29, 0.14),
    0 0 0 4px rgba(244, 63, 94, 0.07),
    inset 0 1px 0 #fff;
}

.support-widget:hover::after,
.support-widget:focus-visible::after,
.sidebar-feature-card:hover::after {
  animation: apple-widget-sheen 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.support-widget__accent {
  position: absolute;
  z-index: 2;
  inset: 14px auto 14px 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #34d399, #059669);
  box-shadow: 2px 0 18px rgba(16, 185, 129, 0.42);
}

.support-widget--offline .support-widget__accent {
  background: linear-gradient(180deg, #fb7185, #dc2626);
  box-shadow: 2px 0 18px rgba(244, 63, 94, 0.34);
}

.support-widget__identity {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 11px;
  min-width: 0;
}

.support-widget__avatar {
  position: relative;
  display: grid;
  flex: 0 0 48px;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.98), transparent 46%),
    linear-gradient(145deg, rgba(236, 253, 245, 0.96), rgba(224, 242, 254, 0.9));
  box-shadow: 0 8px 20px rgba(2, 132, 199, 0.14), inset 0 1px 0 #fff;
  transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 320ms ease;
}

.support-widget:hover .support-widget__avatar,
.support-widget:focus-visible .support-widget__avatar {
  transform: translateY(-2px) rotate(-2deg) scale(1.04);
  box-shadow: 0 12px 24px rgba(2, 132, 199, 0.18), inset 0 1px 0 #fff;
}

.support-widget--offline .support-widget__avatar {
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.98), transparent 46%),
    linear-gradient(145deg, rgba(255, 241, 242, 0.98), rgba(254, 205, 211, 0.86));
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.13), inset 0 1px 0 #fff;
}

.support-widget__avatar img {
  display: block;
  width: 34px;
  height: auto;
  object-fit: contain;
}

.support-widget__presence {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 50%;
}

.support-widget__presence.is-online {
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12);
  animation: apple-presence-pulse 2.2s ease-out infinite;
}

.support-widget__presence.is-offline {
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.92);
}

.support-widget__content {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
}

.support-widget__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #047857;
  font-size: 8px;
  font-weight: 900 !important;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.support-widget--offline .support-widget__eyebrow {
  color: #be123c;
}

.support-widget__title {
  display: block;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 850 !important;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.support-widget__status-row {
  display: grid;
  grid-template-columns: max-content;
  justify-items: start;
  gap: 4px;
  margin-top: 6px;
}

.support-widget__status {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 3px 6px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 900 !important;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.support-widget__status.is-online {
  background: rgba(209, 250, 229, 0.82);
  color: #047857;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.1);
}

.support-widget__status.is-offline {
  background: rgba(255, 228, 230, 0.9);
  color: #be123c;
  box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.12);
}

.support-widget--offline .support-widget__hours {
  color: #9f1239;
}

.support-widget__hours {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 3px;
  color: #475569;
  font-size: 8px;
  font-weight: 900 !important;
  line-height: 1;
  white-space: nowrap;
}

.support-widget__hours svg {
  width: 10px;
  height: 10px;
  stroke-width: 2.2;
}

.support-widget__action {
  display: grid;
  grid-column: 2;
  flex: 0 0 56px;
  place-items: center;
  gap: 4px;
  min-width: 56px;
  min-height: 52px;
  padding: 7px 5px;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(236, 253, 245, 0.92), rgba(167, 243, 208, 0.8));
  color: #047857;
  font-size: 7.5px;
  font-weight: 900 !important;
  line-height: 1.05;
  text-align: center;
  box-shadow: 0 8px 18px rgba(5, 150, 105, 0.1), inset 0 1px 0 #fff;
  transition: color 260ms ease, background 260ms ease, transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 260ms ease;
}

.support-widget--online:hover .support-widget__action {
  background: linear-gradient(145deg, #10b981, #059669);
  color: #fff;
  transform: translateX(2px) scale(1.04);
  box-shadow: 0 10px 24px rgba(5, 150, 105, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.support-widget__action svg {
  width: 15px;
  height: 15px;
}

.support-widget__action--offline {
  border-color: rgba(255, 255, 255, 0.9);
  background: linear-gradient(145deg, rgba(255, 241, 242, 0.96), rgba(254, 205, 211, 0.82));
  color: #be123c;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(225, 29, 72, 0.1), inset 0 1px 0 #fff;
}

.support-widget__action--offline:hover,
.support-widget__action--offline:focus-visible {
  border-color: rgba(254, 202, 202, 0.98);
  background: linear-gradient(145deg, #fb7185, #e11d48);
  color: #fff;
  outline: none;
}

/* The desktop sidebar can become very narrow on compact laptop layouts.
   The whole card is already the link, so remove the duplicate action button
   and keep the service state readable instead of squeezing text together. */
@container (max-width: 220px) {
  .support-widget {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 82px;
    padding: 11px 10px 11px 13px;
  }

  .support-widget__identity { gap: 8px; }
  .support-widget__avatar { flex-basis: 42px; width: 42px; height: 42px; border-radius: 14px; }
  .support-widget__avatar img { width: 30px; }
  .support-widget__eyebrow { font-size: 7px; letter-spacing: 0.11em; }
  .support-widget__title { font-size: 11px; }
  .support-widget__status-row { display: grid; grid-template-columns: max-content; gap: 4px; margin-top: 5px; }
  .support-widget__hours { display: inline-flex; font-size: 8px; }
  .support-widget__action { display: none; }
}

.support-widget--offline:hover .support-widget__action {
  background: linear-gradient(145deg, #fb7185, #e11d48);
  color: #fff;
  transform: translateX(2px) scale(1.04);
  box-shadow: 0 10px 24px rgba(225, 29, 72, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.sidebar-feature-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(251, 191, 36, 0.19), transparent 43%),
    radial-gradient(circle at 96% 100%, rgba(168, 85, 247, 0.12), transparent 48%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 251, 235, 0.74));
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.09),
    0 2px 6px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(148, 163, 184, 0.08);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  backdrop-filter: blur(22px) saturate(150%);
  transform: translateZ(0);
  transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 320ms ease, box-shadow 320ms ease;
  animation: apple-widget-enter 620ms 90ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.sidebar-feature-card::before {
  right: -46px;
  bottom: -58px;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.28), rgba(168, 85, 247, 0.08) 54%, transparent 72%);
  animation-delay: -2.6s;
}

.sidebar-feature-card:hover {
  border-color: rgba(253, 230, 138, 0.96);
  transform: translateY(-4px) scale(1.012);
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.13), 0 0 0 4px rgba(245, 158, 11, 0.07), inset 0 1px 0 #fff;
}

.sidebar-feature-card__accent {
  position: absolute;
  z-index: 2;
  inset: 14px auto 14px 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #38bdf8, #2563eb);
  box-shadow: 2px 0 16px rgba(14, 165, 233, 0.22);
}

.seo-tip-card__header small {
  display: block;
  margin-bottom: 3px;
  color: #0284c7;
  font-size: 7.5px;
  font-weight: 900 !important;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.seo-tip-card__header strong {
  display: block;
  color: #0f172a;
  font-size: 11px;
  font-weight: 900 !important;
  line-height: 1.2;
}

.seo-tip-card {
  padding: 10px 11px 11px 13px;
}

.seo-tip-card .sidebar-feature-card__accent {
  background: linear-gradient(180deg, #fbbf24, #f97316);
  box-shadow: 2px 0 16px rgba(245, 158, 11, 0.22);
}

.seo-tip-card__header {
  display: flex;
  align-items: center;
  gap: 9px;
}

.seo-tip-card__icon {
  display: grid;
  flex: 0 0 30px;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 12px;
  background:
    radial-gradient(circle at 28% 20%, #fff, transparent 44%),
    linear-gradient(145deg, #fffbeb, #fde68a);
  color: #d97706;
  box-shadow: 0 7px 18px rgba(245, 158, 11, 0.16), inset 0 1px 0 #fff;
  animation: apple-bulb-float 3.8s ease-in-out infinite;
}

.seo-tip-card__icon svg {
  width: 15px;
  height: 15px;
}

.seo-tip-card__header small {
  color: #d97706;
}

.seo-tip-card__text {
  min-height: 35px;
  margin: 8px 0 0;
  padding-top: 7px;
  border-top: 1px solid rgba(245, 158, 11, 0.12);
  color: #475569;
  font-size: 9px;
  font-weight: 700 !important;
  line-height: 1.55;
}

.google-review-card {
  display: block;
  padding: 10px 11px 11px 13px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  background:
    radial-gradient(circle at 88% 12%, rgba(59, 130, 246, 0.15), transparent 42%),
    radial-gradient(circle at 5% 100%, rgba(16, 185, 129, 0.16), transparent 48%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 250, 0.8));
}

.google-review-card .sidebar-feature-card__accent {
  background: linear-gradient(180deg, #4285f4, #34a853 52%, #fbbc05 78%, #ea4335);
  box-shadow: 2px 0 16px rgba(66, 133, 244, 0.24);
}

.google-review-card:hover {
  border-color: rgba(147, 197, 253, 0.92);
  box-shadow: 0 20px 42px rgba(30, 64, 175, 0.13), 0 0 0 4px rgba(59, 130, 246, 0.07), inset 0 1px 0 #fff;
}

.google-review-card__topline,
.google-review-card__body {
  display: flex;
  align-items: center;
}

.google-review-card__topline {
  gap: 9px;
}

.google-review-card__icon {
  display: grid;
  flex: 0 0 30px;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 12px;
  background: linear-gradient(145deg, #eff6ff, #dbeafe);
  color: #2563eb;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.14), inset 0 1px 0 #fff;
}

.google-review-card__icon svg {
  width: 15px;
  height: 15px;
}

.google-review-card__topline small,
.google-review-card__topline strong {
  display: block;
}

.google-review-card__topline small {
  margin-bottom: 3px;
  color: #2563eb;
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.google-review-card__topline strong {
  color: #0f172a;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.google-review-card__body {
  gap: 9px;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid rgba(59, 130, 246, 0.12);
  color: #475569;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.45;
}

.google-review-card__body img {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 3px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #fff;
  image-rendering: pixelated;
}

.google-review-card__body b {
  color: #2563eb;
  font-size: 12px;
}

@keyframes apple-widget-enter {
  from {
    opacity: 0;
    transform: translate3d(-10px, 10px, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes apple-widget-aurora {
  from {
    opacity: 0.46;
    transform: translate3d(-20px, -28px, 0) scale(0.9);
  }
  to {
    opacity: 0.82;
    transform: translate3d(16px, 12px, 0) scale(1.12);
  }
}

@keyframes apple-widget-sheen {
  0% {
    left: -46%;
    opacity: 0;
  }
  24% {
    opacity: 0.72;
  }
  100% {
    left: 126%;
    opacity: 0;
  }
}

@keyframes apple-presence-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.92);
  }
  72%, 100% {
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0), 0 0 0 3px rgba(255, 255, 255, 0.92);
  }
}

@keyframes apple-bulb-float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    box-shadow: 0 7px 18px rgba(245, 158, 11, 0.16), inset 0 1px 0 #fff;
  }
  50% {
    transform: translateY(-2px) rotate(-3deg);
    box-shadow: 0 10px 22px rgba(245, 158, 11, 0.24), 0 0 14px rgba(251, 191, 36, 0.15), inset 0 1px 0 #fff;
  }
}

@media (max-width: 1600px) and (min-width: 1024px) {
  .support-widget {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 96px;
    padding: 11px 10px 11px 13px;
  }

  .support-widget__identity {
    display: block;
  }

  .support-widget__eyebrow {
    font-size: 7px;
    letter-spacing: 0.11em;
  }

  .support-widget__action {
    display: none;
  }

  .support-widget__title {
    font-size: 11px;
  }

  .support-widget__status-row {
    display: grid;
    grid-template-columns: max-content;
    gap: 4px;
    margin-top: 5px;
  }

  .support-widget__hours {
    display: inline-flex;
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .support-widget,
  .support-widget::before,
  .support-widget::after,
  .support-widget__presence,
  .support-widget__action,
  .sidebar-feature-card,
  .sidebar-feature-card::before,
  .sidebar-feature-card::after,
  .seo-tip-card__icon {
    animation: none;
    transition: none;
  }
}

/* Desktop header: Apple-inspired translucent navigation without changing page content. */
.mac-status-bar {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(203, 213, 225, 0.76);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(22px) saturate(155%);
}

.apple-header-nav {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: clamp(720px, 62vw, 930px);
  max-width: calc(100% - 270px);
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid rgba(125, 211, 252, .54);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(224,247,255,.58));
  box-shadow: 0 12px 26px rgba(14,165,233,.12), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(22px) saturate(145%);
  overflow: visible;
}
.apple-header-services { position: relative; display: flex; min-width: 0; }
.apple-header-services > .apple-header-nav__link { width: 100%; }
.apple-header-services__menu {
  position: absolute;
  z-index: 180;
  top: 100%;
  left: 50%;
  display: grid;
  grid-template-columns: repeat(2, minmax(200px, max-content));
  gap: 8px;
  width: max-content;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, .36);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15, 38, 64, .95), rgba(30, 60, 94, .91));
  box-shadow: 0 20px 38px rgba(15, 23, 42, .26), inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter: blur(22px) saturate(135%);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -6px) scale(.98);
  transform-origin: top center;
  transition: opacity 170ms ease, transform 200ms cubic-bezier(.2,.8,.2,1);
}
.apple-header-services:hover .apple-header-services__menu,
.apple-header-services:focus-within .apple-header-services__menu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
.apple-header-services__menu a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 14px; border-radius: 14px; color: rgba(241,245,249,.96); font-size: 10px; font-weight: 800; line-height: 1.15; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; transition: background-color 200ms ease, color 200ms ease, transform 200ms ease; }
.apple-header-services__menu a:hover,
.apple-header-services__menu a:focus-visible { background: color-mix(in srgb, var(--service-accent, #0ea5e9) 30%, rgba(255,255,255,.14)); color: #fff; outline: none; transform: translateX(3px); }
.apple-header-services__menu svg { flex: 0 0 auto; width: 16px; height: 16px; padding: 5px; border-radius: 8px; background: color-mix(in srgb, var(--service-accent, #0ea5e9) 26%, rgba(255,255,255,.14)); color: var(--service-accent, #0ea5e9); }
.apple-header-services__menu::before { content: ""; position: absolute; top: -15px; left: 0; right: 0; height: 15px; }
.apple-header-nav__link {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  min-width: 0;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  padding: 10px 13px;
  border-radius: 19px;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  overflow: hidden;
  transition: color 220ms ease, background-color 220ms ease, transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms ease;
}
.apple-header-nav__link > * { position: relative; z-index: 1; }
.apple-header-nav__link > svg {
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  padding: 5px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--menu-accent, #0e7490) 14%, white);
  color: var(--menu-accent, #0e7490);
  transition: transform 260ms cubic-bezier(.2,.8,.2,1), filter 260ms ease;
}
.apple-header-nav__link::before {
  position: absolute;
  top: -55%;
  width: 42%;
  height: 210%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(125, 211, 252, .76), rgba(255,255,255,.96), transparent);
  content: "";
  opacity: 0;
  filter: blur(4px);
  transform: translateX(-220%) rotate(18deg);
}
.apple-header-nav__link::after {
  position: absolute;
  right: 17px;
  bottom: 5px;
  left: 17px;
  height: 2px;
  border-radius: 999px;
  background: #0f172a;
  content: "";
  opacity: 0;
  transform: scaleX(.3);
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1);
}
.apple-header-nav__link { background: transparent; }
.apple-header-nav__link:hover { background: rgba(255,255,255,.74); color: #0f172a; transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 5px 13px rgba(14,165,233,.10); }
.apple-header-nav__link:hover > svg { transform: scale(1.28) translateY(-1px); filter: drop-shadow(0 3px 5px rgba(14, 116, 144, .26)); }
.apple-header-nav__link:hover::before { opacity: 1; animation: apple-header-light-trace 760ms cubic-bezier(.2,.7,.2,1) both; }
.apple-header-nav__link.is-active { color: #0f172a !important; background: color-mix(in srgb, var(--menu-accent, #0e7490) 28%, rgba(255,255,255,.72)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 5px 13px rgba(14,165,233,.14) !important; text-shadow: none; }
.apple-header-nav__link.is-active::after { background: var(--menu-accent, #0e7490); opacity: 1; transform: scaleX(1); }
.apple-header-nav__link.is-active > svg { background: color-mix(in srgb, var(--menu-accent, #0e7490) 22%, rgba(255,255,255,.25)); color: var(--menu-accent, #0e7490); }

/* Animated Menu Text */
.animated-menu-text { position: relative; display: inline-block; overflow: hidden; line-height: 1; vertical-align: top; }
.animated-menu-text .text-top, .animated-menu-text .text-bottom { display: flex; }
.animated-menu-text .text-top span, .animated-menu-text .text-bottom span { display: inline-block; transition: transform 0.4s cubic-bezier(.4,0,.2,1); }
.animated-menu-text .text-bottom { position: absolute; inset: 0; }
.animated-menu-text .text-bottom span { transform: translateY(100%); }
.apple-header-nav__link:hover .text-top span, .apple-header-nav__link:focus-visible .text-top span { transform: translateY(-100%); }
.apple-header-nav__link:hover .text-bottom span, .apple-header-nav__link:focus-visible .text-bottom span { transform: translateY(0); }
/* Desktop Staggered Menu Toggle */
.desktop-sm-toggle {
  position: relative;
  z-index: 210;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 10px 26px;
  border-radius: 19px;
  color: white !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%) !important;
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
  transition: transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms ease;
}
.desktop-sm-toggle:hover {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 20px rgba(14,165,233,.4);
}
.desktop-sm-toggle .sm-icon {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}
.apple-header-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.home-decision-title {
  display: inline-block;
  background: linear-gradient(100deg, #0f172a 0%, #0891b2 28%, #2563eb 52%, #7c3aed 74%, #0f172a 100%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: home-decision-title-gradient 9s ease-in-out infinite alternate;
}
.home-decision-title:hover { animation-play-state: paused; }
.home-drift-banner { position: relative; height: 380px; margin-bottom: 24px; overflow: hidden; border: 1px solid rgba(14,165,233,.15); border-radius: 30px; background: linear-gradient(135deg, #e0f2fe 0%, #ace0f9 100%); box-shadow: 0 22px 54px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.5); isolation: isolate; }
.home-drift-banner::before { position: absolute; inset: 12px; z-index: 0; border: 1px solid rgba(186,230,253,.16); border-radius: 22px; background: linear-gradient(115deg, rgba(255,255,255,.07), transparent 42%); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); content: ""; pointer-events: none; }
.home-drift-banner__wall { position: absolute; inset: -20% 0; display: grid; grid-template-columns: repeat(3, 220px); justify-content: center; gap: 16px; height: 140%; transform: perspective(1100px) rotateX(13deg) rotateY(-5deg) rotateZ(-1.2deg) scale(1.08); transform-origin: center; opacity: .96; }
.home-drift-banner__track { display: flex; flex-direction: column; align-items: center; height: max-content; gap: 0; will-change: transform; }
.home-drift-banner__track--forward-y { animation: home-drift-forward-y 46s linear infinite; }
.home-drift-banner__track--reverse-y { animation: home-drift-reverse-y 54s linear infinite; }
.home-drift-banner:hover .home-drift-banner__track { animation-play-state: paused; }
.home-drift-banner__track-set { display: flex; flex-direction: column; flex: 0 0 auto; gap: 16px; padding-bottom: 16px; }
.home-drift-banner__track a { position: relative; z-index: 0; display: block; width: 220px; height: 126px; flex: 0 0 auto; overflow: hidden; border: 1px solid rgba(186,230,253,.34); border-radius: 16px; background: #102a43; box-shadow: 0 12px 28px rgba(2,6,23,.26); transition: transform 240ms cubic-bezier(.22,1,.36,1), box-shadow 240ms ease, border-color 240ms ease; }
.home-drift-banner__track img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.98) contrast(1.03); transition: filter 240ms ease, transform 240ms cubic-bezier(.22,1,.36,1); }
.home-drift-banner__track a:hover { z-index: 5; border-color: rgba(186,230,253,.88); box-shadow: 0 22px 42px rgba(2,6,23,.50), 0 0 0 2px rgba(125,211,252,.16); transform: scale(1.07); }
.home-drift-banner__track a:hover img { filter: saturate(1.14) contrast(1.06); transform: scale(1.05); }
.home-drift-banner__shade { position: absolute; inset: 0; z-index: 1; background: transparent; pointer-events: none; }
.home-drift-banner__copy { position: absolute; z-index: 2; left: 28px; bottom: 26px; right: 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 24px; border: 1px solid rgba(186,230,253,.26); border-radius: 20px; background: rgba(15,23,42,0.55); box-shadow: 0 14px 32px rgba(2,6,23,.35), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(12px); }
.home-drift-banner__text { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.home-drift-banner__text > span { display: block; margin: 0; color: #67e8f9; font-size: 10px; font-weight: 950; letter-spacing: .22em; text-transform: uppercase; white-space: nowrap; }
.home-drift-banner__text h2 { margin: 0; color: #fff; font-size: clamp(18px, 1.6vw, 24px); font-weight: 950; line-height: 1.1; white-space: normal; }
.home-drift-banner__text p { margin: 0; color: #cbd5e1; font-size: 12px; font-weight: 700; white-space: normal; }
.home-drift-banner__all { position: relative; display: inline-flex; flex-shrink: 0; align-items: center; gap: 12px; min-height: 48px; padding: 0 24px; border: 1px solid rgba(167,139,250,.76); border-radius: 14px; color: #fff; background: linear-gradient(135deg, #2563eb 0%, #4f46e5 52%, #7c3aed 100%); box-shadow: 0 14px 30px rgba(79,70,229,.20), inset 0 1px 0 rgba(255,255,255,.15); backdrop-filter: blur(10px); font-size: 13px; font-weight: 900; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.home-drift-banner__all:hover { background: linear-gradient(135deg, #1d4ed8 0%, #4338ca 50%, #6d28d9 100%); box-shadow: 0 18px 36px rgba(79,70,229,.28), inset 0 1px 0 rgba(255,255,255,.15); transform: translateY(-2px); }
.home-project-analysis-cta { border: 1px solid rgba(167,139,250,.76); color: #fff; background: linear-gradient(135deg, #2563eb 0%, #4f46e5 52%, #7c3aed 100%); box-shadow: 0 14px 30px rgba(79,70,229,.20); }
.home-project-analysis-cta:hover { color: #fff; background: linear-gradient(135deg, #1d4ed8 0%, #4338ca 50%, #6d28d9 100%); box-shadow: 0 18px 36px rgba(79,70,229,.28); transform: translateY(-1px); }
@keyframes home-drift-forward-y { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes home-drift-reverse-y { from { transform: translateY(-50%); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .home-drift-banner__track { animation: none !important; } }
.home-hero-intro { width: 100%; margin: 0 0 18px; color: #334155; font-size: 15px; font-weight: 650; line-height: 1.65; text-align: justify; text-align-last: left; }
.home-hero-detail { width: 100%; margin: 0; padding: 20px 22px; border: 1px solid rgba(125,211,252,.72); border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.80), rgba(240,249,255,.58)); box-shadow: inset 0 1px 0 rgba(255,255,255,.88); }
.home-hero-detail h2 { margin: 0 0 10px; color: #020617; font-size: 19px; font-weight: 950; line-height: 1.2; }
.home-hero-detail p { margin: 0; color: #475569; font-size: 14px; font-weight: 650; line-height: 1.72; text-align: justify; text-align-last: left; }
.home-decision-families { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.home-decision-family { display: flex; flex-direction: column; position: relative; padding: 14px; border: 1px solid rgba(125, 211, 252, .48); border-radius: 24px; background: rgba(255,255,255,.45); box-shadow: inset 0 1px 0 rgba(255,255,255,.82); }
.home-decision-family__label { display: inline-flex; align-items: center; min-height: 25px; margin: 0 0 12px 2px; padding: 0 10px; border-radius: 999px; font-size: 9px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.home-decision-family--visibility { border-color: rgba(129, 140, 248, .36); background: linear-gradient(135deg, rgba(238,242,255,.74), rgba(255,255,255,.55)); }
.home-decision-family--visibility .home-decision-family__label { color: #4338ca; background: rgba(224,231,255,.9); }
.home-decision-family--commerce { border-color: rgba(52, 211, 153, .38); background: linear-gradient(135deg, rgba(236,253,245,.78), rgba(255,255,255,.55)); }
.home-decision-family--commerce .home-decision-family__label { color: #047857; background: rgba(209,250,229,.92); }
.home-decision-family--operations { border-color: rgba(103, 232, 249, .43); background: linear-gradient(135deg, rgba(236,254,255,.82), rgba(255,255,255,.55)); }
.home-decision-family--operations .home-decision-family__label { color: #0e7490; background: rgba(207,250,254,.92); }
.home-decision-family--mobile { border-color: rgba(196, 181, 253, .45); background: linear-gradient(135deg, rgba(245,243,255,.82), rgba(255,255,255,.55)); }
.home-decision-family--mobile .home-decision-family__label { color: #6d28d9; background: rgba(237,233,254,.95); }
.home-decision-family .group { min-width: 0; }
.home-value-card { position: relative; min-height: 184px; overflow: hidden; border-color: rgba(125, 211, 252, .52); box-shadow: 0 18px 38px rgba(14,165,233,.14), inset 0 1px 0 rgba(255,255,255,.18); }
.home-value-card::after { position: absolute; top: -45px; right: -30px; width: 130px; height: 130px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 20px rgba(255,255,255,.035), 0 0 0 42px rgba(255,255,255,.025); content: ""; }
.home-value-card--discoverability { border-color: rgba(34, 211, 238, .58); background: linear-gradient(125deg, #042f49 0%, #075985 56%, #0e7490 100%); }
.home-value-card--conversion { border-color: rgba(196, 181, 253, .60); background: linear-gradient(125deg, #24104f 0%, #4c1d95 58%, #6d28d9 100%); box-shadow: 0 18px 38px rgba(99,102,241,.18), inset 0 1px 0 rgba(255,255,255,.18); }
.home-value-card--operations { border-color: rgba(110, 231, 183, .56); background: linear-gradient(125deg, #063f3a 0%, #047857 54%, #0f766e 100%); box-shadow: 0 18px 38px rgba(16,185,129,.16), inset 0 1px 0 rgba(255,255,255,.18); }
.home-value-card__heading { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.home-value-card .text-cyan-700 { position: relative; z-index: 1; color: #a5f3fc !important; }
.home-value-card p { position: relative; z-index: 1; color: rgba(240,249,255,.88) !important; }
.home-value-card strong { position: relative; z-index: 1; display: block; margin-top: 15px; color: #fff; font-size: 13px; font-weight: 950; }
.home-value-card__icon { position: relative; z-index: 1; display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.26); border-radius: 13px; color: #fff; background: rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.25); }
.home-project-fit { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .9fr) auto; align-items: center; gap: 28px; padding: 28px 32px; overflow: hidden; border: 1px solid rgba(34,211,238,.40); border-radius: 28px; background: radial-gradient(circle at 92% 50%, rgba(34,211,238,.22), transparent 30%), linear-gradient(110deg, #020617, #13245e 58%, #07556a); box-shadow: 0 20px 48px rgba(15,23,42,.18); }
.home-project-fit__copy > span { color: #67e8f9; font-size: 10px; font-weight: 950; letter-spacing: .22em; text-transform: uppercase; }
.home-project-fit h2 { margin: 8px 0 9px; color: #fff; font-size: 25px; font-weight: 950; line-height: 1.12; }
.home-project-fit p { margin: 0; color: #bae6fd; font-size: 13px; font-weight: 700; line-height: 1.55; }
.home-project-fit__profiles { display: grid; gap: 8px; }
.home-project-fit__profiles span { display: flex; align-items: center; min-height: 32px; padding: 0 11px; border: 1px solid rgba(103,232,249,.28); border-radius: 11px; color: #ecfeff; background: rgba(255,255,255,.09); font-size: 11px; font-weight: 850; }
.home-project-fit__profiles span::before { width: 6px; height: 6px; flex: 0 0 auto; margin-right: 8px; border-radius: 50%; background: #67e8f9; box-shadow: 0 0 0 3px rgba(103,232,249,.14); content: ""; }
.home-project-fit > a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 17px; border: 1px solid rgba(103,232,249,.76); border-radius: 15px; color: #06121f; background: #e0f7ff; font-size: 11px; font-weight: 950; text-decoration: none; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease; }
.home-project-fit > a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(2,6,23,.28); }
@media (min-width: 1024px) {
  .home-value-card { min-height: 176px; padding: 20px !important; }
  .home-value-card__heading { margin-bottom: 11px; }
  .home-value-card strong { margin-top: 11px; }
  .home-project-fit { gap: 24px; padding: 25px 28px; }
}
.site-light-shell {
  isolation: isolate;
  background:
    radial-gradient(ellipse 62% 48% at 8% 12%, rgba(103, 232, 249, .17), transparent 72%),
    radial-gradient(ellipse 48% 42% at 93% 82%, rgba(147, 197, 253, .15), transparent 72%),
    linear-gradient(135deg, #f9fdff 0%, #eefaff 52%, #f7fbff 100%);
}
.site-light-shell::before,
.site-light-shell::after { position: absolute; inset: 0; z-index: 0; content: ""; pointer-events: none; }
.site-light-shell::before {
  opacity: .28;
  background-image:
    linear-gradient(rgba(14, 165, 233, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, .055) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 88%);
}
.site-light-shell::after {
  inset: auto -12% -28% 34%;
  height: 48%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(125, 211, 252, .19), transparent 68%);
  filter: blur(22px);
}
.site-light-shell > main { position: relative; z-index: 1; }
/* Açık tuval üzerinde birbirinden kopuk beyaz bloklar yerine tek bir buzlu cam sistemi. */
@media (min-width: 1024px) {
  .desktop-main-content main :is(section, article, a)[class*="bg-white"][class*="border"],
  .desktop-main-content main :is(section, article)[class*="bg-cyan-50"] {
    background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(244,252,255,.60)) !important;
    border-color: rgba(56, 189, 248, .72) !important;
    box-shadow: 0 14px 30px rgba(14, 116, 144, .14), inset 0 1px 0 rgba(255,255,255,.88) !important;
    backdrop-filter: blur(16px) saturate(128%);
    -webkit-backdrop-filter: blur(16px) saturate(128%);
  }
  .desktop-main-content main .home-value-card--discoverability { background: linear-gradient(135deg, rgba(236,253,255,.76), rgba(224,247,255,.49)); }
  .desktop-main-content main .home-value-card--conversion { background: linear-gradient(135deg, rgba(245,243,255,.75), rgba(238,242,255,.50)); }
  .desktop-main-content main .home-value-card--operations { background: linear-gradient(135deg, rgba(236,253,245,.75), rgba(236,253,250,.50)); }
}
.apple-header-action-icon,
.apple-header-icon-button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(203, 213, 225, .84);
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  color: #334155;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}
.apple-header-icon-button { cursor: pointer; transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.apple-header-icon-button:hover { background: #fff; transform: translateY(-1px); box-shadow: 0 7px 18px rgba(15, 23, 42, .10); }
.apple-header-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 48px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: #064e3b;
  box-shadow: none;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), filter 220ms ease;
}
.apple-header-whatsapp:hover { transform: none; filter: none; }
a.apple-header-whatsapp[data-header-support],
a.apple-header-whatsapp[data-header-support]:hover { background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; }
.apple-header-whatsapp__brand { display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-width: 128px; height: 34px; padding: 0 9px; border-radius: 12px; background: #047857; box-shadow: 0 8px 16px rgba(4,120,87,.18); }
.apple-header-whatsapp .apple-header-action-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,255,255,.48); border-radius: 8px; background: rgba(255,255,255,.16); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.26); }
.apple-header-whatsapp .apple-header-action-icon svg { width: 15px; height: 15px; stroke-width: 2.4; }
.apple-header-whatsapp__state { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 80px; height: 34px; padding: 0; border-radius: 0; background: transparent !important; color: #fff; font-size: 12px; font-weight: 900 !important; letter-spacing: -.02em; text-shadow: 0 1px 1px rgba(6,78,59,.2); box-shadow: none; white-space: nowrap; }
.apple-header-whatsapp__state::before { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #075e54; box-shadow: 0 0 0 3px rgba(255,255,255,.14); content: ""; }
.apple-header-whatsapp.is-online .apple-header-whatsapp__state { animation: apple-header-online-pulse 1.65s ease-in-out infinite; }
.apple-header-whatsapp.is-offline { border-color: transparent; background: transparent; color: #991b1b; box-shadow: none; }
.apple-header-whatsapp.is-offline .apple-header-whatsapp__brand { background: #b91c1c; box-shadow: 0 8px 16px rgba(185,28,28,.18); }
.apple-header-whatsapp.is-offline .apple-header-action-icon { border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.16); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.26); }
.apple-header-whatsapp.is-offline .apple-header-whatsapp__state { color: #fff; }
.apple-header-whatsapp.is-offline .apple-header-whatsapp__state::before { background: #991b1b; }
@keyframes apple-header-light-trace {
  from { transform: translateX(-220%) rotate(18deg); }
  to { transform: translateX(420%) rotate(18deg); }
}
@keyframes home-decision-title-gradient {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@keyframes apple-header-online-pulse {
  0%, 100% { opacity: 1; text-shadow: 0 1px 1px rgba(6,78,59,.2); }
  50% { opacity: .42; text-shadow: 0 0 9px rgba(255,255,255,.65); }
}
@media (max-width: 1200px) {
  .apple-header-nav { flex: 1 1 auto; max-width: none; margin: 0 4px; }
  .apple-header-nav__link { min-height: 48px; padding: 8px 9px; font-size: 10px; }
}
@media (max-width: 900px) {
  .home-project-fit { grid-template-columns: 1fr; gap: 18px; padding: 25px; }
  .home-project-fit__profiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .home-decision-families { grid-template-columns: 1fr; gap: 12px; }
  .home-decision-family { padding: 11px; border-radius: 20px; }
  .home-decision-family__label { min-height: 22px; margin-bottom: 9px; font-size: 8px; }
  .home-hero-intro { margin-bottom: 15px; padding: 0 4px; font-size: 15px; line-height: 1.65; text-align: justify; text-align-last: left; hyphens: auto; -webkit-hyphens: auto; word-break: normal; color: #0f172a; font-weight: 700; }
  .home-hero-detail { padding: 0 4px; border: none; background: transparent; box-shadow: none; margin-bottom: 24px; }
  .home-hero-detail h2 { font-size: 19px; color: #020617; }
  .home-hero-detail p { font-size: 15px; line-height: 1.65; text-align: justify; text-align-last: left; hyphens: auto; -webkit-hyphens: auto; word-break: normal; color: #1e293b; font-weight: 700; }
  .home-value-card { min-height: 0; }
  .home-project-fit { padding: 22px; border-radius: 24px; }
  .home-project-fit__profiles { grid-template-columns: 1fr; }
  .home-project-fit h2 { font-size: 23px; }

  /* Mobil anasayfa: family section'ları arası boşluğu kıs */
  .home-decision-families--mobile {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .home-decision-families--mobile .home-decision-family {
    padding: 10px;
    border-radius: 18px;
  }

  .home-decision-families--mobile .home-decision-family__label {
    margin-bottom: 8px;
    min-height: 20px;
  }

  /* Kart grid içi boşluk */
  .home-decision-families--mobile .grid {
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  .desktop-main-content .home-decision-family--visibility a { background: linear-gradient(135deg, rgba(238,242,255,.88), rgba(255,255,255,.72)) !important; border-color: rgba(129,140,248,.42) !important; }
  .desktop-main-content .home-decision-family--commerce a { background: linear-gradient(135deg, rgba(236,253,245,.88), rgba(255,255,255,.72)) !important; border-color: rgba(52,211,153,.44) !important; }
  .desktop-main-content .home-decision-family--operations a { background: linear-gradient(135deg, rgba(236,254,255,.90), rgba(255,255,255,.72)) !important; border-color: rgba(103,232,249,.48) !important; }
  .desktop-main-content .home-decision-family--mobile a { background: linear-gradient(135deg, rgba(245,243,255,.88), rgba(255,255,255,.72)) !important; border-color: rgba(196,181,253,.48) !important; }
  .desktop-main-content main .home-value-card.home-value-card--discoverability { background: linear-gradient(125deg, #042f49 0%, #075985 56%, #0e7490 100%) !important; border-color: rgba(34,211,238,.58) !important; }
  .desktop-main-content main .home-value-card.home-value-card--conversion { background: linear-gradient(125deg, #24104f 0%, #4c1d95 58%, #6d28d9 100%) !important; border-color: rgba(196,181,253,.60) !important; }
  .desktop-main-content main .home-value-card.home-value-card--operations { background: linear-gradient(125deg, #063f3a 0%, #047857 54%, #0f766e 100%) !important; border-color: rgba(110,231,183,.56) !important; }
}

/* Tablet yatayda masaüstü grid'i dört dar karta iner. Başlıklar tek satıra
   zorlanırsa kesilir; kontrollü iki satır ve yeterli kart yüksekliği kullanılır. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .desktop-main-content .home-decision-family .grid {
    align-items: stretch;
  }

  .desktop-main-content .home-decision-family .group {
    min-height: 182px;
  }

  .desktop-main-content .home-decision-family .group h3 {
    white-space: normal !important;
    font-size: 15px !important;
    line-height: 1.16;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* Dokunmatik tablet yatayda masaüstü breakpoint'ine geçse bile ana sayfa
   referans slider'ı gösterilmez. Slider yalnız fare/trackpad masaüstü içindir. */
@media (hover: none) and (pointer: coarse) {
  .desktop-main-content .home-drift-banner,
  .desktop-main-content .home-drift-banner__wall,
  .desktop-main-content .home-drift-banner__track,
  .desktop-main-content .home-drift-banner__card {
    display: none !important;
  }

  .desktop-main-content .home-drift-banner {
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) { .apple-header-nav__link, .apple-header-nav__link::after, .apple-header-icon-button { transition: none; } .apple-header-whatsapp.is-online .apple-header-whatsapp__state, .home-decision-title { animation: none; } }