/* EV — yalniz ana sayfa (index.html). oz.css ustune biner; body.oz kapsamli. */
/* ---- hero ---- */
.oz .hero{--fw:min(1100px,calc(100vw - 2*var(--pad)));--ov:calc(var(--fw)*.156 + 76px);padding:80px var(--pad) 32px;text-align:center;background:linear-gradient(to bottom,var(--bg) calc(100% - var(--ov)),var(--bg-alt) calc(100% - var(--ov)))}
.oz .hero__in{max-width:var(--kap-genis);margin:0 auto}
.oz .hero h1{max-width:980px;margin:0 auto;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}
.oz .hero__sub{max-width:700px;margin:12px auto 0;font-size:var(--fs-sub);line-height:var(--lh-sub);letter-spacing:var(--ls-sub)}
.oz .hero__cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;margin-top:28px}
.oz .hero__fig{max-width:1100px;margin:64px auto 0}
.oz .pencere{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#fff;box-shadow:var(--shadow-1)}
.oz .pencere__bar{display:flex;align-items:center;justify-content:center;height:32px;background:var(--bg-alt);border-bottom:1px solid var(--line);font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--text-2)}
.oz .pencere img{width:100%;aspect-ratio:1440/900}
.oz .hero__not,.oz .dip{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--text-2)}
.oz .hero__not{margin-top:16px}
@media (max-width:1068px){.oz .hero{padding-top:64px}}
@media (max-width:734px){.oz .hero{padding-top:48px;--ov:calc(var(--fw)*.397 + 76px)}.oz .hero__fig{margin-top:40px}.oz .hero__cta{flex-direction:column;gap:16px}}

/* ---- guven ---- */
.oz .guven-sec{padding:48px 0 64px}
.oz .guven{display:grid;grid-template-columns:repeat(4,1fr)}
.oz .guven>div{padding:0 24px;text-align:center;border-left:1px solid var(--line)}
.oz .guven>div:first-child{border-left:0}
.oz .guven b{display:block;font-size:var(--fs-lead);line-height:var(--lh-lead);font-weight:600;letter-spacing:var(--ls-lead);text-wrap:balance}
.oz .guven span{display:block;margin-top:4px;font-size:var(--fs-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);color:var(--text-2);text-wrap:balance}
.oz .adlar{margin-top:40px;text-align:center;font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--text-2)}
@media (max-width:734px){.oz .guven-sec{padding:32px 0 48px}.oz .guven{grid-template-columns:1fr 1fr;row-gap:32px}.oz .guven>div{padding:0 12px}.oz .guven>div:nth-child(odd){border-left:0}}

/* ---- sistemler (koyu carousel) ---- */
.oz .karolar{display:flex;gap:var(--gap-tile);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(var(--pad),calc((100vw - 1196px)/2));scroll-padding-inline:max(var(--pad),calc((100vw - 1196px)/2))}
.oz .karolar::-webkit-scrollbar{display:none}
.oz .karo{flex:0 0 560px;scroll-snap-align:start;padding:32px;border-radius:var(--radius-card);background:var(--bg-dark-2)}
.oz .karo__cer{display:flex;align-items:center;justify-content:center;aspect-ratio:880/536;background:#000;border-radius:var(--radius-sm);overflow:hidden}
.oz .karo__cer img{width:100%;height:100%;object-fit:contain}
.oz .karo__cer--tel img{width:auto}
.oz .karo__cer--reel{gap:8px}
.oz .karo__cer--reel img{width:calc((100% - 16px)/3);object-fit:cover}
.oz .karo__cer--yazi{flex-direction:column;text-align:center;color:var(--text-on-dark)}
.oz .karo__cer--yazi b{font-size:48px;line-height:52px;font-weight:600;letter-spacing:-.003em}
.oz .karo__cer--yazi span{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-dark-2)}
.oz .karo__cer--yazi small{margin-top:16px;font-size:var(--fs-label);line-height:var(--lh-label);color:var(--text-dark-2)}
.oz .karo h3{margin-top:24px;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
.oz .karo p{margin-top:8px;color:var(--text-dark-2)}
.oz .karo .git{display:inline-flex;margin-top:12px;color:var(--accent-dark)}
@media (max-width:1068px){.oz .karo{flex-basis:420px}}
@media (max-width:734px){.oz .karo{flex-basis:82vw;padding:24px}.oz .karo__cer--yazi b{font-size:var(--fs-h2);line-height:var(--lh-h2)}}

/* ---- 3D bandi + vaka bandi + referans ---- */
.oz .band{max-width:var(--kap-genis);margin:0 auto;border-radius:var(--radius-card);overflow:hidden;background:var(--bg)}
.oz .band>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.oz .band__alt{padding:40px}
.oz .band__alt p{color:var(--text-2);max-width:700px}
.oz .band__cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:24px}
.oz .band--vaka{background:var(--bg-alt);margin-top:var(--gap-tile)}
.oz .band--vaka>img{aspect-ratio:1600/685}
.oz .band--vaka h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
.oz .band--vaka p{margin-top:4px}
.oz .band--vaka .git{display:inline-flex;margin-top:16px}
.oz .refgr{grid-template-columns:repeat(3,1fr)}
.oz .ref{padding:32px;border-radius:var(--radius-card);background:var(--bg-alt)}
.oz .ref__shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.oz .ref__shots img{width:100%;aspect-ratio:400/711;object-fit:cover;border-radius:var(--radius-sm)}
.oz .ref h3{margin-top:24px;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
.oz .ref__alt{margin-top:4px;font-size:var(--fs-small);line-height:var(--lh-small);letter-spacing:var(--ls-small);color:var(--text-2)}
.oz .ref .git{display:inline-flex;margin-top:12px}
.oz .chip{display:inline-block;margin-top:12px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:600;letter-spacing:var(--ls-label)}
.oz .dip--orta{margin-top:24px;text-align:center}
@media (max-width:1068px){.oz .refgr{grid-template-columns:1fr}}
@media (max-width:734px){.oz .band__alt{padding:28px}.oz .ref{padding:24px}}

/* ---- sayilar ---- */
.oz .sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.oz .sayi{display:block;font-size:80px;line-height:84px;font-weight:600;letter-spacing:var(--ls-display)}
.oz .sayilar p{margin-top:8px}
.oz .sayilar .dip{margin-top:4px}
@media (max-width:1068px){.oz .sayi{font-size:64px;line-height:68px}}
@media (max-width:734px){.oz .sayilar{grid-template-columns:1fr;gap:48px}.oz .sayi{font-size:56px;line-height:60px}}
html.js .oz .hero__fig.rv:not(.in){transform:translateY(30px) scale(.96)}
.oz .kok{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.oz .kok__b{width:36px;height:36px;border-radius:50%;border:0;background:var(--bg-dark-2);color:var(--text-on-dark);display:grid;place-items:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}
.oz .kok__b svg{width:16px;height:16px}
.oz .kok__b:hover:not(:disabled){background:#3a3a3d}
.oz .kok__b:disabled{opacity:.35;cursor:default}
.oz .kok__b:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
@media (max-width:734px){.oz .kok{display:none}
.oz .hero__fig .pencere__bar{display:none}.oz .pencere img{aspect-ratio:390/620}}
html.js .oz .fab{opacity:0;visibility:hidden;transition:opacity 240ms var(--ease),visibility 0s 240ms}
html.js.hero-gecildi .oz .fab{opacity:1;visibility:visible;transition:opacity 240ms var(--ease),visibility 0s}
.oz #hizmetler .sec__head p{max-width:640px;margin-inline:auto}