.phead__izgara{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,24vw,300px);gap:clamp(24px,4vw,56px);align-items:center}
.phead--gorselli .phead__in{max-width:none}
@media(max-width:900px){
  .phead__izgara{grid-template-columns:1fr}
  .hgorsel{display:none}
}


.hgorsel{position:relative;aspect-ratio:1;width:100%;max-width:300px;justify-self:end;margin-block:-18px}
.hgorsel__halkalar{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hgorsel__don{transform-origin:200px 200px;transform-box:view-box}
.hgorsel__don--yavas{animation:hgDon 48s linear infinite}
.hgorsel__don--ters{animation:hgDon 22s linear infinite reverse}
@keyframes hgDon{to{transform:rotate(360deg)}}
.hgorsel__oz{
  position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);
  display:grid;place-items:center;border-radius:30%;
  background:linear-gradient(145deg,rgba(0,222,95,.2),rgba(43,217,245,.12));
  border:1px solid rgba(0,222,95,.4);color:var(--ago-green-ink);
  box-shadow:0 0 0 10px rgba(0,222,95,.05),0 30px 70px -20px rgba(0,222,95,.45);
  backdrop-filter:blur(6px);
}
.hgorsel__oz svg{width:42%;height:42%}
.hgorsel__kart{
  position:absolute;border-radius:var(--r-md);padding:10px 12px;
  background:rgba(10,18,24,.82);border:1px solid var(--line-2);backdrop-filter:blur(10px);
  box-shadow:var(--sh-3);animation:hgSuz 6s ease-in-out infinite;
}
@keyframes hgSuz{50%{transform:translateY(-8px)}}
.hgorsel__kart--grafik{right:-2%;bottom:9%;width:42%}
.hgorsel__kart--grafik svg{width:100%;height:auto;display:block}
.hgorsel__cubuk{fill:rgba(0,222,95,.22);transform-box:fill-box;transform-origin:bottom;
  animation:hgCubuk 1.1s calc(var(--i) * .08s + .3s) var(--ease-out) backwards}
@keyframes hgCubuk{from{transform:scaleY(0)}}
.hgorsel__cizgi{stroke-dasharray:160;stroke-dashoffset:0;animation:hgCiz 1.6s .7s var(--ease-out) backwards}
@keyframes hgCiz{from{stroke-dashoffset:160}}
.hgorsel__kart--etiket{
  left:-4%;top:14%;display:flex;align-items:center;gap:8px;white-space:nowrap;
  font:600 .8rem var(--f-display);color:var(--tx-1);animation-delay:-3s;
}
.hgorsel__tik{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--grad-brand);color:#04160b}
@media(prefers-reduced-motion:reduce){
  .hgorsel__don,.hgorsel__kart,.hgorsel__cubuk,.hgorsel__cizgi{animation:none}
}


.prose--bolumlu{max-width:none;display:grid;gap:clamp(16px,2vw,24px)}

.prose--bolumlu > p,.prose--bolumlu > ul{max-width:74ch;font-size:1.02rem;color:var(--tx-1);margin:0 0 4px}

.prose--bolumlu > .sahne{max-width:760px}


