/* Kurumsal Web: dördüncü bölümden sonraki anlatım. Yalnızca .ck-* sınıfları ve .ck-* ile kapsanan yeniden kullanılmış yapılar. */
.ck-section{--ck-gutter:max(40px,calc((100% - 1120px)/2));scroll-margin-top:72px;padding:110px var(--ck-gutter);color:#1d1d1f;background:#fff}
.ck-head{max-width:820px;margin:0 0 56px}
.ck-head--center{margin:0 auto 56px;text-align:center}
.ck-eyebrow{display:block;font-size:17px;font-weight:600;line-height:1.3;margin:0 0 18px;color:#1d1d1f}
.ck-section h2,.ck-manage>h2{font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.06;letter-spacing:-2.4px;margin:0;color:#1d1d1f}
.ck-head p{font-size:19px;line-height:1.55;letter-spacing:-.2px;color:#6e6e73;margin:26px 0 0;max-width:720px}
.ck-head--center p{margin-left:auto;margin-right:auto}
.ck-note{max-width:640px;margin:22px auto 0;text-align:center;font-size:13px;line-height:1.5;color:#86868b}
.ck-link{display:inline-block;margin-top:6px;font-size:17px;color:#0071e3}
.ck-link:hover{text-decoration:underline}

.ck-modal-figure{display:block;width:100%;height:auto;border-radius:18px;margin:10px 0 8px;background:#f5f5f7}

/* 5 — Sayfalar: büyük site görünümü ve sayfa seçici */
.ck-pages{padding-bottom:40px}
.ck-pages-stage{max-width:1040px;margin:0 auto}
.ck-browser{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #0b21491f,0 0 0 1px #0b214914}
.ck-browser-bar{display:flex;gap:7px;align-items:center;height:34px;padding:0 16px;background:#f2f2f5;border-bottom:1px solid #e3e3e8}
.ck-browser-bar i{width:10px;height:10px;border-radius:50%;background:#d2d2d8}
.ck-tabs{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:30px auto 0;padding:4px;border-radius:30px;background:#f0f0f3}
.ck-tabs button{border:0;border-radius:24px;background:transparent;padding:9px 17px;font:inherit;font-size:14px;color:#1d1d1f;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ck-tabs button:hover{background:#e3e3e8}
.ck-tabs button[aria-selected=true]{background:#1d1d1f;color:#fff}
.ck-tabs button:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.ck-pages-image{display:block;width:100%;height:auto;aspect-ratio:1586/992;object-fit:cover;object-position:top;background:#f5f5f7}
.ck-pages-caption{max-width:600px;min-height:3em;margin:22px auto 0;text-align:center;font-size:17px;line-height:1.5;color:#6e6e73}
.ck-pages-caption strong{color:#1d1d1f;font-weight:600}

/* 6 — İçerik yönetimi: web-features.php kart yapısı */
.ck-manage>h2{max-width:1200px;margin:0 auto;padding:0 40px}
.ck-manage-lead{max-width:760px;margin:22px 0 48px max(40px,calc((100% - 1120px)/2));font-size:19px;line-height:1.55;color:#6e6e73}

/* 7 — İletişim: tarayıcı içinde masaüstü sayfa, önünde saydam telefon görseli; altında iki sütun */
.ck-contact{background:#f5f5f7}
.ck-contact .ck-head{margin-bottom:46px}
.ck-contact-stage{position:relative;max-width:1120px;margin:0 auto;padding:30px 0 40px}
.ck-contact-browser{width:76%}
.ck-contact-page{display:block;width:100%;height:auto;aspect-ratio:1586/992}
.ck-contact-phone{position:absolute;right:2%;top:0;bottom:0;width:auto;height:100%;aspect-ratio:872/1802;filter:drop-shadow(0 24px 40px #0b214930)}
.ck-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:960px;margin:64px auto 0}
.ck-split-copy p{font-size:19px;line-height:1.55;color:#6e6e73;margin:0 0 18px}
.ck-facts{margin:0;display:grid;gap:28px}
.ck-facts dt{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.15;color:#1d1d1f}
.ck-facts dd{margin:4px 0 0;font-size:14px;line-height:1.4;color:#6e6e73}

/* 8 — Süreç: değişen görsel ve açılan adımlar */
.ck-process-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;align-items:center}
.ck-process-media{position:relative;border-radius:26px;overflow:hidden;background:#f5f5f7;aspect-ratio:1448/1086}
.ck-process-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ck-fade .35s ease both}
.ck-process-media>img[hidden]{display:none}
@keyframes ck-fade{from{opacity:0}to{opacity:1}}
.ck-steps{list-style:none;margin:0;padding:0;border-top:1px solid #d2d2d7}
.ck-steps li{border-bottom:1px solid #d2d2d7}
.ck-steps button{display:flex;align-items:center;gap:16px;width:100%;padding:22px 0;border:0;background:none;font:inherit;font-size:24px;font-weight:600;letter-spacing:-.5px;color:#86868b;text-align:left;cursor:pointer;transition:color .2s}
.ck-steps button span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e8e8ed;color:#6e6e73;font-size:15px;letter-spacing:0;transition:background .2s,color .2s}
.ck-steps button:hover,.ck-steps .is-active button{color:#1d1d1f}
.ck-steps .is-active button span{background:#1d1d1f;color:#fff}
.ck-steps button:focus-visible{outline:2px solid #0071e3;outline-offset:4px;border-radius:8px}
.ck-steps p{margin:-6px 0 0;padding:0 0 24px 50px;font-size:17px;line-height:1.5;color:#6e6e73}

/* 9 — ICON ile çalışma: web-benefits.php kart yapısı; ölçüler kaynak stilden gelir. */
.ck-work .wb-card h3{font-size:26px}

/* 10 — Sık sorulan sorular */
.ck-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.ck-faq-list{border-top:1px solid #d2d2d7}
.ck-faq details{border-bottom:1px solid #d2d2d7}
.ck-faq summary{position:relative;list-style:none;padding:24px 48px 24px 0;font-size:21px;font-weight:600;letter-spacing:-.3px;line-height:1.3;cursor:pointer}
.ck-faq summary::-webkit-details-marker{display:none}
.ck-faq summary:focus-visible{outline:2px solid #0071e3;outline-offset:4px;border-radius:6px}
.ck-faq summary i{position:absolute;right:4px;top:50%;width:18px;height:18px;transform:translateY(-50%);transition:transform .25s}
.ck-faq summary i::before,.ck-faq summary i::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:2px;background:#1d1d1f}
.ck-faq summary i::after{transform:rotate(90deg);transition:transform .25s}
.ck-faq details[open] summary i::after{transform:rotate(0)}
.ck-faq details p{margin:-6px 0 0;padding:0 48px 26px 0;font-size:17px;line-height:1.55;color:#6e6e73}
.ck-faq details[open] p{animation:ck-fade .25s ease both}

@media(max-width:1000px){
 .ck-process-body{grid-template-columns:1fr;gap:36px}
 .ck-faq{grid-template-columns:1fr;gap:36px}
}
@media(max-width:700px){
 .ck-section{--ck-gutter:24px;padding:64px var(--ck-gutter)}
 .ck-head,.ck-head--center{margin-bottom:34px}
 .ck-eyebrow{font-size:14px;margin-bottom:14px}
 .ck-section h2,.ck-manage>h2{font-size:38px;letter-spacing:-1.5px}
 .ck-head p{font-size:17px;margin-top:18px}
 .ck-pages{padding-bottom:56px}
 .ck-pages-stage{max-width:320px}
 .ck-pages-frame{border-radius:24px;box-shadow:0 18px 44px #0b214926,0 0 0 1px #0b214914}
 .ck-pages-frame .ck-browser-bar{display:none}
 .ck-pages-image{aspect-ratio:1029/1528}
 .ck-tabs{justify-content:flex-start;width:auto;margin:26px -24px 0;padding:4px 24px;border-radius:0;background:none;overflow-x:auto;scrollbar-width:none}
 .ck-tabs::-webkit-scrollbar{display:none}
 .ck-tabs button{background:#f0f0f3;font-size:14px;padding:10px 16px}
 .ck-pages-caption{font-size:16px;text-align:left;min-height:4.5em}
 .ck-note{text-align:left}
 .ck-manage>h2{padding:0 26px}
 .ck-manage-lead{max-width:none;margin:16px 26px 30px;font-size:17px}
 .ck-contact-stage{max-width:260px;padding:0}
 .ck-contact-browser{display:none}
 .ck-contact-phone{position:relative;right:auto;display:block;width:100%;height:auto}
 .ck-modal-figure{border-radius:12px}
 .ck-split{grid-template-columns:1fr;gap:34px;margin-top:38px}
 .ck-split-copy p{font-size:17px}
 .ck-facts{grid-template-columns:1fr 1fr;gap:24px 18px}
 .ck-facts dt{font-size:21px;letter-spacing:-.4px}
 .ck-process-media{border-radius:20px}
 .ck-steps button{font-size:20px;padding:18px 0;gap:14px}
 .ck-steps button span{width:30px;height:30px;font-size:14px}
 .ck-steps p{padding-left:44px;font-size:16px}
 .ck-work .wb-card h3{font-size:23px}
 .ck-faq summary{font-size:18px;padding:20px 40px 20px 0}
 .ck-faq details p{font-size:16px;padding-right:0}
}
@media(prefers-reduced-motion:reduce){.ck-process-media>img,.ck-faq details[open] p{animation:none}}