:root{--mavi:#12305a;--mavi2:#1d4a82;--acik:#eef3f8;--cizgi:#d5e0ec;--yazi:#1b2a3c;--soluk:#5a6b80;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--yazi);font:400 17px/1.7 "Barlow","Segoe UI",system-ui,sans-serif}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;color:var(--mavi);line-height:1.12;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:700}h2{font-size:clamp(1.8rem,3.4vw,2.4rem)}h3{font-size:1.35rem}
p{margin:0 0 1em;max-width:64ch}a{color:var(--mavi2)}
.kap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--cizgi)}
.ust{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap;padding-block:8px}
.marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mavi);font:700 1.5rem "Barlow Condensed",sans-serif;letter-spacing:.03em}
.marka img{width:46px;height:46px}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav a{display:block;padding:8px 14px;border-radius:6px;text-decoration:none;color:var(--yazi);font-weight:500}
nav a:hover,nav a.aktif{background:var(--acik);color:var(--mavi)}
:focus-visible{outline:2px solid var(--mavi2);outline-offset:2px}
.dugme{display:inline-block;background:var(--mavi);color:#fff;font-weight:600;padding:12px 24px;border-radius:6px;text-decoration:none}
.dugme:hover{background:var(--mavi2)}
.dugme.hafif{background:#fff;color:var(--mavi);border:1.5px solid var(--mavi);margin-left:10px}
.dugme.hafif:hover{background:var(--acik)}
.sekme{background:var(--acik);border-bottom:1px solid var(--cizgi)}
.sekme ul{display:flex;gap:4px;list-style:none;margin:0;padding:10px 0;flex-wrap:wrap}
.sekme a{display:block;padding:9px 18px;border-radius:6px 6px 0 0;text-decoration:none;color:var(--mavi);font-weight:600;border-bottom:3px solid transparent}
.sekme a:hover{background:#fff}.sekme a.aktif{background:#fff;border-bottom-color:var(--mavi)}
.kahraman{padding:72px 0 64px}
.kahraman .kap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.sembol{background:var(--acik);border:1px solid var(--cizgi);border-radius:12px;padding:40px;display:flex;justify-content:center}
.sembol img{width:min(280px,100%);height:auto}
.sembol.foto{padding:0;overflow:hidden;display:block}.sembol.foto img{width:100%;display:block}
.serit{background:var(--mavi);color:#fff}
.serit .kap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:26px}
.serit b{display:block;font:600 1.2rem "Barlow Condensed",sans-serif}.serit span{opacity:.85;font-size:.95rem}
section{padding:72px 0}.gri{background:var(--acik)}
.kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.kart{display:flex;flex-direction:column;border:1px solid var(--cizgi);border-top:4px solid var(--mavi);border-radius:8px;background:#fff;padding:24px;text-decoration:none;color:var(--yazi)}
.kart:hover{border-color:var(--mavi2);box-shadow:0 6px 18px rgba(18,48,90,.1)}
.kart h3{margin-bottom:.4em}.kart p{font-size:.97rem;color:var(--soluk);flex:1}.kart span{color:var(--mavi2);font-weight:600}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.liste{padding-left:1.1em;margin:0 0 1.2em}.liste li{margin-bottom:.45em}.liste li::marker{color:var(--mavi)}
.alt{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.alt div{border-left:4px solid var(--mavi);background:var(--acik);padding:16px 20px;border-radius:0 8px 8px 0}
.alt h3{font-size:1.15rem;margin-bottom:.25em}.alt p{margin:0;font-size:.97rem;color:var(--soluk)}
.medya{border:2px dashed #9db6d1;border-radius:10px;background:var(--acik);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--soluk);padding:24px;margin-bottom:18px}
.medya.video{aspect-ratio:16/9}
.medya img,.medya video{width:100%;height:100%;object-fit:cover;border-radius:8px}
.iletisim p{margin-bottom:.7em}
footer{background:var(--mavi);color:#dbe6f3;padding:36px 0;font-size:.95rem}
footer .kap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:#fff}
@media(max-width:860px){.kahraman .kap,.iki,.serit .kap{grid-template-columns:1fr}.kartlar{grid-template-columns:1fr 1fr}.alt{grid-template-columns:1fr}.dugme.hafif{margin:10px 0 0}}
@media(max-width:520px){.kartlar{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.kart-gorsel{aspect-ratio:4/3;margin:-8px -8px 16px;border-radius:6px;background:linear-gradient(180deg,#f8fafd,#e3ebf4);display:flex;align-items:center;justify-content:center;overflow:hidden}
.kart-gorsel img{width:100%;height:100%;object-fit:contain}
.kart-gorsel.bos small{color:#8a9bb0;font-size:.85rem}
.medya.foto{aspect-ratio:4/3;border:0;background:linear-gradient(180deg,#f8fafd,#e3ebf4);padding:0}
.medya.foto img{object-fit:contain}

.medya.model{aspect-ratio:4/3;border:1px solid var(--cizgi);padding:0;overflow:hidden;background:#eef3f8}
.medya.model iframe{width:100%;height:100%;border:0;display:block}

.sekme.alt{background:#fff}.sekme.alt ul{padding:8px 0}.sekme.alt a{font-size:.92rem;padding:7px 12px;border-radius:999px;border:1px solid var(--cizgi);border-bottom-width:1px;margin:2px 0}
.sekme.alt a.aktif{background:var(--mavi);color:#fff;border-color:var(--mavi)}
.kartlar.uc{grid-template-columns:repeat(3,1fr)}
.kart-gorsel img{object-fit:cover}
.videokutu{max-width:340px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#0b1a2f;margin-top:4px}
.videokutu video{width:100%;height:100%;object-fit:contain;display:block}
h2{margin-top:1.4em}
@media(max-width:860px){.kartlar.uc{grid-template-columns:1fr}}

.sekme li{position:relative}.sekme .acilir>a span{font-size:.8em}
.sekme .alt-menu{display:none;position:absolute;left:0;top:100%;z-index:9;min-width:300px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid var(--cizgi);border-top:3px solid var(--mavi);border-radius:0 0 8px 8px;box-shadow:0 10px 24px rgba(18,48,90,.15);flex-direction:column;gap:0}
.sekme .acilir:hover>.alt-menu,.sekme .acilir:focus-within>.alt-menu{display:flex}
.alt-menu a{border-radius:0;border-bottom:0;padding:9px 18px;font-weight:500;white-space:nowrap}
.alt-menu a:hover{background:var(--acik)}

.etiket{font:600 .85rem "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mavi2);margin:0 0 .4em}
.medya.foto.dikey{aspect-ratio:3/4;max-width:520px}
.kart-gorsel img.dikey{object-fit:contain}
.medya.bos-proje{aspect-ratio:16/6;margin:24px 0}

.kart-gorsel.slider{position:relative}
.slider .slayt{display:none;width:100%;height:100%}.slider .slayt.aktif{display:block}
.slider .slayt img,.slider .slayt video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1a2f}
.slider .ok{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(18,48,90,.88);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.slider .ok:hover:not(:disabled){background:var(--mavi2)}.slider .ok:disabled{opacity:.28;cursor:default}
.slider .ok.sol{left:8px}.slider .ok.sag{right:8px}
.slider .rozet{position:absolute;top:8px;left:8px;z-index:2;background:rgba(255,255,255,.92);color:var(--mavi);font:600 .78rem "Barlow",sans-serif;padding:3px 10px;border-radius:999px}
.slider:focus-visible{outline:2px solid var(--mavi2);outline-offset:2px}

.slider-nav{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}
.slider-nav .ok{width:46px;height:46px;border-radius:50%;border:0;background:#12305a;color:#fff;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px;box-shadow:0 3px 10px rgba(18,48,90,.35);transition:transform .15s,background .15s}
.slider-nav .ok:hover:not(:disabled){background:#1d4a82;transform:scale(1.08)}
.slider-nav .ok:focus-visible{outline:3px solid #6fb7d6;outline-offset:2px}
.slider-nav .ok:disabled{opacity:.25;cursor:default;box-shadow:none}
.slider-nav .noktalar{display:flex;gap:7px}.slider-nav .n{width:9px;height:9px;border-radius:50%;background:#c3d2e3;display:block}.slider-nav .n.aktif{background:#12305a}
.kart[data-slider]:focus-visible{outline:2px solid var(--mavi2);outline-offset:2px}

.slider-nav .ok{color:#fff;font-size:0;padding:0}.slider-nav .ok svg{display:block}
.slider .slayt video{object-fit:contain}

.sayfa-slider:focus-visible{outline:2px solid var(--mavi2);outline-offset:2px}.sayfa-slider .medya.foto.slider{position:relative;margin-bottom:0}.sayfa-slider .slider-nav{padding-top:14px}

.medya.foto.beyaz{aspect-ratio:1/1;background:#fff;border:1px solid var(--cizgi)}.medya.foto.beyaz .slayt img,.slider.beyaz .slayt img{object-fit:contain;background:#fff}.iki.proje h2{margin-top:0}