:root{
  --kagit:#FBFAF8; --yuzey:#FFFFFF; --cukur:#F3F1EC;
  --murekkep:#16181C; --soluk:#63625E; --cizgi:#E4E0D9;
  --sari:#F5B301; --sari-koyu:#D99A00; --sari-uzeri:#16181C;
  --koyu:#16181C; --koyu-uzeri:#FBFAF8; --koyu-soluk:#B9B7B1;
  --logo-zemin:#F2F0EB;
  --bas:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --govde:"Barlow","Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --kagit:#14161A; --yuzey:#1B1E23; --cukur:#20242A;
  --murekkep:#EDECE8; --soluk:#9C9A94; --cizgi:#2B3038;
  --sari:#FFC42E; --sari-koyu:#E0A800; --sari-uzeri:#14161A;
}}
:root[data-theme="dark"]{
  --kagit:#14161A; --yuzey:#1B1E23; --cukur:#20242A;
  --murekkep:#EDECE8; --soluk:#9C9A94; --cizgi:#2B3038;
  --sari:#FFC42E; --sari-koyu:#E0A800; --sari-uzeri:#14161A;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--murekkep);
  font-family:var(--govde);font-size:17px;line-height:1.6;
  padding-bottom:72px;-webkit-font-smoothing:antialiased}
.kap{max-width:720px;margin:0 auto;padding:0 18px}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.atla{position:absolute;left:-9999px}
.atla:focus{left:8px;top:8px;background:var(--sari);color:var(--sari-uzeri);
  padding:10px 14px;z-index:60;border-radius:2px}
:focus-visible{outline:3px solid var(--sari);outline-offset:2px}

