/* U2 AI Capital Markets tutucu sayfa. Tek ekran: lacivert zemin, geniş başlık, bugünden açılan senaryo bandı (sahne.js).
   Renkler düz alanlardır; geçiş (degrade) ve bulanık katman yoktur. */
@font-face{font-family:"Anybody";src:url("/assets/fonts/anybody-800.woff2") format("woff2");font-weight:800;font-stretch:118%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/instrument-sans.woff2") format("woff2");font-weight:400 600;font-display:swap}
:root{
  --navy:#001E43; --navy-d:#00152F; --em:#007749; --em-l:#3FBF8A; --mint:#CFE9DD; --white:#FFFFFF;
  --fan1:#0A3558; --fan2:#065A55;
  --f-wide:"Anybody","Arial Black","Helvetica Neue",Arial,sans-serif;
  --f-text:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --kenar:clamp(20px,4.4vw,64px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--f-text);font-size:16px;line-height:1.45}
a{color:inherit}
:focus-visible{outline:2px solid var(--em-l);outline-offset:3px}
.sahne{position:relative;min-height:max(100vh,600px);min-height:max(100svh,600px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.cizim{position:absolute;inset:0;width:100%;height:100%;display:block}
.ust{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  padding:clamp(20px,3.4vw,44px) max(var(--kenar),env(safe-area-inset-right,0px)) 0 max(var(--kenar),env(safe-area-inset-left,0px))}
.logo{display:block;width:clamp(168px,19vw,280px);line-height:0}
.logo svg{display:block;width:100%;height:auto}
.logo .a{fill:var(--white)} .logo .b{fill:var(--em-l)}
.dil{display:flex;gap:2px;font-size:14px;font-weight:600;letter-spacing:.04em}
.dil a,.dil span{display:block;padding:8px 11px;text-decoration:none;color:var(--mint)}
.dil span{background:var(--em);color:var(--white)}
.dil a:hover{background:var(--navy-d);color:var(--white)}
.ic{position:relative;align-self:start;display:flex;flex-direction:column;gap:clamp(14px,1.9vw,26px);
  padding:clamp(22px,3.6vw,52px) max(var(--kenar),env(safe-area-inset-right,0px)) 0 max(var(--kenar),env(safe-area-inset-left,0px));pointer-events:none}
h1{font-family:var(--f-wide);font-stretch:118%;font-weight:800;font-size:clamp(27px,4.5vw,64px);line-height:1.02;letter-spacing:-.015em;margin:0;max-width:17ch;text-wrap:balance}
.lede{font-size:clamp(16px,1.6vw,22px);margin:0;max-width:40ch;color:var(--mint)}
.alt{position:relative;background:var(--navy-d);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 28px;
  padding:14px max(var(--kenar),env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(var(--kenar),env(safe-area-inset-left,0px));
  font-size:clamp(13px,1.05vw,15px);color:var(--mint)}
.alt p{margin:0;display:flex;flex-wrap:wrap;gap:0 .7em}
.alt p span+span::before{content:"·";margin-right:.7em;color:var(--em-l)}
.alt a{text-decoration-color:var(--em-l);text-underline-offset:.22em}
.alt a:hover{color:var(--white)}
/* açılış: başlık ve cümle yerine oturur (hareket azaltma açıksa yok) */
@media (prefers-reduced-motion:no-preference){
  h1,.lede{animation:gir .9s cubic-bezier(.2,.7,.2,1) both}
  .lede{animation-delay:.14s}
  @keyframes gir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
/* 404 */
.yok .ic{align-self:center;padding-bottom:clamp(22px,3.6vw,52px)}
.yok .ic a{pointer-events:auto;color:var(--mint);text-underline-offset:.22em}