.bolum{
  position:relative;display:grid;gap:14px;
  padding:clamp(18px,2.2vw,26px);border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border:1px solid var(--line);overflow:clip;
  transition:border-color var(--t-mid),background var(--t-mid);
}
.bolum:hover{border-color:var(--line-2)}
.bolum:nth-child(even){background:linear-gradient(180deg,rgba(43,217,245,.045),rgba(43,217,245,.01))}
.bolum__bas{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.bolum__no{
  font:800 1.9rem/1 var(--f-display);letter-spacing:-.04em;
  background:var(--grad-brand-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:.85;
}
.prose .bolum h2{margin:0;font-size:clamp(1.02rem,1.4vw,1.16rem);line-height:1.3}
.bolum__ic > :last-child{margin-bottom:0}
.bolum__ic > :first-child{margin-top:0}
.bolum__ic p{margin-bottom:.8em}


.bolum--gorselli{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;
  gap:clamp(18px,3vw,40px);padding:clamp(14px,1.6vw,18px);
}
.bolum--gorselli .bolum__metin{padding:clamp(6px,1.2vw,16px)}
.bolum--gorselli > .sahne{position:sticky;top:calc(var(--header-h) + 18px)}
.bolum--ters .bolum__metin{order:2}
.bolum--ters .sahne{order:1}


.bolum--ilk{
  border-color:rgba(0,222,95,.26);
  background:linear-gradient(135deg,rgba(0,222,95,.09),rgba(43,217,245,.05) 60%,transparent);
}
.bolum--ilk .bolum__ic{font-size:1.02rem;color:var(--tx-1)}
.bolum--ilk::before{content:"";position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--grad-brand)}


.prose .bolum--liste ul,.prose .bolum--liste ol{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px;
}
@media(min-width:1100px){
  .prose .bolum--liste ul,.prose .bolum--liste ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.prose .bolum--liste li{
  position:relative;margin:0;padding:10px 12px;padding-inline-start:38px;border-radius:var(--r-sm);
  background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:.92rem;line-height:1.5;color:var(--tx-1);
}
.prose .bolum--liste li::before{
  content:"";position:absolute;inset-inline-start:11px;top:11px;width:18px;height:18px;border-radius:50%;
  background:var(--grad-brand-soft);border:1px solid rgba(0,222,95,.35);
  background-image:var(--ikon-tik);background-size:10px;background-position:center;background-repeat:no-repeat;
}
.prose .bolum--liste ol{counter-reset:bl}
.prose .bolum--liste ol li::before{counter-increment:bl;content:counter(bl);background-image:none;
  display:grid;place-items:center;font:700 .7rem var(--f-display);color:var(--ago-green-ink)}

@media(max-width:820px){
  .bolum--gorselli{grid-template-columns:1fr}
  .bolum--gorselli > .sahne{position:relative;top:auto}
  .bolum--ters .bolum__metin,.bolum--ters .sahne{order:0}
}
@media(max-width:700px){.bolum__no{font-size:1.4rem}}


.bolum-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(18px,2.4vw,28px)}
.bolum-nav__t{font:600 .72rem var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3);margin-inline-end:6px}
.bolum-nav a{
  padding:7px 14px;border-radius:var(--r-full);border:1px solid var(--line-2);background:rgba(255,255,255,.03);
  font-size:.84rem;color:var(--tx-2);transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);
}
.bolum-nav a:hover{color:var(--tx-1);border-color:rgba(0,222,95,.45);background:rgba(0,222,95,.06)}


.sahne{
  position:relative;margin:0;aspect-ratio:16/10;border-radius:calc(var(--r-lg) - 6px);overflow:hidden;
  background:
    radial-gradient(circle at 70% 20%,rgba(0,222,95,.16),transparent 55%),
    radial-gradient(circle at 15% 90%,rgba(43,217,245,.12),transparent 50%),
    #0a1218;
  border:1px solid var(--line);
}
.sahne::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.sahne img,.sahne video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}

.sahne--gorsel{aspect-ratio:auto}
.sahne--gorsel::before{display:none}
.sahne--gorsel img{position:static;height:auto}
.sahne__ic{position:absolute;inset:0}
.sahne svg{position:absolute;inset:6% 4%;width:92%;height:88%;overflow:visible}
.sahne__ikon{
  position:absolute;inset-inline-end:7%;bottom:9%;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--grad-brand);color:#04160b;box-shadow:0 18px 40px -14px rgba(0,222,95,.6);
  animation:hgSuz 6s ease-in-out infinite;
}
.sahne--ag .sahne__ikon,.sahne--hedef .sahne__ikon{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);animation:none}


