/* ==========================================================================
   KarotCity — Kurumsal tasarım sistemi
   Keskin köşeler (radius 0), sıkı tipografi ölçeği, hairline çizgiler.
   Tek dosya, harici font yok, JS bağımsız görünüm.
   ========================================================================== */

/* --------------------------------------------------------------- 1. Token */
:root{
  /* Marka renkleri layout tarafından ezilir (--primary / --accent) */
  --primary:#0f172a;
  --accent:#f59e0b;

  /* Nötr ölçek */
  --ink-900:#0b1421;
  --ink-800:#16202e;
  --ink-700:#24303f;
  --ink-600:#3d4a5a;
  --ink-500:#5a6776;
  --ink-400:#7c8896;
  --ink-300:#9aa5b1;

  --bg:#ffffff;
  --bg-soft:#f7f8f9;
  --bg-tint:#eef1f4;
  --bg-dark:var(--ink-900);

  --line:#e3e7eb;
  --line-mid:#d2d8de;
  --line-dark:#26313f;

  --wa:#1ea855;
  --ok-bg:#eef7f1; --ok-fg:#17603a;
  --err-bg:#fdf0f0; --err-fg:#8f2020;

  /* Ölçek */
  --max:1200px;
  --gutter:24px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px;

  --fs-xs:0.75rem;
  --fs-sm:0.8125rem;
  --fs-md:0.875rem;
  --fs-base:0.9375rem;
  --fs-lg:1rem;

  --sec-y:clamp(40px,5vw,64px);
  --shadow:0 1px 2px rgba(11,20,33,.05);
  --shadow-lift:0 4px 16px rgba(11,20,33,.08);
  --ring:0 0 0 2px #fff,0 0 0 4px var(--accent);
}

/* --------------------------------------------------------------- 2. Reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:var(--fs-base);
  line-height:1.65;
  color:var(--ink-700);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--ink-900);text-decoration:none}
a:hover{color:var(--primary)}
p{margin:0 0 var(--sp-4)}
ul,ol{margin:0 0 var(--sp-4);padding-left:1.25em}
li{margin:0 0 var(--sp-2)}
table{border-collapse:collapse;width:100%}
button,input,select,textarea{font:inherit;color:inherit}
hr{border:0;border-top:1px solid var(--line);margin:var(--sp-6) 0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent);color:#12100a}

/* ---------------------------------------------------------- 3. Tipografi */
h1,h2,h3,h4{
  margin:0 0 var(--sp-3);
  color:var(--ink-900);
  font-weight:700;
  letter-spacing:-.018em;
  line-height:1.22;
  text-wrap:balance;
}
h1{font-size:clamp(1.5rem,1.12rem + 1.5vw,2.125rem);letter-spacing:-.025em}
h2{font-size:clamp(1.1875rem,1.05rem + .6vw,1.5rem)}
h3{font-size:1.0625rem;line-height:1.3}
h4{font-size:var(--fs-base)}

