/* Ana sayfa (taslak: elle/anasayfa-v2.html) */
: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; --beyaz:#fff;
}
*{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.6;-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}

/* Üst bölüm */
.ust{background:var(--gece);color:#fff;position:relative;z-index:2}
.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 .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}

/* Hero */
.hero{background:var(--gece);color:#fff;padding:64px 0 96px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-120px;top:-60px;width:720px;height:720px;background:radial-gradient(circle at 60% 40%,#1D9E7533,transparent 62%)}
.hero .kap{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;position:relative}
.hero h1{font-size:84px;line-height:.98;margin:18px 0 26px;font-weight:600}
.hero h1 em{font-style:normal;color:var(--parlak)}
.hero p{font-size:21px;color:#D6D5CE;max-width:520px;margin:0 0 34px}
.dugme{display:inline-flex;gap:10px;align-items:center;background:var(--yesil);color:#fff;font-weight:700;font-size:15px;padding:14px 24px;border-radius:2px}
.dugme.ince{background:transparent;border:1.5px solid #ffffff59;margin-left:12px}
.vitrin{display:grid;grid-template-rows:auto auto;gap:16px}
.buyuk{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:
  linear-gradient(120deg,#0F6E56 0%,#123F35 45%,#1A1A18 100%)}
.buyuk svg{position:absolute;right:-30px;bottom:-40px;width:70%;opacity:.25}
.oynat{position:absolute;left:28px;top:26px;width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--koyu-yesil);font-size:22px;padding-left:4px}
.buyuk .yazi{position:absolute;left:28px;right:28px;bottom:22px}
.buyuk h3{margin:4px 0 0;font-size:24px;line-height:1.25}
.kucukler{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kucuk{background:var(--gece2);padding:20px 22px;border-top:3px solid var(--yesil)}
.kucuk h4{margin:8px 0 6px;font-size:17px;line-height:1.35}
.kucuk small{color:#9C9B93;font-size:13px}
.kucuk .etiket,.buyuk .etiket{color:var(--parlak)}

section{padding:96px 0 0}
.bas{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:30px}
.bas h2{font-size:44px;line-height:1.1;margin:10px 0 0;font-weight:600}
.bas p{max-width:460px;color:var(--metin2);margin:0}
.bas .etiket{color:var(--yesil)}
.bag{color:var(--koyu-yesil);font-weight:700;font-size:15px;white-space:nowrap}

/* Uzmanlık alanları */
.alanlar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cizgi)}
.alan{padding:30px 30px 34px 0;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:44px 1fr;gap:6px 14px}
.alan .no{font-family:'Source Serif 4',serif;font-size:22px;color:var(--yesil)}
.alan h3{margin:0;font-size:22px;line-height:1.3}
.alan p{grid-column:2;margin:0;color:var(--metin2);font-size:15px}
.alan .git{grid-column:2;margin-top:8px;color:var(--koyu-yesil);font-weight:700;font-size:14px}

/* Vaka analizleri */
.vakalar{background:var(--acik-gri);padding:88px 0;margin-top:96px}
.vaka-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--cizgi)}
.vaka{background:#fff;padding:34px 32px}
.vaka .rakam{font-family:'Source Serif 4',serif;font-size:64px;line-height:1;color:var(--koyu-yesil);font-weight:600}
.vaka .rakam-alt{font-size:14px;color:var(--metin2);margin:8px 0 22px}
.vaka h3{font-size:20px;line-height:1.35;margin:0 0 14px}
.vaka .ders{font-size:15px;color:var(--metin2)}
.vaka .kaynak{margin-top:18px;font-size:12px;color:var(--gri);display:flex;justify-content:space-between}

/* Video bandı */
.video{background:linear-gradient(110deg,#0D4F3F 0%,#0F6E56 45%,#1D9E75 100%);color:#fff;padding:88px 0}
.video .bas h2{color:#fff}
.video .bas p{color:#DDF3EA}
.video .bas .etiket{color:#BFEBDA}
.video .bag{color:#fff}
.videolar{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
.vid .kapak{position:relative;aspect-ratio:16/9;border-radius:4px;background:#0B3A30;overflow:hidden}
.vid .kapak b{position:absolute;left:18px;top:16px;font-size:12px;letter-spacing:.12em;color:#9FE3C9}
.vid .kapak i{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#ffffffE6;color:var(--koyu-yesil);display:grid;place-items:center;font-style:normal;padding-left:3px}
.vid .kapak u{position:absolute;right:12px;bottom:10px;background:#000000AA;font-size:12px;padding:2px 6px;text-decoration:none;border-radius:2px}
.vid h3{font-size:19px;line-height:1.35;margin:14px 0 4px}
.vid:first-child h3{font-size:24px}
.vid small{color:#CFEFE2;font-size:13px}

/* İçgörüler */
.filtre{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}
.filtre span{border:1px solid var(--cizgi);padding:7px 14px;font-size:14px;font-weight:600;border-radius:999px;color:var(--metin2)}
.filtre span.aktif{background:var(--antrasit);border-color:var(--antrasit);color:#fff}
.icgoru{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.ic .gorsel{aspect-ratio:4/3;border-radius:3px;margin-bottom:14px;background:linear-gradient(135deg,#ECEAE3,#DCEFE6)}
.ic:nth-child(2) .gorsel{background:linear-gradient(135deg,#2C2C2A,#0F6E56)}
.ic:nth-child(3) .gorsel{background:linear-gradient(135deg,#E1F5EE,#B9E6D3)}
.ic:nth-child(4) .gorsel{background:linear-gradient(135deg,#F1EFE8,#D9D7CF)}
.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}

/* Sektörler */
.sektorler{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.sektor{border:1px solid var(--cizgi);padding:22px 18px;border-radius:3px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}
.sektor b{font-size:17px;line-height:1.3}
.sektor small{color:var(--koyu-yesil);font-weight:700;font-size:13px}

/* Araçlar */
.araclar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.arac{background:var(--gece);color:#fff;padding:32px;border-radius:4px;display:flex;flex-direction:column;min-height:260px}
.arac .etiket{color:var(--parlak)}
.arac h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:26px;line-height:1.2;margin:10px 0 10px}
.arac p{color:#C8C7C0;font-size:15px;margin:0 0 auto}
.arac span{margin-top:20px;font-weight:700;color:#fff;font-size:15px}
.arac:nth-child(2){background:var(--koyu-yesil)}
.arac:nth-child(2) .etiket{color:#BFEBDA}
.arac:nth-child(2) p{color:#DDF3EA}

/* Hakkında */
.hakkinda{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--cizgi);padding-top:64px}
.hakkinda h2{font-size:40px;line-height:1.15;margin:12px 0 18px;font-weight:600}
.hakkinda p{color:var(--metin2);font-size:18px;margin:0 0 22px}
.yontem{display:grid;gap:12px}
.yontem div{display:grid;grid-template-columns:64px 1fr;align-items:center;background:var(--acik-gri);padding:18px 22px}
.yontem b{font-family:'Source Serif 4',serif;font-size:28px;color:var(--yesil)}
.yontem span{font-size:16px}
.yontem strong{display:block;font-size:18px}

.takip{background:var(--gece);color:#fff;margin-top:96px;padding:56px 0}
.takip .kap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.takip h2{font-size:34px;margin:0;font-weight:600}
.takip p{color:#BEBDB6;margin:6px 0 0}
.kanallar{display:flex;gap:12px}
.kanal{border:1.5px solid #ffffff4D;padding:13px 22px;font-weight:700;font-size:15px}
.kanal.yt{background:#fff;color:var(--gece);border-color:#fff}

/* Alt bölüm */
.alt{background:#0E0E0D;color:#A9A8A1;padding:64px 0 36px;font-size:14px}
.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;font-size:14px}
.alt a{display:block;margin-bottom:7px}
.alt .telif{border-top:1px solid #ffffff1F;margin-top:44px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px}
.ust a.ara{color:inherit}.menu a.aktif{color:#fff}
