/* ICEAOS v2: Blamos yapı dili (0 Merkez/tasarim/referans/BLAMOS/TASARIM-DILI.md), ICEAOS kimliği */
@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-tr.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+011E-011F,U+0130,U+015E-015F}
:root{
  --zemin:#fff;--yazi:#0f0f0f;--gri:#5c5c5c;--gri-2:#828282;--kutu:#f4f6f9;--kutu-2:#eceff3;--cizgi:rgba(0,0,0,.08);
  --siyah:#0a0a0a;--siyah-2:#161616;--siyah-cizgi:rgba(255,255,255,.1);--siyah-yazi:rgba(255,255,255,.64);
  --vurgu:#1f74b8;--vurgu-2:#175a91;--vurgu-acik:#e6f0f9;--vurgu-koyu:#6cb4ee;
  --kose:30px;--kose-k:18px;--bolum:100px;--yan:40px;--menu:64px;
  --egri:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--zemin);color:var(--yazi);font:500 16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;box-shadow:0 0 0 2px #fff;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gizli-svg{position:absolute}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--siyah);color:#fff;padding:10px 16px;border-radius:12px}
.skip:focus{top:12px}
.ik{width:18px;height:18px;flex:none}
.ok{width:14px;height:14px;flex:none}
.kap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--yan)}
.kap-genis{max-width:1320px;padding:0 20px var(--yan)}
main{display:block}