.kicker{
  display:block;
  font-size:var(--fs-xs);
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ink-400);
  margin:0 0 var(--sp-2);
}
.kicker--accent{color:#8a6206}
.lead{
  font-size:var(--fs-lg);
  line-height:1.6;
  color:var(--ink-600);
  max-width:64ch;
  margin:0 0 var(--sp-4);
}
.muted{color:var(--ink-500)}
.small{font-size:var(--fs-sm);line-height:1.55}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;background:#fff;border:1px solid var(--line-mid);padding:10px 16px;font-weight:600;z-index:200}
.skip:focus{left:12px;top:12px}
.hp{position:absolute;left:-9999px}

/* ------------------------------------------------------------- 4. Yerleşim */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.wrap.narrow,.narrow{max-width:860px}
.sec{padding:var(--sec-y) 0}
.sec--tight{padding:calc(var(--sec-y) * .62) 0}
.sec.alt{background:var(--bg-soft);border-block:1px solid var(--line)}
.sec.dark{background:var(--bg-dark);color:#c8d1db}
.sec.dark h2,.sec.dark h3{color:#fff}
.mt{margin-top:var(--sp-6)}
.mt-sm{margin-top:var(--sp-4)}

.sec-head{max-width:70ch;margin:0 0 var(--sp-5)}
.sec-head h2{margin-bottom:var(--sp-2)}
.sec-head p{margin:0;color:var(--ink-500);font-size:var(--fs-md)}
.sec-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-5);max-width:none}
.sec-head--split .link-all{white-space:nowrap;font-size:var(--fs-md);font-weight:600;color:var(--ink-600);border-bottom:1px solid var(--line-mid);padding-bottom:2px}
.sec-head--split .link-all:hover{color:var(--ink-900);border-color:var(--accent)}
@media(max-width:640px){.sec-head--split{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}}

/* --------------------------------------------------------------- 5. Header */
.topbar{background:var(--ink-900);color:#9fadbd;font-size:var(--fs-xs);letter-spacing:.01em}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:34px}
.topbar a{color:#d7dee6}
.topbar a:hover{color:#fff}
.topbar-list{display:flex;align-items:center;gap:var(--sp-5);list-style:none;margin:0;padding:0}
.topbar-list li{margin:0;display:flex;align-items:center;gap:6px}
.topbar-dot{width:5px;height:5px;background:var(--accent);flex:none}
@media(max-width:900px){.topbar{display:none}}

.hdr{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:var(--sp-5);min-height:62px}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;color:var(--ink-900)}
.logo svg{flex:none}
.logo b{font-weight:800}
.logo span{color:var(--ink-400);font-weight:600}

.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{
  display:block;padding:8px 12px;
  font-size:var(--fs-md);font-weight:600;color:var(--ink-600);
  border-bottom:2px solid transparent;
}
.nav a:hover{color:var(--ink-900);border-bottom-color:var(--line-mid)}
.nav a[aria-current="page"]{color:var(--ink-900);border-bottom-color:var(--accent)}
.nav a.btn{display:none}          /* menü içi telefon butonu yalnızca mobil çekmecede */
.hdr-cta{margin-left:var(--sp-4);white-space:nowrap}
.nav-btn{
  display:none;margin-left:auto;align-items:center;gap:8px;
  background:none;border:1px solid var(--line-mid);padding:9px 12px;
  font-size:var(--fs-md);font-weight:600;cursor:pointer;color:var(--ink-800);
}
.nav-btn:hover{border-color:var(--ink-400)}
.nav-btn svg{flex:none}

@media(max-width:980px){
  .nav-btn{display:inline-flex}
  .hdr-in .hdr-cta{display:none}
  .hdr-in .nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);
    padding:var(--sp-2) var(--gutter) var(--sp-4);
    max-height:calc(100dvh - 62px);overflow-y:auto;
  }
  .hdr-in .nav.open{display:flex}
  .nav a{padding:13px 0;border-bottom:1px solid var(--line);border-left:2px solid transparent}
  .nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--line);padding-left:10px;border-left-color:var(--accent)}
  .nav a.btn{
    display:flex;margin-top:var(--sp-4);padding:0 18px;height:46px;
    border:0;border-left:0;justify-content:center;
  }
  .nav a.btn:hover{padding-left:18px}
}

/* --------------------------------------------------------------- 6. Buton */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 18px;height:42px;
  border:1px solid transparent;border-radius:0;
  font-size:var(--fs-md);font-weight:650;letter-spacing:.005em;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.btn svg{flex:none}
.btn-lg{height:48px;padding:0 22px;font-size:var(--fs-base)}
.btn-sm{height:36px;padding:0 14px;font-size:var(--fs-sm)}
.btn-block{display:flex;width:100%}

