:root {
  --panel: #0A141E;
  --kart: #0C1826;
  --lac: #082542;
  --gri: #E6E6E6;
  --soluk: color-mix(in srgb, #E6E6E6 78%, #082542);
  --cizgi: color-mix(in srgb, #E6E6E6 18%, #082542);
  --lacivert-gradyan: linear-gradient(90deg, #04152A 0%, #132841 52.35%, #213A55 100%);
  --altin-radyal: radial-gradient(ellipse 38.8% 85.9% at 50% 50%, #EAAE4E 0%, #C99C3F 55.9%, #A07535 100%);
  --kenar: clamp(16px, 4.2vw, 64px);
}

/* ---- üst çubuk ve genel kontroller ---- */
.tb { background: color-mix(in srgb, #04152A 88%, transparent); }
.tb-ad marka-logo { width: 104px; }
.tb-ind summary { font-size: 16px; min-height: 48px; }
.tb-ind ol { background: var(--panel); box-shadow: 0 18px 48px rgba(0, 0, 0, .45); }
.tb-ind a { font-size: 16px; min-height: 44px; }
.tb-ind a:hover { background: color-mix(in srgb, #E6E6E6 10%, #0A141E); }
.tw-btn { font-size: 16px; min-height: 48px; padding: 0 22px; }
.tw-btn.dolu:hover { background: var(--vurgu); border-color: var(--vurgu); color: #0A141E; }
.nd { font-family: "Nordique Pro", sans-serif; font-weight: 700; color: #fff; letter-spacing: -.01em; line-height: 0; }

/* ---- bölüm iskeleti ---- */
.v { position: relative; color: var(--metin); }
.sb { position: absolute; left: var(--kenar); top: 76px; z-index: 6; display: flex; align-items: center; gap: 14px; margin: 0; font: 600 15px/1 var(--f-baslik); letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); text-shadow: 0 1px 12px rgba(4, 21, 42, .7); }
.sb b { font-size: 30px; letter-spacing: -.02em; color: var(--vurgu); font-variant-numeric: tabular-nums; }
.sb::after { content: ""; width: 44px; height: 2px; background: var(--vurgu); order: 3; }
.sb:not(:has(b))::after { display: none; }
.bd-cizgi { display: block; height: 3px; background: var(--vurgu); transform-origin: 0 50%; }
.motion .bd-cizgi:not(.in) { transform: scaleX(0); }
.v img, .v svg { max-width: 100%; }

/* ---- 01 logo: tam ekran logo küçülür, başlık ve açıklama aynı ekrana girer ---- */
.lg-st { min-height: 100svh; display: grid; align-content: center; justify-items: center; gap: clamp(20px, 4vh, 44px); padding: 96px var(--kenar) 56px; }
.lg-isaret { width: min(62vw, 440px); }
.lg-isaret marka-logo { width: 100%; }
.lg-isaret .bd-cizgi { width: 93.2%; margin: clamp(14px, 3svh, 30px) auto 0; }
.lg-metin { display: grid; justify-items: center; gap: clamp(14px, 2.4vh, 24px); width: min(1040px, 100%); text-align: center; }
.lg-metin .sb-no { margin: 0; font: 600 15px/1 var(--f-baslik); letter-spacing: .18em; color: var(--vurgu); }
.lg-h { font: 600 clamp(40px, 6.4vw, 96px)/1 var(--f-baslik); letter-spacing: -.01em; text-transform: uppercase; }
.lg-dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px clamp(20px, 4vw, 56px); text-align: left; width: 100%; padding-top: clamp(14px, 2.4vh, 24px); border-top: 1px solid var(--cizgi); }
.lg-dl dt { font: 600 14px/1.2 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }
.lg-dl dd { margin-top: 8px; font: 400 clamp(16px, 1.5vw, 20px)/1.4 var(--f-metin); }
.motion .lg { --q: clamp(0, calc(var(--p, 0) * 1.9), 1); --t: clamp(0, calc((var(--p, 0) - .3) * 3.4), 1); height: 250svh; }
.motion .lg-st { position: sticky; top: 0; display: block; height: 100svh; min-height: 0; padding: 0; overflow: hidden; }
.motion .lg-isaret { position: absolute; left: 50%; top: 50%; width: min(76vw, 920px, 150svh); transform: translate(-50%, -50%) translateY(calc(var(--q) * -17svh)) scale(calc(1 - var(--q) * .5)); will-change: transform; }
.motion .lg-metin { position: absolute; left: 50%; bottom: 0; width: min(1040px, 100% - 2 * var(--kenar)); padding-bottom: clamp(28px, 7svh, 80px); opacity: var(--t); transform: translate(-50%, calc((1 - var(--t)) * 6svh)); }

/* ---- 02 kanal başlığı ---- */
.bn-st { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(24px, 5vw, 72px); padding: 0 0 0 6.6%; height: clamp(380px, 56svh, 560px); }
.bn-panel { align-self: center; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(20px, 3.4vw, 52px); margin-top: 96px; margin-bottom: 36px; padding: clamp(26px, 3.4vw, 56px) clamp(24px, 3.4vw, 56px); background: linear-gradient(90deg, #0A1F3A 0%, #1B3550 100%); box-shadow: 0 26px 64px rgba(0, 0, 0, .5); }
.bn-logo { width: clamp(110px, 11.5vw, 190px); }
.bn-s { font: 600 clamp(22px, 2.65vw, 40px)/1.12 var(--f-baslik); text-transform: uppercase; letter-spacing: .005em; }
.bn-a { margin-top: clamp(10px, 1.6vw, 22px); font: 400 clamp(15px, 1.4vw, 22px)/1.3 var(--f-metin); text-transform: uppercase; color: var(--gri); }
.bn-foto { position: relative; overflow: hidden; height: 100%; aspect-ratio: 1 / .92; background: #1B1408; box-shadow: 0 0 60px rgba(0, 0, 0, .45); }
.bn-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; display: block; }
.motion .bn-foto img { transform: scale(1.12); transition: transform 3.2s var(--egri-ana) .2s; }
.motion .bn-foto.in img { transform: none; }
.bn-panel .bn-yaz > * { will-change: transform, opacity; }

/* ---- 03 kimlik panosu (artboard ölçüsünde üç parça) ---- */
.kp { display: grid; align-content: center; min-height: 100svh; padding: 104px 0 40px; }
.kp-kap { width: min(100%, calc((100svh - 160px) * 2.15)); margin-inline: auto; }
.kp-izgara { display: grid; grid-template-columns: 376fr 324fr 355fr; column-gap: 5.7%; padding: 0 6.57%; align-items: start; }
.kp-izgara > svg { display: block; width: 100%; height: auto; box-shadow: 0 10px 34px rgba(0, 0, 0, .55); }
.kp-b { margin-top: 1.8%; }
.kp-oynat { margin: 18px 6.6% 0 auto; display: flex; }
.pa .ty tspan { white-space: pre; }

/* ---- 04 sürümler: panonun dört çubuğu tam genişlikte ---- */
.sv { padding-top: 56px; }
.sv-ist { display: grid; grid-template-rows: repeat(4, minmax(0, 1fr)); min-height: calc(100svh - 56px); }
.sv-s { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "ad logo dugme"; align-items: end; padding: 0 var(--kenar); min-height: 25svh; color: var(--gri); }
.sv-s.acik { color: var(--lac); }
.sv-logo { grid-area: logo; align-self: center; width: clamp(180px, 24vw, 340px); }
.sv-ad { grid-area: ad; align-self: end; padding-bottom: clamp(14px, 2.6svh, 28px); font: 600 15px/1.3 var(--f-metin); letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
.sv-s .tw-btn { grid-area: dugme; justify-self: end; align-self: end; margin-bottom: clamp(10px, 2svh, 22px); border-color: currentColor; color: inherit; }
.sv-s .tw-btn:hover { background: currentColor; }
.sv-s .tw-btn:hover span, .sv-s .tw-btn:hover svg { color: var(--lac); }
.sv-s.acik .tw-btn:hover span, .sv-s.acik .tw-btn:hover svg { color: var(--gri); }

/* ---- 05 renk ---- */
.rn-ist { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 100svh; }
.rn-bantlar { display: grid; grid-template-columns: 1.15fr 1fr 1fr; min-height: 64svh; }
.rn-b { position: relative; display: grid; align-content: end; justify-items: start; gap: 8px; padding: clamp(18px, 2.6vw, 40px); border: 0; background: var(--rk); color: var(--rk-t); text-align: left; cursor: pointer; }
.rn-b b { font: 600 clamp(22px, 2.8vw, 42px)/1.05 var(--f-baslik); text-transform: uppercase; }
.rn-b code { font: 600 clamp(20px, 2.2vw, 32px)/1 ui-monospace, Consolas, monospace; letter-spacing: .02em; }
.rn-b span { font: 400 16px/1.3 var(--f-metin); opacity: .85; }
.rn-b em { position: absolute; right: clamp(14px, 2vw, 28px); top: clamp(14px, 2vw, 28px); font: 600 14px/1 var(--f-metin); font-style: normal; letter-spacing: .12em; text-transform: uppercase; opacity: 0; transition: opacity var(--sure-kisa); }
.rn-b:hover em, .rn-b:focus-visible em, .rn-b.kopya em { opacity: .9; }
.rn-b:focus-visible { outline-offset: -6px; outline-color: currentColor; }
.rn-alt { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: clamp(16px, 3vw, 48px); padding: 22px var(--kenar); background: rgba(4, 21, 42, .78); align-items: start; }
.rn-g-bar { height: 34px; border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(230, 230, 230, .18); }
.rn-durak { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font: 400 15px/1.2 var(--f-metin); }
.rn-durak li { display: flex; align-items: center; gap: 7px; }
.rn-durak i { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(230, 230, 230, .35); }
.rn-durak code { font: 500 14px/1 ui-monospace, Consolas, monospace; }
.rn-durak span { color: var(--soluk); }
.rn-kont { display: grid; gap: 4px; font: 400 15px/1.3 var(--f-metin); }
.rn-kont li { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0; border-bottom: 1px solid var(--cizgi); }
.rn-kont b { font-variant-numeric: tabular-nums; color: var(--vurgu); font-weight: 600; }

/* ---- 06 yazı ---- */
.yt-ist { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); min-height: 100svh; }
.yt .sb { color: var(--lac); text-shadow: none; }
.yt .sb b { color: #8A6620; }
.yt .sb::after { background: #8A6620; }
.yt-sol { display: grid; align-content: center; gap: clamp(16px, 3vh, 30px); padding: 128px clamp(24px, 4vw, 72px) 56px; background: var(--gri); color: var(--lac); }
.yt-m { font: 600 clamp(38px, 6.4vw, 96px)/1 "Montserrat", sans-serif; letter-spacing: .005em; }
.yt-n { font: 700 clamp(30px, 4.7vw, 70px)/1.05 "Nordique Pro", sans-serif; letter-spacing: -.01em; }
.yt-abc { font: 700 clamp(22px, 2.6vw, 38px)/1.3 "Nordique Pro", sans-serif; color: color-mix(in srgb, var(--lac) 80%, #E6E6E6); }
.yt-not { font: 400 16px/1.4 var(--f-metin); color: color-mix(in srgb, var(--lac) 82%, #E6E6E6); }
.yt-sag { display: grid; align-content: center; gap: clamp(14px, 2.6vh, 28px); padding: 128px clamp(24px, 4vw, 72px) 56px; }
.yt-liste li { display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr); align-items: baseline; gap: 6px clamp(14px, 2vw, 28px); padding: clamp(8px, 1.4vh, 14px) 0; border-top: 1px solid var(--cizgi); }
.yt-et { display: grid; gap: 2px; font: 400 15px/1.2 var(--f-metin); color: var(--soluk); }
.yt-et b { font: 600 17px/1.2 var(--f-metin); color: var(--gri); }
.yt-et small { font-size: 14px; color: var(--vurgu); }
.yt-o { font-family: "Montserrat", sans-serif; font-size: clamp(20px, 2.4vw, 36px); line-height: 1.15; overflow-wrap: anywhere; }
.yt-giris { display: grid; gap: 8px; font: 600 15px/1 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }
.yt-giris input { min-height: 56px; padding: 0 18px; border: 1.5px solid var(--vurgu); border-radius: 10px; background: rgba(4, 21, 42, .6); color: var(--gri); font: 400 18px/1 var(--f-metin); text-transform: none; letter-spacing: 0; }

/* ---- 07 vizyon ve misyon ---- */
.vz-ist { display: grid; place-content: center; justify-items: center; gap: 24px; min-height: 66svh; padding: 128px var(--kenar) 72px; text-align: center; }
.vz-c { width: min(220px, 40vw); }
.vz-bas { font: 100 clamp(18px, 1.7vw, 24px)/1 "Montserrat", sans-serif; letter-spacing: .32em; color: var(--gri); }
.vz-m { max-width: 34em; font: 300 clamp(20px, 2.3vw, 32px)/1.6 "Montserrat", sans-serif; color: var(--gri); text-wrap: balance; }

/* ---- 08 şekil: kapsamlı içerik anlayışı ---- */
.sm { background: var(--panel); }
.sm-ist { display: grid; align-content: center; gap: clamp(24px, 4.4vh, 48px); min-height: 86svh; padding: 120px 6.6% 56px; }
.sm-bas { text-align: center; font: 600 clamp(24px, 3.6vw, 54px)/1.1 var(--f-baslik); text-transform: uppercase; }
.sm-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 3.3%, 46px); }
.sm-k { display: grid; justify-items: center; align-content: start; gap: 14px; padding: clamp(24px, 3.4vw, 52px) clamp(14px, 1.6vw, 26px); border-radius: 14px; background: var(--kart); text-align: center; }
.sm-i { display: grid; place-items: center; height: clamp(56px, 6vw, 88px); transition: transform .5s var(--egri-ana); }
.sm-i svg { display: block; height: 100%; width: auto; max-width: clamp(64px, 8vw, 112px); }
.sm-k:hover .sm-i { transform: translateY(-6px); }
.sm-ad { font: 700 clamp(18px, 1.9vw, 28px)/1.1 var(--f-baslik); text-transform: uppercase; }
.sm-k p { font: 300 clamp(15px, 1.25vw, 18px)/1.45 var(--f-metin); color: var(--gri); }
.motion .sm-i { transition: transform 1.2s var(--egri-ana) .35s, opacity .9s ease .35s; }
.motion .sm-k:not(.in) .sm-i { opacity: 0; transform: scale(.55); }
.motion .sm-k:not(.in) .sm-analiz { transform: scaleY(.06); }
.motion .sm-k:not(.in) .sm-grafik { transform: scaleY(.15); transform-origin: 50% 100%; }
.motion .sm-k.in:hover .sm-i { transition-duration: .5s; transition-delay: 0s; }
.sm-dil { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px clamp(24px, 5vw, 72px); padding-top: 22px; border-top: 1px solid var(--cizgi); font: 400 16px/1.2 var(--f-metin); color: var(--soluk); }
.sm-dil li { display: flex; align-items: center; gap: 12px; }
.sm-d1 { width: 44px; height: 3px; background: var(--vurgu); }
.sm-d2 { width: 38px; height: 26px; border-radius: 8px; background: var(--kart); box-shadow: inset 0 0 0 1px var(--cizgi); }
.sm-d3 { width: 52px; height: 22px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--vurgu) 55%, transparent) 0 3px, transparent 3px 4.34px); }

/* ---- 09 hareket ---- */
.hr-ist { --zc-ad: clamp(150px, 15vw, 230px); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 4.4vw, 72px); align-items: center; min-height: 78svh; padding: 124px var(--kenar) 64px; }
.hr-et { font: 600 15px/1.3 var(--f-metin); letter-spacing: .12em; text-transform: uppercase; color: var(--vurgu); }
.hr-kareler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.hr-kareler figure { position: relative; }
.hr-kareler img { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 6px 20px rgba(0, 0, 0, .4); }
.hr-kareler figcaption { position: absolute; left: 8px; bottom: 6px; font: 600 14px/1 var(--f-metin); color: var(--gri); text-shadow: 0 1px 6px #000; }
.hr-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.zc-izler { position: relative; margin-top: 18px; }
.zc-cetvel { display: flex; justify-content: space-between; margin-left: var(--zc-ad); font: 600 14px/1 var(--f-metin); color: var(--soluk); }
.zc-izler ul { margin-top: 8px; }
.zc-iz { display: grid; grid-template-columns: var(--zc-ad) minmax(0, 1fr); align-items: center; margin: 10px 0; }
.zc-ad { display: grid; gap: 2px; padding-right: 12px; font-size: 16px; line-height: 1.2; }
.zc-ad small { font-size: 14px; color: var(--soluk); }
.zc-yol { position: relative; height: 20px; border-radius: 4px; background: rgba(230, 230, 230, .1); }
.zc-bar { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: var(--gri); transform-origin: 0 50%; }
.zc-bar.altin { background: var(--vurgu); }
.zc-kafa { position: absolute; top: 22px; bottom: 0; left: var(--zc-ad); width: 2px; background: #fff; opacity: 0; will-change: transform; }
.zc-kafa.acik { opacity: .9; }
.hr-d { margin-top: 10px; font: 400 15px/1.4 var(--f-metin); color: var(--soluk); }

/* ---- 10 tüm videolar ---- */
.vd-st { position: relative; min-height: 100svh; overflow: hidden; background: #070F18; }
.vd-gorsel { position: absolute; inset: 56px 0 0 0; }
.vd .sb { left: auto; right: var(--kenar); }
.vd-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 15, 24, .55) 0%, rgba(7, 15, 24, 0) 18%, rgba(7, 15, 24, 0) 46%, rgba(7, 15, 24, .94) 90%); }
.vd-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.vd-yaz { position: absolute; left: var(--kenar); bottom: clamp(28px, 6svh, 64px); display: grid; gap: 14px; width: min(1080px, 100% - 2 * var(--kenar) - 150px); }
.vd-h { font: 600 clamp(24px, 3.3vw, 52px)/1.1 var(--f-baslik); letter-spacing: -.005em; text-transform: uppercase; }
.vd-h span { display: block; }
.vd-ac summary { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border: 1.5px solid var(--gri); border-radius: 999px; font: 600 15px/1 var(--f-metin); cursor: pointer; list-style: none; }
.vd-ac summary::-webkit-details-marker { display: none; }
.vd-ac[open] summary { background: var(--gri); color: var(--lac); }
.vd-p { max-width: 74ch; margin-top: 14px; padding: 18px 22px; border-radius: 12px; background: rgba(7, 15, 24, .82); font: 300 16px/1.6 var(--f-metin); }
.vd-logo { position: absolute; right: var(--kenar); bottom: clamp(28px, 6svh, 64px); width: clamp(96px, 10vw, 150px); }
.motion .vd { height: 190svh; }
.motion .vd-st { position: sticky; top: 0; height: 100svh; min-height: 0; }
.motion .vd-img { transform: scale(calc(1.02 + var(--p, 0) * .08)); transform-origin: 50% 30%; will-change: transform; }
.motion .vd-h span { opacity: clamp(0, calc(var(--p, 0) * 4.6 - var(--i, 0) * .62 + 1), 1); transform: translateY(calc((1 - clamp(0, calc(var(--p, 0) * 4.6 - var(--i, 0) * .62 + 1), 1)) * 18px)); }
.motion .vd-h span:nth-child(2) { --i: 1; } .motion .vd-h span:nth-child(3) { --i: 2; } .motion .vd-h span:nth-child(4) { --i: 3; }

/* ---- 11 örnek kapaklar ---- */
.kv { background: var(--panel); }
.kv-ist { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4.4vw, 80px); align-items: center; min-height: 84svh; padding: 124px 6.6% 56px; }
.kv-afisler { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1.6vw, 24px); align-items: start; }
.pa { display: block; width: 100%; height: auto; box-shadow: 0 14px 40px rgba(0, 0, 0, .55); }
.pa-e { background: #000; }
.kv-k img { display: block; width: 100%; height: auto; border-radius: clamp(14px, 2vw, 28px); box-shadow: 0 18px 50px rgba(0, 0, 0, .55); }
.kv-b { margin-top: 20px; font: 600 clamp(17px, 1.8vw, 26px)/1.25 var(--f-baslik); text-transform: uppercase; text-align: center; text-wrap: balance; }
.kv-a { max-width: 58ch; margin: 10px auto 0; font: 300 clamp(15px, 1.25vw, 18px)/1.55 var(--f-metin); text-align: center; color: var(--gri); }

/* ---- 12 çağrı ve sayılar ---- */
.cg-ist { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 6vw, 100px); align-items: center; min-height: 78svh; padding: 124px 6.6% 64px; }
.cg-h { font: 600 clamp(26px, 3.1vw, 46px)/1.1 var(--f-baslik); }
.cg-a { margin-top: 14px; font: 100 clamp(22px, 2.6vw, 40px)/1.25 "Montserrat", sans-serif; }
.cg-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 20px clamp(20px, 3vw, 40px); margin-top: clamp(24px, 4vh, 40px); }
.cg-dugme { display: inline-flex; align-items: center; min-height: 64px; padding: 0 clamp(22px, 2.6vw, 40px); border-radius: 8px; background: radial-gradient(ellipse 120% 160% at 92% 0%, #EAAE4E 0%, #C99C3F 52%, #A07535 100%); color: #0A141F; font: 400 clamp(17px, 1.9vw, 28px)/1 "Montserrat", sans-serif; text-transform: uppercase; text-decoration: none; transition: transform var(--sure-kisa) var(--egri-yumusak); }
.cg-dugme:hover, .cg-dugme:focus-visible { transform: translateY(-3px); }
.cg-sosyal { display: flex; gap: 8px; }
.cg-sosyal a { display: grid; place-items: center; min-width: 52px; min-height: 52px; color: var(--vurgu); transition: transform var(--sure-kisa) var(--egri-yumusak); }
.cg-sosyal a:hover { transform: translateY(-3px); }
.cg-sosyal svg { width: 40px; height: 40px; }
.cg-k { font: 300 clamp(20px, 2vw, 30px)/1 "Montserrat", sans-serif; color: var(--vurgu); }
.cg-yt { font: 100 clamp(22px, 2.4vw, 36px)/1.2 "Montserrat", sans-serif; }
.cg-yt b { font-weight: 600; color: var(--vurgu); }
.cg-say { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vh, 32px) 24px; margin-top: clamp(16px, 3vh, 28px); }
.cg-say b { display: block; font: 100 clamp(30px, 3.4vw, 50px)/1 "Montserrat", sans-serif; color: var(--vurgu); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cg-say span { display: block; margin-top: 6px; font: 300 16px/1.3 var(--f-metin); color: var(--gri); }

/* ---- 13 ton ve yapılmaz ---- */
.kr { background: var(--panel); }
.kr-ist { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 6vw, 96px); align-items: center; min-height: 78svh; padding: 124px 6.6% 64px; }
.kr-h { margin-bottom: 16px; font: 600 clamp(20px, 2vw, 28px)/1.1 var(--f-baslik); text-transform: uppercase; }
.kr-ilke li { padding: 9px 0; border-top: 1px solid var(--cizgi); font: 400 clamp(16px, 1.5vw, 20px)/1.4 var(--f-metin); }
.kr-evet, .kr-hayir { margin-top: 18px; padding-left: 16px; font: 400 clamp(16px, 1.5vw, 20px)/1.4 var(--f-metin); }
.kr-evet { border-left: 3px solid var(--vurgu); }
.kr-hayir { border-left: 3px solid #7A8794; color: var(--soluk); text-decoration: line-through; text-decoration-thickness: 1px; }
.kr-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.4vw, 18px); }
.kr-izgara li { overflow: hidden; border-radius: 14px; background: var(--kart); }
.kr-d { display: grid; place-items: center; height: clamp(96px, 15svh, 140px); background: var(--lacivert-gradyan); overflow: hidden; }
.kr-d marka-logo { width: min(62%, 170px); }
.kr-izgara p { padding: 12px 16px; font: 600 15px/1.2 var(--f-metin); letter-spacing: .06em; text-transform: uppercase; }

/* ---- video paketi yeri: başka ajan doldurur ---- */
#video-paketi:empty { display: none; }

/* ---- künye ---- */
.kk { padding: 72px 6.6% 88px; background: rgba(4, 21, 42, .55); }
.kk .sb { position: static; margin-bottom: 26px; }
.kk-dl { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px clamp(16px, 2.4vw, 36px); }
.kk-dl dt { font: 600 13px/1.2 var(--f-metin); letter-spacing: .14em; text-transform: uppercase; color: var(--vurgu); }
.kk-dl dd { margin-top: 8px; font: 500 16px/1.4 var(--f-metin); }
.kk-ac { margin-top: 28px; }
.kk-ac summary { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border: 1.5px solid var(--cizgi); border-radius: 999px; font: 600 15px/1 var(--f-metin); cursor: pointer; list-style: none; }
.kk-ac summary::-webkit-details-marker { display: none; }
.kk-ac[open] summary { border-color: var(--vurgu); }
.kk-ac ul { display: grid; gap: 10px; max-width: 80ch; margin-top: 18px; font: 400 16px/1.5 var(--f-metin); color: var(--gri); }
.kk-ac li { padding-left: 16px; border-left: 2px solid var(--vurgu); }

/* ---- daha dar ekran ---- */
@media (max-width: 1000px) {
  .bn-st { grid-template-columns: 1fr; padding: 0; row-gap: 0; height: auto; }
  .bn-panel { margin: 96px 6.6% 24px; }
  .bn-foto { height: auto; aspect-ratio: 16 / 10; }
  .yt-ist { grid-template-columns: 1fr; }
  .yt-sol { padding-top: 120px; }
  .yt-sag { padding-top: 56px; }
  .hr-ist, .kv-ist, .cg-ist, .kr-ist { grid-template-columns: 1fr; }
  .rn-alt { grid-template-columns: 1fr; }
  .kk-dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .kp-kap { width: 100%; }
  .kp-izgara { grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 var(--kenar); }
  .kp-izgara .kp-c { grid-column: 1 / -1; }
  .kp-b { margin-top: 0; }
  .kp-oynat { margin-right: var(--kenar); }
  .sv-s { grid-template-columns: 1fr; grid-template-areas: "logo" "ad" "dugme"; align-items: center; justify-items: center; gap: 4px; min-height: 230px; padding-block: 20px; text-align: center; }
  .sv-ad, .sv-s .tw-btn { align-self: center; justify-self: center; padding-bottom: 0; margin-bottom: 0; }
  .rn-bantlar { grid-template-columns: 1fr; min-height: 0; }
  .rn-b { min-height: 150px; }
  .rn-b:first-child { min-height: 210px; }
  .sv-s:first-child { padding-top: 76px; }
  .motion .vd { height: auto; }
  .motion .vd-st { position: relative; height: auto; }
  .vd-st { min-height: 0; }
  .vd-gorsel { position: relative; inset: auto; margin-top: 56px; }
  .vd-img { height: auto; }
  .vd-gorsel::after { background: linear-gradient(180deg, rgba(7,15,24,0) 60%, #070F18 100%); }
  .motion .vd-img { transform: none; }
  .vd-yaz { position: relative; left: auto; bottom: auto; width: auto; margin: 6px var(--kenar) 0; }
  .vd-logo { position: relative; right: auto; bottom: auto; margin: 16px var(--kenar) 32px auto; }
  .motion .vd-h span { opacity: 1; transform: none; }
  .lg-dl { grid-template-columns: 1fr; gap: 10px; }
  .motion .lg-isaret { width: min(80vw, 520px); }
  .bn-panel { grid-template-columns: 1fr; }
  .vd-yaz { width: calc(100% - 2 * var(--kenar)); bottom: 88px; }
  .vd-logo { bottom: 24px; }
  .kv-afisler { grid-template-columns: 1fr 1fr; }
  .kr-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kk-dl { grid-template-columns: 1fr 1fr; }
  .yt-liste li { grid-template-columns: 1fr; }
  .cg-say { grid-template-columns: 1fr 1fr; }
}