/* W Dönüşüm taslakları: ortak stil */
:root{
  --yesil:#1D9E75; --koyu-yesil:#0F6E56; --parlak:#5FD3A9; --acik-yesil:#E1F5EE;
  --gri:#888780; --metin2:#55544F; --antrasit:#2C2C2A; --gece:#161615; --gece2:#22221F;
  --acik-gri:#F4F2EC; --cizgi:#E4E2DA;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Nunito Sans',Arial,sans-serif;color:var(--antrasit);background:#fff;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.kap{max-width:1240px;margin:0 auto;padding:0 40px}
.serif{font-family:'Source Serif 4',Georgia,serif;letter-spacing:-.015em}
.etiket{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.not{background:#FFF8E1;color:#6B5B1E;font-size:13px;text-align:center;padding:7px;border-bottom:1px solid #F0E2B5}
.bag{color:var(--koyu-yesil);font-weight:700;font-size:15px;white-space:nowrap}
.dugme{display:inline-flex;gap:10px;align-items:center;background:var(--yesil);color:#fff;font-weight:700;font-size:15px;padding:13px 22px;border-radius:2px}

/* Üst bölüm */
.ust{background:var(--gece);color:#fff}
.ust .kap{display:flex;align-items:center;height:80px;gap:44px}
.ust img{height:48px}
.menu{display:flex;gap:28px;font-size:15px;font-weight:600;flex:1}
.menu a{color:#E8E7E1}
.menu a.aktif{color:#fff;box-shadow:inset 0 -2px 0 var(--yesil);padding-bottom:4px}
.menu .ok:after{content:" ▾";font-size:11px;color:#8E8D86}
.sag{display:flex;gap:18px;align-items:center;font-size:14px;color:#BEBDB6}
.ara{width:36px;height:36px;border:1.5px solid #ffffff40;border-radius:50%;display:grid;place-items:center}

/* Yol göstergesi ve sayfa içi menü */
.yol{font-size:13px;color:#A9A8A1;margin-bottom:22px}
.yol a{color:#D6D5CE}
.yol.acik{color:var(--gri)}
.yol.acik a{color:var(--metin2)}
.sayfa-ici{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--cizgi)}
.sayfa-ici .kap{display:flex;gap:30px;height:58px;align-items:center;font-size:15px;font-weight:600;color:var(--metin2)}
.sayfa-ici a.aktif{color:var(--antrasit);box-shadow:inset 0 -3px 0 var(--yesil);height:58px;display:flex;align-items:center}

section{padding:88px 0 0}
.bas{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:30px}
.bas h2{font-size:40px;line-height:1.12;margin:10px 0 0;font-weight:600}
.bas p{max-width:460px;color:var(--metin2);margin:0}
.bas .etiket{color:var(--yesil)}

/* Vaka kartı */
.vaka-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--cizgi)}
.vaka{background:#fff;padding:32px 30px}
.vaka .rakam{font-family:'Source Serif 4',serif;font-size:60px;line-height:1;color:var(--koyu-yesil);font-weight:600}
.vaka .rakam-alt{font-size:14px;color:var(--metin2);margin:8px 0 20px}
.vaka h3{font-size:19px;line-height:1.35;margin:0 0 12px}
.vaka .ders{font-size:15px;color:var(--metin2)}
.vaka .kaynak{margin-top:16px;font-size:12px;color:var(--gri)}

/* İçgörü kartı */
.ic .gorsel{aspect-ratio:4/3;border-radius:3px;margin-bottom:14px;background:linear-gradient(135deg,#ECEAE3,#DCEFE6)}
.ic .etiket{color:var(--yesil)}
.ic h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:21px;line-height:1.3;margin:6px 0 8px}
.ic small{color:var(--gri);font-size:13px}

/* Video kapağı */
.vkapak{position:relative;aspect-ratio:16/9;border-radius:4px;background:linear-gradient(120deg,#0F6E56,#0B3A30 60%,#161615);overflow:hidden}
.vkapak b{position:absolute;left:18px;top:16px;font-size:12px;letter-spacing:.12em;color:#9FE3C9}
.vkapak i{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#ffffffE6;color:var(--koyu-yesil);display:grid;place-items:center;font-style:normal;padding-left:3px}
.vkapak u{position:absolute;right:12px;bottom:10px;background:#000000AA;color:#fff;font-size:12px;padding:2px 6px;text-decoration:none;border-radius:2px}

/* Alt bölüm */
.alt{background:#0E0E0D;color:#A9A8A1;padding:60px 0 34px;font-size:14px;margin-top:100px}
.alt .izgara{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px}
.alt img{height:42px;margin-bottom:14px}
.alt b{display:block;color:#fff;margin-bottom:12px}
.alt a{display:block;margin-bottom:7px}
.alt .telif{border-top:1px solid #ffffff1F;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:13px}