/* GuardWork · kombine web dili
   Sahne (gerçek sahne, soluk→koyu→kırmızı başlık, cam kart, yay) · Akış (rota kurdelesi)
   Stüdyo (siyah gren, tek nesne, italik serif çatışması) · Stil D (kanıtlı nokta sembolü, tur matrisi) */
:root{
  --zemin:#f2efee; --zemin-2:#e8e3e2; --yuzey:#fff;
  --lac:#0a1628; --lac-2:#13233d; --lac-3:#1d3152;
  --kir:#c8102e; --kir-2:#ff4d63; --kir-3:#8e0b22; --kir-acik:#fde8eb;
  --neon:#ff2a4d;
  --siyah:#0e0e10; --siyah-2:#1a1a1d;
  --metin:#0a1628; --metin-2:#4f5566; --soluk:#9a93a0;
  --kart:#fbe9ec;
  --r:28px;
  --f:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gren:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ font:400 17px/1.6 var(--f); color:var(--metin); background:var(--zemin); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img,svg,video{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button,input,select,textarea{ font:inherit; color:inherit; }
.kap{ width:100%; max-width:1280px; margin:0 auto; padding:0 56px; position:relative; }
.gizli{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
:focus-visible{ outline:3px solid var(--kir); outline-offset:3px; border-radius:8px; }

/* ---------- tipografi: Sahne akışı + Stüdyo serifi ---------- */
.cumle{ font-weight:300; letter-spacing:-.045em; line-height:.98; color:var(--soluk); }
.cumle b{ font-weight:700; color:var(--lac); }
.cumle .k{ color:var(--kir); }
.cumle .vk{ display:inline-block; background:var(--kir); color:#fff; font-weight:800; padding:.02em .16em .08em; border-radius:.14em; line-height:.92; }
.goz{ display:inline-flex; align-items:center; gap:10px; font:700 13px/1 var(--f); letter-spacing:.2em; text-transform:uppercase; color:var(--kir); }
.goz::before{ content:""; width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent); }
.alt{ font-size:19px; line-height:1.6; color:var(--metin-2); letter-spacing:-.01em; }

/* ---------- düğmeler ---------- */
.btn{ display:inline-flex; align-items:center; gap:10px; border-radius:999px; padding:15px 26px; font-weight:650; font-size:17px; letter-spacing:-.02em; white-space:nowrap; transition:transform .2s, background .2s, box-shadow .2s; border:0; cursor:pointer; }
.btn:hover{ transform:translateY(-2px); }
.btn-k{ background:var(--kir); color:#fff; box-shadow:0 14px 30px -14px color-mix(in srgb, var(--kir) 80%, transparent); }
.btn-k:hover{ background:#a30d24; }
.btn-k::before{ content:""; width:8px; height:8px; border-radius:50%; background:#fff; }
.btn-l{ background:var(--lac); color:#fff; }
.btn-c{ border:1.5px solid color-mix(in srgb, var(--lac) 22%, transparent); color:var(--lac); background:transparent; }
.btn-n{ background:var(--neon); color:#160307; }
.btn-w{ background:#fff; color:var(--siyah); }
.ok{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:currentColor; }

/* ---------- üst menü ---------- */
.ust{ position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--zemin) 82%, transparent); backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px); border-bottom:1px solid color-mix(in srgb, var(--lac) 7%, transparent); }
.ust .kap{ display:flex; align-items:center; gap:34px; height:76px; }
.logo{ display:inline-flex; align-items:center; gap:10px; font:800 24px/1 var(--f); letter-spacing:-.05em; color:var(--lac); }
.logo b{ color:var(--kir); font-weight:800; }
.logo svg{ width:34px; height:34px; }
.menu{ display:flex; gap:30px; list-style:none; font-size:16px; font-weight:500; letter-spacing:-.02em; }
.menu a{ color:var(--metin-2); transition:color .2s; } .menu a:hover{ color:var(--lac); }
.ust .bos{ flex:1; }
.ust .tel{ font-weight:600; font-size:15px; color:var(--lac); }
.ust .btn{ padding:12px 22px; font-size:15px; }
.menu-ac{ display:none; background:none; border:0; width:44px; height:44px; border-radius:12px; cursor:pointer; }
.menu-ac span{ display:block; width:22px; height:2px; background:var(--lac); margin:5px auto; border-radius:2px; }

/* ---------- HERO: Sahne + Akış ---------- */
.hero{ position:relative; overflow:hidden;
  background:radial-gradient(55% 70% at 78% 38%, #fff 0%, var(--zemin) 58%, var(--zemin-2) 100%); }
.hero .kap{ display:grid; grid-template-columns:1.05fr 1fr; gap:24px; align-items:end; min-height:760px; }
.hero-sol{ padding:90px 0 110px; position:relative; z-index:4; }
.etiketler{ display:flex; gap:18px; flex-wrap:wrap; font-size:15px; color:var(--soluk); letter-spacing:-.01em; margin-bottom:26px; }
.hero h1{ font-size:clamp(46px,6.1vw,92px); }
.hero h1 .goz{ display:flex; font-size:13px; letter-spacing:.2em; line-height:1; margin-bottom:26px; font-family:var(--f); }
.hero .alt{ margin-top:28px; max-width:520px; font-size:20px; }
.hero .btnler{ margin-top:34px; display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.hapler{ margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; list-style:none; }
.hapler li{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:999px; background:#fff; font-size:14px; font-weight:600; letter-spacing:-.01em; box-shadow:0 8px 20px -14px rgba(10,22,40,.4); }
.hapler li svg{ width:16px; height:16px; color:var(--kir); }

.sahne{ position:relative; width:100%; max-width:640px; aspect-ratio:640/760; justify-self:end; z-index:2; }
.sahne .yay{ position:absolute; left:-30%; top:-12%; width:150%; height:auto; aspect-ratio:1; pointer-events:none; }
.sahne svg.rota{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.sahne .kisi{ position:absolute; left:18.4%; bottom:0; width:81.6%; height:auto; z-index:2; filter:drop-shadow(0 30px 40px rgba(10,22,40,.22)); }
.sahne .rota.on{ z-index:3; }
.rota path.s{ fill:none; stroke-linecap:round; }
.anim .rota path.s{ stroke-dasharray:2600; stroke-dashoffset:2600; animation:ciz 2.2s cubic-bezier(.6,.1,.2,1) .2s forwards; }
@keyframes ciz{ to{ stroke-dashoffset:0; } }
.nokta{ position:absolute; z-index:4; transform:translate(-50%,-50%); }
.nokta-isaret{ width:74px; height:74px; }
.cam{ position:absolute; z-index:5; border-radius:24px; color:#fff; background:color-mix(in srgb, var(--lac) 58%, transparent); border:1px solid rgba(255,255,255,.35); backdrop-filter:blur(16px) saturate(1.3); -webkit-backdrop-filter:blur(16px) saturate(1.3); box-shadow:0 24px 50px -24px rgba(10,22,40,.6); }
.cam-okuma{ left:-4%; top:51%; padding:14px 20px 14px 14px; display:flex; gap:12px; align-items:center; }
.cam-okuma .ik{ width:40px; height:40px; border-radius:12px; background:var(--kir); display:grid; place-items:center; flex:none; }
.cam-okuma small{ display:block; font-size:12px; letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.cam-okuma strong{ display:block; font-size:18px; letter-spacing:-.03em; }
.cam-okuma .canli{ display:flex; align-items:center; gap:6px; font-size:13px; opacity:.9; }
.canli{ display:inline-flex; align-items:center; gap:6px; }
.canli::before{ content:""; width:7px; height:7px; border-radius:50%; background:#3ddc84; box-shadow:0 0 0 4px rgba(61,220,132,.25); animation:nabiz 1.8s infinite; }
@keyframes nabiz{ 50%{ box-shadow:0 0 0 8px rgba(61,220,132,0); } }
.cam-istat{ right:2%; bottom:8%; padding:20px 26px; display:flex; gap:28px; }
.cam-istat div{ font-size:13px; line-height:1.3; opacity:.92; }
.cam-istat b{ display:block; font-size:26px; letter-spacing:-.045em; line-height:1.1; }

/* güven şeridi */
.serit{ background:var(--lac); color:#fff; overflow:hidden; }
.serit ul{ display:flex; gap:44px; justify-content:center; flex-wrap:wrap; list-style:none; padding:20px 0; font-size:15px; font-weight:500; letter-spacing:-.01em; }
.serit li{ display:inline-flex; align-items:center; gap:10px; color:#dfe5f0; }
.serit li::before{ content:""; width:18px; height:18px; border-radius:6px; background:var(--kir) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/12px no-repeat; }

/* ---------- KANIT: Stüdyo ---------- */
.studyo{ position:relative; overflow:hidden; background:radial-gradient(70% 60% at 50% 45%, var(--siyah-2), var(--siyah) 70%); color:#f4f4f2; text-align:center; padding:120px 0 130px; }
.studyo::after{ content:""; position:absolute; inset:0; background:var(--gren); pointer-events:none; opacity:.9; }
.daire::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 56%, transparent 0 319px, rgba(255,255,255,.1) 320px 321px, transparent 322px 469px, rgba(255,255,255,.07) 470px 471px, transparent 472px 629px, rgba(255,255,255,.05) 630px 631px, transparent 632px); }
.studyo .kap{ z-index:2; }
.studyo .ince{ font-weight:250; font-size:clamp(26px,3.2vw,44px); letter-spacing:-.045em; color:#d9d9d6; }
.studyo .dev{ display:block; font-size:clamp(56px,9vw,140px); font-weight:800; letter-spacing:-.06em; line-height:1.02; color:#fff; margin-top:12px; }
.studyo h2{ font-weight:300; }
.nesne-kap{ position:relative; width:min(420px,80vw); margin:-36px auto -20px; }
.nesne-kap img{ width:100%; height:auto; mix-blend-mode:screen; -webkit-mask-image:radial-gradient(50% 50% at 50% 50%, #000 62%, transparent 100%); mask-image:radial-gradient(50% 50% at 50% 50%, #000 62%, transparent 100%); }
.yildiz{ position:absolute; width:120px; height:120px; right:-8%; top:12%; transform:rotate(12deg); color:var(--neon); }
.yirtik{ position:absolute; left:calc(50% + 190px); top:52%; width:330px; text-align:left; transform:rotate(-4deg); background:#f6f5f1; color:#1a1a1a; padding:26px 28px 30px; font-size:17px; line-height:1.45; letter-spacing:-.015em; z-index:3;
  clip-path:polygon(0 4%,6% 0,13% 3%,21% 0,30% 2%,38% 0,47% 3%,56% 0,64% 2%,73% 0,82% 3%,90% 0,100% 2%,100% 96%,93% 100%,85% 97%,76% 100%,68% 97%,59% 100%,50% 97%,41% 100%,32% 97%,23% 100%,14% 97%,6% 100%,0 97%);
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.5)); }
.yirtik b{ font-weight:700; }
.kutu{ display:inline-block; background:var(--neon); color:#14040a; font-weight:800; padding:.02em .16em .07em; line-height:.95; border-radius:.1em; }
.studyo .govde{ max-width:640px; margin:34px auto 0; color:#b9b9b5; font-size:19px; }
.studyo .govde b{ color:#fff; font-weight:600; }
.studyo .govde .kutu{ padding:2px 10px 3px; border-radius:8px; font-weight:700; }
.uclu{ margin:64px auto 0; max-width:980px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#2a2a2e; border:1px solid #2a2a2e; border-radius:22px; overflow:hidden; text-align:left; }
.uclu div{ background:var(--siyah); padding:28px 30px; }
.uclu .no{ font:250 44px/1 var(--f); letter-spacing:-.05em; color:var(--neon); }
.uclu h3{ margin-top:10px; font-size:21px; font-weight:600; letter-spacing:-.03em; color:#fff; }
.uclu p{ margin-top:6px; font-size:16px; color:#a3a3a0; line-height:1.5; }

/* ---------- NASIL ÇALIŞIR: Akış ---------- */
.akis{ position:relative; overflow:hidden; padding:130px 0 120px; background:#fff; }
.adim-kap{ position:relative; margin-top:72px; }
.adim-kap svg.kurdele{ position:absolute; left:50%; transform:translateX(-50%); width:100vw; max-width:none; top:-90px; height:calc(100% + 180px); z-index:0; pointer-events:none; }
.bas{ text-align:center; max-width:880px; margin:0 auto; position:relative; z-index:2; }
.bas h2{ font-size:clamp(40px,5vw,72px); }
.bas .alt{ margin-top:18px; }
.akis .cumle{ color:var(--lac); font-weight:300; } .akis .cumle b{ color:var(--kir); }
.adimlar{ position:relative; z-index:2; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; counter-reset:a; }
.adimlar li{ background:var(--kart); border-radius:var(--r); padding:34px 30px 36px; box-shadow:0 30px 50px -36px rgba(142,11,34,.55); }
.adimlar .no{ font:700 56px/1 var(--f); letter-spacing:-.05em; color:var(--kir); }
.adimlar h3{ margin-top:16px; font-size:25px; line-height:1.1; font-weight:400; letter-spacing:-.035em; color:var(--lac); }
.adimlar h3 b{ font-weight:700; color:var(--kir); }
.adimlar p{ margin-top:12px; font-size:16px; line-height:1.55; color:var(--metin-2); }
.video{ position:relative; z-index:2; margin-top:80px; display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; }
.video h3{ font-size:clamp(32px,3.4vw,48px); }
.video .alt{ margin-top:16px; }
.video .btnler{ margin-top:26px; display:flex; gap:12px; flex-wrap:wrap; }
.video-kap{ position:relative; border-radius:32px; overflow:hidden; background:var(--lac); aspect-ratio:16/9; box-shadow:0 40px 70px -40px rgba(10,22,40,.6); }
.video-kap video{ width:100%; height:100%; object-fit:cover; }
.video-kap .sure{ position:absolute; left:18px; top:18px; padding:6px 12px; border-radius:999px; background:rgba(10,22,40,.7); color:#fff; font-size:13px; font-weight:600; pointer-events:none; }

/* ---------- TUR MATRİSİ: Stil D ---------- */
.d3{ position:relative; overflow:hidden; background:linear-gradient(160deg, var(--lac-2), var(--lac) 60%); color:#fff; padding:130px 0; }
.d3::before{ content:""; position:absolute; right:-160px; top:-160px; width:620px; height:620px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 90px rgba(255,255,255,.015), 0 0 0 180px rgba(255,255,255,.01); }
.d3 .kap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }
.d3 h2{ font-size:clamp(44px,5.4vw,84px); color:#9fb0cc; }
.d3 h2 b{ color:#fff; } .d3 h2 .k{ color:var(--kir-2); }
.d3 .alt{ color:#b8c4d8; margin-top:24px; max-width:500px; }
.d3 .ozet{ margin-top:36px; display:grid; grid-template-columns:repeat(3,auto); gap:28px; justify-content:start; }
.d3 .ozet b{ display:block; font-size:30px; letter-spacing:-.045em; line-height:1.1; }
.d3 .ozet span{ font-size:14px; color:#9fb0cc; }
.matris-kart{ position:relative; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:32px; padding:30px; }
.matris-kart .ust-s{ display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#9fb0cc; margin-bottom:18px; }
.matris-kart .ust-s strong{ color:#fff; font-size:17px; letter-spacing:-.02em; }
.matris{ display:grid; grid-template-columns:118px repeat(12,1fr); gap:6px; font-size:12px; }
.matris .sa{ color:#7f91b0; text-align:center; font-variant-numeric:tabular-nums; }
.matris .ad{ color:#c9d3e4; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; align-self:center; }
.matris .h{ aspect-ratio:1; border-radius:9px; background:rgba(255,255,255,.06); position:relative; }
.matris .h.v{ background:var(--kir); }
.matris .h.v::after{ content:""; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/62% no-repeat; }
.matris .h.x{ background:transparent; border:2px dashed var(--kir-2); }
.matris .h.b{ background:rgba(255,255,255,.04); }
.anim .matris .h.v{ opacity:0; transform:scale(.5); transition:opacity .35s, transform .35s cubic-bezier(.3,1.6,.5,1); }
.anim .matris.gorundu .h.v{ opacity:1; transform:none; transition-delay:calc(var(--i) * 22ms); }
.uyari{ position:absolute; right:-18px; bottom:-26px; display:flex; gap:12px; align-items:center; padding:14px 18px; border-radius:20px; background:#fff; color:var(--lac); box-shadow:0 30px 60px -30px rgba(0,0,0,.7); max-width:320px; }
.uyari .ik{ width:38px; height:38px; flex:none; border-radius:12px; background:var(--kir-acik); color:var(--kir); display:grid; place-items:center; font-weight:800; }
.uyari strong{ display:block; font-size:15px; letter-spacing:-.02em; } .uyari small{ font-size:13px; color:var(--metin-2); }
.demo{ margin-top:16px; font-size:12px; color:#7f91b0; letter-spacing:.04em; }

/* ---------- SEKTÖRLER: Sahne karo ---------- */
.sektor{ padding:130px 0; }
.karolar{ margin-top:64px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.karo{ position:relative; overflow:hidden; border-radius:36px; min-height:380px; padding:36px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff;
  background:linear-gradient(160deg, var(--lac-3), var(--lac) 65%); }
.karo.v{ background:linear-gradient(160deg, var(--kir-2), var(--kir) 55%, var(--kir-3)); }
.karo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s; }
.karo:hover img{ transform:scale(1.05); }
.karo.foto::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, transparent 35%, rgba(10,22,40,.88)); }
.karo h3, .karo p{ position:relative; z-index:2; }
.karo h3{ font-size:34px; line-height:1; font-weight:300; letter-spacing:-.045em; }
.karo h3 b{ font-weight:700; }
.karo p{ margin-top:12px; font-size:16px; line-height:1.5; opacity:.88; max-width:320px; }
.karo .dev-no{ position:absolute; right:22px; top:6px; font:800 150px/1 var(--f); letter-spacing:-.07em; color:rgba(255,255,255,.08); z-index:1; }

/* ---------- PAKET + MODÜLLER ---------- */
.paket{ padding:20px 0 130px; }
.paket-izgara{ margin-top:64px; display:grid; grid-template-columns:420px 1fr; gap:28px; align-items:start; }
.paket-kart{ position:sticky; top:100px; background:var(--lac); color:#fff; border-radius:36px; padding:40px 38px; overflow:hidden; }
.paket-kart::after{ content:""; position:absolute; inset:0; background:var(--gren); opacity:.6; pointer-events:none; }
.paket-kart .goz{ color:var(--kir-2); }
.paket-kart h3{ margin-top:16px; font-size:40px; line-height:1; font-weight:300; letter-spacing:-.045em; }
.paket-kart h3 b{ font-weight:700; }
.paket-kart ul{ list-style:none; margin-top:26px; display:grid; gap:12px; font-size:17px; font-weight:500; }
.paket-kart li{ display:flex; gap:12px; align-items:center; }
.paket-kart li::before{ content:""; flex:none; width:26px; height:26px; border-radius:50%; background:var(--kir) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/14px no-repeat; }
.paket-kart .btn{ margin-top:32px; position:relative; z-index:2; }
.paket-kart .not{ margin-top:16px; font-size:14px; color:#9fb0cc; position:relative; z-index:2; }
.halka{ position:absolute; right:-40px; top:-40px; width:200px; height:200px; z-index:1; opacity:.9; }
.halka text{ font:700 13.5px var(--f); letter-spacing:.32em; fill:rgba(255,255,255,.55); }
.anim .halka svg{ animation:don 26s linear infinite; }
@keyframes don{ to{ transform:rotate(360deg); } }
.moduller{ list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.moduller li{ background:#fff; border-radius:22px; padding:22px 22px 24px; border:1px solid color-mix(in srgb, var(--lac) 7%, transparent); transition:transform .2s, box-shadow .2s; }
.moduller li:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -28px rgba(10,22,40,.45); }
.moduller h3{ font-size:18px; font-weight:650; letter-spacing:-.03em; line-height:1.25; color:var(--lac); display:flex; gap:10px; align-items:flex-start; }
.moduller h3::before{ content:""; width:10px; height:10px; margin-top:.36em; border-radius:3px; background:var(--kir); flex:none; }
.moduller p{ margin-top:6px; font-size:15px; color:var(--metin-2); line-height:1.45; }
.moduller .tum{ grid-column:1/-1; background:var(--kart); border:0; display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center; justify-content:space-between; }
.moduller .tum p{ margin:0; color:var(--lac); font-size:16px; }
.moduller .tum a{ font-weight:700; color:var(--kir); }

/* ---------- OFFLINE BANDI: Sahne cam kart ---------- */
.bant{ position:relative; overflow:hidden; min-height:620px; display:flex; align-items:center; color:#fff; background:var(--lac); }
.bant > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bant .ton{ position:absolute; inset:0; background:linear-gradient(100deg, rgba(10,22,40,.92) 10%, rgba(10,22,40,.55) 50%, rgba(10,22,40,.1)); }
.bant .cam{ position:relative; max-width:640px; padding:46px 48px; border-radius:36px; background:rgba(255,255,255,.08); }
.bant .serit-goz{ display:inline-block; padding:9px 20px; margin-bottom:24px; font:700 13px var(--f); letter-spacing:.24em; background:linear-gradient(90deg, var(--kir), transparent); }
.bant h2{ font-size:clamp(40px,4.6vw,66px); color:rgba(255,255,255,.7); }
.bant h2 b{ color:#fff; } .bant h2 .k{ color:var(--kir-2); }
.bant p{ margin-top:20px; font-size:19px; color:#d5dcea; max-width:520px; }

/* ---------- SSS ---------- */
.sss{ padding:130px 0; }
.sss .kap{ display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:start; }
.sss h2{ font-size:clamp(40px,4.6vw,64px); }
.sss .kap > div:first-child{ position:sticky; top:110px; align-self:start; }
.sss .alt{ margin-top:18px; }
.soru{ border-bottom:1px solid color-mix(in srgb, var(--lac) 12%, transparent); }
.soru summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:24px 0; font-size:21px; font-weight:600; letter-spacing:-.03em; color:var(--lac); }
.soru summary::-webkit-details-marker{ display:none; }
.soru summary::after{ content:""; flex:none; width:36px; height:36px; border-radius:50%; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8102e' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/18px no-repeat; transition:transform .25s; }
.soru[open] summary::after{ transform:rotate(45deg); }
.soru p{ padding:0 56px 26px 0; color:var(--metin-2); font-size:17px; }

/* ---------- CTA + İLETİŞİM: Stüdyo ---------- */
.cta{ text-align:left; padding:130px 0; }
.cta .kap{ display:grid; grid-template-columns:1fr 480px; gap:64px; align-items:center; }
.cta h2 .ince{ display:block; }
.cta .dev{ font-size:clamp(46px,6vw,96px); }
.cta .btnler{ margin-top:38px; display:flex; gap:14px; flex-wrap:wrap; }
.cta .kunye{ margin-top:40px; font:600 13px var(--f); letter-spacing:.3em; color:#8c8c88; text-transform:uppercase; }
.cta .kunye i{ font-style:normal; color:var(--neon); }
.form{ background:#f6f5f1; color:var(--siyah); border-radius:30px; padding:34px; display:grid; grid-template-columns:1fr 1fr; gap:14px; text-align:left; box-shadow:0 40px 80px -40px rgba(0,0,0,.8); }
.form h3{ grid-column:1/-1; font-size:26px; font-weight:300; letter-spacing:-.04em; }
.form h3 b{ font-weight:700; }
.form label{ display:grid; gap:6px; font-size:13px; font-weight:600; color:#45454a; }
.form .tam{ grid-column:1/-1; }
.form input,.form select,.form textarea{ width:100%; border:1px solid #d9d7d0; background:#fff; border-radius:14px; padding:12px 14px; font-size:16px; }
.form textarea{ min-height:84px; resize:vertical; }
.form .onay{ grid-column:1/-1; display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:13px; color:#5b5b60; }
.form .onay input{ width:18px; height:18px; margin-top:2px; flex:none; accent-color:var(--kir); }
.form .onay a{ text-decoration:underline; }
.form .btn{ grid-column:1/-1; justify-content:center; }

/* ---------- footer ---------- */
footer{ background:var(--siyah); color:#a3a3a0; padding:70px 0 40px; font-size:15px; border-top:1px solid #222; }
footer .izgara{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; }
footer .logo{ color:#fff; }
footer h3{ font-size:13px; letter-spacing:.2em; text-transform:uppercase; color:#fff; font-weight:700; margin-bottom:16px; }
footer ul{ list-style:none; display:grid; gap:9px; }
footer a:hover{ color:#fff; }
footer address{ font-style:normal; line-height:1.7; margin-top:18px; }
footer .alt-s{ margin-top:56px; padding-top:24px; border-top:1px solid #222; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:13px; }
footer .alt-s ul{ display:flex; gap:18px; flex-wrap:wrap; }

/* sabit WhatsApp */
.wa{ position:fixed; right:20px; bottom:20px; z-index:60; width:58px; height:58px; border-radius:50%; background:#25d366; display:grid; place-items:center; box-shadow:0 14px 30px -10px rgba(0,0,0,.45); }
.wa svg{ width:30px; height:30px; }

/* ---------- duyarlı ---------- */
@media (max-width:1100px){
  .kap{ padding:0 32px; }
  .adimlar{ grid-template-columns:repeat(2,1fr); }
  .d3 .kap, .sss .kap, .video, .cta .kap{ grid-template-columns:1fr; }
  .sss .kap > div:first-child{ position:static; }
  .paket-izgara{ grid-template-columns:1fr; } .paket-kart{ position:relative; top:0; }
  .yirtik{ position:relative; left:auto; top:auto; margin:10px auto 0; transform:rotate(-3deg); }
  .menu{ gap:20px; } .ust .tel{ display:none; }
}
@media (max-width:900px){
  .hero .kap{ grid-template-columns:1fr; min-height:0; }
  .hero-sol{ padding:56px 0 10px; }
  .sahne{ justify-self:center; max-width:520px; }
  .menu, .ust .btn{ display:none; } .menu-ac{ display:block; }
  .ust.acik .menu{ display:grid; position:absolute; top:76px; left:0; right:0; background:var(--zemin); padding:16px 32px 26px; gap:16px; font-size:19px; border-bottom:1px solid color-mix(in srgb, var(--lac) 10%, transparent); }
  .karolar{ grid-template-columns:1fr 1fr; }
  .moduller{ grid-template-columns:1fr 1fr; }
  .uclu{ grid-template-columns:1fr; }
  footer .izgara{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  body{ font-size:16px; }
  .kap{ padding:0 18px; }
  .hero .alt{ font-size:18px; }
  .cam-okuma{ left:0; top:46%; padding:10px 14px 10px 10px; } .cam-okuma strong{ font-size:15px; }
  .cam-istat{ right:0; bottom:4%; padding:14px 16px; gap:16px; } .cam-istat b{ font-size:20px; }
  .nokta-isaret{ width:54px; height:54px; }
  .studyo, .akis, .d3, .sektor, .sss, .cta{ padding:84px 0; }
  .paket{ padding-bottom:84px; }
  .adimlar, .karolar, .form{ grid-template-columns:1fr; }
  .moduller{ grid-template-columns:1fr 1fr; gap:10px; } .moduller li{ padding:16px; } .moduller h3{ font-size:15px; } .moduller p{ font-size:13px; }
  .karo{ min-height:300px; }
  .matris{ grid-template-columns:78px repeat(12,1fr); gap:3px; } .matris .ad{ font-size:11px; } .matris .sa{ font-size:9px; } .matris .h{ border-radius:5px; }
  .matris-kart{ padding:18px; } .uyari{ position:relative; right:auto; bottom:auto; margin-top:16px; }
  .d3 .ozet{ grid-template-columns:1fr 1fr 1fr; gap:14px; } .d3 .ozet b{ font-size:22px; }
  .bant .cam{ padding:30px 24px; } .bant{ min-height:560px; }
  .soru summary{ font-size:18px; } .soru p{ padding-right:0; }
  .halka{ width:150px; height:150px; right:-30px; top:-30px; }
  footer .izgara{ grid-template-columns:1fr; }
  .serit ul{ gap:12px 22px; justify-content:flex-start; padding:18px 18px; }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .anim .rota path.s{ stroke-dashoffset:0; }
  .anim .matris .h.v{ opacity:1; transform:none; }
}

/* =====================================================================
   ALT SAYFA BİLEŞENLERİ
   ===================================================================== */
.menu a[aria-current="page"]{ color:var(--kir); }
.yol{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; font-size:14px; color:var(--metin-2); margin-bottom:22px; }
.yol li+li::before{ content:"/"; margin-right:8px; color:var(--soluk); }
.yol a:hover{ color:var(--kir); }
.yol [aria-current]{ color:var(--lac); font-weight:600; }

/* sayfa başı: Sahne penceresi */
.sb{ position:relative; overflow:hidden; background:radial-gradient(55% 80% at 80% 35%, #fff 0%, var(--zemin) 58%, var(--zemin-2) 100%); }
.sb .kap{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; padding-top:70px; padding-bottom:90px; }
.sb.tek .kap{ grid-template-columns:1fr; max-width:980px; }
.sb h1{ font-size:clamp(42px,5.2vw,78px); }
.sb h1 .goz{ display:flex; font-size:13px; letter-spacing:.2em; line-height:1; margin-bottom:22px; }
.sb .alt{ margin-top:24px; font-size:20px; max-width:600px; }
.sb .btnler{ margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }
.pencere{ position:relative; border-radius:40px; overflow:hidden; aspect-ratio:4/5; background:var(--lac); box-shadow:0 40px 80px -40px rgba(10,22,40,.55); }
.pencere.yatay{ aspect-ratio:16/10; }
.pencere img{ width:100%; height:100%; object-fit:cover; }
.pencere-kap{ position:relative; }
.pencere-kap .yay{ position:absolute; left:-25%; top:-20%; width:150%; aspect-ratio:1; pointer-events:none; z-index:0; }
.pencere-kap .pencere{ z-index:1; }
.pencere-kap .cam{ left:-28px; bottom:34px; padding:16px 20px; display:flex; gap:12px; align-items:center; }
.pencere-kap .cam .ik{ width:38px; height:38px; border-radius:12px; background:var(--kir); display:grid; place-items:center; flex:none; }
.pencere-kap .cam small{ display:block; font-size:12px; letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.pencere-kap .cam strong{ display:block; font-size:17px; letter-spacing:-.03em; }

/* içerik */
.bolum{ padding:110px 0; }
.bolum.beyaz{ background:#fff; }
.bolum.lac{ background:linear-gradient(160deg, var(--lac-2), var(--lac) 60%); color:#fff; }
.bolum.lac .cumle{ color:#9fb0cc; } .bolum.lac .cumle b{ color:#fff; } .bolum.lac .cumle .k{ color:var(--kir-2); } .bolum.lac .alt{ color:#b8c4d8; }
.bolum .bas{ margin-bottom:56px; }
.bolum .bas.sol{ text-align:left; margin-left:0; }
.icerik{ max-width:780px; }
.icerik.orta{ margin:0 auto; }
.icerik > * + *{ margin-top:18px; }
.icerik h2{ font-size:clamp(30px,3.2vw,44px); font-weight:300; letter-spacing:-.045em; line-height:1.05; color:var(--lac); margin-top:56px; }
.icerik h2 b{ font-weight:700; }
.icerik h3{ font-size:23px; font-weight:650; letter-spacing:-.03em; color:var(--lac); margin-top:34px; }
.icerik p, .icerik li{ font-size:18px; line-height:1.7; color:var(--metin-2); }
.icerik strong{ color:var(--lac); font-weight:650; }
.icerik a:not(.btn){ color:var(--kir); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.icerik ul{ list-style:none; display:grid; gap:10px; }
.icerik ul li{ position:relative; padding-left:34px; }
.icerik ul li::before{ content:""; position:absolute; left:0; top:.32em; width:22px; height:22px; border-radius:7px; background:var(--kir) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/13px no-repeat; }
.icerik ol{ padding-left:0; list-style:none; counter-reset:s; display:grid; gap:14px; }
.icerik ol li{ counter-increment:s; position:relative; padding-left:52px; }
.icerik ol li::before{ content:counter(s,decimal-leading-zero); position:absolute; left:0; top:0; font:700 22px/1.5 var(--f); letter-spacing:-.04em; color:var(--kir); }
.ozet-kutu{ background:var(--kart); border-radius:24px; padding:26px 30px; }
.ozet-kutu p{ color:var(--lac); font-size:19px; }
.ozet-kutu .goz{ margin-bottom:10px; }
.tablo-kap{ overflow-x:auto; border-radius:22px; border:1px solid color-mix(in srgb, var(--lac) 10%, transparent); background:#fff; }
.tablo{ width:100%; border-collapse:collapse; font-size:16px; min-width:560px; }
.tablo th, .tablo td{ text-align:left; padding:16px 20px; border-bottom:1px solid color-mix(in srgb, var(--lac) 8%, transparent); vertical-align:top; }
.tablo th{ background:var(--lac); color:#fff; font-weight:600; font-size:15px; }
.tablo tr:last-child td{ border-bottom:0; }
.tablo td:first-child{ font-weight:600; color:var(--lac); }
.iki{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.iki.ust-hiza{ align-items:start; }
.yan{ position:sticky; top:110px; }

/* kart ızgarası (hub) */
.kartlar3{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; list-style:none; }
.kartlar2{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; list-style:none; }
.lk{ position:relative; display:flex; flex-direction:column; height:100%; background:#fff; border-radius:30px; overflow:hidden; border:1px solid color-mix(in srgb, var(--lac) 7%, transparent); transition:transform .25s, box-shadow .25s; }
.lk:hover{ transform:translateY(-4px); box-shadow:0 30px 60px -36px rgba(10,22,40,.5); }
.lk .foto{ aspect-ratio:16/11; overflow:hidden; background:var(--lac); }
.lk .foto img{ width:100%; height:100%; object-fit:cover; }
.lk .ic{ padding:26px 28px 30px; display:flex; flex-direction:column; flex:1; }
.lk .goz{ font-size:12px; margin-bottom:12px; }
.lk h2, .lk h3{ font-size:26px; line-height:1.08; font-weight:300; letter-spacing:-.04em; color:var(--lac); }
.lk h2 b, .lk h3 b{ font-weight:700; }
.lk p{ margin-top:10px; font-size:16px; color:var(--metin-2); line-height:1.55; flex:1; }
.lk .ok-yazi{ margin-top:18px; font-weight:700; color:var(--kir); font-size:15px; }
.lk.lac{ background:var(--lac); border:0; } .lk.lac h2, .lk.lac h3{ color:#fff; } .lk.lac p{ color:#b8c4d8; }

/* modül detayı */
.modul-liste{ display:grid; gap:18px; }
.modul{ display:grid; grid-template-columns:260px 1fr; gap:30px; background:#fff; border-radius:26px; padding:30px 34px; border:1px solid color-mix(in srgb, var(--lac) 7%, transparent); scroll-margin-top:100px; }
.modul h3{ font-size:24px; font-weight:700; letter-spacing:-.035em; color:var(--lac); line-height:1.1; }
.modul .etk{ display:inline-block; margin-top:10px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--kir); }
.modul p{ font-size:17px; color:var(--metin-2); }
.modul ul{ margin-top:10px; list-style:none; display:grid; gap:6px; }
.modul ul li{ font-size:16px; color:var(--metin-2); padding-left:20px; position:relative; }
.modul ul li::before{ content:""; position:absolute; left:0; top:.6em; width:8px; height:8px; border-radius:2px; background:var(--kir); }

/* akış zinciri (Stil D kodla örülen grafik) */
.zincir{ list-style:none; display:grid; grid-template-columns:repeat(6,1fr); gap:0; position:relative; margin-top:20px; }
.zincir::before{ content:""; position:absolute; left:4%; right:4%; top:37px; height:6px; border-radius:6px; background:linear-gradient(90deg, var(--kir-2), var(--kir), var(--kir-3)); }
.zincir li{ position:relative; text-align:center; padding:0 8px; }
.zincir .dg{ width:80px; height:80px; margin:0 auto; border-radius:24px; background:#fff; border:3px solid var(--kir); display:grid; place-items:center; font:800 20px var(--f); letter-spacing:-.04em; color:var(--lac); position:relative; z-index:1; }
.zincir li.merkez .dg{ background:var(--kir); color:#fff; }
.zincir h3{ margin-top:16px; font-size:18px; font-weight:700; letter-spacing:-.03em; color:var(--lac); }
.zincir p{ margin-top:4px; font-size:14px; color:var(--metin-2); line-height:1.45; }
.bolum.lac .zincir .dg{ background:var(--lac-2); color:#fff; } .bolum.lac .zincir li.merkez .dg{ background:var(--kir); }
.bolum.lac .zincir h3{ color:#fff; } .bolum.lac .zincir p{ color:#9fb0cc; }

/* kısa CTA bandı */
.cta-bant{ position:relative; overflow:hidden; background:radial-gradient(70% 90% at 50% 40%, var(--siyah-2), var(--siyah) 70%); color:#fff; padding:96px 0; text-align:center; }
.cta-bant::after{ content:""; position:absolute; inset:0; background:var(--gren); pointer-events:none; }
.cta-bant .kap{ z-index:2; }
.cta-bant h2{ font-size:clamp(38px,5vw,72px); font-weight:250; letter-spacing:-.05em; line-height:1; color:#d9d9d6; }
.cta-bant h2 b{ font-weight:800; color:#fff; }
.cta-bant p{ margin:20px auto 0; max-width:620px; color:#b9b9b5; font-size:18px; }
.cta-bant .btnler{ margin-top:32px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* makale */
.makale-bas{ display:flex; gap:18px; flex-wrap:wrap; font-size:14px; color:var(--metin-2); margin-top:20px; }
.makale-gorsel{ border-radius:34px; overflow:hidden; aspect-ratio:16/8; margin-top:-40px; position:relative; z-index:2; box-shadow:0 40px 70px -40px rgba(10,22,40,.5); }
.makale-gorsel img{ width:100%; height:100%; object-fit:cover; }
.icindekiler{ background:#fff; border-radius:24px; padding:24px 28px; border:1px solid color-mix(in srgb, var(--lac) 8%, transparent); }
.icindekiler .goz{ font-size:12px; }
.icindekiler ol{ margin-top:12px; gap:6px; } .icindekiler ol li{ font-size:16px; padding-left:38px; } .icindekiler ol li::before{ font-size:16px; }

/* iletişim */
.nap{ display:grid; gap:16px; }
.nap div{ background:#fff; border-radius:22px; padding:22px 26px; border:1px solid color-mix(in srgb, var(--lac) 8%, transparent); }
.nap small{ display:block; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--kir); margin-bottom:6px; }
.nap strong, .nap a{ font-size:20px; letter-spacing:-.03em; color:var(--lac); font-weight:600; font-style:normal; }
.nap address{ font-style:normal; font-size:18px; color:var(--lac); line-height:1.5; }
.form.acik-z{ box-shadow:0 30px 60px -40px rgba(10,22,40,.4); border:1px solid color-mix(in srgb, var(--lac) 8%, transparent); }

@media (max-width:1100px){
  .sb .kap, .iki{ grid-template-columns:1fr; }
  .sb .kap{ padding-top:44px; padding-bottom:64px; gap:40px; }
  .pencere-kap{ max-width:560px; }
  .kartlar3{ grid-template-columns:1fr 1fr; }
  .zincir{ grid-template-columns:repeat(3,1fr); row-gap:40px; } .zincir::before{ display:none; }
  .yan{ position:static; }
}
@media (max-width:700px){
  .kartlar3, .kartlar2{ grid-template-columns:1fr; }
  .modul{ grid-template-columns:1fr; gap:12px; padding:24px; }
  .bolum{ padding:76px 0; }
  .zincir{ grid-template-columns:1fr 1fr; }
  .pencere-kap .cam{ left:12px; bottom:14px; }
  .icerik p, .icerik li{ font-size:17px; }
  .makale-gorsel{ margin-top:-20px; border-radius:22px; }
  .cta-bant{ padding:72px 0; }
}

/* =====================================================================
   HAREKET (motion) · yalnız html.anim varken; prefers-reduced-motion'da kapalı
   ===================================================================== */
@media (prefers-reduced-motion:no-preference){

/* kaydırınca beliren içerik */
.anim :is(.bas, .karo, .lk, .adimlar li, .moduller li, .modul, .uclu > div, .soru, .icerik > *, .zincir li, .matris-kart, .paket-kart, .pencere-kap, .video > *, .nap > div, .form, .tablo-kap, .studyo h2, .nesne-kap, .yirtik, .studyo .govde, .cta-bant .kap > *, .d3 .kap > div:first-child, .bant .cam, .sss .kap > div:first-child, footer .izgara > div){
  transition:opacity .9s cubic-bezier(.16,.84,.24,1), transform .9s cubic-bezier(.16,.84,.24,1), box-shadow .25s;
  transition-delay:calc(var(--s,0) * 85ms);
}
.anim :is(.bas, .karo, .lk, .adimlar li, .moduller li, .modul, .uclu > div, .soru, .icerik > *, .zincir li, .matris-kart, .paket-kart, .pencere-kap, .video > *, .nap > div, .form, .tablo-kap, .studyo h2, .nesne-kap, .yirtik, .studyo .govde, .cta-bant .kap > *, .d3 .kap > div:first-child, .bant .cam, .sss .kap > div:first-child, footer .izgara > div):not(.gorundu){
  opacity:0; transform:translate3d(0,38px,0);
}
.anim :is(.karo, .lk, .adimlar li, .paket-kart, .matris-kart, .form):not(.gorundu){ transform:translate3d(0,48px,0) scale(.95); }
.anim .pencere-kap:not(.gorundu){ transform:translate3d(60px,0,0) scale(.96); }
.anim .yirtik:not(.gorundu){ transform:translate3d(0,30px,0) rotate(-12deg); }
.anim .zincir li:not(.gorundu){ transform:translate3d(0,24px,0) scale(.8); }

/* kırmızı vurgu kelimesinin altına çizgi çekilir */
.anim .bas .cumle .k, .anim .sb h1 .k{ background:linear-gradient(currentColor,currentColor) 0 94%/0 .07em no-repeat; transition:background-size 1.1s cubic-bezier(.6,.1,.2,1) .5s; }
.anim .bas.gorundu .cumle .k, .anim .sb h1 .k{ background-size:100% .07em; }
.anim .sb h1 .k{ transition-delay:1s; }

/* ana sayfa hero açılışı */
@keyframes yuksel{ from{ opacity:0; transform:translate3d(0,34px,0); } to{ opacity:1; transform:none; } }
@keyframes kisiGir{ from{ opacity:0; transform:translate3d(70px,0,0) scale(.97); } to{ opacity:1; transform:none; } }
@keyframes pop{ 0%{ opacity:0; transform:translate3d(0,18px,0) scale(.85); } 70%{ opacity:1; transform:scale(1.04); } 100%{ opacity:1; transform:none; } }
@keyframes popN{ 0%{ opacity:0; transform:translate(-50%,-50%) scale(.3) rotate(-20deg); } 70%{ opacity:1; transform:translate(-50%,-50%) scale(1.12); } 100%{ opacity:1; transform:translate(-50%,-50%); } }
.anim .hero-sol > *{ animation:yuksel .95s cubic-bezier(.16,.84,.24,1) both; }
.anim .hero-sol > :nth-child(1){ animation-delay:.05s; } .anim .hero-sol > :nth-child(2){ animation-delay:.15s; }
.anim .hero-sol > :nth-child(3){ animation-delay:.35s; } .anim .hero-sol > :nth-child(4){ animation-delay:.5s; }
.anim .hero-sol > :nth-child(5){ animation-delay:.65s; }
.anim .hero h1 .vk{ animation:pop .8s cubic-bezier(.3,1.4,.5,1) .55s both; }
.anim .sahne .kisi{ animation:kisiGir 1.2s cubic-bezier(.16,.84,.24,1) .2s both; }
.anim .sahne .nokta-isaret{ animation:popN .8s cubic-bezier(.3,1.4,.5,1) 1.1s both; }
.anim .sahne .cam-okuma{ animation:pop .8s cubic-bezier(.3,1.4,.5,1) 1.35s both; }
.anim .sahne .cam-istat{ animation:pop .8s cubic-bezier(.3,1.4,.5,1) 1.6s both; }
.anim .sahne .yay{ animation:don 120s linear infinite; }
.halka-nabiz{ position:absolute; z-index:3; width:74px; height:74px; border-radius:22px; border:3px solid var(--kir); transform:translate(-50%,-50%); pointer-events:none; opacity:0; }
.anim .halka-nabiz{ animation:nabizKare 2.4s ease-out 2s infinite; }
.anim .halka-nabiz.h2{ animation-delay:3.2s; }
@keyframes nabizKare{ 0%{ opacity:.7; transform:translate(-50%,-50%) scale(1); } 100%{ opacity:0; transform:translate(-50%,-50%) scale(2.1); } }
.cam-okuma strong, .cam-okuma .canli{ transition:opacity .35s, transform .35s; }
.cam-okuma.degisiyor strong{ opacity:0; transform:translateY(-8px); }

/* alt sayfa hero açılışı */
.anim .sb .kap > div:first-child > *{ animation:yuksel .95s cubic-bezier(.16,.84,.24,1) both; }
.anim .sb .kap > div:first-child > :nth-child(2){ animation-delay:.1s; }
.anim .sb .kap > div:first-child > :nth-child(3){ animation-delay:.25s; }
.anim .sb .kap > div:first-child > :nth-child(4){ animation-delay:.4s; }
.anim .sb .kap > div:first-child > :nth-child(5){ animation-delay:.5s; }
.anim .sb .pencere-kap{ animation:kisiGir 1.2s cubic-bezier(.16,.84,.24,1) .2s both; transition:none; }
.anim .sb .pencere-kap .cam{ animation:pop .8s cubic-bezier(.3,1.4,.5,1) 1.1s both; }
.anim .sb .pencere img, .anim .pencere-kap .pencere img{ animation:kb 22s ease-in-out infinite alternate; }
.anim .pencere-kap .yay{ animation:don 140s linear infinite; }

/* güven şeridi: kayan bant */
@keyframes kay{ to{ transform:translate3d(-50%,0,0); } }
.serit.kayan ul{ flex-wrap:nowrap; width:max-content; justify-content:flex-start; gap:56px; padding-left:28px; animation:kay 38s linear infinite; }
.serit.kayan:hover ul{ animation-play-state:paused; }

/* stüdyo */
@keyframes suz{ 50%{ transform:translate3d(0,-14px,0) rotate(-1.5deg); } }
.anim .nesne-kap img{ animation:suz 6.5s ease-in-out infinite; }
.anim .yildiz{ animation:don 16s linear infinite; }
.anim .studyo h2 .kutu{ display:inline-block; transition:transform .8s cubic-bezier(.3,1.5,.5,1) .35s, opacity .6s .35s; }
.anim .studyo h2:not(.gorundu) .kutu{ transform:scale(.6) rotate(-6deg); opacity:0; }

/* akış: kurdele ekrana gelince çizilir */
.anim .adim-kap svg.kurdele path{ stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 2.2s cubic-bezier(.6,.1,.2,1); }
.anim .adim-kap.gorundu svg.kurdele path{ stroke-dashoffset:0; }

/* zincir çizgisi soldan dolar */
.anim .zincir::before{ transform:scaleX(0); transform-origin:left; transition:transform 1.8s cubic-bezier(.6,.1,.2,1) .2s; }
.anim .zincir.gorundu::before{ transform:none; }

/* tur matrisi */
@keyframes yanson{ 50%{ opacity:.25; } }
.anim .matris .h.x{ animation:yanson 1.3s ease-in-out infinite; }
.anim .matris-kart .uyari{ opacity:0; transform:translate3d(0,18px,0) scale(.94); transition:opacity .6s, transform .7s cubic-bezier(.3,1.4,.5,1); transition-delay:1.7s; }
.anim .matris-kart.gorundu .uyari{ opacity:1; transform:none; }

/* gece bandı / makale görseli: yavaş yakınlaşma */
@keyframes kb{ from{ transform:scale(1); } to{ transform:scale(1.09); } }
.anim .bant > img, .anim .makale-gorsel img{ animation:kb 20s ease-in-out infinite alternate; }

/* düğme parıltısı */
.btn{ position:relative; overflow:hidden; isolation:isolate; }
.btn::after{ content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); transform:skewX(-20deg); transition:left .7s cubic-bezier(.2,.7,.2,1); z-index:-1; pointer-events:none; }
.btn:hover::after{ left:130%; }

/* parallax katmanları (JS translate verir) */
.sahne .kisi, .sahne .yay{ will-change:translate; }
}

/* kaydırma ilerleme çubuğu */
.ilerleme{ position:fixed; left:0; top:0; height:3px; width:100%; z-index:70; background:linear-gradient(90deg, var(--kir-2), var(--kir)); transform-origin:0 50%; transform:scaleX(0); pointer-events:none; }