/*
 * MPS Yazılım — Beyaz tasarım / 2. revizyon
 * Eski çalışan tasarıma dokunmadan son stil düzeltmeleri.
 * Öncelik sırası: site.css -> ince-ayarlar.css
 * İstekler: daha az dikey boşluk, örneğe uygun okunaklı fontlar,
 *          daha belirgin (ama doğal) görseller, orijinal logo.
 */

:root {
  --muted: #596f80;
}

/* Bütün sayfada tek beyaz zemin ve okunaklı metinler */
body, .hero, .hero-slide, .section, .about-section,
.contact-section, .site-footer {
  background-color: #fff;
}
.hero-lead { font-size: 16px; line-height: 1.65; color: #587184; }
.section-summary { font-size: 14px; line-height: 1.7; color: #637789; }
.section-heading { font-size: clamp(29px, 2.85vw, 39px); }
.desktop-nav a { font-size: 13px; }
.nav-cta { font-size: 12px; }

/* Banner: daha kısa, sağda fazladan panel yok, slider aynı çalışıyor. */
.hero { min-height: 425px; }
.hero-layout {
  min-height: 410px;
  padding-top: 30px;
  padding-bottom: 66px;
  gap: 44px;
}
.hero-copy h1, .hero-copy h2 {
  font-size: clamp(37px, 4vw, 56px);
  line-height: 1.16;
  margin-bottom: 16px;
}
.hero-actions { margin-top: 21px; }
.hero-media {
  height: 290px;
  background-image: linear-gradient(105deg, rgba(82,138,169,.025), rgba(35,77,101,.025)), var(--hero-image);
  filter: saturate(.95) contrast(1.05);
  box-shadow: 0 10px 25px rgba(22,63,93,.08);
}
.hero-media::after { background: rgba(235,243,249,.018); }
.hero-bottom { bottom: 17px; }

/* Bölüm aralarındaki gereksiz büyük beyaz alanları azalt. */
.section { padding-top: 46px; padding-bottom: 49px; }
.services-section { padding-top: 46px; padding-bottom: 48px; }
.section-intro { margin-bottom: 24px; gap: 36px; }
.eyebrow { margin-bottom: 11px; }

/* Yazılım hizmetleri: kartlar daha kompakt, fotoğraflar artık soluk değil. */
.service-grid { gap: 18px; }
.service-card { display: flex; flex-direction: column; }
.service-visual {
  height: 172px;
  filter: saturate(.95) contrast(1.05);
  background-color: #e8eef4;
}
.service-visual::before { background: transparent; }
.service-index { background: rgba(19,55,80,.66); }
.service-content {
  min-height: 0;
  flex: 1;
  padding: 16px 19px 18px;
}
.service-content h3 {
  font-size: 19px;
  margin-bottom: 7px;
  line-height: 1.45;
}
.service-content p {
  font-size: 14px;
  line-height: 1.67;
  color: #5b6e7f;
  margin-bottom: 14px;
}
.text-link { font-size: 13px; }

/* KiveP: blok ve 6 aşama önceki sürümden daha dar/az yüksek. */
.kvkk-section { padding-top: 46px; padding-bottom: 50px; }
.kvkk-feature {
  gap: 38px;
  margin-bottom: 34px;
}
.kvkk-copy .section-heading {
  font-size: clamp(29px, 2.6vw, 37px);
  line-height: 1.25;
}
.kvkk-intro {
  font-size: 14px;
  line-height: 1.72;
  color: #526a7a;
  margin: 13px 0 7px;
}
.kvkk-support {
  font-size: 13px;
  line-height: 1.72;
  color: #65798a;
  margin-bottom: 15px;
}
.browser-window img { height: 260px; }
.kvkk-process-head {
  padding-top: 25px;
  margin-bottom: 18px;
  gap: 26px;
}
.kvkk-process-head h3 { font-size: clamp(24px, 2.35vw, 31px); }
.kvkk-process-head p:last-child { font-size: 13px; line-height: 1.65; }
.kvkk-grid { gap: 10px; }
.process-card {
  min-height: 85px;
  padding: 13px 15px;
  gap: 8px;
  grid-template-columns: 27px minmax(0, 1fr) 14px;
  align-items: center;
}
.step-number { font-size: 12px; }
.step-info { gap: 3px; }
.step-info strong { font-size: 13px; line-height: 1.4; }
.step-info small { font-size: 11px; line-height: 1.5; color: #63798b; }

/* Alt bölümler: aynı tasarım, daha az dikey boşluk. */
.spice-layout { gap: 40px; }
.spice-photo { height: 445px; }
.spice-photo > img { filter: saturate(.9) brightness(1.01); }
.timeline-item { padding: 14px 0; gap: 15px; }
.timeline-item p { font-size: 12px; line-height: 1.72; color: #647788; }
.timeline-item h4 { font-size: 12px; }
.about-layout { padding-top: 48px; padding-bottom: 52px; gap: 40px; }
.about-image { height: 320px; }
.about-image img { filter: saturate(.91) brightness(1.01) contrast(1.03); }
.about-lead { font-size: 14px; line-height: 1.75; margin: 14px 0; color: #607484; }
.about-points li { padding: 9px 0; }
.about-points li strong { font-size: 13px; }
.about-points li span { font-size: 12px; color: #677c8a; }
.contact-content { padding-block: 48px; gap: 54px; }
.contact-content h2 { font-size: clamp(30px, 3vw, 42px); }
.contact-content p:not(.eyebrow) { font-size: 13px; line-height: 1.72; margin: 13px 0 18px; }
.contact-side h3 { font-size: 19px; }
.site-footer { padding-top: 34px; }
.footer-top { padding-bottom: 28px; }
.footer-company p { font-size: 12px; }

/* Tablet */
@media (max-width: 930px) {
  .hero-layout { gap: 22px; min-height: 385px; padding-top: 28px; padding-bottom: 60px; }
  .hero { min-height: 395px; }
  .hero-media { height: 260px; }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(34px, 4.8vw, 48px); }
  .section { padding-block: 43px; }
  .services-section { padding-block: 43px; }
  .service-content { min-height: 0; padding: 15px; }
  .service-content h3 { font-size: 17px; }
  .service-content p { font-size: 13px; }
  .kvkk-section { padding-block: 43px; }
  .kvkk-feature { gap: 25px; }
  .spice-layout { gap: 26px; }
  .contact-content { gap: 34px; }
}

/* Mobil: dar ekranlarda sekmeler, kartlar ve metinler taşmasın. */
@media (max-width: 690px) {
  .hero { min-height: 0; height: 565px; }
  .hero-layout {
    min-height: 535px;
    padding-top: 22px;
    padding-bottom: 61px;
    gap: 15px;
  }
  .hero-copy h1, .hero-copy h2 {
    font-size: clamp(32px, 8vw, 43px);
    margin-bottom: 10px;
  }
  .hero-lead { font-size: 13px; line-height: 1.65; }
  .hero-actions { margin-top: 15px; }
  .hero-media { height: 176px; }
  .hero-bottom { bottom: 13px; }
  .section, .services-section, .kvkk-section { padding-block: 36px 39px; }
  .section-intro { gap: 8px; margin-bottom: 18px; }
  .section-heading { font-size: clamp(26px, 7vw, 34px); }
  .service-grid { gap: 12px; }
  .service-visual { height: 170px; }
  .service-content { min-height: 0; padding: 15px 17px 17px; }
  .service-content h3 { font-size: 18px; }
  .service-content p { font-size: 14px; line-height: 1.65; }
  .kvkk-feature { gap: 17px; margin-bottom: 26px; }
  .kvkk-intro { font-size: 14px; }
  .kvkk-support { font-size: 13px; }
  .browser-window img { height: 205px; }
  .kvkk-process-head { padding-top: 19px; margin-bottom: 15px; }
  .kvkk-process-head h3 { font-size: 25px; }
  .kvkk-grid { gap: 8px; }
  .process-card { min-height: 77px; padding: 11px 13px; }
  .step-info small { font-size: 11px; }
  .spice-photo { height: 228px; }
  .timeline-item { padding: 13px 0; }
  .about-layout { padding-block: 37px; gap: 21px; }
  .about-image { height: 228px; }
  .contact-content { padding-block: 39px; gap: 19px; }
  .contact-content h2 { font-size: 30px; }
  .site-footer { padding-top: 30px; }
}

@media (max-width: 380px) {
  .hero { height: 590px; }
  .hero-layout { min-height: 565px; }
  .hero-media { height: 155px; }
}


/* ===== Revizyon 3: banner, KiveP odak ekranı ve koyu footer ===== */

/* Banner görselleri artık doğrudan HTML <img> olduğundan kaybolmaz. */
.hero-media {
  background-image: none !important;
  display: block;
  isolation: isolate;
  filter: none;
}
.hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(1.0) contrast(1.06);
}
.hero-media::after { background: rgba(223,238,248,.025); pointer-events:none; }
/* Üçüncü slaytın özgün koyu fotoğrafı daha net görünsün. */
.hero-slide:nth-of-type(3) .hero-media img {
  filter: brightness(1.35) saturate(.95) contrast(1.04);
}

/* KiveP: alanın boyutu aynı; ekran görüntüsünün sol iç kısmına yakınlaş. */
.kvkk-feature .product-visual .browser-window {
  position: relative;
  height: 260px;
  overflow: hidden;
}
.kvkk-feature .product-visual .browser-window img {
  position: absolute;
  top: -3%;
  left: -11%;
  display: block;
  width: 200%;
  max-width: none;
  height: auto;
  object-fit: unset;
  object-position: initial;
  filter: saturate(1.04) contrast(1.07);
}

/* Footer'ı açık içerikten ayrıştıran, MPS mavisi koyu bitiş alanı. */
.site-footer {
  background: #17394f !important;
  color: #edf6fc;
  border-top: 1px solid #25516b;
}
.site-footer .brand-title strong { color: #ffffff; }
.site-footer .brand-title small { color: #b9cfe0; }
.site-footer .brand img {
  background: rgba(255,255,255,.96);
  border-radius: 8px;
  padding: 3px;
}
.site-footer .footer-company p { color: #c6d6e1; }
.site-footer .footer-nav h3 { color: #99cdec; }
.site-footer .footer-nav>a,
.site-footer .footer-nav button { color: #d8e7f2; }
.site-footer .footer-nav>a:hover,
.site-footer .footer-nav button:hover,
.site-footer .footer-legal a:hover { color: #ffffff; }
.site-footer .footer-bottom {
  border-top-color: rgba(219,238,248,.20);
  color: #bfced8;
}
.site-footer .footer-bottom a { color: #d1e3ef; }

@media (max-width: 690px) {
  .kvkk-feature .product-visual .browser-window { height: 205px; }
  .kvkk-feature .product-visual .browser-window img {
    left: -9%;
    top: -2%;
    width: 215%;
  }
}