.btn-primary{background:var(--ink-900);color:#fff}
.btn-primary:hover{background:var(--ink-700);color:#fff}
.btn-accent{background:var(--accent);color:#14100a}
.btn-accent:hover{background:#e0900a;color:#14100a}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#189449;color:#fff}
.btn-outline{background:transparent;border-color:var(--line-mid);color:var(--ink-800)}
.btn-outline:hover{border-color:var(--ink-700);background:var(--bg-soft);color:var(--ink-900)}
.btn-ghost-light{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost-light:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}

.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:var(--sp-5) 0 0}
@media(max-width:480px){.btn-row .btn{flex:1 1 100%}}

.trust{
  list-style:none;padding:0;
  margin:var(--sp-5) 0 0;
  display:flex;flex-wrap:wrap;gap:8px 20px;
  font-size:var(--fs-sm);color:var(--ink-500);
}
.trust li{margin:0;display:flex;align-items:center;gap:7px}
.trust li::before{
  content:"";width:6px;height:6px;background:var(--accent);flex:none;
}
.sec.dark .trust,.cta .trust{color:#9fadbd}

/* ---------------------------------------------------------------- 7. Hero */
.hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:var(--sec-y) 0}
.hero--sm{padding:calc(var(--sec-y) * .68) 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--sp-7);align-items:start}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:var(--sp-6)}}
.hero h1{margin-bottom:var(--sp-4)}
.hero .lead{margin-bottom:0}

/* Kısa cevap kutusu (AEO) */
.answer{
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);
  padding:var(--sp-5);font-size:var(--fs-md);line-height:1.65;color:var(--ink-600);
}
.answer strong{color:var(--ink-900);font-weight:700}
.answer p:last-child{margin-bottom:0}
.hero .answer{box-shadow:var(--shadow)}

/* KPI şeridi */
.stats{border-bottom:1px solid var(--line);background:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid > div{padding:var(--sp-5) var(--sp-4);border-left:1px solid var(--line)}
.stats-grid > div:first-child{border-left:0;padding-left:0}
.stat-n{display:block;font-size:1.35rem;font-weight:750;letter-spacing:-.02em;color:var(--ink-900);line-height:1.15}
.stat-l{display:block;font-size:var(--fs-sm);color:var(--ink-500);margin-top:2px}
@media(max-width:760px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid > div{padding:var(--sp-4);border-top:1px solid var(--line)}
  .stats-grid > div:nth-child(odd){border-left:0;padding-left:0}
  .stats-grid > div:nth-child(-n+2){border-top:0}
}

/* ------------------------------------------------------- 8. Kart & ızgara */
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}

/* Izgara hücresi (kenarlıksız, ızgara boşluğu çizgi görevi görür) */
.cell{background:#fff;padding:var(--sp-5);display:flex;flex-direction:column;min-width:0}
a.cell{transition:background-color .15s ease}
a.cell:hover{background:var(--bg-soft)}
a.cell:hover h3{color:var(--primary)}
.cell h3{margin-bottom:6px}
.cell p{color:var(--ink-500);font-size:var(--fs-md);margin-bottom:var(--sp-4)}
.cell .more{margin-top:auto}
.cell-num{
  font-size:var(--fs-xs);font-weight:700;color:var(--ink-300);
  letter-spacing:.08em;margin-bottom:var(--sp-3);display:block;
}
.more{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-sm);font-weight:650;color:var(--ink-900);
}
.more::after{content:"→";color:var(--accent);transition:transform .15s ease}
a.cell:hover .more::after{transform:translateX(3px)}

/* Bağımsız kart (ızgara dışı) */
.card{background:#fff;border:1px solid var(--line);padding:var(--sp-5)}
.card + .card{margin-top:var(--sp-4)}
.card h2,.card h3{font-size:var(--fs-lg);margin-bottom:var(--sp-3)}
.card > :last-child{margin-bottom:0}
.card-foot{
  margin:var(--sp-4) calc(var(--sp-5) * -1) calc(var(--sp-5) * -1);
  padding:var(--sp-3) var(--sp-5);
  border-top:1px solid var(--line);background:var(--bg-soft);
}
.card-head{
  margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-4);
  padding:var(--sp-3) var(--sp-5);
  background:var(--bg-soft);border-bottom:1px solid var(--line);
  font-size:var(--fs-sm);font-weight:700;color:var(--ink-800);
  letter-spacing:.02em;text-transform:uppercase;
}

