/* AgronomLogs — tek sayfa tanıtım sitesi */
:root {
  --orman: #13261b;
  --orman-derin: #0f1f16;
  --kirik-beyaz: #f5f7f2;
  --zemin-2: #eaefe6;
  --ziraat: #2f9e5c;
  --ziraat-metin: #1f7a45;
  --ziraat-acik: #7bd89c;
  --kehribar: #c0762a;
  --kehribar-metin: #9a5a1c;
  --govde: #4a5a4e;
  --govde-koyu: #c9d8cc;
  --cizgi: #d5ddd3;
  --baslik: "Bricolage Grotesque", system-ui, sans-serif;
  --metin: "Nunito Sans", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--kirik-beyaz);
  color: var(--govde);
  font-family: var(--metin);
  font-size: 17px;
  line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ziraat-metin); }
a:hover { color: var(--orman); }
:focus-visible { outline: 3px solid var(--ziraat); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--baslik); color: var(--orman); margin: 0; }
p { margin: 0; }

.atla {
  position: absolute; left: 16px; top: -60px; z-index: 10;
  background: var(--orman); color: var(--kirik-beyaz); padding: 10px 16px; border-radius: 8px;
}
.atla:focus { top: 16px; }

.wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.bolum { padding: 112px 0; }
.bolum--zemin { background: var(--zemin-2); }
.bolum--koyu { background: var(--orman); color: var(--govde-koyu); }
.bolum--koyu h2, .bolum--koyu h3 { color: var(--kirik-beyaz); }
.h2 { font-weight: 700; font-size: clamp(36px, 5vw, 64px); line-height: 1; letter-spacing: -0.035em; }
.lead { font-size: 19px; line-height: 1.6; max-width: 36em; }
.yigin { display: flex; flex-direction: column; gap: 20px; }
.ust { display: flex; flex-wrap: wrap; gap: 24px 64px; align-items: flex-end; margin-bottom: 56px; }
.ust > * { flex: 1 1 380px; }

.dugme {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 56px; padding: 0 32px; border-radius: 999px; border: 0;
  background: var(--orman); color: var(--kirik-beyaz);
  font: 800 17px/1 var(--metin); text-decoration: none; cursor: pointer;
}
.dugme:hover { background: var(--ziraat-metin); color: var(--kirik-beyaz); }