.s-kutu{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.12)}
.s-cizgi,.s-izgara{stroke:rgba(255,255,255,.1)}
.s-izgara{stroke-dasharray:3 6}
.s-nokta{fill:rgba(255,255,255,.18)}
.s-yuzey{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.08)}
.s-yuzey2{fill:rgba(43,217,245,.08);stroke:rgba(43,217,245,.2)}
.s-metin{fill:rgba(255,255,255,.26)}
.s-metin--soluk{fill:rgba(255,255,255,.12)}
.s-vurgu{fill:rgba(0,222,95,.2);stroke:rgba(0,222,95,.45)}
.s-cubuk{fill:#00de5f;opacity:.55;transform-box:fill-box;transform-origin:bottom}
.s-iz{stroke:#00de5f;stroke-width:2.5;stroke-linecap:round}
.s-iz--2{stroke:#2bd9f5}
.s-halka{stroke:rgba(255,255,255,.14);stroke-width:1.5;stroke-dasharray:4 8}
.s-halka--2{stroke:rgba(43,217,245,.35);stroke-dasharray:none}
.s-halka--3{stroke:rgba(0,222,95,.5);stroke-width:2;stroke-dasharray:none}
.s-merkez{fill:rgba(0,222,95,.25)}
.s-ok__govde{stroke:#eafff3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.s-ok__kanat{fill:#00de5f}
.s-cip{fill:rgba(10,18,24,.9);stroke:rgba(255,255,255,.14)}
.s-bag{stroke:rgba(43,217,245,.35);stroke-width:1.5;stroke-dasharray:4 6}
.s-dugum{fill:#0a1218;stroke:#00de5f;stroke-width:2}
.s-merkez-hale{fill:rgba(0,222,95,.1);stroke:rgba(0,222,95,.35)}
.s-alan{fill:rgba(0,222,95,.12)}
.s-egri{stroke:#00de5f;stroke-width:3;stroke-linecap:round}
.s-nokta2{fill:#0a1218;stroke:#2bd9f5;stroke-width:2.5}
.s-nokta2--son{fill:#00de5f;stroke:#eafff3}
.s-gun{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.08)}
.s-gun--dolu{fill:rgba(0,222,95,.22);stroke:rgba(0,222,95,.5)}


.bolum.in .s-cubuk{animation:hgCubuk 1s calc(var(--k) * .07s + .2s) var(--ease-out) backwards}
.bolum.in .s-egri{stroke-dasharray:520;animation:sCiz 1.8s .2s var(--ease-out) backwards}
@keyframes sCiz{from{stroke-dashoffset:520}}
.bolum.in .s-ok{animation:sOk .9s .3s var(--ease-out) backwards}
@keyframes sOk{from{transform:translate(60px,-40px);opacity:0}}
.bolum.in .s-dugum{animation:sNabiz 2.8s calc(var(--k) * .3s) ease-in-out infinite}
@keyframes sNabiz{50%{stroke:#2bd9f5;fill:rgba(43,217,245,.2)}}
.s-bag{animation:sAkis 1.6s linear infinite}
@keyframes sAkis{to{stroke-dashoffset:-20}}
.bolum.in .s-gun--dolu{animation:sGun .5s calc(var(--k) * .05s + .2s) var(--ease-out) backwards}
@keyframes sGun{from{opacity:0;transform:scale(.6)}}
.s-gun{transform-box:fill-box;transform-origin:center}
.sahne--hedef .s-halka--2{transform-box:fill-box;transform-origin:center;animation:hgDon 30s linear infinite}


.yol-bolum{overflow:hidden}
.yol{
  --ilerleme:0;
  list-style:none;margin:clamp(22px,3vw,36px) 0 0;padding:0;position:relative;
  display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:auto 64px auto;column-gap:clamp(12px,1.6vw,22px);
}

.yol::before,.yol::after{
  content:"";grid-row:2;grid-column:1 / -1;align-self:center;height:12px;border-radius:999px;
}
.yol::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 14px,transparent 14px 28px) center / 100% 2px no-repeat,
    #111b22;
  border:1px solid var(--line-2);
}
.yol::after{
  background:var(--grad-brand);box-shadow:0 0 24px rgba(0,222,95,.45);
  transform:scaleX(var(--ilerleme));transform-origin:left;transition:transform .25s linear;
}
[dir="rtl"] .yol::after{transform-origin:right}
.yol__durak{
  
  grid-column:var(--sira);
  display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;justify-items:center;margin:0;position:relative;z-index:1;
}
.yol__no{
  grid-row:2;align-self:center;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  font:800 .95rem var(--f-display);color:var(--tx-2);background:#0b141a;border:2px solid var(--line-2);
  transition:color .4s,background .4s,border-color .4s,box-shadow .4s,transform .4s;
}
.yol__durak.gecti .yol__no{
  color:#04160b;background:var(--grad-brand);border-color:transparent;transform:scale(1.08);
  box-shadow:0 0 0 6px rgba(0,222,95,.14),0 12px 30px -8px rgba(0,222,95,.6);
}
.yol__kart{
  grid-row:1;align-self:end;margin-bottom:14px;width:100%;position:relative;
  padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  opacity:.55;transform:translateY(10px);transition:opacity .5s,transform .5s,border-color .5s;
}
.yol__durak--alt .yol__kart{grid-row:3;align-self:start;margin:14px 0 0;transform:translateY(-10px)}

.yol__kart::after{content:"";position:absolute;left:50%;width:2px;height:14px;background:var(--line-2);top:100%}
.yol__durak--alt .yol__kart::after{top:auto;bottom:100%}
.yol__durak.gecti .yol__kart{opacity:1;transform:none;border-color:rgba(0,222,95,.3)}
.yol__durak.gecti .yol__kart::after{background:var(--ago-green)}
.yol__kart h3{font-size:1rem;margin-bottom:6px}
.yol__kart p{margin:0;font-size:.86rem;line-height:1.6;color:var(--tx-2)}


@media(max-width:900px){
  .yol{grid-template-columns:48px minmax(0,1fr);grid-template-rows:none;column-gap:16px;row-gap:14px}
  .yol::before,.yol::after{grid-row:1 / span var(--n);grid-column:1;align-self:stretch;justify-self:center;width:10px;height:auto}
  .yol::before{background:#111b22}
  .yol::after{transform:scaleY(var(--ilerleme));transform-origin:top}
  [dir="rtl"] .yol::after{transform-origin:top}
  .yol__durak{grid-column:1 / -1;grid-row:var(--sira);grid-template-columns:subgrid;grid-template-rows:none;align-items:start;justify-items:stretch}
  .yol__no{grid-row:1;grid-column:1;justify-self:center}
  .yol__kart,.yol__durak--alt .yol__kart{grid-row:1;grid-column:2;margin:0;align-self:start;transform:translateX(10px)}
  .yol__kart::after,.yol__durak--alt .yol__kart::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .yol__kart{opacity:1;transform:none;transition:none}
  .yol::after{transition:none}
  .s-bag,.sahne__ikon,.sahne--hedef .s-halka--2{animation:none}
}


.aside-card--yatay{
  display:flex;align-items:center;justify-content:space-between;gap:18px 32px;flex-wrap:wrap;
  margin-top:clamp(18px,2.4vw,28px);
}
.aside-card--yatay .aside-card__t{margin-bottom:4px}
.aside-card--yatay .btn{flex:none}


.bolge-kart{
  display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line);color:inherit;text-decoration:none;
  transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);
}
.bolge-kart:hover{transform:translateY(-5px);border-color:rgba(0,222,95,.35);box-shadow:var(--sh-3)}
.bolge-kart__kapak{display:grid;place-items:center;aspect-ratio:1200/630;background:#0a1218;overflow:hidden}
.bolge-kart__kapak img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.bolge-kart:hover .bolge-kart__kapak img{transform:scale(1.04)}
.bolge-kart__ikon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--grad-brand);color:#04160b}
.bolge-kart__govde{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;padding-inline-end:48px}
.bolge-kart__govde .eyebrow{margin:0}
.bolge-kart__govde b{display:flex;align-items:center;gap:7px;font:600 1.04rem var(--f-display)}
.bolge-kart__govde b svg{color:var(--ago-green-ink)}
.bolge-kart__govde small{font-size:.85rem;color:var(--tx-2);line-height:1.55}
.bolge-kart__ok{position:absolute;inset-inline-end:16px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line-2);color:var(--tx-2);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}
.bolge-kart:hover .bolge-kart__ok{background:var(--grad-brand);color:#04160b;border-color:transparent;transform:translateX(3px)}
[dir="rtl"] .bolge-kart__ok svg{transform:scaleX(-1)}


.okuma{position:fixed;inset-inline:0;top:0;height:3px;z-index:120;pointer-events:none}
.okuma span{display:block;height:100%;background:var(--grad-brand);transform:scaleX(var(--okuma,0));transform-origin:left;box-shadow:0 0 12px rgba(0,222,95,.6)}
[dir="rtl"] .okuma span{transform-origin:right}
.prose--yazi{counter-reset:ara}
.prose--yazi h2{counter-increment:ara;display:flex;align-items:baseline;gap:12px}
.prose--yazi h2::before{
  content:counter(ara,decimal-leading-zero);flex:none;font:800 .8rem/1 var(--f-display);letter-spacing:.02em;
  padding:6px 9px;border-radius:9px;color:#04160b;background:var(--grad-brand);transform:translateY(-3px);
}
.prose--yazi ul{list-style:none;padding-inline-start:0}
.prose--yazi ul > li{position:relative;padding-inline-start:30px}
.prose--yazi ul > li::before{
  content:"";position:absolute;inset-inline-start:0;top:.32em;width:18px;height:18px;border-radius:50%;
  background:var(--grad-brand-soft);border:1px solid rgba(0,222,95,.35);
  background-image:var(--ikon-tik);
  background-size:10px;background-position:center;background-repeat:no-repeat;
}


@media(min-width:961px){.yan-yapiskan{position:sticky;top:calc(var(--header-h) + 18px)}}
.diger-kart{
  position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;padding-inline-end:48px;
  border-radius:var(--r-lg);border:1px solid var(--line);color:inherit;text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:transform var(--t-mid),border-color var(--t-mid),box-shadow var(--t-mid);
}
.diger-kart:hover{transform:translateY(-4px);border-color:rgba(0,222,95,.35);box-shadow:var(--sh-3)}
.diger-kart__i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:var(--grad-brand-soft);border:1px solid rgba(0,222,95,.22);color:var(--ago-green-ink)}
.diger-kart__m{display:flex;flex-direction:column;gap:4px;min-width:0}
.diger-kart__m b{font:600 .98rem var(--f-display)}
.diger-kart__m small{font-size:.83rem;line-height:1.5;color:var(--tx-2)}
.diger-kart__ok{position:absolute;inset-inline-end:16px;top:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line-2);color:var(--tx-2);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}
.diger-kart:hover .diger-kart__ok{background:var(--grad-brand);color:#04160b;border-color:transparent;transform:translateX(3px)}
[dir="rtl"] .diger-kart__ok svg{transform:scaleX(-1)}


[dir="rtl"] .diger-kart:hover .diger-kart__ok,
[dir="rtl"] .bolge-kart:hover .bolge-kart__ok{transform:translateX(-3px)}
@media(max-width:900px){
  [dir="rtl"] .yol__kart,[dir="rtl"] .yol__durak--alt .yol__kart{transform:translateX(-10px)}
  [dir="rtl"] .yol__durak.gecti .yol__kart{transform:none}
}


.is-kelime .kelime{opacity:.16;transition:opacity .45s var(--ease-out),filter .45s var(--ease-out);filter:blur(1.5px)}
.is-kelime .kelime.on{opacity:1;filter:none}