/* ust */
.ust{background:var(--logo-zemin);color:#16181C}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;padding-bottom:12px}
.logo img{width:150px;height:auto}
.ara-kucuk{font-family:var(--bas);font-weight:700;font-size:19px;letter-spacing:.01em;
  color:#16181C;text-decoration:none;white-space:nowrap;
  border-bottom:3px solid var(--sari);padding-bottom:1px}
.menu{background:#0E1013;border-top:1px solid rgba(255,255,255,.08)}
.menu-ic{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.menu-ic::-webkit-scrollbar{display:none}
.menu a{font-family:var(--bas);font-weight:600;font-size:16px;letter-spacing:.04em;
  text-transform:uppercase;color:#CFCDC7;text-decoration:none;
  padding:11px 12px;white-space:nowrap;border-bottom:3px solid transparent}
.menu a:hover{color:#fff}
.menu a.simdi{color:var(--sari);border-bottom-color:var(--sari)}

/* dama seridi - taksi damasi, sadece iki yerde */
.dama{height:9px;background:
  repeating-linear-gradient(90deg,var(--koyu) 0 9px,var(--sari) 9px 18px)}

/* hero */
.hero{background:var(--yuzey);border-bottom:1px solid var(--cizgi);
  padding:34px 0 30px;text-align:center}
.hero h1{font-family:var(--bas);font-weight:700;font-size:clamp(34px,9vw,50px);
  line-height:1.04;margin:0 0 10px;letter-spacing:-.01em;text-wrap:balance}
.hero .alt-baslik{color:var(--soluk);font-size:18px;margin:0 auto 22px;max-width:34ch}
.rozet{display:inline-flex;gap:7px;align-items:center;background:var(--cukur);
  border:1px solid var(--cizgi);border-radius:999px;padding:5px 13px;
  font-size:13.5px;font-weight:600;color:var(--soluk);margin-bottom:16px}
.nokta{width:7px;height:7px;border-radius:50%;background:#1E9E5A;flex:none}

.dugme{display:inline-block;background:var(--sari);color:var(--sari-uzeri);
  font-family:var(--bas);font-weight:700;font-size:28px;letter-spacing:.01em;
  text-decoration:none;padding:15px 30px;border-radius:3px;
  border-bottom:4px solid var(--sari-koyu)}
.dugme:active{transform:translateY(2px);border-bottom-width:2px}

/* bolumler */
section{padding:30px 0}
h2{font-family:var(--bas);font-weight:700;font-size:27px;letter-spacing:.01em;
  margin:0 0 12px;text-wrap:balance}
h3{font-family:var(--bas);font-weight:600;font-size:21px;margin:22px 0 6px}
p{margin:0 0 14px;max-width:64ch}
.giris{font-size:18.5px;color:var(--soluk)}
.soluk{color:var(--soluk)}
.kucuk{font-size:14px}
.etiket{font-family:var(--bas);font-weight:600;font-size:13.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--soluk);margin:0 0 6px}
.sayfa-bas{background:var(--yuzey);border-bottom:1px solid var(--cizgi);padding:26px 0 22px}
.sayfa-bas h1{font-family:var(--bas);font-weight:700;font-size:clamp(28px,7vw,40px);
  line-height:1.08;margin:0 0 8px;text-wrap:balance}

/* hizmet listesi - kart degil, cizgili liste */
.hizmetler{list-style:none;padding:0;margin:0;border-top:1px solid var(--cizgi)}
.hizmetler li{border-bottom:1px solid var(--cizgi);padding:15px 0}
.hizmetler a{text-decoration:none;display:block}
.hizmetler b{font-family:var(--bas);font-weight:600;font-size:21px;display:block}
.hizmetler span{color:var(--soluk);font-size:15.5px}

/* sss */
.sss{border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{font-family:var(--bas);font-weight:600;font-size:20px;
  padding:15px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";color:var(--sari);font-weight:700;flex:none}
.sss details[open] summary::after{content:"−"}
.sss .cevap{padding-bottom:14px}

/* bilgi satirlari */
.bilgi{list-style:none;padding:0;margin:0;border-top:1px solid var(--cizgi)}
.bilgi li{display:flex;gap:14px;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid var(--cizgi);padding:13px 0}
.bilgi .k{font-family:var(--bas);font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;font-size:13.5px;color:var(--soluk);flex:none}
.bilgi .d{text-align:right}

/* cagri bolumu */
.cagri{background:var(--koyu);color:var(--koyu-uzeri);text-align:center;padding:34px 18px}
.cagri h2{margin-bottom:6px}
.cagri p{color:var(--koyu-soluk);margin:0 auto 16px;max-width:46ch}
.cagri .dugme{margin-bottom:12px}
.cagri .soluk{color:#8C8A85}
.cagri h2{color:var(--koyu-uzeri)}

/* blog */
.yazilar{list-style:none;padding:0;margin:0;border-top:1px solid var(--cizgi)}
.yazilar li{border-bottom:1px solid var(--cizgi);padding:17px 0}
.yazilar a{text-decoration:none}
.yazilar b{font-family:var(--bas);font-weight:600;font-size:22px;display:block;margin-bottom:4px}
.yazilar p{color:var(--soluk);font-size:15.5px;margin:0}

/* alt */
.alt{background:var(--cukur);border-top:1px solid var(--cizgi);padding:26px 0 12px}
.alt-ic{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.alt-blok strong{font-family:var(--bas);font-weight:600;font-size:17px;letter-spacing:.05em;
  text-transform:uppercase;display:block;margin-bottom:6px}
.alt-blok p{font-size:15px;margin:0}
.telif{border-top:1px solid var(--cizgi);margin-top:20px;padding-top:12px;
  padding-bottom:4px;font-size:13.5px;color:var(--soluk);
  display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.telif a{color:var(--murekkep);font-weight:600;text-decoration:none;
  border-bottom:2px solid var(--sari)}
.telif a:hover{color:var(--sari-koyu)}

/* sabit arama cubugu */
.cubuk{position:fixed;left:0;right:0;bottom:0;z-index:50;
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:var(--sari);color:var(--sari-uzeri);text-decoration:none;
  padding:13px 16px;box-shadow:0 -2px 14px rgba(0,0,0,.18)}
.cubuk-et{font-weight:600;font-size:15px}
.cubuk-no{font-family:var(--bas);font-weight:700;font-size:23px;letter-spacing:.01em}
@media (min-width:760px){ .cubuk-et{font-size:16px} }
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}