/* ---------- VİZYON: HERO (turuncu tema ile uyumlu) ---------- */
.vision-hero{
  position:relative; overflow:clip; padding:92px 6% 64px; color:#0d0f18; background:#fff; border-bottom:1px solid #eef0f4;
  background:
    radial-gradient(1200px 520px at 15% -10%, #fff3e6 0%, transparent 60%),
    radial-gradient(900px 420px at 90% 0%, #fff7ec 0%, transparent 55%),
    #ffffff;
}
.vision-hero__bg{position:absolute; inset:-15% -10% auto -10%; height:200px; background:conic-gradient(from 180deg,#ffe9d6,#fff,#fff1e3,#ffe9d6); filter:blur(26px); opacity:.85; z-index:-1;}
.vision-hero__wrap{max-width:1200px; margin:0 auto;}
.vision-hero__eyebrow{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#a35a18; background:#fff1e6; border:1px solid #ffe1c7; padding:8px 12px; border-radius:999px;}
.vision-hero__title{margin:18px 0 12px; font-size:clamp(28px,4.2vw,48px); line-height:1.15; font-weight:800; letter-spacing:-.02em;}
.vision-hero__title span{
  background:linear-gradient(90deg,#ff6a00,#ff9100 50%,#ffb300 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.vision-hero__desc{max-width:900px; color:#455065; font-size:clamp(15px,1.6vw,18px); line-height:1.7;}

/* ---------- PİLLARS / KARTLAR ---------- */
.vision-pillars{max-width:1450px; margin:54px auto 26px; padding:0 6%; display:grid; grid-template-columns:repeat(12,1fr); gap:18px;}
.vision-card{grid-column:span 3; background:#fff; border:1px solid #fde0c2; border-radius:18px; padding:24px; box-shadow:0 8px 24px rgba(255,106,0,.08); transition:transform .25s, box-shadow .25s, border-color .25s;}
.vision-card:hover{transform:translateY(-4px); border-color:#f7c693; box-shadow:0 16px 36px rgba(255,106,0,.12);}
.vision-card__icon{width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:radial-gradient(100% 100% at 70% 0%, #ffe9d6 0%, #fff 60%); color:#ff6a00; margin-bottom:12px;}
.vision-card h3{font-size:19px; margin:4px 0 8px; color:#0d0f18;}
.vision-card p{color:#55627a; line-height:1.65; font-size:15.5px;}

/* ---------- VİZYON YAKLAŞIMI ---------- */
.vision-approach{padding:32px 6% 56px;}
.v-approach{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(12,1fr); gap:22px; align-items:center;}
.v-approach__text{grid-column:span 6;}
.v-approach__text h2{font-size:22px; margin:0 0 10px;}
.v-approach__text p{color:#455065; line-height:1.7;}
.v-approach__text ul{margin:0 0 16px; padding-left:18px;}
.v-approach__text ul li{margin:6px 0; color:#4e5b73;}
.v-approach__img{grid-column:span 6;}
.v-approach__img img{width:100%; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.06);}

/* ---------- İSTATİSTİKLER ---------- */
.vision-stats{max-width:1200px; margin:0 auto 56px; padding:0 6%; display:grid; grid-template-columns:repeat(12,1fr); gap:18px;}
.v-stat{grid-column:span 4; background:linear-gradient(180deg,#ffffff,#fbfcff); border:1px solid #eef1f6; border-radius:16px; padding:22px 20px; text-align:center;}
.v-stat__num{display:block; font-weight:800; font-size:clamp(24px,4vw,36px); letter-spacing:-.02em; color:#0d0f18;}
.v-stat__label{display:block; margin-top:6px; color:#6a768e; font-size:13px; letter-spacing:.06em; text-transform:uppercase;}

/* ---------- CTA ---------- */
.vision-cta{padding:0 6% 96px;}
.vision-cta__box{
  max-width:1200px; margin:0 auto;
  background:linear-gradient(135deg,#ff6a00,#ff9100);
  color:#fff; border-radius:20px; padding:28px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  box-shadow:0 14px 36px rgba(255,106,0,.22);
}
.vision-cta__box h3{font-size:20px; margin:0;}
.vision-cta__box p{margin:6px 0 0; opacity:.95; max-width:720px;}

/* ---------- BUTON ---------- */
.btn{display:inline-block; padding:12px 20px; border-radius:14px; font-weight:700; text-decoration:none; transition:transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s;}
.btn--primary{background:linear-gradient(135deg,#ff6a00,#ff9100); color:#fff; box-shadow:0 6px 18px rgba(255,106,0,.22);}
.btn--primary:hover{transform:translateY(-2px); filter:saturate(1.05) brightness(.98);}
.btn--ghost{background:#ffffff; color:#0d0f18; border:1.5px solid #e6e9ef;}
.btn--ghost:hover{transform:translateY(-2px); border-color:#f1c089;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:992px){
  .vision-card{grid-column:span 6;}
  .v-approach__text, .v-approach__img{grid-column:span 12;}
}
@media (max-width:640px){
  .vision-hero{padding:84px 5% 56px;}
  .vision-card{grid-column:span 12;}
}