/* FeedZync tanitim sitesi. Uygulamayla ayni dil: sis zemin, orman murekkebi, yesim yesili = calisiyor. */
:root { --mist:#EEF2EE; --kart:#fff; --ink:#1B3B2E; --soluk:#5B6B63; --cizgi:#D9DFD8; --jade:#127F56; --jade-koyu:#0E6646;
  --jade-acik:#DDEFE5; --adacayi:#AAC7B1; --marigold:#F2B300;
  --baslik:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --govde:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; background:var(--mist); color:var(--ink); font:17px/1.6 var(--govde); -webkit-font-smoothing:antialiased; }
[dir=rtl] { --baslik:"IBM Plex Sans Arabic","Geist",system-ui,sans-serif; --govde:"IBM Plex Sans Arabic","Geist",system-ui,sans-serif; }
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3 { letter-spacing:0; }
a { color:var(--jade); }
h1, h2, h3 { font-family:var(--baslik); margin:0; letter-spacing:-0.03em; }
h2 { font-size:clamp(28px,3.6vw,44px); line-height:1.08; font-weight:600; max-width:20ch; }
h3 { font-size:19px; line-height:1.25; font-weight:600; letter-spacing:-0.015em; }
p { margin:0 0 12px; }
.soluk { color:var(--soluk); }
:focus-visible { outline:3px solid var(--marigold); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } }
.sar { max-width:1160px; margin:0 auto; padding:0 clamp(18px,4vw,40px); }
.dugme { display:inline-block; font:600 16px/1 var(--govde); border:0; border-radius:999px; padding:15px 24px; cursor:pointer;
  background:var(--jade); color:#fff; text-decoration:none; white-space:nowrap; }
.dugme:hover { background:var(--jade-koyu); }
.dugme.ince { background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1.5px var(--cizgi); padding:11px 18px; font-size:15px; }

/* ust */
.ust { display:flex; align-items:center; gap:22px; padding-top:18px; padding-bottom:18px; }
.ust .logo img { height:32px; display:block; }
.ust nav { display:flex; gap:18px; flex:1; }
.ust nav a { color:var(--ink); text-decoration:none; font-weight:600; font-size:15px; }
.ust nav a:hover { color:var(--jade); }
@media (max-width:860px) { .ust nav { display:none; } .ust { gap:10px; } .ust .bosluk { flex:1; } .ust .logo img { height:26px; } }
.giris-link { color:var(--ink); text-decoration:none; font-weight:500; font-size:15px; }
.giris-link:hover { color:var(--jade); }
@media (max-width:520px) { .ust .dugme { padding:11px 16px; font-size:15px; } .giris-link { font-size:14px; } }

/* kahraman */
.kahraman { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; padding-top:48px; padding-bottom:72px; }
.kahraman h1 { font-size:clamp(40px,6vw,76px); line-height:1; font-weight:600; letter-spacing:-0.045em; }
.kahraman .alt { font-size:clamp(18px,1.9vw,21px); margin:22px 0 28px; max-width:46ch; }
.kutu { display:flex; gap:8px; background:#fff; border-radius:999px; padding:6px; box-shadow:0 1px 0 var(--cizgi), inset 0 0 0 1.5px var(--cizgi); max-width:520px; }
.kutu input { flex:1; min-width:0; border:0; background:transparent; font:500 17px var(--govde); padding:0 16px; color:var(--ink); }
.kutu input:focus { outline:none; }
.kutu-not { margin-top:12px; font-size:14px; color:var(--soluk); }
@media (max-width:860px) { .kahraman { grid-template-columns:1fr; padding-top:20px; gap:36px; }
  .kutu { flex-direction:column; border-radius:22px; } .kutu input { padding:14px 12px; } }

/* ekip karti: tek orkestre an — sabah ekibin isleri sirayla tamamlanir */
.ekip { background:var(--ink); color:#fff; border-radius:28px; padding:26px 26px 18px; }
.ekip h3 { color:#fff; font-size:18px; margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.ekip h3::before { content:""; width:10px; height:10px; border-radius:50%; background:#3FD38F; box-shadow:0 0 0 4px rgba(63,211,143,.18); }
.ekip ol { list-style:none; margin:0; padding:0; }
.ekip li { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-top:1px solid rgba(255,255,255,.1); font-size:16px;
  opacity:.35; animation:tamam .5s ease forwards; }
.ekip li::before { content:"✓"; flex:none; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.12);
  display:grid; place-items:center; font-size:13px; font-weight:700; animation:tik .5s ease forwards; }
.ekip li:nth-child(1), .ekip li:nth-child(1)::before { animation-delay:.3s; } .ekip li:nth-child(2), .ekip li:nth-child(2)::before { animation-delay:.8s; }
.ekip li:nth-child(3), .ekip li:nth-child(3)::before { animation-delay:1.3s; } .ekip li:nth-child(4), .ekip li:nth-child(4)::before { animation-delay:1.8s; }
.ekip li:nth-child(5), .ekip li:nth-child(5)::before { animation-delay:2.3s; }
@keyframes tamam { to { opacity:1; } }
@keyframes tik { to { background:#3FD38F; color:var(--ink); } }
.ekip .saatler { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.ekip .saatler span { font-size:13px; background:rgba(255,255,255,.08); padding:6px 10px; border-radius:999px; }

/* bolumler */
section.bolum { padding:72px 0; }
section.bolum.beyaz { background:#fff; }
.bolum-bas { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:34px; }
.bolum-bas p { max-width:46ch; margin:0; }
.adimlar { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; counter-reset:adim; }
.adimlar li { counter-increment:adim; border-top:3px solid var(--ink); padding-top:18px; }
.adimlar li::before { content:counter(adim); font:500 44px/1 var(--baslik); color:var(--jade); display:block; margin-bottom:12px; }
.adimlar p { color:var(--soluk); margin-top:8px; }
.dortlu { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.dortlu div { background:#fff; border-radius:20px; padding:22px; }
.dortlu .ikon { display:block; width:44px; height:44px; border-radius:12px; background:var(--jade); margin-bottom:16px; position:relative; }
.dortlu .ikon.post::after { content:""; position:absolute; inset:11px; border:3px solid #fff; border-radius:4px; }
.dortlu .ikon.car::after { content:""; position:absolute; inset:12px 8px; border-left:3px solid #fff; border-right:3px solid #fff;
  box-shadow:inset 0 0 0 3px #fff; border-radius:3px; }
.dortlu .ikon.reel::after { content:""; position:absolute; left:17px; top:13px; border:9px solid transparent; border-left:13px solid #fff; border-right:0; }
.dortlu .ikon.diger::after { content:"+"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font:500 26px var(--baslik); }
.dortlu p { color:var(--soluk); margin:8px 0 0; font-size:16px; }
.durust { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.durust .vurgu { font:600 clamp(26px,3.4vw,38px)/1.1 var(--baslik); letter-spacing:-0.03em; }
@media (max-width:860px) { .adimlar, .dortlu, .durust { grid-template-columns:1fr; } }

.sektorler { display:flex; flex-wrap:wrap; gap:10px; }
.sektorler a { background:#fff; color:var(--ink); text-decoration:none; padding:10px 16px; border-radius:999px; font-weight:500;
  box-shadow:inset 0 0 0 1.5px var(--cizgi); font-size:15px; }
.sektorler a:hover { box-shadow:inset 0 0 0 2px var(--jade); color:var(--jade); }

/* fiyat */
.para-sec { display:flex; gap:10px; align-items:center; font-size:15px; }
.para-sec select { font:inherit; padding:8px 12px; border-radius:10px; border:1.5px solid var(--cizgi); background:#fff; color:var(--ink); }
.paketler { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.paket { background:#fff; border-radius:24px; padding:28px; display:flex; flex-direction:column; box-shadow:inset 0 0 0 1.5px var(--cizgi); }
.paket.one { background:var(--ink); color:#fff; box-shadow:none; }
.paket.one .soluk { color:#B9CCC1; }
.paket .rozet { align-self:flex-start; font-size:13px; font-weight:700; background:var(--marigold); color:var(--ink); padding:5px 10px; border-radius:999px; margin-bottom:10px; }
.paket .fiyat { font:600 52px/1 var(--baslik); letter-spacing:-0.04em; margin:14px 0 4px; }
.paket .fiyat small { font:500 16px var(--govde); letter-spacing:0; }
.paket .yerel { min-height:22px; font-size:15px; }
.paket ul { padding:0; margin:20px 0 26px; list-style:none; flex:1; }
.paket li { padding:7px 0 7px 26px; position:relative; font-size:16px; }
.paket li::before { content:"✓"; position:absolute; left:0; color:var(--jade); font-weight:800; }
[dir=rtl] .paket li { padding:7px 26px 7px 0; } [dir=rtl] .paket li::before { left:auto; right:0; }
.paket.one li::before { color:#3FD38F; }
.paket .dugme { text-align:center; }
.paket.one .dugme { background:#3FD38F; color:var(--ink); }
.fatura { margin-top:16px; font-size:14px; }
@media (max-width:860px) { .paketler { grid-template-columns:1fr; } }

/* sss */
.sss details { background:#fff; border-radius:16px; padding:18px 22px; margin-bottom:10px; }
.sss summary { cursor:pointer; font:600 18px var(--baslik); list-style:none; letter-spacing:-0.01em; }
.sss summary::-webkit-details-marker { display:none; }
.sss summary::after { content:"+"; float:right; color:var(--jade); font-size:24px; line-height:1; }
[dir=rtl] .sss summary::after { float:left; }
.sss details[open] summary::after { content:"−"; }
.sss details p { margin:12px 0 0; color:var(--soluk); }

.son { background:var(--jade); color:#fff; border-radius:32px; padding:clamp(32px,6vw,64px); display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.son h2 { color:#fff; }
.son .dugme { background:#fff; color:var(--jade); }
footer { padding:40px 0 60px; font-size:15px; }
footer .sar { display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
footer a { color:var(--ink); }
footer select { font:inherit; padding:6px 10px; border-radius:8px; border:1.5px solid var(--cizgi); background:#fff; }

/* sektor sayfasi + yasal */
.ic { max-width:780px; padding-top:30px; padding-bottom:70px; }
.ic h1 { font-size:clamp(34px,5vw,56px); line-height:1.04; font-weight:600; letter-spacing:-0.04em; margin-bottom:18px; }
.ic h2 { font-size:26px; margin:34px 0 12px; max-width:none; }
.ic ul { padding-left:20px; }
.ic li { margin:6px 0; }
.kirinti { font-size:14px; margin:6px 0 18px; }

.ekran-okuyucu { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* "tumunu gor": en sik 10 sektor gorunur, kalani tek dokunusla (baglantilar arama motorlari icin sayfada kalir) */
.sektorler details.hepsi { display:contents; }
.sektorler details.hepsi > summary { list-style:none; cursor:pointer; padding:10px 16px; border-radius:999px; font-weight:600; font-size:15px;
  color:var(--jade); box-shadow:inset 0 0 0 1.5px var(--jade); }
.sektorler details.hepsi > summary::-webkit-details-marker { display:none; }
.sektorler details.hepsi[open] > summary { display:none; }

/* telefonda yapiskan baslatma tusu */
.yapiskan { display:none; }
@media (max-width:860px) {
  .yapiskan { display:block; position:fixed; left:12px; right:12px; bottom:12px; z-index:10; transform:translateY(140%);
    transition:transform .25s ease; }
  .yapiskan.gorunur { transform:none; }
  .yapiskan .dugme { display:block; text-align:center; padding:17px; box-shadow:0 8px 24px rgba(27,59,46,.25); }
  footer { padding-bottom:96px; }
}