.ob-kahraman{position:relative;overflow:hidden;background:var(--ob-dark);color:var(--ob-on-dark);isolation:isolate;border-bottom:1px solid var(--ob-line)}
.ob-ust--overlay.is-home~main .ob-kahraman{padding-top:calc(var(--ob-header-h) + 36px)}
.ob-kahraman__zemin{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ob-kahraman__isik{display:none}
.ob-kahraman__izgara{position:absolute;inset:0;background-image:linear-gradient(var(--ob-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ob-grid-line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);mask-image:linear-gradient(180deg,#000,transparent 92%)}
.ob-kahraman__sahne{display:grid}
.ob-slayt{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s var(--ob-ease),visibility .5s}
.ob-slayt.is-active{opacity:1;visibility:visible}
.ob-slayt__ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;min-height:clamp(430px,58vh,600px);padding-block:36px 96px}
.ob-slayt__metin{max-width:600px}
.ob-slayt.is-active .ob-slayt__metin>*{animation:ob-slayt-metin .6s var(--ob-ease) both}
.ob-slayt.is-active .ob-slayt__metin>*:nth-child(2){animation-delay:.06s}
.ob-slayt.is-active .ob-slayt__metin>*:nth-child(3){animation-delay:.12s}
.ob-slayt.is-active .ob-slayt__metin>*:nth-child(4){animation-delay:.18s}
@keyframes ob-slayt-metin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ob-slayt__rozet{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:6px 13px;border-radius:var(--ob-pill);background:color-mix(in srgb,var(--ob-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--ob-accent) 26%,transparent);font-family:var(--ob-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ob-accent)}
.ob-slayt__nokta{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ob-accent)}
.ob-slayt__nokta::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ob-accent);opacity:.5;animation:ob-nabiz 2s ease-out infinite}
@keyframes ob-nabiz{from{transform:scale(.5);opacity:.6}to{transform:scale(1.6);opacity:0}}
.ob-slayt__baslik{margin:0 0 18px;font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ob-on-dark)}
.ob-slayt__baslik .ob-vurgu{color:var(--ob-primary);background:none;-webkit-text-fill-color:currentColor}
.ob-slayt__yazi{max-width:500px;margin:0 0 30px;font-size:clamp(1rem,.95rem + .25vw,1.12rem);line-height:1.65;color:var(--ob-on-dark-muted)}
.ob-slayt__gorsel{position:relative;display:flex;justify-content:center}
.ob-slayt__gorsel img{width:100%;max-width:540px;border-radius:var(--ob-r-lg);border:1px solid var(--ob-line);object-fit:cover}
.ob-kahraman__kontrol{position:absolute;left:0;right:0;bottom:64px;display:flex;align-items:center;gap:22px;pointer-events:none}
.ob-kahraman__kontrol>*{pointer-events:auto}
.ob-kahraman__noktalar{display:flex;gap:4px}
.ob-kahraman__nokta{display:inline-flex;align-items:center;padding:6px 4px;border:0;background:none;color:var(--ob-on-dark-muted);font-family:var(--ob-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em}
.ob-kahraman__nokta span{position:relative;padding-bottom:6px}
.ob-kahraman__nokta span::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:var(--ob-line-2)}
.ob-kahraman__nokta.is-active{color:var(--ob-on-dark)}
.ob-kahraman__nokta.is-active span::after{background:var(--ob-primary)}
.ob-kahraman__oklar{display:flex;gap:8px}
.ob-kahraman__ok{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--ob-line-2);border-radius:8px;background:color-mix(in srgb,var(--ob-surface) 40%,transparent);color:var(--ob-on-dark)}
.ob-kahraman__ok:hover{background:var(--ob-surface-2);border-color:var(--ob-primary)}
.ob-kahraman__ilerleme{flex:1;max-width:200px;height:2px;border-radius:2px;background:var(--ob-line-2);overflow:hidden}
.ob-kahraman__ilerleme span{display:block;width:0;height:100%;background:var(--ob-primary)}
.ob-kahraman__ilerleme span.is-run{animation:ob-ilerle var(--ob-slide-sure,7000ms) linear forwards}
@keyframes ob-ilerle{to{width:100%}}
@media (max-width:960px){.ob-slayt__ic{grid-template-columns:minmax(0,1fr);gap:14px;text-align:left;padding-block:20px 104px}.ob-slayt__gorsel{order:-1;max-width:360px;margin-inline:0}.ob-cizim{max-width:360px}.ob-kahraman__kontrol{bottom:58px}}
@media (max-width:560px){.ob-slayt__gorsel{max-width:100%}.ob-slayt__metin .ob-dugmeler .ob-btn{flex:1 1 100%}.ob-kahraman__ilerleme{display:none}.ob-kahraman__kontrol{justify-content:space-between}}