/* Bölge bağlantı ızgarası — kalabalık listeler için düzenli görünüm */
.link-grid{
  display:grid;gap:1px;background:var(--line);border:1px solid var(--line);
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
}
.link-grid a{
  background:#fff;padding:11px 14px;
  font-size:var(--fs-md);font-weight:550;color:var(--ink-700);
  display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;
  transition:background-color .12s ease,color .12s ease;
}
.link-grid a > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-grid a::after{content:"›";color:var(--ink-300);font-size:1rem;line-height:1;flex:none}
.link-grid a:hover{background:var(--ink-900);color:#fff}
.link-grid a:hover::after{color:var(--accent)}
@media(max-width:520px){.link-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}}

/* Etiket bağlantıları (küçük setler) */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{
  display:inline-block;padding:7px 13px;
  border:1px solid var(--line-mid);background:#fff;
  font-size:var(--fs-sm);font-weight:600;color:var(--ink-700);
}
.chips a:hover{border-color:var(--ink-900);background:var(--ink-900);color:#fff}

/* Açılır il bloğu */
.prov{border:1px solid var(--line);margin-bottom:-1px;background:#fff}
.prov > summary{
  padding:13px var(--sp-4);cursor:pointer;list-style:none;
  font-size:var(--fs-md);font-weight:650;color:var(--ink-800);
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
}
.prov > summary::-webkit-details-marker{display:none}
.prov > summary::after{content:"+";color:var(--accent);font-size:1.15rem;font-weight:700;line-height:1}
.prov[open] > summary{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.prov[open] > summary::after{content:"–"}
.prov summary:hover{background:var(--bg-soft)}
.prov .pad{padding:var(--sp-4)}
.prov .count{font-size:var(--fs-xs);color:var(--ink-400);font-weight:600;margin-left:auto;margin-right:var(--sp-3)}

/* ------------------------------------------------------------- 9. İçerik */
.prose{max-width:72ch}
.prose h2{margin-top:var(--sp-6)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:var(--sp-5)}
.prose > :last-child{margin-bottom:0}

.ticks{list-style:none;padding:0;margin:0 0 var(--sp-5)}
.ticks li{position:relative;padding:9px 0 9px 28px;margin:0;border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.ticks li:last-child{border-bottom:0}
.ticks li::before{
  content:"";position:absolute;left:0;top:16px;
  width:11px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(-45deg);
}
.ticks strong{color:var(--ink-900)}

.steps{list-style:none;counter-reset:s;padding:0;margin:0 0 var(--sp-5)}
.steps li{
  counter-increment:s;position:relative;
  padding:0 0 var(--sp-5) 42px;margin:0;font-size:var(--fs-md);
  border-left:1px solid var(--line);margin-left:13px;
}
.steps li:last-child{border-left-color:transparent;padding-bottom:0}
.steps li::before{
  content:counter(s,decimal-leading-zero);
  position:absolute;left:-14px;top:-2px;
  width:27px;height:27px;background:var(--ink-900);color:#fff;
  font-size:var(--fs-xs);font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.steps strong{color:var(--ink-900)}

/* Tablolar */
.tbl{font-size:var(--fs-md);border:1px solid var(--line);margin:0 0 var(--sp-5)}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.tbl thead th{background:var(--bg-soft);font-size:var(--fs-sm);font-weight:700;color:var(--ink-800);letter-spacing:.02em}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:var(--bg-soft)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--sp-5)}
.table-scroll .tbl{margin:0;min-width:520px}

/* Teknik özellik listesi */
.specs dl,.specs table{margin:0;font-size:var(--fs-md)}
.specs th,.specs dt{
  text-align:left;font-weight:600;color:var(--ink-500);
  padding:9px 12px 9px 0;width:44%;vertical-align:top;font-size:var(--fs-sm);
}
.specs td,.specs dd{padding:9px 0;margin:0;border-bottom:1px solid var(--line);color:var(--ink-800)}
.specs tr:last-child td,.specs tr:last-child th{border-bottom:0}
.specs tr th{border-bottom:1px solid var(--line)}
.specs tr:last-child th{border-bottom:0}

/* İki sütunlu içerik + kenar çubuğu */
.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--sp-7);align-items:start}
.two-col > *,.hero-grid > *,.cta-grid > *{min-width:0}
@media(max-width:980px){.two-col{grid-template-columns:1fr;gap:var(--sp-6)}}
.two-col aside{position:sticky;top:78px}
@media(max-width:980px){.two-col aside{position:static}}

.links{list-style:none;padding:0;margin:0;font-size:var(--fs-md)}
.links li{margin:0;border-bottom:1px solid var(--line)}
.links li:last-child{border-bottom:0}
.links a{display:block;padding:10px 0;font-weight:550;color:var(--ink-700)}
.links a:hover{color:var(--ink-900);padding-left:6px;transition:padding .12s ease}

/* ------------------------------------------------------------------ 10. SSS */
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{margin:0;font-size:var(--fs-base);font-weight:650}
.faq-q button{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);
  padding:16px 0;background:none;border:0;cursor:pointer;text-align:left;
  font:inherit;font-weight:650;color:var(--ink-900);line-height:1.45;
}
.faq-q button:hover{color:var(--primary)}
.faq-mark{
  flex:none;width:20px;height:20px;position:relative;margin-top:2px;
  border:1px solid var(--line-mid);
}
.faq-mark::before,.faq-mark::after{
  content:"";position:absolute;background:var(--accent);
  left:50%;top:50%;transform:translate(-50%,-50%);
}
.faq-mark::before{width:9px;height:1.5px}
.faq-mark::after{width:1.5px;height:9px;transition:opacity .15s ease}
.faq-item.open .faq-mark::after{opacity:0}
.faq-item.open .faq-mark{border-color:var(--accent)}
.faq-a{display:none;padding:0 40px 18px 0;color:var(--ink-600);font-size:var(--fs-md)}
.faq-item.open .faq-a{display:block}
.faq-a > :last-child{margin-bottom:0}

