/* =========================================================
   BASE.CSS — Reset, tipografi ve genel kurallar
   ========================================================= */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--navy-900);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-0.01em;color:var(--navy-900);}

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

.eyebrow{
  font-size:13px;font-weight:600;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--teal-500);
}

.section-head{max-width:560px;margin-bottom:44px;}
.section-head h2{font-size:32px;font-weight:700;margin-top:10px;}
.section-head p{color:var(--gray-500);font-size:15.5px;margin-top:12px;}

@media (max-width:680px){
  .section-head h2{font-size:26px;}
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important;}
}

/* Klavye odak görünürlüğü (erişilebilirlik) */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--teal-500);
  outline-offset:3px;
  border-radius:4px;
}