/* Üst menü */
.ust-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 36px; padding-top: 20px; padding-bottom: 20px; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--orman); }
.marka img { width: 52px; height: 52px; }
.marka span { font-family: var(--baslik); font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
.ust-menu nav { margin-left: auto; display: flex; flex-wrap: wrap; gap: 4px 28px; font-size: 15px; font-weight: 700; }
.ust-menu nav a { color: var(--orman); text-decoration: none; padding: 10px 0; }
.ust-menu nav a:hover { color: var(--ziraat-metin); }

/* Kahraman */
.kahraman { border-bottom: 1px solid var(--cizgi); overflow: hidden; }
.kahraman .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 48px; padding-top: 56px; padding-bottom: 72px; }
.kahraman__metin { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.kahraman h1 { font-weight: 700; font-size: clamp(56px, 8.4vw, 116px); line-height: 0.92; letter-spacing: -0.05em; }
.kahraman__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.kahraman__eylem p { font-size: 15px; line-height: 1.5; }
.pafta { flex: 1 1 520px; min-width: 0; position: relative; height: 600px; }
.pafta svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.etiket {
  position: absolute; display: flex; flex-direction: column;
  padding: 8px 12px; background: #fff; border: 1px solid var(--cizgi); border-radius: 8px;
  font-size: 13px; line-height: 1.4;
}
.etiket b:first-child { color: var(--orman); }
.etiket--1 { left: 4%; top: 64px; }
.etiket--2 { right: 2%; top: 148px; border-color: var(--kehribar); }
.yesil { color: var(--ziraat-metin); }
.turuncu { color: var(--kehribar-metin); }
.kesit { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; display: flex; flex-direction: column; gap: 8px; }
.kesit img { width: 100%; }
.kesit figcaption { font-size: 13px; padding-left: 12px; }
.kesit--plan { top: 214px; width: 416px; max-width: 92%; }
.kesit--plan img { border-radius: 20px; box-shadow: 0 10px 30px rgba(19, 38, 27, 0.18); }
.kesit--ziyaret { bottom: 72px; width: 436px; max-width: 96%; }
.kesit--ziyaret img { border-radius: 18px; box-shadow: 0 14px 40px rgba(19, 38, 27, 0.22); }

/* Sorun */
.sorun .wrap { display: flex; flex-wrap: wrap; gap: 40px 64px; }
.sorun h2 { flex: 1 1 320px; }
.sorun ul { flex: 2 1 560px; margin: 0; padding: 0; list-style: none; }
.sorun li {
  padding: 22px 0; border-top: 1px solid var(--cizgi);
  font-family: var(--baslik); font-size: clamp(22px, 2.4vw, 30px); line-height: 1.25; letter-spacing: -0.02em; color: var(--orman);
}
.sorun li:last-child { border-bottom: 1px solid var(--cizgi); }

/* Bir gün */
.gun__ust { max-width: 680px; margin-bottom: 56px; }
.gun__icerik { display: flex; flex-wrap: wrap; gap: 56px 96px; align-items: flex-start; }
.telefon { flex: 0 0 300px; position: sticky; top: 32px; margin: 0 auto; }
.telefon__cerceve { width: 300px; padding: 9px; border-radius: 48px; background: var(--orman); }
.telefon__cerceve img { width: 282px; height: 622px; object-fit: cover; object-position: top; border-radius: 40px; }
.adimlar { flex: 1 1 420px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.adim { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 20px; padding: 40px 0; border-top: 1px solid var(--govde-koyu); }
.adim:last-child { border-bottom: 1px solid var(--govde-koyu); }
.adim__saat { font-family: var(--baslik); font-weight: 700; font-size: 30px; color: var(--orman); letter-spacing: -0.03em; line-height: 1.2; }
.adim h3 { font-size: 26px; line-height: 1.2; margin-bottom: 8px; }

/* Şirket hafızası */
.hafiza { padding: 128px 0; }
.hafiza h2 { font-size: clamp(44px, 6.4vw, 88px); }
.hafiza .lead { color: var(--govde-koyu); }
.cizelge { margin: 0; }
.cizelge__kaydir { overflow-x: auto; }
.cizelge__tablo { min-width: 880px; }
.cizelge__satir { display: grid; grid-template-columns: 200px repeat(8, minmax(0, 1fr)); align-items: center; padding: 22px 0; border-bottom: 1px solid rgba(201, 216, 204, 0.15); font-size: 14px; }
.cizelge__satir--yillar { padding: 0 0 12px; border-bottom-color: rgba(201, 216, 204, 0.3); font-weight: 700; color: var(--kirik-beyaz); }
.cizelge__satir:last-child { border-bottom: 0; }
.cizelge__not { color: var(--ziraat-acik); }
.serit { height: 10px; border-radius: 5px; }
.serit--eski { grid-column: 2 / span 3; opacity: 0.55; background: repeating-linear-gradient(90deg, var(--ziraat-acik) 0 3px, transparent 3px 14px); }
.serit--yeni { grid-column: 5 / span 4; background: repeating-linear-gradient(90deg, var(--ziraat-acik) 0 3px, transparent 3px 10px); }
.serit--tarla { grid-column: 2 / span 8; height: 2px; background: var(--govde-koyu); opacity: 0.6; }
.serit--not { grid-column: 2 / span 8; height: 18px; border-radius: 0; background: repeating-linear-gradient(90deg, var(--kehribar) 0 2px, transparent 2px 23px); }
.cizelge figcaption { margin-top: 20px; font-size: 14px; }

/* Aday hunisi */
.huni { margin: 0 0 32px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.huni li, .huni__son > span {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 0 20px; min-height: 56px; border-radius: 6px; color: var(--orman); font-weight: 800;
}
.huni li:not(.huni__son) > span, .huni__son > span > span { font-weight: 400; }
.huni li:nth-child(1) { width: 100%; background: #dce7da; }
.huni li:nth-child(2) { width: 84%; background: #b9d6be; }
.huni li:nth-child(3) { width: 66%; background: #8cc39c; }
.huni li:nth-child(4) { width: 50%; background: var(--ziraat); }
.huni li.huni__son { width: 50%; padding: 0; background: none; display: flex; flex-wrap: wrap; gap: 8px; }
.huni__son > span { flex: 1 1 140px; }
.huni__kazanildi { background: var(--orman); color: var(--kirik-beyaz) !important; }
.huni__kaybedildi { border: 1.5px solid var(--kehribar); }
.aday__not { max-width: 46em; }

/* Yönetici */
.yonetici .wrap { display: flex; flex-wrap: wrap; gap: 56px 80px; align-items: flex-start; }
.yonetici .yigin { flex: 1 1 380px; }
.tablo-kart { flex: 1 1 520px; min-width: 0; margin: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; padding: 28px; overflow-x: auto; }
.basari { width: 100%; border-collapse: collapse; font-size: 15px; }
.basari caption { text-align: left; padding-bottom: 16px; font-weight: 800; color: var(--orman); }
.basari th { text-align: left; font-size: 13px; font-weight: 700; padding: 8px 0; }
.basari td { padding: 14px 8px 14px 0; border-top: 1px solid #e3e9e1; }
.basari td:first-child { color: var(--orman); font-weight: 700; }
.basari td:nth-child(-n+2) { white-space: nowrap; }
.cubuk { display: flex; align-items: center; gap: 10px; }
.cubuk__iz { flex: 1; height: 8px; background: #e3e9e1; border-radius: 4px; min-width: 60px; }
.cubuk__dolu { height: 8px; background: var(--ziraat); border-radius: 4px; }
.cubuk__dolu--dusuk { background: var(--kehribar); }

/* Neden */
.neden dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); column-gap: 64px; }
.neden dl > div { padding: 24px 0; border-top: 1px solid var(--cizgi); }
.neden dt { font-family: var(--baslik); font-size: 24px; font-weight: 700; color: var(--orman); margin-bottom: 6px; }
.neden dd { margin: 0; }

/* Karşılaştırma */
.karsilastirma { border-top: 1px solid var(--cizgi); }
.tablo-kaydir { overflow-x: auto; }
.fark { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 16px; }
.fark th, .fark td { padding: 18px 16px; text-align: left; }
.fark thead th { padding-top: 14px; padding-bottom: 14px; font-weight: 700; }
.fark thead th:last-child { background: var(--orman); color: var(--kirik-beyaz); border-radius: 10px 10px 0 0; font-weight: 800; }
.fark tbody tr { border-top: 1px solid var(--cizgi); }
.fark tbody tr:last-child { border-bottom: 1px solid var(--cizgi); }
.fark tbody th { padding-left: 0; color: var(--orman); width: 34%; }
.fark tbody td:last-child { background: #e3eee2; color: var(--orman); }
.fark tbody tr:last-child td:last-child { border-radius: 0 0 10px 10px; }

/* Nasıl başlanır */
.adimlar-4 { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 32px; }
.adimlar-4 li { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; border-top: 2px solid var(--orman); }
.adimlar-4 .no { font-family: var(--baslik); font-size: 44px; font-weight: 700; line-height: 1; color: var(--ziraat); }
.adimlar-4 h3 { font-size: 24px; }

/* İletişim */
.iletisim .wrap { display: flex; flex-wrap: wrap; gap: 48px 80px; align-items: flex-end; }
.iletisim .yigin, .iletisim__kanallar { flex: 1 1 420px; }
.iletisim .lead { color: var(--govde-koyu); }
.kanal {
  display: flex; flex-direction: column; gap: 4px; padding: 24px 0;
  border-top: 1px solid rgba(201, 216, 204, 0.3); text-decoration: none; color: var(--kirik-beyaz);
}
.kanal:last-child { border-bottom: 1px solid rgba(201, 216, 204, 0.3); }
.kanal span:first-child { font-size: 15px; color: var(--govde-koyu); }
.kanal span:last-child { font-family: var(--baslik); font-size: clamp(26px, 3vw, 36px); font-weight: 700; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.kanal:hover span:last-child { color: var(--ziraat-acik); }

/* Alt bilgi */
.alt { padding: 40px 0; background: var(--orman-derin); color: var(--govde-koyu); font-size: 15px; }
.alt .wrap { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; }
.alt a { color: var(--govde-koyu); }
.alt a:hover { color: var(--kirik-beyaz); }
.alt__marka { color: var(--kirik-beyaz); font-weight: 700; }
.alt__sag { margin-left: auto; display: flex; flex-wrap: wrap; gap: 16px 32px; }

/* Yasal sayfalar */
.yasal { max-width: 760px; margin: 0 auto; padding: 56px 24px 112px; }
.yasal h1 { font-size: clamp(36px, 5vw, 56px); letter-spacing: -0.03em; line-height: 1.05; margin-bottom: 32px; }
.yasal h2 { font-size: 24px; margin: 40px 0 12px; }
.yasal p, .yasal ul { margin: 0 0 16px; }

@media (max-width: 860px) {
  .bolum { padding: 80px 0; }
  .hafiza { padding: 96px 0; }
  .telefon { position: static; flex: 0 0 auto; }
  .telefon__cerceve { width: 220px; padding: 7px; border-radius: 36px; }
  .telefon__cerceve img { width: 206px; height: 456px; border-radius: 30px; }
  .adim { grid-template-columns: 72px minmax(0, 1fr); padding: 28px 0; }
  .adim__saat { font-size: 24px; }
  .huni li:nth-child(2) { width: 92%; }
  .huni li:nth-child(3) { width: 84%; }
  .huni li:nth-child(4), .huni li.huni__son { width: 76%; }
  .pafta { height: 520px; }
}
@media (max-width: 520px) {
  .ust-menu nav { margin-left: 0; width: 100%; }
  .huni li:nth-child(n) { width: 100%; }
  .huni li.huni__son { width: 100%; }
  .etiket--2 { top: 132px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}