/* ------------------------------------------------------- 11. CTA + form */
.cta{background:var(--bg-dark);color:#b9c4d0;padding:var(--sec-y) 0}
.cta h2{color:#fff;margin-bottom:var(--sp-3)}
.cta p{color:#9fadbd;font-size:var(--fs-md)}
.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-7);align-items:start}
@media(max-width:980px){.cta-grid{grid-template-columns:1fr;gap:var(--sp-6)}}
.cta-contact{
  margin:var(--sp-5) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--line-dark);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);font-size:var(--fs-sm);
}
.cta-contact dt{color:#7f8d9c;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.cta-contact dd{margin:0;color:#fff;font-weight:600}
.cta-contact a{color:#fff}
.cta-contact a:hover{color:var(--accent)}

.lead-form{background:#fff;border:1px solid var(--line);padding:var(--sp-5)}
.lead-form .form-head{
  margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-5);
  padding:var(--sp-4) var(--sp-5);background:var(--bg-soft);border-bottom:1px solid var(--line);
}
.lead-form .form-head strong{display:block;color:var(--ink-900);font-size:var(--fs-base)}
.lead-form .form-head span{font-size:var(--fs-sm);color:var(--ink-500)}
.field{display:block;margin:0 0 var(--sp-4)}
.field > span{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ink-700);margin-bottom:6px}
.field input,.field textarea,.field select{
  width:100%;display:block;padding:10px 12px;
  border:1px solid var(--line-mid);border-radius:0;background:#fff;
  font-size:var(--fs-md);color:var(--ink-900);
  transition:border-color .12s ease,box-shadow .12s ease;
}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-300)}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:0;border-color:var(--ink-700);box-shadow:0 0 0 3px rgba(15,23,42,.07);
}
.field textarea{resize:vertical;min-height:84px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-600);margin:0 0 var(--sp-4)}
.chk input{width:16px;height:16px;margin:2px 0 0;flex:none;accent-color:var(--ink-900)}
.chk a{text-decoration:underline;text-underline-offset:2px}
.form-note{font-size:var(--fs-xs);color:var(--ink-400);margin:var(--sp-3) 0 0;text-align:center}

