/* =========================================================
   ST Solar — base.css  (tasarım token'ları + reset + ortak)
   Tüm bölüm CSS'leri yalnızca buradaki değişkenleri kullanır.
   ========================================================= */
:root{
  --navy-900:#0f2461;
  --navy-800:#152e7c;
  --navy-700:#1b3a9e;
  --royal:#2e5cbe;
  --royal-100:#eaf0fb;
  --orange:#f57e20;
  --orange-dark:#e06d10;
  --green:#27b24a;
  --wa:#25d366;
  --ink:#20242c;
  --muted:#6f7590;
  --muted-2:#9aa0b5;
  --line:#e6e8ef;
  --bg-soft:#f6f7f9;
  --white:#fff;
  --radius:16px;
  --shadow:0 10px 30px rgba(15,36,97,.10);
  --container:1320px;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* Çapa hedefleri sabit header'ın altına gelmesin (header yüks. ~76px / mobil ~64px) */
section[id],footer[id]{scroll-margin-top:84px}
@media (max-width:992px){ section[id],footer[id]{scroll-margin-top:72px} }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
body{
  font-family:var(--font);
  font-size:16px;line-height:1.7;color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button,input{font:inherit;border:none;background:none}
button{cursor:pointer}

.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* Butonlar */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:4px;
  font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  transition:background .25s,transform .2s;
}
.btn-orange{background:var(--orange);color:var(--white)}
.btn-orange:hover{background:var(--orange-dark)}
.btn-navy{background:var(--navy-700);color:var(--white)}
.btn-navy:hover{background:var(--navy-800)}

/* Bölüm başlık kalıpları */
.eyebrow{
  display:block;font-size:14px;font-weight:500;color:var(--muted-2);
  margin-bottom:10px;letter-spacing:.2px;
}
.sec-h2{
  font-size:40px;line-height:1.25;font-weight:700;color:var(--navy-700);
  letter-spacing:-.3px;
}
.sec-sub{
  font-size:16px;color:var(--muted);max-width:820px;margin:16px auto 0;
}
.text-center{text-align:center}

section{position:relative}

@media (max-width:992px){
  .sec-h2{font-size:32px}
}
@media (max-width:576px){
  .sec-h2{font-size:26px}
  .container{padding:0 18px}
}