/* Düğmeler */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border-radius:50px;border:1px solid transparent;font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1;cursor:pointer;transition:transform .3s var(--egri),background-color .2s,box-shadow .2s;white-space:nowrap}
.dg:hover{transform:translateY(-1px)}
.dg:active{transform:translateY(0) scale(.98)}
.dg .ik{width:16px;height:16px}
.dg-vurgu{background:var(--vurgu);color:#fff}
.dg-vurgu:hover{background:var(--vurgu-2)}
.dg-siyah{background:var(--siyah);color:#fff}
.dg-beyaz{background:#fff;color:var(--yazi);border-color:var(--cizgi)}
.dg-tam{width:100%}
.dg-sira{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* Bölüm üçlüsü: hap, iki satır başlık, gri açıklama */
.hap{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:50px;background:#fff;border:1px solid var(--cizgi);font-size:13px;font-weight:500;margin-bottom:20px}
.hap .ik{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--siyah);color:#fff}
.hap-canli{padding-left:14px}
.nokta{width:7px;height:7px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 4px var(--vurgu-acik)}
.hap-koyu{background:rgba(255,255,255,.06);border-color:var(--siyah-cizgi);color:#fff}
.hap-koyu .ik{background:var(--vurgu)}
h2,.bas-sol{font-size:clamp(32px,4.2vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.035em}
.bas-orta{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:56px}
.alt-acik{color:var(--gri);max-width:520px;margin-top:16px}
.bas-sira{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.kucuk-baslik{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gri-2);margin:48px 0 16px}
.kucuk-orta{text-align:center;margin-top:80px;color:var(--vurgu)}
.bolum{padding:calc(var(--bolum) * .5) 0}
.bolum-dar{padding:24px 0}
.kutu-gri{background:var(--kutu);border-radius:var(--kose);padding:40px 48px}

/* Üst menü: kayınca yüzen hap */
.ust{position:sticky;top:0;z-index:50;height:calc(var(--menu) + 12px);padding:12px var(--yan) 0}
.ust-ic{position:relative;max-width:1240px;margin:0 auto;height:var(--menu);display:flex;align-items:center;gap:24px;padding:0 8px;container-type:inline-size}
.ust-logo{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:.02em}
.ust-logo svg{width:24px;height:24px}
.ust-menu{display:flex;gap:4px;margin:0 auto;font-size:14px}
.ust-menu a{padding:8px 12px;border-radius:50px;transition:background-color .2s}
.ust-menu a:hover,.ust-menu a[aria-current]{background:var(--kutu)}
.ust-wa{min-height:42px;padding:0 18px;font-size:14px}
.ust-ac{display:none;width:44px;height:44px;border:0;background:var(--kutu);border-radius:50%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.ust-ac span{width:16px;height:1.8px;background:currentColor;border-radius:2px;transition:transform .3s var(--egri)}
.ust-ac[aria-expanded="true"] span:first-child{transform:translateY(3.4px) rotate(45deg)}
.ust-ac[aria-expanded="true"] span:last-child{transform:translateY(-3.4px) rotate(-45deg)}

/* Giriş */
.v-giris{position:relative;padding:72px 0 64px;overflow:hidden}
.ana .v-giris{min-height:calc(100svh - 76px);display:flex;align-items:center;padding:40px 0 72px}
.giris-isik{position:absolute;inset:-20% -10% auto;height:90%;background:radial-gradient(40% 50% at 50% 40%,rgba(31,116,184,.10),transparent 70%);pointer-events:none}
.giris-ic{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.giris-bas{font-size:clamp(40px,6.2vw,76px);font-weight:700;line-height:1.08;letter-spacing:-.055em;max-width:1000px}
.giris-bas em{font-style:normal;color:var(--vurgu)}
.bas-gorsel{display:inline-flex;vertical-align:-.08em;width:1.5em;height:.95em;border-radius:.24em;overflow:hidden;background:var(--kutu);box-shadow:0 6px 18px -8px rgba(0,0,0,.35);transform:rotate(-4deg);margin:0 .04em}
.bas-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top}
.bas-gorsel-koyu{background:var(--siyah);color:#fff;align-items:center;justify-content:center;width:1.1em;transform:rotate(5deg)}
.bas-gorsel-koyu svg{width:.62em;height:.62em}
.giris-acik{max-width:600px;margin:28px auto 36px;color:var(--gri);font-size:17px;line-height:1.6}
.guven{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:14px;color:var(--gri)}
.guven img{width:40px;height:26px;border-radius:7px;object-fit:cover;object-position:left top;border:1px solid var(--cizgi)}
.v-giris-sol .kap{display:block}
.kirinti{font-size:13px;color:var(--gri-2);margin-bottom:20px}
.kirinti a::before{content:"← "}
.v-giris-sol .hz-slogan{font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.05em;max-width:760px}
.v-giris-sol .giris-acik{margin:24px 0 40px;text-align:left}
.bilgi-sira{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.bilgi{padding:4px 0 4px 20px;border-left:2px solid var(--vurgu-acik)}
.bilgi b{display:block;font-size:30px;font-weight:600;color:var(--vurgu);letter-spacing:-.04em}
.bilgi span{font-size:13px;color:var(--gri)}
.yaklasim p{max-width:760px;font-size:17px;line-height:1.65}

/* Bilgi kartları */
.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bilgi-kart{border:1px solid var(--cizgi);border-radius:var(--kose);padding:28px 32px}
.bilgi-kart b{font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1;display:block}
.bilgi-kart b i{font-style:normal;color:var(--vurgu)}
.bilgi-kart span{display:block;font-size:15px;margin-top:8px;font-weight:600}
.bilgi-kart p{color:var(--gri);font-size:14px;margin-top:14px;line-height:1.55}

/* Neden: yatay kaydırma */
.kaydir-ok{display:flex;gap:8px}
.kaydir-ok button{width:44px;height:44px;border-radius:50%;border:0;background:var(--kutu);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.kaydir-ok button:first-child .ik{transform:scaleX(-1)}
.kaydir-ok button:last-child{background:var(--vurgu);color:#fff}
.neden{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.neden::-webkit-scrollbar{display:none}
.neden-kart{scroll-snap-align:start;min-height:320px;background:var(--kutu);border-radius:var(--kose);padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.neden-kart p{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.03em}
.neden-no{font-size:88px;font-weight:700;letter-spacing:-.06em;line-height:.8;color:#fff;-webkit-text-stroke:1.5px var(--kutu-2);align-self:flex-end;color:transparent}
.neden-koyu{background:var(--siyah);color:#fff}
.neden-koyu .neden-no{-webkit-text-stroke-color:rgba(108,180,238,.55)}

/* Hizmetler */
.hz-duzen{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}
.hz-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.hz-nav a{color:var(--gri-2);transition:color .2s}
.hz-nav a.etkin,.hz-nav a:hover{color:var(--yazi);font-weight:600}
.hz-liste{display:flex;flex-direction:column;gap:20px}
.hz-kart{background:var(--kutu);border-radius:var(--kose);padding:8px;scroll-margin-top:110px}
.hz-ust{padding:28px 28px 24px}
.hz-kart h3{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;letter-spacing:-.03em}
.hz-kart h3 .ik{width:36px;height:36px;padding:8px;border-radius:12px;background:#fff;color:var(--vurgu)}
.hz-kart p{color:var(--gri);margin:14px 0 20px;max-width:560px}
.haplar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.haplar li{padding:6px 12px;border-radius:50px;background:#fff;border:1px solid var(--cizgi);font-size:13px}
.hz-git{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--kose-k);padding:18px 24px;font-weight:600;font-size:15px;transition:box-shadow .2s}
.hz-git .ok{width:30px;height:30px;padding:8px;border-radius:50%;border:1px solid var(--cizgi);transition:background-color .2s,color .2s}
.hz-git:hover .ok{background:var(--vurgu);color:#fff;border-color:var(--vurgu)}

/* Paketler */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.paket{position:relative;display:flex;flex-direction:column;background:var(--kutu);border-radius:var(--kose);padding:32px}
.paket h3{font-size:24px;font-weight:600;letter-spacing:-.03em}
.paket-kim{color:var(--gri);font-size:14px;margin:10px 0 24px;min-height:44px}
.tikler{list-style:none;margin:0 0 32px;padding:24px 0 0;border-top:1px solid var(--cizgi);display:flex;flex-direction:column;gap:12px;font-size:14px;flex:1}
.tikler li{display:flex;gap:10px;align-items:flex-start}
.tikler li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;background:var(--vurgu-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8.5' fill='none' stroke='%231f74b8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.paket-koyu{background:var(--siyah);color:#fff;transform:translateY(-12px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.paket-koyu .paket-kim{color:var(--siyah-yazi)}
.paket-koyu .tikler{border-color:var(--siyah-cizgi)}
.paket-koyu .tikler li::before{background-color:rgba(108,180,238,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8.5' fill='none' stroke='%236cb4ee' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.rozet{display:inline-block;padding:4px 10px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.paket .rozet{position:absolute;top:30px;right:28px;background:var(--vurgu);color:#fff}
.rozet-vurgu{background:var(--vurgu);color:#fff;vertical-align:3px;margin-left:8px}

/* Süreç */
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.adimlar li{border:1px solid var(--cizgi);border-radius:var(--kose-k);padding:24px}
.adimlar b{display:block;font-size:34px;font-weight:600;color:var(--vurgu);letter-spacing:-.04em;line-height:1;margin-bottom:20px}
.adimlar h3{font-size:16px;font-weight:600;margin-bottom:8px}
.adimlar p{font-size:14px;color:var(--gri);line-height:1.55}
.akordeon .adimlar{display:flex;gap:12px;height:360px}
.akordeon .adimlar li{flex:1;min-width:0;border:0;background:var(--kutu);border-radius:var(--kose);padding:28px;position:relative;overflow:hidden;cursor:pointer;transition:flex-grow .6s var(--egri),background-color .4s}
.akordeon .adimlar b{font-size:72px;transition:color .4s}
.akordeon .adimlar h3,.akordeon .adimlar p{opacity:0;transition:opacity .3s;max-width:560px}
.akordeon .adimlar h3{position:absolute;left:120px;top:36px;font-size:20px}
.akordeon .adimlar p{position:absolute;left:28px;right:28px;bottom:28px;font-size:16px}
.akordeon .adimlar li.etkin{flex-grow:6;background:var(--siyah);color:#fff;cursor:default}
.akordeon .adimlar li.etkin b{color:#fff}
.akordeon .adimlar li.etkin h3,.akordeon .adimlar li.etkin p{opacity:1;transition-delay:.25s}
.akordeon .adimlar li.etkin p{color:var(--siyah-yazi)}

/* Kurucu */
.kurucu{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.kurucu-gorsel{margin:0;border-radius:var(--kose);overflow:hidden;background:var(--siyah);position:relative}
.kurucu-gorsel img{width:100%;aspect-ratio:4/3.4;object-fit:cover}
.kurucu-ad{font-size:20px;font-weight:600;margin:22px 0 14px}
.kurucu-metin p:not(.hap):not(.kurucu-ad){color:var(--gri);margin-bottom:14px;max-width:520px}
.kurucu-metin .dg{margin-top:12px}
.alanlar-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.alan-kart{background:var(--kutu);border-radius:var(--kose-k);padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;font-size:14px;transition:transform .4s var(--egri)}
.alan-kart:nth-child(odd){transform:rotate(-1.2deg)}
.alan-kart:nth-child(even){transform:rotate(1deg)}
.alan-kart:hover{transform:none}
.alan-kart .ik{width:64px;height:64px;padding:18px;border-radius:50%;background:#fff;color:var(--vurgu)}

/* İşler */
.isler{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.is-kart{display:block}
.is-gorsel{display:block;border-radius:var(--kose);overflow:hidden;background:var(--kutu);aspect-ratio:16/11}
.is-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--egri)}
.is-kart:hover .is-gorsel img{transform:scale(1.03)}
.is-alt{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 4px}
.is-alt b{display:block;font-size:17px;font-weight:600}
.is-alt small{color:var(--gri-2);font-size:13px}
.daha{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}

/* SSS */
.sss-sira{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.sss{display:flex;flex-direction:column;gap:8px}
.sss details{background:var(--kutu);border-radius:var(--kose-k);transition:background-color .2s}
.sss summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-weight:500;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:24px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center/14px 1.8px no-repeat,linear-gradient(currentColor,currentColor) center/1.8px 14px no-repeat;transition:transform .3s var(--egri)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 24px 22px;color:var(--gri);font-size:15px;line-height:1.6}

/* Hizmet sayfası */
.mini-kart{background:var(--kutu);border-radius:var(--kose-k);padding:24px}
.mini-kart .ik{width:34px;height:34px;padding:8px;border-radius:50%;background:#fff;color:var(--vurgu);margin-bottom:22px}
.mini-kart h3{font-size:16px;font-weight:600;margin-bottom:6px}
.mini-kart p{font-size:14px;color:var(--gri)}
.hizmet .bas-sol + .izgara-3,.hizmet .bas-sol + .adimlar{margin-top:32px}
.uygun-mu{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--siyah);color:#fff;border-radius:var(--kose);padding:40px 48px}
.uygun-mu h2{font-size:28px;letter-spacing:-.03em}
.uygun-mu p{color:var(--siyah-yazi);margin-top:8px;max-width:460px;font-size:15px}
.diger{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.diger a{display:flex;justify-content:space-between;align-items:center;background:var(--kutu);border-radius:var(--kose-k);padding:16px 20px;font-size:15px;transition:background-color .2s}
.diger a:hover{background:var(--kutu-2)}

/* Siyah blok: iletişim + alt bilgi */
.siyah-blok{margin-top:72px;background:var(--siyah);color:#fff;border-radius:var(--kose);padding:56px 48px 28px;overflow:hidden;position:relative}
.iletisim{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:48px}
.iletisim h2{font-size:clamp(30px,3.6vw,42px)}
.ilt-acik{color:var(--siyah-yazi);margin:14px 0 32px;max-width:400px}
.ilt-kutular{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ilt-kutu{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--siyah-cizgi);border-radius:var(--kose-k);padding:16px;font-size:14px;transition:background-color .2s}
a.ilt-kutu:hover{background:rgba(255,255,255,.08)}
.ilt-kutu .ik{width:38px;height:38px;padding:10px;border-radius:50%;background:rgba(31,116,184,.22);color:var(--vurgu-koyu)}
.ilt-kutu small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--siyah-yazi);margin-bottom:2px}
.form-kart{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px}
.form-bas{font-weight:600;font-size:17px}
.form-alt{font-size:13px;color:var(--siyah-yazi);margin:4px 0 20px}
.alanlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.alan{display:block;margin:0}
.alan-tam{grid-column:1/-1}
/* Görünür etiket; kenar zemine karşı en az 3:1, yer tutucu 4,5:1 (29 Ekim erişim denetimi) */
.alan>label{display:block;font-size:13px;font-weight:600;color:var(--siyah-yazi);margin:0 0 6px 4px}
.alan>label .opt{font-weight:400;color:inherit}
.alan-hata{color:#ff9a90;font-size:13px;margin:6px 0 0 4px}
.alan input,.alan select,.alan textarea{width:100%;min-height:48px;padding:12px 18px;border-radius:50px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.06);color:#fff;outline:0;transition:border-color .2s,background-color .2s}
.alan textarea{border-radius:20px;resize:vertical;min-height:96px}
.alan select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.alan select option{color:#000}
.alan input::placeholder,.alan textarea::placeholder{color:rgba(255,255,255,.55)}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--vurgu-koyu);background:rgba(255,255,255,.09)}
.alan [aria-invalid="true"]{border-color:#ff7a6e}
.secimler{border:0;padding:6px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.secimler legend{font-size:13px;color:var(--siyah-yazi);margin-bottom:10px;padding:0}
.secimler label{cursor:pointer}
.secimler input{position:absolute;opacity:0;width:1px;height:1px}
.secimler span{display:inline-block;padding:8px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.38);font-size:13px;transition:background-color .2s,border-color .2s}
.secimler input:checked + span{background:var(--vurgu);border-color:var(--vurgu)}
.secimler input:focus-visible + span{outline:2px solid var(--vurgu-koyu);outline-offset:2px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--siyah-yazi);margin:16px 0;cursor:pointer}
.onay input{margin-top:2px;accent-color:var(--vurgu);width:16px;height:16px;flex:none}
.onay a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.onay input[aria-invalid="true"]{outline:2px solid #ff7a6e;outline-offset:2px}
#k-kvkk-hata{margin:-8px 0 14px}
.form-durum{font-size:14px;line-height:1.5;outline:0}
.form-durum:not(:empty){margin-top:14px}
.form-durum.tamam{color:var(--vurgu-koyu)}
.form-durum.hata{color:#ff9a90}
.form-durum a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.alt{position:relative;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-top:64px;padding-top:40px;border-top:1px solid var(--siyah-cizgi);font-size:14px}
.alt nav,.alt>div:not(.alt-marka){display:flex;flex-direction:column;gap:10px}
.alt nav p,.alt>div:not(.alt-marka)>p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--siyah-yazi);margin-bottom:6px}
.alt a{color:rgba(255,255,255,.86);transition:color .2s}
.alt a:hover{color:#fff}
.alt span{color:var(--siyah-yazi)}
.alt-logo{font-size:22px}
.alt-logo svg{width:30px;height:30px}
.alt-marka p{color:var(--siyah-yazi);margin:14px 0 18px;max-width:280px}
.alt-sosyal{display:flex;gap:8px}
.alt-sosyal a{width:38px;height:38px;border-radius:50%;border:1px solid var(--siyah-cizgi);display:grid;place-items:center}
.alt-yasal{position:relative;display:flex;flex-wrap:wrap;gap:18px;margin-top:40px;padding-top:20px;border-top:1px solid var(--siyah-cizgi);font-size:12.5px;color:var(--siyah-yazi)}
.alt-yasal a:hover{color:#fff}
.alt-yasal button{background:none;border:0;padding:0;color:inherit;cursor:pointer;font-size:inherit}

/* Sayfa girişi (iç sayfalar) */
.sayfa-giris{padding:64px 0 24px}
.sayfa-giris h1{font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.05em;line-height:1.08;max-width:820px}
.sayfa-giris .giris-acik{margin:20px 0 0;text-align:left}
.metin{max-width:720px}
.metin h2{font-size:28px;margin:48px 0 14px;letter-spacing:-.03em}
.metin p{color:var(--gri);margin-bottom:14px;font-size:17px;line-height:1.65}

/* Belirme */
.js [data-bel]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--egri),transform .8s var(--egri)}
.js [data-bel].gor{opacity:1;transform:none}

/* Tablet */
@media (max-width:1060px){
  .ust-menu a{padding:8px 9px}
  .hz-duzen{grid-template-columns:1fr}
  .hz-nav{display:none}
  .alanlar-5{grid-template-columns:repeat(3,1fr)}
  .kurucu{gap:40px}
}
/* Telefon: ayrı kurgu */
@media (max-width:860px){
  :root{--yan:16px;--kose:24px;--bolum:72px}
  .ust{padding:8px 12px 0;height:64px}
  .ust-ic{max-width:none;height:56px;padding:0 6px 0 16px}
  .ust-ac{display:flex;margin-left:auto}
  .ust-wa{min-height:40px;padding:0 14px;font-size:13px}
  .ust-menu{position:absolute;left:0;right:0;top:64px;flex-direction:column;gap:2px;background:#fff;border-radius:24px;padding:10px;box-shadow:0 24px 50px -20px rgba(0,0,0,.3),0 0 0 1px var(--cizgi);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .35s var(--egri),visibility 0s .35s;font-size:17px}
  .ust-menu.acik{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--egri)}
  .ust-menu a{padding:14px 16px}
  .ana .v-giris{min-height:auto;padding:48px 0 40px}
  .giris-bas{font-size:clamp(36px,10.4vw,52px);letter-spacing:-.05em}
  .giris-bas br{display:none}
  .giris-acik{font-size:16px;margin:22px auto 28px}
  .dg-sira{flex-direction:column;align-self:stretch}
  .dg-sira .dg{width:100%}
  .guven{font-size:13px;text-align:left}
  .izgara-3,.bilgi-sira{grid-template-columns:1fr}
  .bilgi-kart{padding:22px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:end}
  .bilgi-kart b{font-size:42px}
  .bilgi-kart span{margin:0 0 4px}
  .bilgi-kart p{grid-column:1/-1}
  .bas-sira{flex-direction:column;align-items:flex-start}
  .kaydir-ok{display:none}
  .neden{grid-auto-columns:78%;margin:0 calc(var(--yan) * -1);padding:0 var(--yan) 4px;scroll-padding:0 var(--yan)}
  .neden-kart{min-height:260px}
  .bas-orta{margin-bottom:36px}
  .hz-ust{padding:22px 18px 18px}
  .hz-kart h3{font-size:20px}
  .paketler{grid-template-columns:1fr}
  .paket-koyu{transform:none;order:-1}
  .paket-kim{min-height:0}
  .akordeon .adimlar{flex-direction:column;height:auto}
  .akordeon .adimlar li{flex:none;min-height:76px;padding:20px 22px;transition:background-color .4s}
  .akordeon .adimlar b{font-size:36px;margin:0}
  .akordeon .adimlar h3{left:76px;top:28px;opacity:1;font-size:17px}
  .akordeon .adimlar p{position:static;margin-top:14px;display:none}
  .akordeon .adimlar li.etkin p{display:block}
  .adimlar{grid-template-columns:1fr 1fr}
  .kurucu,.sss-sira,.isler,.iletisim{grid-template-columns:1fr}
  .kurucu{gap:28px}
  .alanlar-5{grid-template-columns:1fr 1fr}
  .alanlar-5 .alan-kart:last-child{grid-column:1/-1}
  .alan-kart{transform:none!important;padding:20px 14px}
  .sss-sira{gap:24px}
  .kutu-gri{padding:24px}
  .uygun-mu{flex-direction:column;align-items:flex-start;padding:28px 24px}
  .diger{grid-template-columns:1fr}
  .kap-genis{padding:0 8px 8px}
  .siyah-blok{padding:36px 20px 20px;margin-top:48px}
  .ilt-kutular,.alanlar{grid-template-columns:1fr}
  .form-kart{padding:20px}
  .alt{grid-template-columns:1fr 1fr;gap:28px}
  .alt-marka{grid-column:1/-1}
  .v-giris-sol{padding:40px 0 24px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .js [data-bel]{opacity:1;transform:none}
}

/* Çerez bandı (cerez.js) */
.cerez-bant{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;border-radius:50px;background:#f8f9fa;box-shadow:0 0 0 1px var(--cizgi),0 16px 40px -18px rgba(20,30,45,.35);font-size:14px;animation:cb-gir .6s var(--egri) both}
.cb-ik{width:20px;height:20px;flex:none}
.cb-metin{flex:1}
.cb-metin a{text-decoration:underline;text-underline-offset:2px}
.cerez-dg{flex:none;display:flex;gap:8px}
/* Reddet ve Kabul aynı görünür: iki seçenek eşit ağırlıkta */
.cerez-dg button{min-height:40px;min-width:96px;padding:0 18px;border-radius:50px;border:1px solid rgba(20,30,45,.3);background:#fff;color:var(--yazi);font-weight:600;font-size:14px;cursor:pointer}
.cerez-bant.kapan{animation:cb-cik .35s var(--egri) both}
@keyframes cb-gir{from{opacity:0;transform:translateY(24px)}}
@keyframes cb-cik{to{opacity:0;transform:translateY(24px)}}
@media (max-width:560px){.cerez-bant{flex-wrap:wrap;border-radius:22px;padding:14px}.cerez-dg{width:100%}.cerez-dg button{flex:1;min-height:44px}}
@media (prefers-reduced-motion:reduce){.cerez-bant,.cerez-bant.kapan{animation:none}}
.izgara-4{grid-template-columns:repeat(4,1fr);margin-top:32px}
.alti-cizili{text-decoration:underline;text-underline-offset:3px;color:var(--yazi)}
.kurucu-metin.metin h2:first-child{margin-top:0}
@media (max-width:860px){.izgara-4{grid-template-columns:1fr}}
.kurucu-logo{aspect-ratio:4/3.4;display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;background:var(--siyah)}
.kurucu-logo svg{width:44%;height:auto;align-self:center;margin-top:6%}
.kurucu-logo p{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.3}
.bas-gorsel img{object-position:center 24%}

/* Vaka sayfası: solda ad, sağda vurgu bilgi kartı, numaralı bölümler */
.vk-ust{padding:56px 0 24px}
.vk-ust-ic{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start;margin-bottom:40px}
.vk-etiket{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gri);margin-bottom:18px}
.vk-etiket .rozet{margin:0}
.vk-ust h1{font-size:clamp(38px,5vw,60px);font-weight:600;letter-spacing:-.05em;line-height:1.05}
.vk-ust .giris-acik{text-align:left;margin:22px 0 24px;max-width:560px}
.vk-kart{background:var(--vurgu);color:#fff;border-radius:var(--kose);padding:32px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.vk-kart::after{content:"";position:absolute;right:-40px;bottom:-40px;width:200px;height:200px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 1px,transparent 1px 12px);border-radius:50%}
.vk-kart div{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.18)}
.vk-kart small{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-bottom:4px}
.vk-kart b{font-size:15px;font-weight:600;line-height:1.45}
.vk-kart .dg{align-self:flex-start;position:relative;z-index:1}
.vk-gorsel{margin:0;border-radius:var(--kose-k);overflow:hidden;background:var(--kutu);border:1px solid var(--cizgi)}
.vk-gorsel img{width:100%;height:auto}
.vk-kapak{border-radius:var(--kose)}
.vk-not{font-size:12.5px;color:var(--gri-2);margin:12px 4px 0}
.vk-bolum{padding:48px 0}
.vk-bolum-ic{display:grid;grid-template-columns:300px 1fr;gap:56px;border-top:1px solid var(--cizgi);padding-top:48px}
.vk-no{font-size:12px;font-weight:600;color:var(--vurgu);letter-spacing:.06em;margin-bottom:10px}
.vk-sol h2{font-size:26px;letter-spacing:-.03em;line-height:1.2;position:sticky;top:110px}
.vk-sag{display:flex;flex-direction:column;gap:20px;min-width:0}
.vk-sag>p{color:var(--gri);font-size:16px;line-height:1.65;max-width:680px}
.vk-liste{padding:24px 28px}
.vk-liste .tikler{border:0;padding:0;margin:0}
.vk-liste-bas{font-weight:600;margin-bottom:14px}
.vk-iki,.vk-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.vk-telefonlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vk-telefonlar-2{grid-template-columns:repeat(2,minmax(0,260px))}
.vk-telefonlar .vk-gorsel{border-radius:24px}
.adimlar-2{grid-template-columns:1fr 1fr}
.vk-videolar{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:16px}
.vk-video{margin:0}
.vk-video video{width:100%;height:auto;border-radius:var(--kose-k);background:var(--siyah);display:block}
.vk-video figcaption{font-size:13px;color:var(--gri);margin-top:10px}
.vk-video figcaption b{color:var(--yazi);margin-right:6px}
.diger-1{grid-template-columns:minmax(0,360px)}
@media (max-width:860px){
  .vk-ust{padding:32px 0 8px}
  .vk-ust-ic,.vk-bolum-ic{grid-template-columns:1fr;gap:24px}
  .vk-kart{padding:24px}
  .vk-bolum{padding:24px 0}
  .vk-bolum-ic{padding-top:32px}
  .vk-sol h2{position:static;font-size:22px}
  .vk-iki,.vk-izgara,.adimlar-2{grid-template-columns:1fr}
  .vk-telefonlar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .vk-telefonlar .vk-gorsel{border-radius:14px}
  .vk-telefonlar-2{grid-template-columns:1fr 1fr}
  .vk-videolar{grid-template-columns:1fr 1fr;gap:10px}
}

/* Yasal sayfalar ve 404 (eski işaretleme, yeni görünüm) */
.yasal .p-hero{max-width:1240px;margin:0 auto;padding:64px var(--yan) 8px}
.yasal .eyebrow{display:inline-flex;padding:6px 14px;border-radius:50px;border:1px solid var(--cizgi);font-size:13px;margin-bottom:20px}
.yasal .p-hero h1,.yasal .display{font-size:clamp(34px,4.6vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1.08;max-width:820px}
.yasal .lead{color:var(--gri);font-size:17px;margin-top:18px;max-width:640px}
.yasal .page-sec{padding:32px 0 24px}
.yasal .wrap{max-width:1240px;margin:0 auto;padding:0 var(--yan)}
.yasal .prose{max-width:760px;margin-left:max(var(--yan),calc((100% - 1240px)/2 + var(--yan)))}
.yasal .prose h2,.yasal .prose .h2{font-size:22px;letter-spacing:-.03em;margin:36px 0 12px}
.yasal .prose h3{font-size:17px;margin:24px 0 8px}
.yasal .prose p,.yasal .prose li{color:var(--gri);line-height:1.7;margin:0 0 12px}
.yasal .prose ul,.yasal .prose ol{padding-left:20px}
.yasal .prose a{color:var(--vurgu-2);text-decoration:underline;text-underline-offset:2px}
.yasal .prose table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}
.yasal .prose th,.yasal .prose td{border-bottom:1px solid var(--cizgi);padding:10px 8px;text-align:left;vertical-align:top}
.yasal .btn,.yasal .more{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border-radius:50px;background:var(--siyah);color:#fff;font-weight:600;font-size:15px;margin:8px 8px 0 0}
.yasal .more,.yasal .btn-secondary{background:var(--kutu);color:var(--yazi)}
.yasal .actions{margin-top:28px}
.isler:has(> :only-child){grid-template-columns:1fr}
.isler:has(> :only-child) .is-gorsel{aspect-ratio:21/9}
@media (max-width:860px){.isler:has(> :only-child) .is-gorsel{aspect-ratio:16/11}}

/* 29 Ekim ikinci tur */
/* Kayınca: ICEAOS yazısı ve "Hızlı iletişim" yazısı yumuşakça kapanır, yalnız işaretler kalır */
.ust-yazi{display:inline-block;overflow:hidden;white-space:nowrap;max-width:120px;opacity:1;transition:opacity .3s ease,visibility .3s}
.ust-logo{gap:0}
.ust-logo .ust-yazi{margin-left:9px}
.ust-wa{gap:0;transition:padding .55s var(--egri),transform .3s var(--egri),background-color .2s}
.ust-wa .ust-yazi{margin-left:8px}
.ust-logo svg{transition:transform .55s var(--egri)}
.ust.yuzen .ust-yazi{opacity:0;visibility:hidden}
.ust.yuzen .ust-wa{padding:0 13px}
.ust.yuzen .ust-logo svg{transform:scale(1.1)}

/* Simge renkleri: çizgi koyu, kıvılcım vurgu */
.hz-kart h3 .ik,.mini-kart .ik,.alan-kart .ik{color:var(--yazi)}
.hap .ik,.ilt-kutu .ik,.neden-koyu .ik,.dg-siyah .ik,.siyah-blok .ik{--ik-vurgu:#6cb4ee}
.dg-vurgu .ik{--ik-vurgu:#fff}
.hz-kart h3 .ik{width:40px;height:40px;padding:8px}
.mini-kart .ik{width:40px;height:40px;padding:9px}
.alan-kart .ik{width:68px;height:68px;padding:19px}

/* Giriş altı güven satırı */
.guven{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.guven li{display:inline-flex;align-items:center;gap:8px}
.guven .ik{width:17px;height:17px}

/* Giriş: iki yanda süzülen hizmet kartları (yalnız geniş ekranda) */
.yan-kartlar{display:none}
@media (min-width:1180px){
  .yan-kartlar{display:block;position:absolute;inset:0;pointer-events:none;max-width:1600px;margin:0 auto}
  .yk{position:absolute;width:212px;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 18px 40px -22px rgba(15,30,50,.35),0 0 0 1px var(--cizgi);font-size:12.5px;color:var(--gri);animation:yuz 9s ease-in-out infinite alternate}
  .yk p{margin:0}
  .yk-bas{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--yazi);font-size:13px}
  .yk-bas .ik{width:22px;height:22px;padding:3px;border-radius:7px;background:var(--kutu)}
  .yk-alt{margin-top:8px!important;display:flex;align-items:center;gap:6px}
  .yk-alt b{font-size:18px;color:var(--yazi);margin-right:4px}
  .yk-dg{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px!important}
  .yk-dg span{padding:4px 9px;border-radius:50px;background:var(--kutu);font-size:11px;color:var(--yazi)}
  .yk-dg .yk-mavi{background:var(--vurgu);color:#fff}
  .yk-renk{display:flex;gap:6px;margin-top:10px!important}
  .yk-renk i{width:24px;height:24px;border-radius:50%;background:var(--vurgu)}
  .yk-renk i:nth-child(2){background:#0a0a0a}.yk-renk i:nth-child(3){background:#6cb4ee}.yk-renk i:nth-child(4){background:#e6f0f9}.yk-renk i:nth-child(5){background:#f4f6f9;box-shadow:inset 0 0 0 1px var(--cizgi)}
  .yk-acik{width:7px;height:7px;border-radius:50%;background:#0a7a52;box-shadow:0 0 0 3px #dff3ea}
  .yk-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px!important}
  .yk-izgara i{aspect-ratio:3/4;border-radius:6px;background:var(--kutu)}
  .yk-izgara i:nth-child(1),.yk-izgara i:nth-child(5){background:var(--vurgu)}
  .yk-izgara i:nth-child(3){background:#0a0a0a}
  .yk-izgara i:nth-child(4){background:#e6f0f9}
  .yk-dikey{height:118px;border-radius:12px;margin-bottom:10px;background:radial-gradient(60% 50% at 60% 35%,rgba(108,180,238,.55),transparent 70%),#0a0a0a;display:grid;place-items:center}
  .yk-oynat{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);position:relative}
  .yk-oynat::after{content:"";position:absolute;left:13px;top:10px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
  .yk-tarayici{display:flex;align-items:center;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--cizgi)}
  .yk-tarayici i{width:6px;height:6px;border-radius:50%;background:var(--kutu-2)}
  .yk-tarayici span{margin-left:6px;font-size:11px;padding:2px 8px;border-radius:50px;background:var(--kutu)}
  .yk-satir{display:flex;flex-direction:column;gap:6px;margin-top:12px!important}
  .yk-satir i{height:7px;border-radius:4px;background:var(--kutu-2)}
  .yk-satir i:first-child{height:12px;width:80%;background:var(--yazi)}
  .yk-satir i:last-child{width:60%}
  .yk-1{left:3%;top:14%;transform:rotate(-4deg)}
  .yk-2{left:6%;top:44%;transform:rotate(3deg);animation-delay:-3s}
  .yk-3{left:2.5%;top:72%;transform:rotate(-2deg);animation-delay:-6s}
  .yk-4{right:3%;top:12%;transform:rotate(4deg);animation-delay:-2s}
  .yk-5{right:6.5%;top:40%;transform:rotate(-3deg);width:170px;animation-delay:-5s}
  .yk-6{right:2.5%;top:72%;transform:rotate(2deg);animation-delay:-7s}
}
@media (min-width:1180px) and (max-width:1400px){.yk{width:180px}.yk-5{width:150px}.yk-1,.yk-3{left:1%}.yk-4,.yk-6{right:1%}}
@keyframes yuz{to{translate:0 -10px}}

/* Ana sayfada tek iş: yatay, sade kart */
.is-yatay{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--kutu);border-radius:var(--kose);overflow:hidden;transition:transform .5s var(--egri)}
.is-yatay:hover{transform:translateY(-3px)}
.is-yatay-gorsel{display:block;aspect-ratio:16/10;overflow:hidden}
.is-yatay-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top}
.is-yatay-metin{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:40px}
.is-yatay-metin small{font-size:12px;color:var(--vurgu);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.is-yatay-metin b{font-size:26px;letter-spacing:-.03em}
.is-yatay-metin>span:not(.daha){color:var(--gri);font-size:15px;line-height:1.6}
.is-yatay .daha{margin-top:8px;font-weight:600;font-size:14px;display:inline-flex;gap:8px;align-items:center}
.is-yatay .daha .ik{width:16px;height:16px}
@media (max-width:860px){.is-yatay{grid-template-columns:1fr}.is-yatay-metin{padding:24px}}
@media (prefers-reduced-motion:reduce){.yk{animation:none}}
.kv{fill:var(--ik-vurgu,#1f74b8)}
.kv-tam{fill:var(--ik-vurgu,currentColor)}

/* Sayfa geçişleri: sert kesme yerine kısa, yumuşak geçiş (destekleyen tarayıcıda); üst menü yerinde kalır */
@view-transition{navigation:auto}
.ust{view-transition-name:ust}
::view-transition-old(root){animation:vt-cik .22s ease both}
::view-transition-new(root){animation:vt-gir .38s cubic-bezier(.22,1,.36,1) both}
@keyframes vt-cik{to{opacity:0}}
@keyframes vt-gir{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.mk-no{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--vurgu);margin-bottom:18px;letter-spacing:.02em}
.mk-no svg{width:13px;height:13px;--ik-vurgu:var(--vurgu)}

/* 29 Ekim üçüncü tur: kayınca ortada yalnız shuriken; üstüne gelince menü açılır. WhatsApp sağ altta. */
.ust-cta{min-height:42px;padding:0 20px;font-size:14px;box-shadow:none}
/* WhatsApp: sağ altta sade, sabit */
.wa-sabit{position:fixed;right:20px;bottom:20px;z-index:60;width:52px;height:52px;border-radius:50%;background:#fff;color:#1fa855;display:grid;place-items:center;box-shadow:0 12px 30px -12px rgba(15,30,50,.4),0 0 0 1px var(--cizgi);transition:transform .35s var(--egri),box-shadow .35s,opacity .25s,visibility .25s;animation:wa-gir .6s .8s var(--egri) both}
.wa-sabit svg{width:26px;height:26px}
.wa-sabit:hover{transform:translateY(-2px)}
.wa-ipucu{position:absolute;right:62px;top:50%;translate:0 -50%;white-space:nowrap;background:var(--siyah);color:#fff;font-size:13px;font-weight:600;padding:8px 12px;border-radius:50px;opacity:0;pointer-events:none;transform:translateX(6px);transition:opacity .25s,transform .35s var(--egri)}
.wa-sabit:hover .wa-ipucu,.wa-sabit:focus-visible .wa-ipucu{opacity:1;transform:none}
@keyframes wa-gir{from{opacity:0;transform:translateY(12px) scale(.9)}}
@media (max-width:860px){
  .ust-cta{display:none}
  .wa-sabit{right:14px;bottom:14px;width:50px;height:50px}
  body:has(.cerez-bant) .wa-sabit{opacity:0;visibility:hidden;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.wa-sabit{animation:none}}

/* Yan kartlar v2: kenarlara yaslı, orta ferah; ürün parçaları */
@media (min-width:1180px){
  .yan-kartlar{max-width:none}
  .yk{width:196px}
  .yk-1{left:max(20px,calc(50% - 800px));top:13%}
  .yk-2{left:max(36px,calc(50% - 770px));top:41%}
  .yk-3{left:max(18px,calc(50% - 805px));top:70%;width:176px}
  .yk-4{right:max(22px,calc(50% - 800px));top:11%;width:168px}
  .yk-5{right:max(40px,calc(50% - 765px));top:38%;width:150px}
  .yk-6{right:max(18px,calc(50% - 805px));top:71%}
  .yk-ust{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--gri-2);font-weight:500}
  .yk-ust small{margin-left:auto;font-size:11px}
  .yk-uyg{width:20px;height:20px;border-radius:6px;background:var(--siyah);color:#fff;display:grid;place-items:center}
  .yk-uyg svg{width:12px;height:12px}
  .yk-bildirim{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .yk-bas2{margin-top:8px!important;font-weight:600;color:var(--yazi);font-size:13px}
  .yk-wa-ik{width:16px;height:16px;color:#1fa855}
  .yk-balon{margin-top:9px!important;background:#e7f7ec;color:#14361f;border-radius:12px 12px 12px 4px;padding:9px 11px;font-size:12px;line-height:1.45}
  .yk-tv{background:#0a0a0a;color:#fff;box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
  .yk-tv-bas{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.6)}
  .yk-tv-saat{font-size:30px;font-weight:700;letter-spacing:-.04em;margin-top:2px!important}
  .yk-tv-alt{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.6);margin-top:8px!important}
  .yk-tv-alt i{width:30px;height:30px;border-radius:6px;background:repeating-conic-gradient(#fff 0 25%,#0a0a0a 0 50%) 0 0/7px 7px;border:3px solid #fff}
  .yk-tv-cizgi{display:flex;gap:5px;margin-top:10px!important}
  .yk-tv-cizgi i{flex:1;height:6px;border-radius:3px;background:rgba(108,180,238,.7)}
  .yk-tv-cizgi i:nth-child(2){background:rgba(255,255,255,.18)}
  .yk-logo{height:64px;border-radius:12px;background:var(--siyah);color:#fff;display:grid;place-items:center}
  .yk-logo svg{width:30px;height:30px}
  .yk-marka .yk-renk i{width:22px;height:22px}
  .yk-marka .yk-alt b{margin-right:6px}
  .yk-reels{padding:8px}
  .yk-reels .yk-dikey{height:150px;margin:0;position:relative}
  .yk-reels-yazi{position:absolute;left:10px;bottom:9px;font-size:11px;font-weight:600;color:#fff}
  .yk-reels .yk-izgara{margin-top:6px!important}
}

/* Görsel eleştiri düzeltmeleri (29 Ekim) */
/* Başlık içindeki arayüz parçası */
.bas-gorsel-ui{background:#fff;flex-direction:column;align-items:center;justify-content:center;width:1.45em;box-shadow:0 8px 22px -10px rgba(15,30,50,.4),0 0 0 1px var(--cizgi)}
.bg-gun{font-size:.17em;font-weight:600;color:var(--gri);letter-spacing:0;line-height:1.1}
.bg-saat{font-size:.34em;font-weight:700;color:var(--vurgu);letter-spacing:-.03em;line-height:1.05}
/* Girişin dikey dengesi */
.ana .v-giris{min-height:calc(92svh - 76px)}
/* Ana sayfa: kısa hizmet kartları */
.hz-kisa{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hz-kisa-kart{display:flex;flex-direction:column;background:var(--kutu);border-radius:var(--kose);padding:28px;transition:transform .45s var(--egri),background-color .2s}
.hz-kisa-kart:hover{transform:translateY(-3px);background:var(--kutu-2)}
.hz-kisa-kart .ik{width:44px;height:44px;padding:10px;border-radius:14px;background:#fff;color:var(--yazi);margin-bottom:22px}
.hz-kisa-kart h3{font-size:21px;font-weight:600;letter-spacing:-.03em}
.hz-kisa-kart p{color:var(--gri);font-size:14px;line-height:1.55;margin:10px 0 18px}
.hz-kisa-kart .haplar{margin-bottom:22px}
.hz-kisa-git{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px}
.hz-tumu{text-align:center;margin-top:28px}
/* Paket düğmeleri aynı hizada: koyu kart yukarı kaydırılmaz */
.paket-koyu{transform:none}
/* Neden kartları: daha kısa, numara sol üstte düz vurgu */
.neden-kart{min-height:240px;flex-direction:column-reverse;justify-content:flex-end;gap:28px}
.neden-no{align-self:flex-start;font-size:15px;font-weight:700;letter-spacing:.02em;line-height:1;color:var(--vurgu);-webkit-text-stroke:0}
.neden-koyu .neden-no{color:var(--vurgu-koyu)}
/* Süreç: kapalı sütunlarda adım adı görünür, açık kartta metin üstte */
@media (min-width:861px){.akordeon .adimlar{height:300px}}
.akordeon .adimlar li{display:flex;flex-direction:column}
.akordeon .adimlar h3{position:static;opacity:1;margin-top:auto;font-size:15px;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start;white-space:nowrap}
.akordeon .adimlar li.etkin h3{writing-mode:horizontal-tb;transform:none;font-size:24px;margin-top:22px}
.akordeon .adimlar p{position:static;margin-top:12px;max-width:520px}
.akordeon .adimlar li:not(.etkin) p{display:none}
/* Kurucu görselinde parlama yok, beş alan kartları düz */
.kurucu-logo{background:var(--siyah)}
.alan-kart:nth-child(odd),.alan-kart:nth-child(even){transform:none}
/* Altbilgi logosunda boşluk; iletişimde WhatsApp düğmesi */
.alt-logo{gap:10px}
.ilt-wa{margin-top:16px;background:#fff;color:var(--yazi)}
.ilt-wa .ik{color:#1fa855}
/* Durgun halde menü içerik çizgisiyle hizalı */
@media (min-width:861px){.ust-ic{max-width:1160px;padding:0}}
@media (max-width:1060px){.hz-kisa{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .hz-kisa{grid-template-columns:1fr}
  .akordeon .adimlar h3{writing-mode:horizontal-tb;transform:none;margin:0 0 0 0;position:absolute;left:76px;top:28px;font-size:17px}
  .akordeon .adimlar li.etkin h3{font-size:17px;margin:0}
  .akordeon .adimlar li{position:relative;display:block}
  .akordeon .adimlar li.etkin p{display:block;margin-top:14px}
  .ana .v-giris{min-height:auto}
}
@media (min-width:861px){.akordeon .adimlar li{min-width:92px}.akordeon .adimlar li:not(.etkin) b{font-size:52px}}

/* ===== 4. tur ===== */
/* Başlıktaki küçük site penceresi */
.bas-site{background:#fff;flex-direction:column;width:1.55em;padding:.06em;gap:.05em;box-shadow:0 8px 22px -10px rgba(15,30,50,.4),0 0 0 1px var(--cizgi)}
.bs-bar{display:flex;gap:.03em;padding:.02em .04em}
.bs-bar i{width:.06em;height:.06em;border-radius:50%;background:var(--kutu-2)}
.bs-govde{flex:1;display:flex;flex-direction:column;gap:.045em;padding:.05em .07em;border-radius:.1em;background:var(--kutu)}
.bs-bas{height:.1em;width:75%;border-radius:.05em;background:var(--yazi)}
.bs-satir{height:.05em;width:90%;border-radius:.05em;background:var(--kutu-2)}
.bs-dg{margin-top:auto;height:.12em;width:45%;border-radius:.1em;background:var(--vurgu)}

/* Hizmetler: farklı boyutlarda kartlar, her kartın kendi görseli */
.hz-kisa{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense}
.hz-b{display:flex;flex-direction:column;background:var(--kutu);border-radius:var(--kose);overflow:hidden;transition:transform .45s var(--egri),box-shadow .45s}
.hz-b:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(15,30,50,.35)}
.hz-b-metin{display:flex;flex-direction:column;padding:4px 28px 26px;flex:1}
.hz-b h3{font-size:22px;font-weight:600;letter-spacing:-.03em}
.hz-b p{color:var(--gri);font-size:14px;line-height:1.55;margin:8px 0 16px;max-width:460px}
.hz-b .haplar{margin-bottom:18px}
.hz-b-1{grid-column:span 4;flex-direction:row}
.hz-b-1 .hg{flex:1.1}
.hz-b-1 .hz-b-metin{flex:1;justify-content:center;padding:28px}
.hz-b-2{grid-column:span 2;background:var(--siyah);color:#fff}
.hz-b-2 p{color:var(--siyah-yazi)}
.hz-b-2 .haplar li{background:rgba(255,255,255,.06);border-color:var(--siyah-cizgi)}
.hz-b-3,.hz-b-4,.hz-b-5{grid-column:span 2}
.hz-b-6{grid-column:span 6;flex-direction:row-reverse}
.hz-b-6 .hg{flex:1}
.hz-b-6 .hz-b-metin{flex:1;justify-content:center;padding:28px}
.hg{display:block;position:relative;margin:8px 8px 18px;min-height:170px;border-radius:calc(var(--kose) - 8px);background:#fff;overflow:hidden}
.hz-b-1 .hg,.hz-b-6 .hg{margin:8px;min-height:240px}
.hg-web{display:flex;flex-direction:column;padding:12px;gap:10px}
.hg-bar{display:flex;align-items:center;gap:5px}
.hg-bar i{width:8px;height:8px;border-radius:50%;background:var(--kutu-2)}
.hg-bar b{margin-left:10px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:50px;background:var(--kutu);color:var(--gri)}
.hg-hero{flex:1;border-radius:14px;background:var(--siyah);padding:20px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end}
.hg-hero span{height:14px;width:62%;border-radius:7px;background:#fff}
.hg-hero span+span{height:8px;width:42%;background:rgba(255,255,255,.35)}
.hg-hero em{font-style:normal;align-self:flex-start;margin-top:6px;font-size:11px;font-weight:600;color:#fff;background:var(--vurgu);padding:6px 12px;border-radius:50px}
.hg-kartlar{display:flex;gap:8px}
.hg-kartlar i{flex:1;height:38px;border-radius:10px;background:var(--kutu)}
.hg-saat{background:rgba(255,255,255,.05);padding:18px;color:#fff}
.hg-saat b{font-size:13px;color:var(--siyah-yazi);font-weight:500}
.hg-slot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.hg-slot i{font-style:normal;text-align:center;font-size:13px;font-weight:600;padding:10px 0;border-radius:10px;background:rgba(255,255,255,.08)}
.hg-slot .dolu{opacity:.3;text-decoration:line-through}
.hg-slot .secili{background:var(--vurgu);animation:sec 3.2s ease-in-out infinite}
@keyframes sec{0%,100%{box-shadow:0 0 0 0 rgba(108,180,238,0)}50%{box-shadow:0 0 0 5px rgba(108,180,238,.25)}}
.hg-marka{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.hg-logo{width:72px;height:72px;border-radius:20px;background:var(--siyah);color:#fff;display:grid;place-items:center}
.hg-logo svg{width:36px;height:36px}
.hg-renk{display:flex;gap:6px}
.hg-renk i{width:22px;height:22px;border-radius:50%;background:var(--vurgu)}
.hg-renk i:nth-child(2){background:var(--siyah)}
.hg-renk i:nth-child(3){background:#6cb4ee}
.hg-renk i:nth-child(4){background:var(--kutu-2)}
.hg-marka b{position:absolute;right:16px;bottom:10px;font-size:26px;letter-spacing:-.03em}
@keyframes ilerle{from{width:0}to{width:100%}}
.hg-harita{background-color:#eef3f8;background-image:linear-gradient(rgba(31,116,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,116,184,.07) 1px,transparent 1px);background-size:28px 28px}
.hg-yol{position:absolute;left:-10%;right:-10%;top:58%;height:14px;background:#fff;transform:rotate(-8deg);box-shadow:0 0 0 1px rgba(31,116,184,.08)}
.hg-pin{position:absolute;left:50%;top:50%;translate:-50% -90%;width:48px;height:48px;border-radius:50%;background:var(--vurgu);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px #fff;animation:pin 2.8s ease-in-out infinite}
.hg-pin svg{width:24px;height:24px;--ik-vurgu:#fff}
@keyframes pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hg-acik{position:absolute;left:16px;top:16px;font-size:12px;font-weight:600;background:#fff;padding:6px 12px;border-radius:50px;color:#0a7a52;box-shadow:0 4px 12px -6px rgba(0,0,0,.2)}
@media (max-width:1060px){.hz-b-1,.hz-b-6{grid-column:span 6}.hz-b-2,.hz-b-3,.hz-b-4,.hz-b-5{grid-column:span 3}}
@media (max-width:860px){.hz-kisa{grid-template-columns:1fr}.hz-b,.hz-b-1,.hz-b-2,.hz-b-3,.hz-b-4,.hz-b-5,.hz-b-6{grid-column:auto;flex-direction:column}.hz-b-1 .hg,.hz-b-6 .hg{min-height:190px}.hz-b-metin,.hz-b-1 .hz-b-metin,.hz-b-6 .hz-b-metin{padding:4px 22px 22px}}

/* Süreç: açık kartın sağında adımın küçük sahnesi */
.as{display:none}
@media (min-width:861px){
  .akordeon .adimlar{height:340px}
  .akordeon .adimlar li.etkin .as{display:flex;position:absolute;right:28px;top:28px;bottom:28px;width:42%;opacity:0;animation:as-gir .6s .25s var(--egri) forwards}
  .akordeon .adimlar li.etkin>p{max-width:46%}
}
@keyframes as-gir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.akordeon .as p{position:static;margin:0;max-width:none;display:block}
.as-sohbet{flex-direction:column;justify-content:center;gap:10px}
.akordeon .as-b{font-size:13px;line-height:1.45;padding:10px 14px;border-radius:16px;max-width:85%;color:#fff}
.as-sol{background:rgba(255,255,255,.1);align-self:flex-start;border-bottom-left-radius:4px}
.as-sag{background:var(--vurgu);align-self:flex-end;border-bottom-right-radius:4px}
.akordeon .as-yaziyor{display:flex;gap:4px;padding:12px 14px}
.as-yaziyor i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);animation:yaz 1.2s infinite}
.as-yaziyor i:nth-child(2){animation-delay:.15s}
.as-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes yaz{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.as-sunum{flex-direction:column;justify-content:center;gap:12px}
.as-pencere{background:#fff;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}
.akordeon .as-pbar{display:flex;align-items:center;gap:4px}
.as-pbar i{width:6px;height:6px;border-radius:50%;background:var(--kutu-2)}
.as-pbar span{margin-left:8px;font-size:10.5px;color:var(--gri);background:var(--kutu);padding:2px 8px;border-radius:50px}
.akordeon .as-hero{height:84px;border-radius:10px;background:var(--vurgu)}
.akordeon .as-sira{display:flex;gap:6px}
.as-sira i{flex:1;height:30px;border-radius:8px;background:var(--kutu)}
.akordeon .as-etiket{align-self:flex-start;font-size:12px;font-weight:600;padding:6px 12px;border-radius:50px;background:rgba(108,180,238,.18);color:#6cb4ee}
.as-liste{flex-direction:column;justify-content:center;gap:10px}
.akordeon .as-liste p{display:flex;align-items:center;gap:10px;font-size:14px;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--siyah-cizgi);border-radius:12px;padding:12px 14px;animation:as-gir .5s var(--egri) both}
.akordeon .as-liste p:nth-child(2){animation-delay:.35s}
.akordeon .as-liste p:nth-child(3){animation-delay:.5s}
.akordeon .as-liste p:nth-child(4){animation-delay:.65s}
.as-tik{width:20px;height:20px;border-radius:50%;background:var(--vurgu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8.5' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.as-yayin{align-items:center;justify-content:center}
.as-tel{width:170px;height:100%;max-height:270px;border-radius:28px;border:6px solid #222;background:#151515;padding:14px 10px;display:flex;flex-direction:column;gap:10px}
.akordeon .as-bildirim{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);color:var(--yazi);font-size:12px;font-weight:600;padding:9px 10px;border-radius:14px;animation:as-gir .6s .6s var(--egri) both}
.as-bildirim span{width:20px;height:20px;border-radius:6px;background:var(--siyah);color:#fff;display:grid;place-items:center;flex:none}
.as-bildirim svg{width:11px;height:11px}
.akordeon .as-tel-ekran{display:flex;flex-direction:column;gap:7px;margin-top:auto}
.as-tel-ekran i{height:10px;border-radius:5px;background:rgba(255,255,255,.12)}
.as-tel-ekran i:last-child{width:60%}

/* Neden kartları: alttaki hareketli figürler */
.neden-kart{min-height:330px;flex-direction:column;justify-content:flex-start;gap:16px}
.neden-kart p{flex:none}
.nf{width:100%;height:auto;margin-top:auto;overflow:visible}
.nf .nf-c,.nf .nf-c *{fill:none;stroke:#b9c3cf;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nf .nf-v{fill:var(--vurgu)}
.nf .nf-v-cizgi{fill:none;stroke:var(--vurgu);stroke-width:3;stroke-linecap:round}
.neden-koyu .nf .nf-c,.neden-koyu .nf .nf-c *{stroke:rgba(255,255,255,.35)}
.neden-koyu .nf .nf-v{fill:#6cb4ee}
.nf .nf-ust{fill:#fff;stroke:var(--vurgu);animation:kalk 4s ease-in-out infinite}
@keyframes kalk{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.nf-don{transform-origin:100px 51px;animation:parla 4s ease-in-out infinite}
@keyframes parla{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.nf-goz{animation:bak 5s ease-in-out infinite;transform-origin:100px 64px}
@keyframes bak{0%,40%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}50%{transform:scaleY(1)}}
.nf .nf-akis{stroke-dasharray:4 6;animation:akis 2.4s linear infinite}
@keyframes akis{to{stroke-dashoffset:-20}}
.nf-merkez{color:var(--vurgu)}
.neden-koyu .nf-merkez{color:#fff}
.nf .nf-tik{fill:none;stroke:var(--vurgu);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:ciz 4s ease-in-out infinite}
.nf .nf-tik2{animation-delay:.6s}
@keyframes ciz{0%,15%{stroke-dashoffset:60}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
.nf .nf-imza{fill:none;stroke:var(--vurgu);stroke-width:3;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80;animation:ciz2 4.5s ease-in-out infinite}
@keyframes ciz2{0%,20%{stroke-dashoffset:80}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:80}}
.nf .nf-yay{stroke-dasharray:90;animation:yay 6s linear infinite}
@keyframes yay{from{stroke-dashoffset:90}to{stroke-dashoffset:-90}}
.nf-balon{animation:kalk 3.6s ease-in-out infinite}
@media (max-width:860px){.neden-kart{min-height:300px}}
@media (prefers-reduced-motion:reduce){.nf *,.hg *,.as,.as *{animation:none!important}.nf .nf-tik,.nf .nf-imza{stroke-dashoffset:0}.akordeon .adimlar li.etkin .as{opacity:1}}

/* Test raporu düzeltmeleri */
.kaydir-ok button:disabled{opacity:.35;cursor:default}
.alan input:focus-visible,.alan select:focus-visible,.alan textarea:focus-visible{outline:2px solid #6cb4ee;outline-offset:2px}
.onay input:focus-visible{outline:2px solid #6cb4ee;outline-offset:2px}
/* Yan kartlar başlığa binmesin: 1180-1499 genişlikte yalnız dört köşe kartı, kısa ekranda ortadakiler gizli */
@media (min-width:1180px) and (max-width:1499px){
  .yk-2,.yk-5{display:none}
  .yk{width:164px}
  .yk-1,.yk-3{left:14px}.yk-4,.yk-6{right:14px}
  .yk-1{top:10%}.yk-4{top:9%}.yk-3,.yk-6{top:auto;bottom:9%}
  .yk-3{width:150px}.yk-4{width:150px}
}
@media (min-width:1180px) and (max-height:760px){.yk-2,.yk-5{display:none}}
@media (min-width:861px){.ust-ac{order:3}}
.bas-gorsel.bas-site{vertical-align:middle;margin-top:-.12em}

/* 5. tur: daha az beyaz. Zemin kırık gri, kutular açık ton + ince çizgi + hafif gölge (renk yok, yalnız gri tonlar) */
:root{--zemin:#eceef1;--kutu:#f8f9fa;--kutu-2:#e2e5e9;--cizgi:rgba(20,30,45,.09);--kutu-cizgi:rgba(20,30,45,.07);--kutu-golge:0 1px 2px rgba(20,30,45,.04),0 12px 32px -22px rgba(20,30,45,.22)}
body{background:var(--zemin)}
.giris-isik{background:radial-gradient(40% 50% at 50% 40%,rgba(255,255,255,.75),transparent 70%)}
.hz-b,.hz-kart,.paket:not(.paket-koyu),.neden-kart:not(.neden-koyu),.mini-kart,.alan-kart,.sss details,.is-yatay,.diger a,.kutu-gri,.adimlar li,.akordeon .adimlar li:not(.etkin),.bilgi-kart,.vk-liste,.hz-kisa-kart{border:1px solid var(--kutu-cizgi);box-shadow:var(--kutu-golge)}
.adimlar li{background:var(--kutu)}
.sss details[open]{background:#fff}
.hz-git,.haplar li,.hg:not(.hg-saat):not(.hg-kurgu):not(.hg-harita):not(.hg-duzen){background:#fff}
.hg{box-shadow:inset 0 0 0 1px var(--kutu-cizgi)}
.hap{background:var(--kutu);border-color:var(--kutu-cizgi)}
.dg-beyaz{background:var(--kutu);border-color:var(--kutu-cizgi)}
.yk{box-shadow:0 18px 40px -22px rgba(15,30,50,.35),0 0 0 1px var(--kutu-cizgi)}
.neden .neden-kart{background:var(--kutu)}
.nf .nf-c,.nf .nf-c *{stroke:#a9b3bf}
.kaydir-ok button:first-child{background:var(--kutu);box-shadow:inset 0 0 0 1px var(--kutu-cizgi)}
.wa-sabit{background:var(--kutu)}
.vk-gorsel{background:var(--kutu)}
@media (max-width:860px){.ust-menu{background:var(--kutu)}}
.neden .neden-kart.neden-koyu{background:var(--siyah);border-color:transparent}
.neden-koyu .nf .nf-c,.neden-koyu .nf .nf-c *{stroke:rgba(255,255,255,.35)}
.hap.hap-koyu{background:rgba(255,255,255,.06);border-color:var(--siyah-cizgi)}
/* Telefonda da kayınca yazı kapanır, menü daralan hapa döner (masaüstüyle aynı) */
@media (max-width:860px){
  .ust-menu{left:50%;right:auto;width:calc(100vw - 24px);translate:-50% 0}
}

/* İşler: neler yaptığımızı anlatan tanıtım sahnesi (gerçek ekran görüntüsü yok) */
.is-sahne{position:relative;display:block;min-height:360px;background:#1a1c20;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px}
.is-sahne>span{position:absolute;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 24px 50px -24px rgba(0,0,0,.7);animation:yuz 8s ease-in-out infinite alternate}
.iss-site{left:7%;top:12%;width:58%;background:#fff;padding:10px;gap:9px}
.iss-bar{display:flex;align-items:center;gap:5px}
.iss-bar i{width:7px;height:7px;border-radius:50%;background:#e2e5e9}
.iss-bar b{margin-left:8px;font-size:10.5px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 9px;border-radius:50px}
.iss-hero{height:150px;border-radius:12px;background:#2b2118;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.iss-hero span{height:13px;width:60%;border-radius:7px;background:#f3e6d0}
.iss-hero span+span{height:7px;width:44%;background:rgba(243,230,208,.4)}
.iss-hero em{font-style:normal;align-self:flex-start;margin-top:6px;font-size:10.5px;font-weight:600;color:#2b2118;background:#d9a441;padding:5px 11px;border-radius:50px}
.iss-tel{right:9%;top:9%;width:128px;background:#fff;padding:12px 10px;gap:8px;border-radius:22px;border:5px solid #0a0a0a;animation-delay:-2s}
.iss-tel-bas{font-size:11px;font-weight:600;color:#0f0f0f}
.iss-slot{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.iss-slot i{height:18px;border-radius:5px;background:#f3f4f6}
.iss-slot .s{background:#d9a441}
.iss-slot .d{opacity:.4}
.iss-tel-dg{margin-top:4px;font-size:10px;font-weight:600;text-align:center;color:#fff;background:#0f0f0f;padding:6px;border-radius:50px}
.iss-panel{left:12%;bottom:10%;width:46%;background:#fff;padding:14px;gap:6px;animation-delay:-4s}
.iss-etiket{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#6b7280}
.iss-etiket svg{width:12px;height:12px;color:#0f0f0f}
.iss-panel b{font-size:13px;color:#0f0f0f}
.iss-dg{display:flex;gap:6px}
.iss-dg i{font-style:normal;font-size:10px;font-weight:600;padding:5px 10px;border-radius:50px;background:#f3f4f6;color:#0f0f0f}
.iss-dg i:first-child{background:#1fa855;color:#fff}
.iss-tv{right:7%;bottom:12%;width:150px;background:#0a0a0a;color:#fff;padding:12px 14px;gap:2px;border:1px solid rgba(255,255,255,.12);animation-delay:-6s}
.iss-tv span{font-size:10.5px;color:rgba(255,255,255,.6)}
.iss-tv b{font-size:26px;letter-spacing:-.04em}
.iss-tv i{height:5px;border-radius:3px;background:#d9a441;width:70%;margin-top:6px}
.is-yapilan{display:flex;flex-wrap:wrap;gap:6px}
.is-yapilan i{font-style:normal;font-size:12.5px;padding:5px 11px;border-radius:50px;background:#fff;border:1px solid var(--kutu-cizgi);color:var(--yazi)}
.is-yatay{grid-template-columns:1.15fr 1fr}
@media (max-width:860px){.is-sahne{min-height:290px}.iss-site{width:70%;left:5%}.iss-tel{right:4%;width:108px}.iss-panel{width:58%;left:6%}.iss-tv{right:5%;width:124px}}
@media (prefers-reduced-motion:reduce){.is-sahne>span{animation:none}}

/* Neden kartları: somut başlık + yeni figürler */
.neden-kart h3{font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.2}
.neden-kart p{font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--gri);margin-top:-6px}
.neden-koyu p{color:var(--siyah-yazi)}
.neden-kart{min-height:360px}
.nf-adres-zemin{fill:var(--vurgu-acik);animation:adres 5s ease-in-out infinite}
.nf-adres{font:600 11px Inter,system-ui,sans-serif;fill:var(--vurgu);letter-spacing:-.01em}
@keyframes adres{0%,100%{fill:var(--vurgu-acik)}50%{fill:#d4e6f6}}
.nf .nf-slot rect{fill:none;stroke:#a9b3bf;stroke-width:2;animation:slot 6s steps(1) infinite}
.nf .nf-slot rect:nth-child(1){animation-delay:0s}
.nf .nf-slot rect:nth-child(5){animation-delay:-2s}
.nf .nf-slot rect:nth-child(3){animation-delay:-4s}
.nf .nf-slot rect:nth-child(2),.nf .nf-slot rect:nth-child(4),.nf .nf-slot rect:nth-child(6){animation:none}
.nf .nf-slot rect:nth-child(6){stroke-dasharray:3 4}
@keyframes slot{0%,33%{fill:var(--vurgu);stroke:var(--vurgu)}34%,100%{fill:none;stroke:#a9b3bf}}
.nf .nf-v-dolgu{fill:var(--vurgu)}
.nf-balon2{animation:kalk 3.8s ease-in-out infinite}
.nf .nf-tik-ak{stroke:#fff;stroke-width:2.6}
@media (prefers-reduced-motion:reduce){.nf .nf-slot rect,.nf-adres-zemin{animation:none}.nf .nf-slot rect:nth-child(1){fill:var(--vurgu);stroke:var(--vurgu)}}
.tikler b{font-weight:700}
.paket-koyu .tikler b{color:#fff}
.tikler li>span{flex:1}

/* Süreç sahneleri: kartın genel p kuralı (renk, display) sahnedeki yazıları ezmesin */
.akordeon .adimlar li.etkin .as p{margin:0;max-width:none;font-size:13px}
.akordeon .adimlar li.etkin .as-b{color:#fff;display:block}
.akordeon .adimlar li.etkin .as-yaziyor{display:flex}
.akordeon .adimlar li.etkin .as-pbar,.akordeon .adimlar li.etkin .as-sira{display:flex}
.akordeon .adimlar li.etkin .as-hero{display:block}
.akordeon .adimlar li.etkin .as-etiket{color:#6cb4ee;display:inline-block}
.akordeon .adimlar li.etkin .as-liste p{display:flex;color:#fff;font-size:14px}
.akordeon .adimlar li.etkin .as-bildirim{display:flex;color:var(--yazi);font-size:12.5px}
.akordeon .adimlar li.etkin .as-tel-ekran{display:flex}
.as-tel{width:200px}
.akordeon .adimlar li.etkin .as-bildirim{white-space:nowrap}

/* Kurucu kartı: merkezden beş alana akan ağ */
.kurucu-logo .ka{width:100%;height:auto;align-self:center;margin-top:2%;overflow:visible}
.ka-cizgi path{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.6;stroke-dasharray:5 7;animation:akis 2.4s linear infinite}
/* Halka SVG dışında (HTML): SVG içi ölçekleme her karede layout yaptırıyordu; merkez viewBox ortası (200,150), çap 92/400 = %23 */
.ka-kap{position:relative;display:block;width:100%;align-self:center;margin-top:2%}
.kurucu-logo .ka-kap .ka{display:block;width:100%;max-width:none;margin:0}
.ka-halka{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px solid rgba(108,180,238,.35);pointer-events:none;animation:halka 3.2s ease-out infinite}
@keyframes halka{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.ka-dugum circle{fill:#0a0a0a;stroke:rgba(255,255,255,.45);stroke-width:1.6;animation:dugum 5s ease-in-out infinite}
.ka-dugum text{font:600 13px Inter,system-ui,sans-serif;fill:rgba(255,255,255,.7);letter-spacing:-.01em}
.ka-d2 circle{animation-delay:1s}.ka-d3 circle{animation-delay:2s}.ka-d4 circle{animation-delay:3s}.ka-d5 circle{animation-delay:4s}
@keyframes dugum{0%,30%,100%{fill:#0a0a0a;stroke:rgba(255,255,255,.45)}10%,20%{fill:#1f74b8;stroke:#6cb4ee}}
.ka-merkez{color:#fff}
@media (prefers-reduced-motion:reduce){.ka-cizgi path,.ka-halka,.ka-dugum circle{animation:none}}
.kurucu-logo .ka-merkez{width:64px;height:64px;margin:0}

/* Giriş kartları geniş ekranda sayfa boyunca sabit kalır (yanlarda içerik yok, düzen bozulmaz) */
@media (min-width:1600px){
  .yan-kartlar{position:fixed;inset:0;z-index:2;transition:opacity .5s ease}
  .yan-kartlar.yk-gizli{opacity:0}
  .yk{animation:none;transition:translate .25s linear}
  .yk-1,.yk-3{left:max(18px,calc(50% - 850px))}
  .yk-2{left:max(30px,calc(50% - 830px))}
  .yk-4,.yk-6{right:max(18px,calc(50% - 850px))}
  .yk-5{right:max(34px,calc(50% - 820px))}
}
/* Geniş ekranda kartlar dağınık konumda: farklı uzaklık ve yükseklik */
@media (min-width:1600px){
  .yk{transition:translate .35s linear,rotate .35s linear}
  .yk-1{left:max(30px,calc(50% - 860px));top:11%}
  .yk-2{left:max(70px,calc(50% - 790px));top:43%}
  .yk-3{left:max(16px,calc(50% - 900px));top:71%}
  .yk-4{right:max(60px,calc(50% - 800px));top:15%}
  .yk-5{right:max(16px,calc(50% - 890px));top:38%}
  .yk-6{right:max(44px,calc(50% - 830px));top:68%}
}
/* Aşağı inince kartlar sayfanın en sol ve en sağ kenarına çekilir, biraz küçülür */
@media (min-width:1600px){
  .yk{transition:translate .35s linear,rotate .35s linear,left .9s var(--egri),right .9s var(--egri),scale .9s var(--egri),opacity .5s}
  .yan-kartlar.uzak .yk{scale:.82}
  .yan-kartlar.uzak .yk-1{left:14px}.yan-kartlar.uzak .yk-2{left:34px}.yan-kartlar.uzak .yk-3{left:10px}
  .yan-kartlar.uzak .yk-4{right:30px}.yan-kartlar.uzak .yk-5{right:10px}.yan-kartlar.uzak .yk-6{right:22px}
}
/* Aşağıda kartlar arka plan gibi: soluk, gölgesiz, içeriğin arkasında, dikkat çekmez */
@media (min-width:1600px){
  .yan-kartlar{z-index:0}
  main>section:not(.v-giris),.kap-genis{position:relative;z-index:1}
  .yk{transition:translate .35s linear,rotate .35s linear,left .9s var(--egri),right .9s var(--egri),scale .9s var(--egri),opacity .9s ease,filter .9s ease,box-shadow .9s ease}
  .yan-kartlar.uzak .yk{opacity:.38;filter:saturate(.35);box-shadow:0 0 0 1px var(--kutu-cizgi)}
}
/* Saydamlık artık kaydırmayla adım adım azalıyor (v2.js); kenarda ayrıca soluklaştırma yok */
@media (min-width:1600px){.yan-kartlar{transition:none}.yan-kartlar.uzak .yk{opacity:1;filter:saturate(.6)}}



/* İletişim: pencere görünümü */
.siyah-blok.pencere{padding-top:0}
.pencere-bar{position:relative;display:flex;align-items:center;gap:14px;height:52px;margin:0 -48px 44px;padding:0 24px;border-bottom:1px solid var(--siyah-cizgi);background:rgba(255,255,255,.025)}
.pencere-nokta{display:flex;gap:7px}
.pencere-nokta i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.16)}
.pencere-ad{position:absolute;left:50%;translate:-50% 0;font-size:12.5px;color:var(--siyah-yazi);background:rgba(255,255,255,.05);padding:5px 14px;border-radius:8px;letter-spacing:0}

/* Instagram ve WhatsApp kartları */
.ilt-kartlar{display:flex;flex-direction:column;gap:12px;max-width:560px}
.ig-kart,.wa-kart{display:block;background:rgba(255,255,255,.045);border:1px solid var(--siyah-cizgi);border-radius:20px;padding:16px;transition:background-color .25s,border-color .25s,transform .4s var(--egri)}
.ig-kart:hover,.wa-kart:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);transform:translateY(-2px)}
.ig-ust{display:flex;align-items:center;gap:12px}
.ig-avatar{position:relative;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;color:#0a0a0a;display:grid;place-items:center;box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px rgba(108,180,238,.6)}
.ig-avatar svg{width:22px;height:22px}
.ig-ad{display:flex;flex-direction:column;min-width:0}
.ig-ad b{font-size:15px;color:#fff}
.ig-ad small{font-size:12.5px;color:var(--siyah-yazi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-git,.wa-dg{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);padding:8px 13px;border-radius:50px;white-space:nowrap}
.ig-git .ik,.wa-dg .ik{width:14px;height:14px}
.ig-sayilar{display:flex;align-items:baseline;gap:16px;margin:14px 0 12px;font-size:13px;color:var(--siyah-yazi)}
.ig-sayilar b{color:#fff;font-size:15px;margin-right:3px}
.ig-sayilar small{margin-left:auto;font-size:11px;opacity:.7}
.ig-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:12px;overflow:hidden}
.ig-izgara img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.wa-kart{display:flex;align-items:center;gap:12px}
.wa-avatar{box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px rgba(31,168,85,.55)}
.wa-rozet{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #0a0a0a}
.wa-rozet .ik{width:12px;height:12px}
.wa-durum{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--siyah-yazi);margin-left:auto;white-space:nowrap}
.wa-durum i{width:7px;height:7px;border-radius:50%;background:#28c840}
.wa-dg{margin-left:6px;background:#1fa855}
.ilt-satirlar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 0}
.ilt-satirlar a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--siyah-cizgi);font-size:14px;color:#fff;transition:background-color .25s}
.ilt-satirlar a:hover{background:rgba(255,255,255,.05)}
.ilt-satirlar small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--siyah-yazi)}
.ilt-satirlar .ik{width:34px;height:34px;padding:9px;border-radius:50%;background:rgba(31,116,184,.22);color:#6cb4ee;flex:none}

@media (max-width:860px){
  .pencere-bar{margin:0 -20px 28px;height:46px;padding:0 16px}
  .pencere-ad{display:none}
  .ilt-satirlar{grid-template-columns:1fr}
  .wa-kart{flex-wrap:wrap}
  .wa-durum{margin-left:58px;order:3;width:100%}
  .wa-dg{margin-left:auto}
  .ig-git{padding:7px 10px}
}
.pencere-bar{height:64px}
.iletisim>*{min-width:0}
.ig-ust,.wa-kart{min-width:0}
.ig-ad{flex:1}
@media (max-width:860px){.ig-sayilar{flex-wrap:wrap;gap:6px 14px}.ig-sayilar small{margin-left:0;width:100%}.ig-ad small{white-space:normal}}

/* Sade sosyal kartlar (Instagram, WhatsApp) */
.ilt-ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sk{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--siyah-cizgi);transition:background-color .25s,border-color .25s}
.sk:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.sk-ust{display:flex;align-items:center;gap:10px;min-width:0}
.sk-ust>.ik{margin-left:auto;width:16px;height:16px;color:var(--siyah-yazi);flex:none}
.sk-avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.sk-avatar svg{width:17px;height:17px}
.sk-ig{background:#fff;color:#0a0a0a;box-shadow:0 0 0 2px #0a0a0a,0 0 0 3.5px #d6249f}
.sk-wa{background:#1fa855;color:#fff}
.sk-ad{display:flex;flex-direction:column;min-width:0}
.sk-ad b{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-ad small{font-size:12px;color:var(--siyah-yazi);white-space:nowrap}
.sk-resim{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:8px;overflow:hidden;height:46px}
.sk-resim img{width:100%;height:100%;object-fit:cover;object-position:top}
.sk-alt{display:flex;align-items:center;gap:7px;margin-top:auto;font-size:12.5px;color:var(--siyah-yazi);height:46px;padding:0 4px}
.sk-alt i{width:7px;height:7px;border-radius:50%;background:#28c840}
@media (max-width:520px){.ilt-ikili{grid-template-columns:1fr}.sk-alt{height:auto}}
.pencere-bar{height:52px}
@media (max-width:860px){.pencere-bar{height:46px}}

/* Instagram geniş kart + WhatsApp/Telefon/E-posta yan yana */
.sk-genis{flex-direction:row;align-items:center;gap:12px}
.sk-genis .sk-ad{flex:1}
.sk-genis .sk-resim{width:120px;height:44px;flex:none}
.sk-genis>.ik{width:16px;height:16px;color:var(--siyah-yazi);flex:none}
.ilt-uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.uk{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--siyah-cizgi);min-width:0;transition:background-color .25s,border-color .25s}
.uk:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.uk .sk-avatar{margin-bottom:8px}
.uk small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--siyah-yazi)}
.uk b{font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uk-ik{background:rgba(31,116,184,.22);color:#6cb4ee}
.uk-ik .ik{width:17px;height:17px;--ik-vurgu:#6cb4ee}
.sk-wa .ik{width:18px;height:18px}
.uk-saat{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--siyah-yazi);margin:2px 0 0}
.uk-saat i{width:7px;height:7px;border-radius:50%;background:#28c840}
@media (max-width:520px){.ilt-uclu{grid-template-columns:1fr}.uk{flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:12px}.uk .sk-avatar{margin:0}.sk-genis .sk-resim{display:none}}

/* Sol sütun formun boyuna uzar; Instagram kartı kalan alanı doldurur */
.ilt-sol{display:flex;flex-direction:column}
.ilt-kartlar{flex:1;max-width:none}
.ig-buyuk{flex:none;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--siyah-cizgi);transition:background-color .25s,border-color .25s}
.ig-buyuk:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.ig-b-ust{display:flex;align-items:center;gap:12px;min-width:0}
.ig-b-ust .sk-ad{flex:1}
.ig-b-git{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);padding:8px 13px;border-radius:50px;white-space:nowrap}
.ig-b-git .ik{width:14px;height:14px}
.ig-b-izgara{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-height:150px}
.ig-b-izgara img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px;display:block}
.alt{grid-template-columns:1.6fr 1fr 1fr}
@media (max-width:860px){.alt{grid-template-columns:1fr 1fr}.ig-b-izgara{min-height:0}.ig-b-izgara img{aspect-ratio:4/5;height:auto}}
.ilt-sol>.hap{align-self:flex-start}
/* /proje-baslat/: alttaki kısa form yok (sayfada tek form); başlık solda, kanallar sağda */
.page-flow .iletisim{grid-template-columns:1fr}
@media (min-width:861px){
  .page-flow .ilt-sol{display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto auto auto 1fr;column-gap:48px}
  .page-flow .ilt-sol>.hap{justify-self:start}
  .page-flow .ilt-sol>.ilt-kartlar{grid-column:2;grid-row:1/span 4}
}

/* Alt bilgi: logo + büyük cümle (sosyal düğmeler yok) */
.alt-marka p{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.025em;color:#fff;max-width:360px;margin:18px 0 0}
@media (max-width:860px){.alt-marka p{font-size:18px}}
.alt-marka .alt-konum{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--siyah-yazi);margin-top:14px}

/* Erişilebilirlik ve performans düzeltmeleri (29 Ekim) */
.anim-dur *,.anim-dur *::before,.anim-dur *::after{animation-play-state:paused!important}
@keyframes ilerle2{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hg-slot .secili{animation:none;box-shadow:0 0 0 4px rgba(108,180,238,.22)}
:root{--gri-2:#6b6b6b}
.kucuk-orta,.vk-no{color:var(--vurgu-2)}
.vk-kart small{color:#fff}
@media (max-width:860px){
  .alt nav a,.alt>div:not(.alt-marka) a{display:inline-flex;align-items:center;min-height:44px}
  .alt nav,.alt>div:not(.alt-marka){gap:0}
  .alt-yasal a,.alt-yasal button{display:inline-flex;align-items:center;min-height:44px}
  .secimler span{padding:12px 16px}
  .ust-logo{min-height:44px}
  .cerez-dg button{min-height:44px}
}
/* Son QA düzeltmeleri */
.uk-m{display:flex;flex-direction:column;gap:4px;min-width:0}
@media (max-width:1180px){.ilt-uclu{grid-template-columns:1fr}.uk{flex-direction:row;align-items:center;gap:12px}.uk .sk-avatar{margin:0}}
.m-iletisim{display:none}
@media (max-width:860px){.ust-menu .m-iletisim{display:block}}
a,button,input,select,textarea,summary,[tabindex]{scroll-margin-top:96px}

/* Ayrıntılı proje formu (/proje-baslat/): ICEAOS dilinde çok adımlı akış */
.flow-page{padding:56px 0 24px}
.flow-wrap{max-width:1240px;margin:0 auto;padding:0 var(--yan);display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}
.flow-side{position:sticky;top:110px}
.flow-side .kicker{display:inline-flex;padding:6px 14px;border-radius:50px;background:var(--kutu);border:1px solid var(--kutu-cizgi);font-size:13px;margin:0 0 18px}
.flow-side h1{font-size:clamp(34px,4vw,48px);font-weight:600;letter-spacing:-.05em;line-height:1.08}
.flow-intro{color:var(--gri);margin:16px 0 26px;font-size:16px;line-height:1.6}
.flow-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:adim}
.flow-steps li{counter-increment:adim}
.flow-steps button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;padding:10px 12px;border-radius:14px;font-size:14.5px;color:var(--gri);cursor:pointer;transition:background-color .2s,color .2s}
.flow-steps button::before{content:counter(adim);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--kutu);border:1px solid var(--kutu-cizgi);color:var(--gri)}
.flow-steps button:hover{background:var(--kutu)}
.flow-steps button[aria-current]{background:var(--kutu);color:var(--yazi);font-weight:600;box-shadow:var(--kutu-golge)}
.flow-steps button[aria-current]::before{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.flow-steps button.visited::before{background:var(--vurgu-acik);color:var(--vurgu-2);border-color:transparent}
.flow-alt{margin-top:22px;font-size:14px;color:var(--gri)}
.flow-alt a{color:var(--vurgu-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.flow-card{background:var(--kutu);border:1px solid var(--kutu-cizgi);box-shadow:var(--kutu-golge);border-radius:var(--kose);padding:32px;min-width:0}
.flow-top{margin-bottom:26px}
.flow-count{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--gri);margin:0 0 10px}
.flow-count b{color:var(--yazi)}
.flow-progress{height:6px;border-radius:3px;background:var(--kutu-2);overflow:hidden}
.flow-progress span{display:block;height:100%;width:100%;background:var(--vurgu);transform-origin:left center;transform:scaleX(var(--p,.1667));transition:transform .5s var(--egri)}
.step{border:0;margin:0;padding:0;min-width:0}
.step-title{font-size:26px;font-weight:600;letter-spacing:-.04em;margin:0 0 6px;outline:0}
.step-hint{color:var(--gri);margin:0 0 22px;font-size:15px}
.step-hint a{color:var(--vurgu-2);text-decoration:underline}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice{position:relative;cursor:pointer;display:block}
.choice input,.chip input{position:absolute;opacity:0;width:1px;height:1px}
.choice-body{display:flex;gap:14px;align-items:flex-start;height:100%;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--kutu-cizgi);transition:border-color .2s,box-shadow .2s,background-color .2s}
.choice-body b{display:block;font-size:15px;color:var(--yazi)}
.choice-body small{display:block;font-size:13px;color:var(--gri);margin-top:2px}
.choice-desc{display:block;font-size:13px;color:var(--gri);line-height:1.5;margin-top:8px}
.choice-ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--kutu);display:grid;place-items:center;color:var(--vurgu)}
.choice-ico svg{width:22px;height:22px}
.choice:hover .choice-body{border-color:rgba(20,30,45,.18)}
.choice input:checked + .choice-body{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(31,116,184,.15);background:#fff}
.choice input:focus-visible + .choice-body{outline:2px solid var(--vurgu);outline-offset:2px}
.choice-sm .choice-body{padding:14px 16px;align-items:center}
.choices-2{grid-template-columns:1fr 1fr}
.fields{display:flex;flex-direction:column;gap:16px}
.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.opt{font-weight:400;color:var(--gri)}
.field input,.field textarea{width:100%;min-height:48px;padding:12px 16px;border-radius:14px;border:1px solid var(--kutu-cizgi);background:#fff;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:96px}
.field input:focus,.field textarea:focus{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(31,116,184,.15)}
.field .invalid,.field input[aria-invalid="true"]{border-color:#c0261c}
.err{color:#c0261c;font-size:13px;margin:6px 0 0}
.qgroup{margin:0 0 22px}
.qgroup-set{display:block}
.q{font-size:15px;font-weight:600;margin:0 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:50px;background:#fff;border:1px solid var(--kutu-cizgi);font-size:14px;transition:background-color .2s,border-color .2s,color .2s}
.chip input:checked + span{background:var(--yazi);border-color:var(--yazi);color:#fff}
.chip input:focus-visible + span{outline:2px solid var(--vurgu);outline-offset:2px}
.note{font-size:13.5px;color:var(--gri);background:#fff;border:1px solid var(--kutu-cizgi);border-radius:14px;padding:12px 14px;margin:6px 0 0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gri);cursor:pointer}
.consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--vurgu);flex:none}
.consent a{color:var(--vurgu-2);text-decoration:underline}
.summary{display:flex;flex-direction:column;gap:10px}
.sum-group{background:#fff;border:1px solid var(--kutu-cizgi);border-radius:16px;padding:14px 16px}
.sum-group h3{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:0 0 8px}
.sum-edit{border:0;background:var(--kutu);padding:6px 12px;border-radius:50px;font-size:12.5px;font-weight:600;cursor:pointer}
.sum-group dl{margin:0;display:flex;flex-direction:column;gap:6px}
.sum-group dl>div{display:grid;grid-template-columns:150px 1fr;gap:10px;font-size:14px}
.sum-group dt{color:var(--gri)}
.sum-group dd{margin:0}
.flow-nav{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--kutu-cizgi)}
.flow-nav .grow{flex:1}
.flow-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:50px;border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;transition:transform .3s var(--egri),background-color .2s}
.flow-page .btn-primary{background:var(--vurgu);color:#fff}
.flow-page .btn-primary:hover{background:var(--vurgu-2)}
.flow-page .btn-secondary{background:#fff;border-color:var(--kutu-cizgi);color:var(--yazi)}
.flow-page .btn-text{border:0;background:none;color:var(--gri);font-size:14px;font-weight:600;cursor:pointer;padding:10px}
.flow-done{text-align:center;padding:24px 8px;outline:0}
.done-ico{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--vurgu);color:#fff;display:grid;place-items:center}
.done-ico svg{width:30px;height:30px}
.flow-done ol{text-align:left;max-width:380px;margin:12px auto 18px;color:var(--gri);line-height:1.7}
.flow-send-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.flow-status{font-size:13px;color:var(--vurgu-2);margin-top:10px}
.flow-hata{color:#c0261c;font-size:14px;line-height:1.5}
.flow-hata:not(:empty){margin-top:12px}
.flow-hata a{color:var(--vurgu-2);text-decoration:underline;text-underline-offset:2px}
.flow-viewport{position:relative}
@media (max-width:960px){.flow-wrap{grid-template-columns:1fr;gap:24px}.flow-side{position:static}.flow-steps{display:none}}
@media (max-width:600px){.flow-card{padding:20px}.choices,.choices-2,.fields-2{grid-template-columns:1fr}.sum-group dl>div{grid-template-columns:1fr;gap:2px}.step-title{font-size:22px}}

/* Yan kartların kenara çekilmesi: left/right ve filter geçişi yerine transform (performans) */
@media (min-width:1600px){
  .yk{transition:translate .35s linear,rotate .35s linear,transform .9s var(--egri),opacity .5s}
  .yan-kartlar.uzak .yk{scale:1;filter:none}
  .yan-kartlar.uzak .yk-1{left:max(30px,calc(50% - 860px));transform:translateX(calc(14px - max(30px,50vw - 860px))) scale(.82)}
  .yan-kartlar.uzak .yk-2{left:max(70px,calc(50% - 790px));transform:translateX(calc(34px - max(70px,50vw - 790px))) scale(.82)}
  .yan-kartlar.uzak .yk-3{left:max(16px,calc(50% - 900px));transform:translateX(calc(10px - max(16px,50vw - 900px))) scale(.82)}
  .yan-kartlar.uzak .yk-4{right:max(60px,calc(50% - 800px));transform:translateX(calc(max(60px,50vw - 800px) - 30px)) scale(.82)}
  .yan-kartlar.uzak .yk-5{right:max(16px,calc(50% - 890px));transform:translateX(calc(max(16px,50vw - 890px) - 10px)) scale(.82)}
  .yan-kartlar.uzak .yk-6{right:max(44px,calc(50% - 830px));transform:translateX(calc(max(44px,50vw - 830px) - 22px)) scale(.82)}
}
/* Telefon düzeltmeleri (29 Ekim, kullanıcı iPhone ekranı) */
@media (max-width:860px){
  .akordeon .adimlar{height:auto}
  .kurucu-logo{aspect-ratio:auto;padding:28px 24px;gap:18px}
  .kurucu-logo .ka{width:100%;max-width:340px;margin:0 auto}
  .kurucu-logo p{font-size:18px}
}
@media (max-width:860px){
  .is-yatay{grid-template-columns:1fr}
  .is-sahne{min-height:280px}
  .ig-b-ust{flex-wrap:wrap}
  .ig-b-ust .sk-ad{flex:1 1 0;min-width:0}
  .ig-b-ust .sk-ad small{white-space:normal;line-height:1.35}
  .ig-b-git{padding:7px 11px;font-size:12.5px}
  .alt-yasal{align-items:center;gap:4px 16px}
}
@media (max-width:520px){
  .adimlar,.adimlar-2{grid-template-columns:1fr}
  .ig-b-git{order:3;width:100%;justify-content:center;margin-top:2px}
}

/* 29 Ekim: logo yazısının yanında küçük mavi kıvılcım (ICEAOS imzası) */
.ust-logo .ust-kv{display:inline-block;width:.5em;height:.5em;margin-left:2px;vertical-align:.7em;fill:var(--vurgu);transition:none;transform:none}
.siyah-blok .ust-logo .ust-kv,.alt .ust-logo .ust-kv{fill:#6cb4ee}

/* 29 Ekim: ilk açılış. Başlık kelime kelime açılır, sonra alt yazı ve düğmeler; yan kartlar kenarlardan gelir */
@media (prefers-reduced-motion:no-preference){
  .giris-ic>.hap{animation:ac-yuk .8s var(--egri) .05s backwards}
  .giris-bas .gw{display:inline-block;animation:ac-kel .9s var(--egri) backwards}
  .giris-bas .bas-gorsel.gw{display:inline-flex;animation-name:ac-pop;animation-duration:.8s}
  .giris-bas .g1{animation-delay:.15s}.giris-bas .g2{animation-delay:.22s}.giris-bas .g3{animation-delay:.32s}
  .giris-bas .g4{animation-delay:.38s}.giris-bas .g5{animation-delay:.48s}.giris-bas .g6{animation-delay:.55s}
  .giris-bas .g7{animation-delay:.64s}.giris-bas .g8{animation-delay:.7s}.giris-bas .g9{animation-delay:.77s}
  .giris-ic>.giris-acik{animation:ac-yuk .9s var(--egri) .9s backwards}
  .giris-ic>.dg-sira{animation:ac-yuk .9s var(--egri) 1.02s backwards}
  .giris-ic>.guven{animation:ac-yuk .9s var(--egri) 1.14s backwards}
  .v-giris .yk-1,.v-giris .yk-2,.v-giris .yk-3{animation:ac-sol 1.2s var(--egri) backwards,yuz 9s ease-in-out infinite alternate}
  .v-giris .yk-4,.v-giris .yk-5,.v-giris .yk-6{animation:ac-sag 1.2s var(--egri) backwards,yuz 9s ease-in-out infinite alternate}
  .v-giris .yk-1{animation-delay:.5s,0s}.v-giris .yk-4{animation-delay:.6s,-2s}.v-giris .yk-2{animation-delay:.7s,-3s}
  .v-giris .yk-5{animation-delay:.8s,-5s}.v-giris .yk-3{animation-delay:.9s,-6s}.v-giris .yk-6{animation-delay:1s,-7s}
}
/* Geniş ekranda kartlar JS ile süzülür; yalnız giriş hareketi kalır */
@media (prefers-reduced-motion:no-preference) and (min-width:1600px){
  .v-giris .yk-1,.v-giris .yk-2,.v-giris .yk-3{animation:ac-sol 1.2s var(--egri) backwards}
  .v-giris .yk-4,.v-giris .yk-5,.v-giris .yk-6{animation:ac-sag 1.2s var(--egri) backwards}
  .v-giris .yk-1{animation-delay:.5s}.v-giris .yk-4{animation-delay:.6s}.v-giris .yk-2{animation-delay:.7s}
  .v-giris .yk-5{animation-delay:.8s}.v-giris .yk-3{animation-delay:.9s}.v-giris .yk-6{animation-delay:1s}
}
@keyframes ac-yuk{from{opacity:0;translate:0 24px}}
@keyframes ac-kel{from{opacity:0;translate:0 .4em;filter:blur(8px)}}
@keyframes ac-pop{from{opacity:0;scale:.4}}
@keyframes ac-sol{from{opacity:0;margin-left:-160px;filter:blur(6px)}}
@keyframes ac-sag{from{opacity:0;margin-right:-160px;filter:blur(6px)}}

/* 29 Ekim: başlıktaki iki görsel canlı. Logo dönerek gelir, arada çeyrek tur atar (dört kollu: tur sonunda aynı görünür);
   site penceresinin satırları yükleniyormuş gibi dolar, düğme arada basılır. Kullanıcı isteği, logo dönme kuralının istisnası */
@media (prefers-reduced-motion:no-preference){
  .giris-bas .bas-gorsel-koyu svg{animation:logo-gel 1.4s var(--egri) .75s backwards,logo-ceyrek 8s var(--egri) 3.2s infinite}
  .giris-bas .bas-site .bs-govde>span{transform-origin:left center;animation:bs-dol .8s var(--egri) backwards}
  .giris-bas .bas-site .bs-bas{animation-delay:.6s}
  .giris-bas .bas-site .bs-satir{animation-delay:.72s}
  .giris-bas .bas-site .bs-dg{animation:bs-dol .8s var(--egri) .84s backwards,bs-bas 6s ease-in-out 2.6s infinite}
}
@keyframes logo-gel{from{rotate:-270deg;scale:.2;opacity:0}}
@keyframes logo-ceyrek{0%,86%{rotate:0deg}100%{rotate:90deg}}
@keyframes bs-dol{from{scale:0 1}}
@keyframes bs-bas{0%,90%,100%{scale:1}95%{scale:.88}}

/* Logo noktası: "ICEAOS." noktası; kayınca shuriken'in ortasına iner (konumlar v2.js ölçer) */
.ust .ust-logo{position:relative}
.ust .ust-logo .ust-nokta{position:absolute;left:var(--kv-x,106px);top:var(--kv-y,8px);width:4px;height:4px;margin:0;vertical-align:baseline;transition:left .55s var(--egri),top .55s var(--egri),width .55s var(--egri),height .55s var(--egri)}
.ust.yuzen .ust-logo .ust-nokta{left:var(--kv-ox,10px);top:var(--kv-oy,10px);width:4px;height:4px}
.alt .ust-logo .ust-kv{width:.32em;height:.32em;vertical-align:baseline;margin-left:1px}
@media (prefers-reduced-motion:reduce){.ust .ust-logo .ust-nokta{transition:none}}
/* Kayan yıldız: konum ve boyut v2.js'te yay çizerek değişir; CSS geçişi kapalı, iz kopyaları tıklanmaz */
.js .ust .ust-logo .ust-nokta{transition:none}
.ust .ust-logo .ust-iz{position:absolute;margin:0;pointer-events:none;fill:#6cb4ee;width:5px;height:5px;opacity:0;filter:blur(.4px)}

/* ===== P2 (29 Ekim): görsel temizlik, erişilebilirlik, telefon düzeni ===== */
/* Üst menü: yüzen hap yalnız arka plan katmanı + transform; kutular yer değiştirmez, sayfa kaymaz (CLS) */
.ust-ic::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:50%;width:100%;translate:-50% 0;border-radius:50px;background:#f8f9fa;box-shadow:0 0 0 1px var(--cizgi),0 10px 30px -14px rgba(20,30,45,.25);opacity:0;pointer-events:none;transition:width .55s var(--egri),opacity .3s ease}
.ust.yuzen .ust-ic::before{width:720px;opacity:1}
.ust-logo,.ust-ac{transition:translate .55s var(--egri)}
.ust-cta{transition:translate .55s var(--egri),transform .3s var(--egri),background-color .2s}
/* 100cqi = .ust-ic iç genişliği: hap ortada 720 px; logo hapın solundan 20, düğme sağından 8 px içeride */
.ust.yuzen .ust-logo{translate:calc(50cqi - 340px) 0}
.ust.yuzen .ust-cta{translate:calc(352px - 50cqi) 0}
/* menü hapın işaret ile düğme arasındaki boşluğunda ortalanır: 18 px - logo genişliğinin yarısı (~102/2) */
@media (min-width:861px){.ust-menu{transition:translate .55s var(--egri)}.ust.yuzen .ust-menu{translate:-32px 0}}
.ust.yuzen .ust-menu a:hover,.ust.yuzen .ust-menu a[aria-current]{background:var(--zemin)}
.ust-ac{background:#fff;box-shadow:inset 0 0 0 1px var(--kutu-cizgi)}
@media (max-width:860px){
  .ust-ic::before{top:0;bottom:0;opacity:1}
  .ust.yuzen .ust-ic::before{width:116px}
  /* telefonda iç boşluk 16/6 px; hap 116 px: logo hapın solundan 14, menü düğmesi sağından 6 px */
  .ust.yuzen .ust-logo{translate:calc(50cqi - 49px) 0}
  .ust.yuzen .ust-ac{translate:calc(47px - 50cqi) 0}
}

/* Çerez bandı açıkken sayfa sonu ve odaklanan öğe bandın altında kalmaz (cerez.js --cerez-h yazar) */
html:has(.cerez-bant){scroll-padding-bottom:calc(var(--cerez-h,96px) + 12px)}
body:has(.cerez-bant){padding-bottom:var(--cerez-h,96px)}
/* Sabit WhatsApp düğmesi form düğmeleri ekrandayken gizlenir (v2.js) */
.wa-sabit.wa-gizli{opacity:0;visibility:hidden;pointer-events:none}

/* Süreç akordeonu: adım adı gerçek düğme (v2.js ekler; liste yapısı bozulmaz) */
.adim-dg{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;writing-mode:inherit;white-space:inherit;cursor:pointer}
.akordeon .adimlar li.etkin .adim-dg{cursor:default}

/* İletişim sayfası: pencere başlığı H1, üstte ikinci başlık ve hap yok */
.iletisim h1{font-size:clamp(30px,3.6vw,42px)}
.iletisim-sayfa .siyah-blok{margin-top:16px}
.ilt-acik a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Tipografi: gövde -0,011em, başlıklar -0,035em (giriş H1 hariç), hap ve küçük etiket 0; saat ve sayılarda eşit genişlikli rakam */
.sayfa-giris h1,.v-giris-sol .hz-slogan,.yasal .p-hero h1,.yasal .display,.flow-side h1{letter-spacing:-.035em}
.hap,.guven,.haplar li,.kirinti{letter-spacing:0}
/* Ana sayfa girişi kullanıcı seçene kadar P2 öncesi görünümünde (29 Ekim kararı): eski harf aralığı ve düğme gölgesi; odak halkası yeni haliyle */
.ana .v-giris{letter-spacing:-.02em}
.ana .v-giris .hap,.ana .v-giris .guven{letter-spacing:inherit}
.ana .v-giris .dg-vurgu:not(:focus-visible){box-shadow:0 8px 24px -10px rgba(31,116,184,.7)}
/* Tek küçük etiket stili: 13 px, 600, büyük harf ve aralık yok */
.kucuk-baslik,.alt nav p,.alt>div:not(.alt-marka)>p,.uk small,.ilt-kutu small,.ilt-satirlar small{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.kucuk-baslik.kucuk-orta{color:var(--gri)}
.hg-slot,.neden-no,.mk-no,.adimlar b,.uk b,.uk-saat,.flow-count{font-variant-numeric:tabular-nums}

/* Hizmet kartlarında gerçek görseller: iceaos.com ekranı, kendi gönderilerimiz, tanıtım videosundan bir kare */
.hg-ekran{flex:1;min-height:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 0 0 1px var(--kutu-cizgi)}
.hg-ig{align-content:center}
.hg-ig img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.hg-video{padding:12px}
.hg-kare{position:relative;height:150px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.hg-kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hg-kare .hg-oynat{width:38px;height:38px;background:rgba(10,10,10,.55)}
.hg-kare .hg-oynat::after{left:15px;top:11px;border-left-width:11px;border-top-width:8px;border-bottom-width:8px}
.hg-kare .hg-ilerleme{left:8px;right:8px;bottom:8px;height:3px;background:rgba(10,10,10,.15)}
.hg-kare .hg-ilerleme i{background:var(--vurgu)}
/* Dolu saat: soluk yazı (2,7:1) yerine zeminsiz, çerçeveli ve üstü çizili; yazı ~7:1 */
.hg-slot .dolu{opacity:1;color:rgba(255,255,255,.6);background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}

/* Neden şeridi sağda ekran kenarına uzanır (kart ortadan kesilmez) */
.neden-bolum{overflow-x:clip}
@media (min-width:861px){.neden{margin-right:calc(50% - 50vw);padding-right:calc(50vw - 50%)}}

/* Tablet (600-1060): hizmetler 2 sütun, Neden kartı ~%46, figür ortalı ve sınırlı */
@media (min-width:600px) and (max-width:1060px){
  .hz-kisa{grid-template-columns:1fr 1fr}
  .hz-b,.hz-b-1,.hz-b-2,.hz-b-3,.hz-b-4,.hz-b-5,.hz-b-6{grid-column:auto;flex-direction:column}
  .neden{grid-auto-columns:46%}
  .neden-kart{min-height:0}
  .nf{max-width:240px;margin-inline:auto}
}
@media (min-width:861px) and (max-width:1060px){
  .hz-b-1 .hg,.hz-b-6 .hg{flex:none;margin:8px 8px 18px;min-height:190px}
  .hz-b-1 .hz-b-metin,.hz-b-6 .hz-b-metin{justify-content:flex-start;padding:4px 28px 26px}
}
/* Telefon (≤860): hizmet kartı kısa (simge, başlık, tek satır, ok); görsel, açıklama ve hap listesi gizli, içerik hizmet sayfasında */
.hz-b-metin>.ik,.hz-b-tek{display:none}
@media (max-width:860px){
  .hz-kisa{gap:10px}
  .hz-b .hg,.hz-b .haplar,.hz-b-metin>p{display:none}
  .hz-b-metin,.hz-b-1 .hz-b-metin,.hz-b-6 .hz-b-metin{display:grid;grid-template-columns:40px minmax(0,1fr) 32px;grid-template-areas:"ik bas git" "ik tek git";column-gap:14px;row-gap:2px;align-items:center;padding:16px 16px 16px 18px}
  .hz-b-metin>.ik{display:block;grid-area:ik;width:40px;height:40px;padding:9px;border-radius:12px;background:#fff;color:var(--yazi);box-shadow:inset 0 0 0 1px var(--kutu-cizgi)}
  .hz-b h3{grid-area:bas;font-size:17px;line-height:1.25}
  .hz-b-tek{display:block;grid-area:tek;font-size:13px;color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hz-kisa-git{grid-area:git;margin:0;width:32px;height:32px;border-radius:50%;justify-content:center;box-shadow:inset 0 0 0 1px var(--kutu-cizgi)}
  .hz-kisa-git>span{display:none}
  .hz-b-2 .hz-b-metin>.ik{background:rgba(255,255,255,.08);color:#fff;box-shadow:none;--ik-vurgu:#6cb4ee}
  .hz-b-2 .hz-b-tek{color:var(--siyah-yazi)}
  .hz-b-2 .hz-kisa-git{box-shadow:inset 0 0 0 1px var(--siyah-cizgi)}
  /* Neden kartı ve figür kısa */
  .neden-kart{min-height:0;padding:22px;gap:12px}
  .nf{width:auto;max-width:100%;height:96px;margin:auto auto 0}
  /* Beş alan: büyük simge daireleri yerine sıkı satır (içerik aynı) */
  .kucuk-baslik.kucuk-orta{margin-top:48px}
  .alanlar-5{gap:8px}
  .alan-kart{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;text-align:left;font-size:13.5px}
  .alan-kart .ik{width:40px;height:40px;padding:10px}
  .kurucu-logo .ka-kap{max-width:280px;margin:0 auto}
  /* -0,035em ile başlık genişledi: telefonda zorunlu satır sonu yerine dengeli kırılma (tek kelime kalmaz) */
  h2 br{display:none}
  h2{text-wrap:balance}
}
/* Giriş: Seçenek 1 (kullanıcı 30 Ekim 2026'da seçti). Sola yaslı başlık, sağda katmanlı ürün kartları; hareket bir kez, bulanıklık yok, az hareket ayarında yok */
.gs{position:relative;padding:36px 0 56px}
.gs .giris-bas{text-align:left;letter-spacing:-.045em}
.gs .giris-bas em{font-style:normal;color:var(--vurgu)}
.gs .giris-acik{margin:24px 0 30px;max-width:540px;text-align:left}
.gs-dg{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.gs-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:600;border-bottom:1px solid transparent}
.gs-link .ik{width:16px;height:16px;transition:translate .3s var(--egri)}
@media (hover:hover){.gs-link:hover .ik{translate:3px 0}}
.gs .guven{justify-content:flex-start;margin-top:30px;gap:8px 20px}
.gs-durum{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font-size:14px;font-weight:600;color:var(--gri)}
@media (prefers-reduced-motion:no-preference){
  .gs-1 .gs-metin>*{animation:gs-gir .8s var(--egri) backwards}
  .gs-1 .gs-metin>:nth-child(2){animation-delay:.08s}
  .gs-1 .gs-metin>:nth-child(3){animation-delay:.16s}
  .gs-1 .gs-metin>:nth-child(4){animation-delay:.24s}
  .gs-1 .gs-metin>:nth-child(5){animation-delay:.32s}
  .gs-k{animation:gs-gir .9s var(--egri) backwards}
  .gs-k2{animation-delay:.12s}
  .gs-k3{animation-delay:.24s}
  .gs-k4{animation-delay:.36s}
}
@keyframes gs-gir{from{opacity:0;translate:0 18px}}
.gs-1 .gs-ic{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;min-height:calc(92svh - 76px - 92px)}
.gs-1 .giris-bas{font-size:clamp(40px,5vw,70px);max-width:11.5em}
.gs-yigin{position:relative;height:500px}
.gs-k{position:absolute;width:270px;margin:0;background:#fff;border-radius:18px;padding:16px 18px;font-size:13px;color:var(--gri);box-shadow:0 18px 40px -22px rgba(15,30,50,.35),0 0 0 1px var(--kutu-cizgi)}
.gs-k p{margin:0}
.gs-k1{left:2%;top:0;rotate:-2.5deg}
.gs-k2{right:0;top:21%;width:290px;rotate:1.5deg}
.gs-k3{left:8%;top:54%;rotate:-1deg}
.gs-k4{right:7%;bottom:0;width:190px;rotate:2.5deg;background:#0a0a0a;color:rgba(255,255,255,.64);box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
@media (max-width:1060px){
  .gs-1 .gs-ic{column-gap:28px}
  .gs-k{width:230px}.gs-k2{width:250px}
}
@media (max-width:860px){
  .gs{padding:28px 0 40px}
  .gs .giris-bas{font-size:clamp(36px,10vw,50px);letter-spacing:-.045em}
  .gs .giris-bas br{display:none}
  .gs .giris-acik{font-size:16px;margin:20px 0 24px}
  .gs-dg{gap:18px}
  .gs .guven{margin-top:24px;font-size:13px}
  .gs-1 .gs-ic{grid-template-columns:1fr;gap:26px;min-height:0}
  .gs-yigin{height:236px}
  .gs-k{width:236px}
  .gs-k1{left:0;top:6px}
  .gs-k2{right:0;top:96px;width:244px}
  .gs-k3,.gs-k4{display:none}
}

/* Logo yıldızı O harfinin ortasında (kullanıcı isteği, 30 Ekim); konum v2.js'te ölçülür, JS yoksa yazının sonunda kalır */
.alt-logo.kv-o{position:relative}
.alt-logo.kv-o .ust-kv{position:absolute;left:var(--kv-x);top:var(--kv-y);width:5px;height:5px;margin:0;translate:var(--kv-dx,0) var(--kv-dy,0)}
/* Üst menü yıldızı: küsurat translate ile (tam ortada). Menü yüzünce shuriken'e iner, işaret kısa parlar, yıldız kaybolur ve logo
   resmi haliyle boş kalır (kullanıcı 30 Ekim, seçenek C); geri dönüşte hemen belirip O'ya uçar */
.ust .ust-logo .ust-nokta{translate:var(--kv-dx,0) var(--kv-dy,0)}
.ust.yuzen .ust-logo .ust-nokta{translate:var(--kv-odx,0) var(--kv-ody,0);opacity:0}
.js .ust .ust-logo .ust-nokta{transition:opacity .15s ease}
.js .ust.yuzen .ust-logo .ust-nokta{transition:opacity .3s ease .72s}
@media (prefers-reduced-motion:reduce){.js .ust .ust-logo .ust-nokta,.js .ust.yuzen .ust-logo .ust-nokta{transition:none}}