.alert{padding:11px 14px;margin:0 0 var(--sp-4);font-size:var(--fs-md);font-weight:600;border-left:3px solid}
.alert.ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-fg)}
.alert.err{background:var(--err-bg);color:var(--err-fg);border-color:var(--err-fg)}

/* Arama */
.search{display:flex;gap:0;max-width:520px;margin:0 0 var(--sp-5);border:1px solid var(--line-mid);background:#fff}
.search input{flex:1;min-width:0;padding:11px 14px;border:0;font-size:var(--fs-md)}
.search input:focus{outline:0}
.search:focus-within{border-color:var(--ink-700);box-shadow:0 0 0 3px rgba(15,23,42,.07)}
.search .btn{height:auto;border:0;padding:0 20px}

/* ------------------------------------------------------- 12. Breadcrumbs */
.crumbs{padding-top:14px;font-size:var(--fs-sm)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0}
.crumbs li{margin:0;color:var(--ink-400)}
.crumbs li + li::before{content:"/";margin:0 8px;color:var(--line-mid)}
.crumbs a{color:var(--ink-500)}
.crumbs a:hover{color:var(--ink-900)}
.crumbs [aria-current]{color:var(--ink-700);font-weight:600}

/* ------------------------------------------------------------ 13. Footer */
.ftr{background:var(--bg-dark);color:#8e9caa;padding:var(--sp-8) 0 0;font-size:var(--fs-md)}
.ftr a{color:#c2ccd6}
.ftr a:hover{color:#fff}
.ftr h3{color:#fff;font-size:var(--fs-sm);font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:var(--sp-4)}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin:0 0 9px;font-size:var(--fs-md);line-height:1.45}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp-7)}
@media(max-width:980px){.ftr-grid{grid-template-columns:1fr 1fr;gap:var(--sp-6)}}
@media(max-width:560px){.ftr-grid{grid-template-columns:1fr;gap:var(--sp-5)}}
.ftr-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:var(--sp-3)}
.ftr-about{max-width:38ch;margin-bottom:var(--sp-4);color:#8e9caa}
.ftr-nap{list-style:none;padding:0;margin:0 0 var(--sp-4)}
.ftr-nap li{display:flex;gap:10px;align-items:flex-start;color:#c2ccd6}
.ftr-nap .lbl{color:#7a8896;min-width:64px;font-size:var(--fs-sm)}
.ftr-bottom{
  margin-top:var(--sp-7);border-top:1px solid var(--line-dark);
  padding:18px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);
  font-size:var(--fs-sm);color:#6f7d8b;
}
.ftr-bottom nav{display:flex;flex-wrap:wrap;gap:var(--sp-4)}

/* ------------------------------------------------ 14. Mobil sabit çubuk */
.sticky{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;
  background:#fff;border-top:1px solid var(--line-mid);
  padding:8px;gap:8px;box-shadow:0 -2px 12px rgba(11,20,33,.09);
}
.sticky .btn{flex:1;height:44px}
@media(max-width:980px){
  .sticky{display:flex}
  body{padding-bottom:60px}
  html{scroll-padding-top:70px}
}

/* --------------------------------------------------------- 15. Yardımcı */
.divider{height:1px;background:var(--line);border:0;margin:var(--sp-6) 0}
.nowrap{white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
@media print{
  .hdr,.topbar,.sticky,.cta,.ftr,.nav-btn{display:none !important}
  body{padding:0;font-size:11pt}
  .faq-a{display:block !important}
}