/* ===== kamu-landing.css — LandingPrototip /kamu birleşik stilleri ===== */

/* ---- css/landing-custom.css ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    /* ───────────────────────────────────────────────────────────
       Marka Renk Rehberi v1 — TEK DOĞRU KAYNAK (guideline §1)
       Ekrana sabit hex gömme; her zaman bu token'ları kullan.
       Not: /kamu bu dosyayı okur, tokens.css'i değil.
       ─────────────────────────────────────────────────────────── */
    /* Çekirdek palet */
    --navy:    #003F75;  /* ana marka, koyu zemin — anlam skalasında EN DÜŞÜK uç */
    --navy-d:  #0056B3;  /* geçiş tonu / gradient ara durak / ikincil koyu yüzey */
    --blue:    #2E6DF8;  /* BİRİNCİL AKSİYON: tüm ana butonlar, linkler, vurgular */
    --blue-d:  #1E54D8;  /* birincil hover — mavinin koyu tonu */
    --neon:    #36FC99;  /* tek yeşil — başarı accent, skalada EN YÜKSEK uç */

    /* Nötrler */
    --ink:      #003F75; /* gövde/başlık metni — marka kararı: navy (siyah/gri YASAK) */
    --ink-soft: rgba(0, 63, 117, 0.80); /* ikincil metin — navy'nin açık tonu (gri değil); AA kontrast */
    --line:     #E2E8F0; /* çizgi / kenarlık */
    --bg:       #F5F7FA; /* açık zemin */

    /* Seviye rozet/etiket çiftleri (bg üstüne ink) */
    --lvl-guclu-bg:  #D9FBEA;  --lvl-guclu-ink:  #0E7A4A;  /* çubuk %85 */
    --lvl-orta-bg:   #E8EFFE;  --lvl-orta-ink:   #1B4FC4;  /* çubuk %55 */
    --lvl-zayif-bg:  #E2EAF4;  --lvl-zayif-ink:  #003F75;  /* çubuk %20 */

    /* Birincil buton gölgesi (guideline: mavi gölge) */
    --sh-btn:       0 8px 24px rgba(46, 109, 248, .28);
    --sh-btn-hover: 0 12px 30px rgba(46, 109, 248, .34);

    /* ── Legacy --c-* alias'ları → guideline token'larına remap ──
       (eski sayfa kodu bu adları kullanıyor; tek tek değiştirmek yerine
        kaynağı token'a bağladık. Önceki değerler guideline ihlaliydi.) */
    --c-navy:    var(--navy);
    --c-btn:     var(--blue);    /* ÖNCE #003F75 (lacivert) — ihlaldi → mavi */
    --c-btn-hover: var(--blue-d);
    --c-logo:    var(--blue);
    --c-green:   var(--neon);
    --c-bg1:     #E6F7FF;        /* buz mavisi yüzey (marka dışı değil) */
    --c-bg2:     #E6F7FF;
    --c-heading: var(--ink);     /* ÖNCE lacivert — guideline: başlık ink */
    --c-content: var(--ink);     /* ÖNCE lacivert — guideline: gövde ink */
    --c-subtext: var(--ink-soft);/* ÖNCE lacivert — guideline: ikincil metin */
    --c-border:  var(--line);
    --r: 14px;
    --sh: 0 6px 24px rgba(0, 63, 117, .12);
    --sh-hover: 0 12px 32px rgba(0, 63, 117, .18);
    --sh-card-hover: 0 8px 32px rgba(46, 109, 248, 0.18);
}

html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; color: var(--c-content); background: #fff; font-size: 14px; line-height: 1.6; }

#scroll-progress { position: fixed; top: 0; left: 0; z-index: 9999; height: 3px; width: 0%; background: linear-gradient(90deg, var(--c-logo), var(--c-green)); transition: width .1s linear; pointer-events: none; }


/* ── Mobile Nav Drawer ── */
.nav-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    transition: background .2s;
}
.nav-hamburger:hover { background: var(--c-bg1); }
.nav-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--c-navy);
    border-radius: 2px;
    transition: all .25s;
    transform-origin: center;
}
.nav-hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-hamburger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Sağdan açılan mobil drawer */
.nav-drawer-overlay {
    position: fixed;
    inset: 0;
    z-index: 199;
    background: rgba(0, 63, 117, 0.42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

.nav-drawer-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.nav-drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: min(300px, 86vw);
    max-width: 100%;
    background: #fff;
    border-left: 1px solid var(--c-border);
    box-shadow:
        -4px 0 16px rgba(0, 63, 117, 0.08),
        -12px 0 40px rgba(0, 63, 117, 0.12);
    z-index: 200;
    padding: 0 0 28px;
    gap: 8px;
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.32s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.nav-drawer.open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: all;
}

.nav-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    min-height: 62px;
    border-bottom: 1px solid var(--c-border);
    flex-shrink: 0;
}

.nav-drawer-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--c-navy);
    letter-spacing: 0.02em;
}

.nav-drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: var(--c-bg1);
    color: var(--c-navy);
    cursor: pointer;
    transition: background 0.2s;
}

.nav-drawer-close:hover { background: var(--c-bg2); }
.nav-drawer-close svg { width: 20px; height: 20px; }

.nav-drawer ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 16px 8px;
    flex: 1;
}

.nav-drawer ul li a {
    display: block;
    padding: 14px 16px;
    border-radius: 12px;
    color: var(--c-content);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.nav-drawer ul li a:hover,
.nav-drawer ul li a:active {
    background: var(--c-bg1);
    color: var(--c-btn);
}

.nav-drawer-cta {
    margin: 8px 16px 0 !important;
    justify-content: center !important;
    width: calc(100% - 32px);
    min-height: 48px;
    border-radius: 12px !important;
}

body.nav-drawer-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .nav-hamburger { display: flex; }
}

@media (min-width: 769px) {
    .nav-drawer,
    .nav-drawer-overlay {
        display: none !important;
    }
}

/* ── Utility Bar ── */
.util-bar { background: var(--c-navy); padding: 0 var(--gutter-x, 24px); }
.util-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 32px; }
.kamu-pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(54, 252, 153, .14); color: var(--c-green); border: 1px solid rgba(54, 252, 153, .32); padding: 2px 10px; border-radius: 50px; font-size: 11px; font-weight: 700; }
.kamu-pill .dot { width: 6px; height: 6px; background: var(--c-green); border-radius: 50%; animation: blink 2s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.25} }
.util-links { display: flex; align-items: center; gap: 16px; }
.util-links a { color: rgba(255,255,255,.78); font-size: 11px; font-weight: 500; text-decoration: none; transition: color .2s; }
.util-links a:hover { color: #fff; }
.util-div { width: 1px; height: 12px; background: rgba(255,255,255,.18); }

/* ── Nav ── */
.nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(16px); border-bottom: 1px solid var(--c-border); padding: 0 var(--gutter-x, 24px); transition: box-shadow .25s; }
.nav.scrolled { box-shadow: 0 4px 20px rgba(0, 63, 117, .10); }
.nav-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 62px; }
.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.nav-logo img { height: 38px; width: auto; }
.nav-kamu-tag { background: var(--c-bg1); color: var(--c-btn); border: 1px solid rgba(46, 109, 248, .18); padding: 3px 9px; border-radius: 50px; font-size: 9.5px; font-weight: 800; letter-spacing: .07em; }
.nav-links { display: flex; align-items: center; gap: 2px; list-style: none; }
.nav-links a { text-decoration: none; color: var(--c-content); font-size: 13px; font-weight: 500; padding: 6px 12px; border-radius: 8px; transition: all .2s; }
.nav-links a:hover { color: var(--c-btn); background: var(--c-bg1); }
.btn-nav { background: var(--c-btn); color: #fff; padding: 9px 20px; border-radius: 50px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 3px 12px rgba(0, 63, 117, .32); transition: all .2s; white-space: nowrap; }
.btn-nav:hover { background: var(--c-logo); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0, 63, 117, .38); }
.btn-nav svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }

/* ── Hero ── */
.hero { 
    background-color: #ffffff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 24px 100px; 
    position: relative; 
    overflow: hidden; 
}

/* Blur Efektli Arka Plan Katmanları (Artık görsel kullanıyoruz) */
.hero::before, .hero::after, .hero-blob-3 {
    display: none;
}

.hero::before {
    background: radial-gradient(circle, var(--c-logo) 0%, rgba(46, 109, 248, 0) 70%);
    top: -400px;
    right: -250px;
}

.hero::after {
    background: radial-gradient(circle, var(--c-bg1) 0%, rgba(230, 247, 255, 0) 70%);
    bottom: -350px;
    left: -300px;
}

.hero-blob-3 {
    background: radial-gradient(circle, #ffffff 0%, rgba(255, 255, 255, 0) 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    opacity: 0.6;
}

.hero-inner { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 56px; 
    align-items: center; 
    position: relative;
    z-index: 1; /* İçeriği blur efektinin üzerine çıkarır */
}

.kamu-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(54, 252, 153, 0.10); color: #12b87a; border: 1.5px solid rgba(54, 252, 153, 0.35); padding: 5px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; margin-bottom: 8px; align-self: flex-start; width: fit-content; }
.kamu-badge .live-dot { width: 7px; height: 7px; background: #36FC99; border-radius: 50%; animation: blink 2s infinite; box-shadow: 0 0 0 3px rgba(54, 252, 153, 0.25); }

.hero h1 { font-size: clamp(36px, 4.5vw, 54px); font-weight: 900; line-height: 1.08; color: var(--c-navy); margin-bottom: 10px; letter-spacing: -.03em; }
.hero h1 .hl-rate { color: var(--c-logo); display: block; }
.hero-subtitle { font-size: 15px; font-weight: 500; color: var(--c-subtext); margin-bottom: 20px; letter-spacing: .01em; }

.hero-bullets { list-style: none; display: flex; flex-direction: column; gap: 9px; margin-bottom: 22px; }
.hero-bullets li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: var(--c-content); line-height: 1.5; }
.hb-chk { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-width: 20px; background: rgba(54, 252, 153, .13); color: #36FC99; border: 1.5px solid rgba(54, 252, 153, .45); border-radius: 50%; font-size: 10px; font-weight: 900; margin-top: 2px; }
.hero-bullets strong { color: var(--c-navy); font-weight: 700; }

/* Hero feature list */
.hero-feat-list { list-style: none; padding: 0; margin: 20px 0 0; display: flex; flex-direction: column; gap: 12px; }
.hero-feat-item { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; font-size: 15px; color: #fff; font-weight: 300; line-height: 1.5; }
.hero-feat-chk { width: 26px; height: 26px; flex: 0 0 26px; max-width: 26px; background: rgba(255,255,255,0.18); border: 1.5px solid rgba(255,255,255,0.4); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 0; backdrop-filter: blur(4px); }
.hero-feat-item > span:last-child { flex: 1 1 auto; min-width: 0; max-width: none; }
.hero-feat-chk svg { width: 14px; height: 14px; stroke: #fff; }

.hero-actions { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.hero-expert-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 11px 18px;
    background: transparent;
    border: 2px solid #003F75;
    color: var(--ink);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s;
}
.hero-expert-btn svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    flex-shrink: 0;
}
.hero-expert-btn:hover {
    background: #E6F7FF;
}
.hero-white-card .hero-actions.hero-actions--dual {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100% !important;
}
.hero-white-card .hero-actions--dual .btn-white-pill,
.hero-white-card .hero-actions--dual .hero-expert-btn {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    min-height: unset !important;
    white-space: nowrap !important;
    border-radius: 50px !important;
}
.hero-white-card .hero-actions--dual .btn-white-pill {
    gap: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.hero-white-card .hero-actions--dual .btn-white-pill .arrow-circle {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}
.hero-white-card .hero-actions--dual .btn-white-pill .arrow-circle svg {
    width: 13px !important;
    height: 13px !important;
}
.btn-primary { background: var(--blue); color: #fff; padding: 16px 36px; border-radius: 50px; font-size: 16px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 9px; box-shadow: var(--sh-btn); transition: all .22s; white-space: nowrap; }
.btn-primary:hover { background: var(--blue-d); transform: translateY(-2px); box-shadow: var(--sh-btn-hover); }
.btn-primary svg { width: 17px; height: 17px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }

.btn-white-pill {
    background: #fff;
    color: #2E6DF8;
    padding: 12px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}
.btn-white-pill:hover {
    background: #E6F7FF;
    transform: translateX(5px);
}
.btn-white-pill .arrow-circle {
    width: 32px;
    height: 32px;
    background: #2E6DF8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.btn-white-pill .arrow-circle svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 3;
}

.btn-ghost { color: var(--c-btn); font-size: 13px; font-weight: 600; text-decoration: none; border: 1.5px solid rgba(46, 109, 248, .38); padding: 10px 18px; border-radius: 50px; display: inline-flex; align-items: center; gap: 6px; transition: all .22s; }
.btn-ghost:hover { background: var(--c-btn); color: #fff; border-color: var(--c-btn); transform: translateY(-2px); }
.cta-urgency { font-size: 12px; color: var(--c-subtext); margin-bottom: 20px; display: flex; align-items: center; gap: 7px; }
.cta-urgency::before { content: ''; width: 8px; height: 8px; background: var(--c-green); border-radius: 50%; display: inline-block; flex-shrink: 0; animation: blink 2s infinite; }

.hero-stats { display: flex; background: var(--c-navy); border-radius: 16px; padding: 20px 24px; margin-top: 6px; }
.stat { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 0 10px; border-right: 1px solid rgba(255,255,255,.12); }
.stat:last-child { border-right: none; }
.stat-val { font-size: 24px; font-weight: 900; color: #fff; letter-spacing: -.03em; }
.stat:last-child .stat-val { color: var(--c-green); }
.stat-lbl { font-size: 11px; color: rgba(255,255,255,.50); margin-top: 3px; font-weight: 400; text-align: center; }

/* ── Hero Visual — Rapor Kartı ── */
.hero-visual { display: flex; justify-content: center; align-items: center; position: relative; min-height: 400px; }
.hv-blob { position: absolute; border-radius: 50%; pointer-events: none; }
.hv-b1 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(46, 109, 248, .09) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* Rapor Sonuç Kartı */
.report-card { background: #fff; border-radius: 22px; padding: 28px; width: 320px; box-shadow: 0 32px 64px rgba(0, 63, 117, .20), 0 8px 24px rgba(0, 63, 117, .10), 0 0 0 1px rgba(0, 63, 117, .04); position: relative; z-index: 5; animation: cFloat 5.5s ease-in-out infinite; }
@keyframes cFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

.rc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.rc-badge { display: inline-flex; align-items: center; gap: 7px; background: rgba(54, 252, 153, .12); color: #36FC99; border: 1.5px solid rgba(54, 252, 153, .35); padding: 5px 13px; border-radius: 50px; font-size: 12px; font-weight: 700; }
.rc-badge .rc-dot { width: 8px; height: 8px; background: var(--c-green); border-radius: 50%; animation: blink 2s infinite; }
.rc-kamu-tag { background: var(--c-bg1); color: var(--c-btn); border: 1px solid rgba(46, 109, 248, .20); font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 50px; letter-spacing: .06em; }

.rc-name-row { margin-bottom: 16px; }
.rc-label { font-size: 10px; color: var(--c-subtext); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 3px; }
.rc-name { font-size: 18px; font-weight: 800; color: var(--c-navy); }

/* Skor halkası */
.rc-score-row { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; padding: 14px; background: var(--c-bg1); border-radius: 14px; }
.rc-ring { position: relative; width: 72px; height: 72px; flex-shrink: 0; }
.rc-ring svg { width: 72px; height: 72px; transform: rotate(-90deg); }
.rc-ring .ring-bg { fill: none; stroke: var(--c-border); stroke-width: 6; }
.rc-ring .ring-fg { fill: none; stroke: var(--c-logo); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 188; stroke-dashoffset: 35; }
.rc-ring-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.rc-ring-num { font-size: 18px; font-weight: 900; color: var(--c-navy); line-height: 1; }
.rc-ring-lbl { font-size: 8px; color: var(--c-subtext); margin-top: 1px; }
.rc-score-info { flex: 1; }
.rc-score-title { font-size: 12px; font-weight: 700; color: var(--c-navy); margin-bottom: 4px; }
.rc-score-desc { font-size: 11px; color: var(--c-subtext); line-height: 1.5; }

.rc-details { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.rc-detail { background: var(--c-bg1); border-radius: 11px; padding: 10px 12px; }
.rc-detail-lbl { font-size: 9.5px; color: var(--c-subtext); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 4px; }
.rc-detail-val { font-size: 15px; font-weight: 900; color: var(--c-navy); }
.rc-detail-val.green { color: #36FC99; }
.rc-detail-val.blue { color: var(--c-logo); }

.rc-status { background: linear-gradient(135deg, #003F75, #003F75); color: #fff; border-radius: 12px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; }
.rc-status-text { font-size: 13px; font-weight: 700; }
.rc-status-price { font-size: 11px; color: rgba(255,255,255,.70); }
.rc-status-icon { width: 32px; height: 32px; background: rgba(54, 252, 153, .22); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }

/* Uçan rozetler */
.float-badge { position: absolute; background: #fff; border-radius: 14px; padding: 9px 13px; box-shadow: 0 12px 32px rgba(0, 63, 117, .16), 0 2px 8px rgba(0, 63, 117, .09), 0 0 0 1px rgba(0, 63, 117, .04); display: flex; align-items: center; gap: 10px; z-index: 10; }
.float-badge.top-left  { top: 50px;  left: -30px;  animation: floatUD 4s ease-in-out infinite; }
.float-badge.top-right { top: 50px;  right: -30px; animation: floatUD2 3.8s ease-in-out infinite; animation-delay: .6s; }
.float-badge.bot-left  { bottom: 60px; left: -30px;  animation: floatUD 5.2s ease-in-out infinite; animation-delay: 1.2s; }
.float-badge.bot-right { bottom: 60px; right: -30px; animation: floatUD 4.6s ease-in-out infinite; animation-delay: .3s; }
@keyframes floatUD  { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-8px)} }
@keyframes floatUD2 { 0%,100%{transform:translateY(0)}  50%{transform:translateY(8px)} }
.fb-ico { width: 34px; height: 34px; border-radius: 50%; background: var(--c-btn); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fb-ico svg { width: 16px; height: 16px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.fb-text { font-size: 11px; font-weight: 700; color: var(--c-navy); line-height: 1.35; }

/* ── Trust Bar — kaldırıldı ── */
.trust-bar {
    display: none !important;
    background: #ffffff;
    border-bottom: 1px solid #E6F7FF;
    padding: 14px 24px;
}
.trust-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    white-space: nowrap;
}
.trust-ico {
    width: 28px;
    height: 28px;
    background: #E6F7FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trust-ico svg {
    width: 14px;
    height: 14px;
    stroke: #2E6DF8;
    fill: none;
    stroke-width: 2;
}
.trust-div {
    width: 1px;
    height: 18px;
    background: #E6F7FF;
    flex-shrink: 0;
}

/* ── Section base ── */
.sec { padding: var(--section-y) var(--gutter-x); }
.sec-alt { background: #2E6DF8; }

/* ── Pricing Split Layout ── */
.sec-pricing-split {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(400px, 0.8fr);
    align-items: stretch;
    gap: 0;
    max-width: 1200px;
    margin-inline: auto;
    padding: var(--section-y-tight, 60px) var(--gutter-x, 24px);
    background: #ffffff;
    border-top: 1px solid #E6F7FF;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: var(--section-y-tight, 60px) !important;
    overflow: visible;
}
.g18-section {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    line-height: 0;
    font-size: 0;
    overflow: hidden !important;
}
.g18-section .g18-img,
.g18-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: left center !important;
    transform: scaleX(1.15);
    transform-origin: left center;
    border-radius: 0 !important;
}
.prs-left {
    width: auto;
    padding: 0 40px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    overflow: visible;
    min-width: 0;
}
.prs-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
    gap: 0;
}
.prs-header .prs-eyebrow {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    flex-shrink: 0;
}
.prs-header .prs-title {
    margin-inline: auto;
}
.prs-header .prs-sub {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}
.prs-eyebrow {
    display: inline-flex;
    align-items: center;
    background: #E6F7FF;
    color: #2E6DF8;
    border: 1px solid #E6F7FF;
    margin-bottom: 16px;
}
.prs-title {
    color: var(--ink);
    margin-bottom: 8px;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    position: relative;
    padding-bottom: 12px;
}
.prs-title .hl {
    color: var(--ink);
}
.prs-sub {
    color: var(--ink);
    font-size: 0.9375rem;
    margin-bottom: 48px;
}
/* price-wrapper — başlık + kart ortada */
.prs-left .price-wrapper {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: 56px;
    transform: none;
}
.price-card-stack {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 12px 56px 0 auto;
    padding-right: 8px;
    box-sizing: border-box;
}
.price-card-stack .price-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    margin: 0;
    white-space: nowrap;
}
.prs-left .price-badge {
    background: var(--c-bg1);
    color: var(--ink);
    border: 1px solid #D4E6F7;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
.sec-pricing-split .price-card {
    padding: 52px 52px 46px;
    min-height: 0;
    box-sizing: border-box;
    border-radius: 24px;
}
.sec-pricing-split .price-num {
    font-size: 64px;
}
.sec-pricing-split .price-name {
    font-size: 22px;
    max-width: none;
    padding-inline: 12px;
    align-items: center;
    text-align: center;
}
.sec-pricing-split .price-feats {
    gap: 18px 40px;
    margin-bottom: 36px;
    padding: 12px 0 8px;
}
.sec-pricing-split .pf {
    font-size: 15px;
    line-height: 1.45;
    gap: 0 !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.sec-pricing-split .price-cta {
    padding: 24px 26px;
    font-size: 19px;
    margin-bottom: 22px;
}
.sec-pricing-split .payment-methods {
    margin-top: 18px;
    margin-bottom: 16px;
    gap: 14px;
    justify-content: center;
}
.sec-pricing-split .pay-badge img {
    height: 48px;
    width: auto;
}
.prs-left .price-guarantee {
    color: var(--ink);
}
.prs-right {
    background: #ffffff;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
    min-height: 532px;
    height: 100%;
    position: relative;
}
.prs-woman-img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 532px;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: right bottom;
    transform: none;
    margin: 0;
    align-self: stretch;
}
/* ── Pricing Responsive ── */
@media (max-width: 1100px) {
    .sec-pricing-split {
        grid-template-columns: 1fr 480px;
    }
    .prs-left {
        padding: 56px 32px 56px 5%;
    }
    .prs-left .price-wrapper {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .sec-pricing-split {
        grid-template-columns: 1fr;
    }
    .prs-left {
        padding: 48px 20px;
    }
    .prs-left .price-wrapper {
        max-width: 100%;
    }
    .prs-right {
        height: 320px;
    }
}
@media (max-width: 540px) {
    .prs-left {
        padding: 44px 16px;
    }
    .prs-left .price-wrapper {
        max-width: 100%;
    }
    .prs-right {
        height: 280px;
    }
    .price-card {
        padding: 48px 20px 36px;
    }
    .price-top {
        flex-direction: column;
        gap: 12px;
    }
    .price-amount {
        text-align: left;
    }
    .price-num {
        font-size: 44px;
    }
    .price-feats {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .payment-methods {
        gap: 5px;
        flex-wrap: wrap;
    }
    .pay-badge img {
        height: 30px;
    }
}

/* sec-alt mavi arka plan — yazı renkleri beyaz */
.sec-alt .eyebrow {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.25) !important;
}
.sec-alt .sec-title { color: #fff !important; }
.sec-alt .sec-title .hl { color: rgba(255,255,255,0.85) !important; }
.sec-alt .sec-sub { color: rgba(255,255,255,0.82) !important; }
.sec-alt .price-badge {
    background: #fff !important;
    color: #2E6DF8 !important;
    box-shadow: 0 4px 16px rgba(0, 63, 117, 0.18) !important;
}
.sec-alt .price-guarantee { color: rgba(255,255,255,0.70) !important; }
.sec-alt .price-trust-row { border-top-color: rgba(255,255,255,0.18) !important; }
.sec-inner { max-width: 1200px; margin: 0 auto; }
.sec-head {
    text-align: center;
    margin-bottom: var(--s-6, 48px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec-head .sub { max-width: 520px; margin: 0 auto; }

.eyebrow { display: inline-flex; align-items: center; gap: 6px; background: var(--c-bg1); color: var(--c-btn); border: 1px solid rgba(46, 109, 248, .16); padding: 4px 13px; border-radius: 50px; font-size: 11px; font-weight: 700; margin-bottom: 10px; letter-spacing: .03em; }
.sec-title {
    font-size: clamp(24px, 2.9vw, 36px);
    font-weight: 900;
    color: var(--c-navy);
    letter-spacing: -.025em;
    margin-bottom: 10px;
    line-height: 1.2;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    position: relative;
    padding-bottom: 12px;
}
.sec-title .hl,
.sec-title .hlg { color: var(--c-navy); }
.sec-head .sec-title::after,
.kf-head .kf-title::after,
.prs-left .prs-title::after,
.prs-left .sec-title.prs-title::after,
.img-banner-text .img-banner-title::after,
.expertise-content .sec-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background: var(--c-green);
}
/* "Süreç Nasıl İlerler?" alt çizgisi hero H1'inki gibi: neon, 5px, kare uç + yazıya yapışık */
.expertise-content .sec-title { line-height: 1.1; padding-bottom: 2px; isolation: isolate; }
.expertise-content .sec-title::after {
    height: 5px;
    border-radius: 0;
    background: var(--neon);
    bottom: 0.06em;   /* hero H1 gibi yazının hemen altına yapışsın */
    z-index: -1;      /* çizgi metnin ARKASINDA kalsın (kuyruklar üstte) */
}
/* Diğer bölüm başlıkları da aynı: neon 5px, kare, yazıya yapışık, metnin arkasında */
.sec-head .sec-title { line-height: 1.12; padding-bottom: 2px; isolation: isolate; }
.sec-head .sec-title::after {
    height: 5px;
    border-radius: 0;
    background: var(--neon);
    bottom: 0.06em;
    z-index: -1;
}
.sec-sub { font-size: 14px; color: var(--c-subtext); line-height: 1.7; font-weight: 400; }

/* ── Card base ── */
.card { background: #fff; border-radius: var(--r); padding: 22px; transition: transform .22s, box-shadow .22s; position: relative; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 63, 117, .06), 0 2px 8px rgba(0, 63, 117, .04); border: 1px solid var(--c-border); }
.card:hover { transform: translateY(-5px); box-shadow: var(--sh-card-hover); border-color: var(--c-logo); }
.card:hover .card-ico { background: rgba(46, 109, 248, 0.12); }
.card:hover .card-ico svg { stroke: var(--c-logo); }
.card-ico { width: 44px; height: 44px; border-radius: 12px; background: var(--c-bg1); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.card-ico svg { width: 20px; height: 20px; stroke: var(--c-btn); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.card-title { font-size: 15px; font-weight: 800; color: var(--c-navy); margin-bottom: 7px; line-height: 1.25; }
.card-desc  { font-size: 13px; color: var(--c-subtext); line-height: 1.7; font-weight: 400; }
.card-tag { display: inline-flex; align-items: center; background: rgba(54, 252, 153, .10); color: #36FC99; border: 1px solid rgba(54, 252, 153, .30); font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 50px; margin-top: 12px; letter-spacing: .02em; }

/* ── Features Grid ── */
.feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

/* ══════════════════════════════════════════════
   KF — Kamu Features Premium Bento Section
══════════════════════════════════════════════ */
.kf-section {
    padding: var(--section-y) var(--gutter-x);
    background: #ffffff;
    border-top: 1px solid #E6F7FF;
    position: relative;
}
.kf-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Başlık */
.kf-head {
    text-align: center;
    margin-bottom: var(--head-gap, 56px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.kf-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #E6F7FF;
    border: 1px solid #E6F7FF;
    color: #2E6DF8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 18px;
}
.kf-dot {
    width: 6px; height: 6px;
    background: #2E6DF8;
    border-radius: 50%;
    animation: kfPulse 1.8s ease-in-out infinite;
}
@keyframes kfPulse {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:.5; transform:scale(1.5); }
}
.kf-title {
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.02em;
    line-height: 1.2;
    margin-bottom: 12px;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    position: relative;
    padding-bottom: 12px;
}
.kf-title span {
    color: var(--ink);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: initial;
    background-clip: unset;
}
.kf-sub {
    font-size: 15px;
    color: var(--ink);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.65;
}

/* Eşit Kart Grid — 2×2 */
.kf-bento {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    align-items: stretch;
}

.kf-section:has(.kf-bento--report) {
    /* Marka tonunda ince nokta-grid deseni (düz renk yerine) */
    background-color: var(--bg);
    background-image: radial-gradient(color-mix(in srgb, var(--navy) 7%, transparent) 1.5px, transparent 1.6px);
    background-size: 22px 22px;
    background-position: center top;
    max-height: none !important;
    overflow: visible !important;
}

.kf-section:has(.kf-bento--report) .kf-inner {
    max-height: none !important;
    min-height: unset !important;
}

.kf-bento--report {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto !important;
    align-items: stretch !important;
    min-height: unset !important;
    flex: none !important;
    max-height: none !important;
}

/* ── 7 boyut HTML kartları ── */
.kf-bento--dimensions {
    --kf-dim-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--kf-dim-gap) !important;
    width: 100%;
    max-width: 920px;
    margin-inline: auto;
}

@media (min-width: 769px) {
    .kf-bento--dimensions .kf-dim-card {
        flex: 0 1 calc((100% - var(--kf-dim-gap)) / 2);
        max-width: calc((100% - var(--kf-dim-gap)) / 2);
    }
}

.kf-dim-card {
    --kf-progress: 90%;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 26px 28px 24px;
    background: #ffffff;
    border: 1px solid #e4e9ef;
    border-radius: 24px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Dekoratif örnek kart — hover lift YOK (tıklama/etkileşim iması yaratmasın) */

.kf-dim-card__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.kf-dim-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--navy);
}

.kf-dim-card__icon svg {
    width: 24px;
    height: 24px;
}

.kf-dim-card__title {
    margin: 0;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--navy);
}

.kf-dim-card__info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    color: var(--ink-soft);
}

.kf-dim-card__info svg {
    width: 20px;
    height: 20px;
}

.kf-dim-card__meter {
    position: relative;
    padding-top: 38px;
    margin-bottom: 14px;
}

.kf-dim-card__track {
    position: relative;
    height: 10px;
    border-radius: 999px;
    background: #eef1f5;
    overflow: hidden;
}

.kf-dim-card__fill {
    height: 100%;
    width: var(--kf-progress);
    border-radius: 999px;
    /* Güçlü (varsayılan): anlam skalası mavi→yeşil, neon yalnız uçta accent */
    background: linear-gradient(90deg, var(--blue) 0%, var(--neon) 100%);
}

.kf-dim-card__badge {
    position: absolute;
    top: 0;
    left: clamp(16%, var(--kf-progress), 84%);
    transform: translateX(-50%);
    padding: 5px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    /* Güçlü (varsayılan) — guideline --lvl-guclu çifti, parlak neon zemin DEĞİL */
    color: var(--lvl-guclu-ink);
    background: var(--lvl-guclu-bg);
}

.kf-dim-card__badge::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--lvl-guclu-bg);
}

.kf-dim-card--medium .kf-dim-card__fill {
    background: var(--blue);
}

.kf-dim-card--medium .kf-dim-card__badge {
    color: var(--lvl-orta-ink);
    background: var(--lvl-orta-bg);
}

.kf-dim-card--medium .kf-dim-card__badge::after {
    border-top-color: var(--lvl-orta-bg);
}

.kf-dim-card--low .kf-dim-card__fill {
    background: var(--navy);
}

.kf-dim-card--low .kf-dim-card__badge {
    color: var(--lvl-zayif-ink);
    background: var(--lvl-zayif-bg);
}

.kf-dim-card--low .kf-dim-card__badge::after {
    border-top-color: var(--lvl-zayif-bg);
}

.kf-dim-card__desc {
    margin: 0;
    margin-top: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    color: var(--ink-soft);
}

@media (max-width: 768px) {
    .kf-bento--report {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .kf-bento--dimensions {
        flex-direction: column;
        gap: 16px;
    }

    .kf-bento--dimensions .kf-dim-card {
        flex: 1 1 auto;
        max-width: 100%;
    }

    .kf-dim-card {
        padding: 22px 20px 20px;
        border-radius: 20px;
    }

    .kf-dim-card__title {
        font-size: 17px;
    }

    .kf-dim-card__desc {
        font-size: 13.5px;
    }
}

/* Kart temel */
.kf-card {
    border-radius: 24px;
    padding: 28px 28px 28px;
    position: relative;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
    display: grid;
    grid-template-columns: 52px 1fr;
    grid-template-rows: auto auto auto;
    column-gap: 14px;
    row-gap: 10px;
    align-items: start;
}
.kf-card:hover {
    transform: translateY(-6px);
}

/* Geniş kart — 2 kolon kaplar */
.kf-card--wide {
    grid-column: span 2;
}

/* Koyu (lacivert) kart */
.kf-card--dark {
    background: linear-gradient(135deg, #003F75 0%, #2E6DF8 60%, #2E6DF8 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
.kf-card--dark:hover {
    box-shadow: inset 0 0 0 2px var(--c-logo), 0 12px 40px rgba(46, 109, 248, 0.28);
}
.kf-card--dark .kf-card-num { color: rgba(255,255,255,.18); }
.kf-card--dark .kf-card-title { color: #fff; }
.kf-card--dark .kf-card-desc { color: rgba(255,255,255,.70); }

/* Açık kart */
.kf-card--light {
    background: #ffffff;
    border: 1px solid #E6F7FF;
    border-radius: 16px;
    padding: 28px;
    transition: all 0.25s ease;
    height: 100%;
}
.kf-card--light:hover {
    border-color: #2E6DF8;
    box-shadow: 0 8px 32px rgba(46, 109, 248, 0.10);
    transform: translateY(-3px);
}
.kf-card--light .kf-card-num { color: rgba(0, 63, 117, .10); }
.kf-card--light .kf-card-title { color: var(--ink); }
.kf-card--light .kf-card-desc { color: var(--ink); }

/* Vurgu çizgileri kaldırıldı — ::before sıfırlandı */
.kf-card--accent-blue::before,
.kf-card--accent-green::before,
.kf-card--accent-purple::before,
.kf-card--accent-orange::before {
    display: none;
}

/* Accent kartlara hafif kenarlık */
.kf-card--accent-blue,
.kf-card--accent-green,
.kf-card--accent-purple,
.kf-card--accent-orange {
    border: 1px solid rgba(0, 63, 117, .08);
    box-shadow: 0 1px 4px rgba(0, 63, 117, .05), 0 4px 16px rgba(0, 63, 117, .04);
}
.kf-card--accent-blue:hover,
.kf-card--accent-green:hover,
.kf-card--accent-purple:hover,
.kf-card--accent-orange:hover {
    border-color: var(--c-logo);
    box-shadow: var(--sh-card-hover);
}


/* Kart numarası */
.kf-card-num {
    font-size: 64px;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    top: 16px;
    right: 24px;
    letter-spacing: -.04em;
    pointer-events: none;
    user-select: none;
}

/* İkon — tüm kartlarda Meslek & Gelir Güveni stili */
.kf-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #0056B3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 16px;
    color: #ffffff;
}
.kf-card-icon svg {
    width: 24px;
    height: 24px;
    stroke: #ffffff;
}

.kf-card-icon--white,
.kf-card-icon--blue,
.kf-card-icon--green,
.kf-card-icon--purple {
    background: #E6F7FF;
    border: 1px solid #E6F7FF;
    color: #2E6DF8;
}
.kf-card-icon--white svg,
.kf-card-icon--blue svg,
.kf-card-icon--green svg,
.kf-card-icon--purple svg { stroke: #2E6DF8; }

/* Gerçekçi daire ikonlar (siyah zemin + beyaz sembol) */
.kf-card-icon--real {
    background: transparent !important;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    color: inherit !important;
}
.kf-card-icon--real svg {
    width: 48px !important;
    height: 48px !important;
    stroke: none !important;
}
.kf-card-icon--real svg > circle:first-of-type {
    fill: #E6F7FF !important;
}
.kf-card-icon--real svg line,
.kf-card-icon--real svg path,
.kf-card-icon--real svg polyline,
.kf-card-icon--real svg rect {
    stroke: #2E6DF8 !important;
}
.kf-card-icon--real svg rect:not([fill="none"]),
.kf-card-icon--real svg circle:not(:first-of-type):not([fill="none"]) {
    fill: #2E6DF8 !important;
}
.kf-card:hover .kf-card-icon--real svg {
    stroke: none !important;
}
.kf-card:hover .kf-card-icon--real svg > circle:first-of-type {
    fill: #E6F7FF !important;
}
.kf-card:hover .kf-card-icon--real svg line,
.kf-card:hover .kf-card-icon--real svg path,
.kf-card:hover .kf-card-icon--real svg polyline,
.kf-card:hover .kf-card-icon--real svg rect {
    stroke: #2E6DF8 !important;
}

/* Başlık & Açıklama */
.kf-card-title {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
    margin: 0;
}
.kf-card-desc {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 13.5px;
    color: var(--ink);
    line-height: 1.65;
    font-weight: 400;
    margin: 0;
}

.kf-card-tag {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E6F7FF;
    color: #0056B3;
    border: 1px solid #D4E6F7;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 50px;
    margin-top: 16px;
    white-space: nowrap;
    line-height: 1;
    gap: 6px;
    width: fit-content;
    max-width: fit-content;
}

/* Tag listesi */
.kf-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}
.kf-tag {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    letter-spacing: .02em;
}
.kf-tag--light {
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
    color: rgba(255,255,255,.88);
}

/* İkili pill (YZ kartı) */
.kf-pill-row {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}
.kf-pill-stat {
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(46, 109, 248, .07);
    border: 1px solid rgba(46, 109, 248, .15);
    border-radius: 50px;
    padding: 6px 14px;
}
.kf-pill-val { font-size: 16px; }
.kf-pill-lbl {
    font-size: 12px;
    font-weight: 600;
    color: #2E6DF8;
}

/* Progress bar (Onay Öngörüleri) */
.kf-progress-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}
.kf-prog-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink);
}
.kf-prog-row > span:first-child {
    width: 86px;
    flex-shrink: 0;
}
.kf-prog-bar {
    flex: 1;
    height: 6px;
    background: rgba(54, 252, 153, .12);
    border-radius: 6px;
    overflow: hidden;
}
.kf-prog-fill {
    height: 100%;
    background: linear-gradient(90deg, #36FC99, #36FC99);
    border-radius: 6px;
    transition: width .8s ease;
}
.kf-prog-pct {
    font-size: 11px;
    font-weight: 700;
    color: #36FC99;
    width: 30px;
    text-align: right;
}

/* Uzman satırı */
.kf-expert-row {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(46, 109, 248, .05);
    border: 1px solid rgba(46, 109, 248, .14);
    border-radius: 16px;
    padding: 14px 18px;
    margin-top: 4px;
}
.kf-expert-avatars {
    display: flex;
}
.kf-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2E6DF8, #2E6DF8);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid #fff;
    margin-left: -8px;
}
.kf-avatar:first-child { margin-left: 0; }
.kf-expert-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.kf-expert-text strong {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
}
.kf-expert-text span {
    font-size: 11px;
    color: var(--ink);
}
.kf-free-badge {
    background: linear-gradient(135deg, #2E6DF8, #2E6DF8);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    padding: 5px 12px;
    border-radius: 50px;
    flex-shrink: 0;
}

/* Koyu karttaki glow efekti */
.kf-card-glow {
    display: none;
}

/* Responsive */
@media (max-width: 600px) {
    .kf-bento {
        grid-template-columns: 1fr;
    }
    .kf-card { padding: 24px 22px 20px; }
    .kf-card-num { font-size: 44px; }
}

/* ── Steps ── */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; position: relative; }
.steps::before { content: ''; position: absolute; top: 32px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(46, 109, 248, .18), rgba(46, 109, 248, .18), transparent); z-index: 0; }
.step-card { background: #fff; border-radius: var(--r); padding: 28px 22px; text-align: center; position: relative; z-index: 1; transition: transform .22s, box-shadow .22s; box-shadow: 0 1px 4px rgba(0, 63, 117, .06), 0 2px 8px rgba(0, 63, 117, .04); border: 1px solid var(--c-border); }
.step-card:hover { transform: translateY(-5px); box-shadow: var(--sh-card-hover); border-color: var(--c-logo); }
.step-card:hover .step-num { background: var(--c-logo); box-shadow: 0 6px 18px rgba(46, 109, 248, 0.38); }
.step-card:hover .step-ico svg { stroke: var(--c-logo); }
.step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--c-btn); color: #fff; font-size: 20px; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; box-shadow: 0 6px 18px rgba(46, 109, 248, .38); border: 3px solid #fff; position: relative; z-index: 2; }
.step-ico { margin-bottom: 12px; display: flex; align-items: center; justify-content: center; }
.step-ico svg { width: 38px; height: 38px; stroke: var(--c-btn); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.step-card h3 { font-size: 14px; font-weight: 700; color: var(--c-navy); margin-bottom: 8px; line-height: 1.3; }
.step-card p  { font-size: 12.5px; color: var(--c-subtext); line-height: 1.65; font-weight: 400; }
.step-hint { font-size: 11px; color: var(--c-logo); font-weight: 600; margin-top: 9px; display: block; }

/* ── Why Grid ── */
.why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 10px; }
.why-card { background: #fff; border: 1.5px solid var(--c-border); border-radius: 16px; padding: 20px; box-shadow: 0 1px 4px rgba(0, 63, 117, .05); transition: border-color .22s, box-shadow .22s, transform .22s; position: relative; overflow: hidden; }
.why-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--c-logo); opacity: 0; transition: opacity .22s; border-radius: 16px 16px 0 0; }
.why-card:hover { border-color: var(--c-logo); box-shadow: var(--sh-card-hover); transform: translateY(-4px); }
.why-card:hover::after { opacity: 1; }
.why-ico { width: 42px; height: 42px; border-radius: 12px; background: var(--c-bg1); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; transition: background .22s; }
.why-card:hover .why-ico { background: var(--c-logo); }
.why-card:hover .why-ico svg { stroke: #fff; }
.why-ico svg { width: 20px; height: 20px; stroke: var(--c-btn); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.why-num { font-size: 10px; font-weight: 700; letter-spacing: .10em; color: var(--c-btn); text-transform: uppercase; margin-bottom: 6px; }
.why-title { font-size: 14px; font-weight: 700; color: var(--c-navy); line-height: 1.3; margin-bottom: 7px; }
.why-desc { font-size: 12.5px; color: var(--c-subtext); line-height: 1.65; font-weight: 400; }

/* ── Pricing ── */
.price-wrapper { position: relative; max-width: 480px; margin: 0 auto; }
.price-card-stack .price-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--c-bg1); color: var(--c-navy); border: 1px solid #D4E6F7; padding: 5px 20px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; white-space: nowrap; box-shadow: 0 4px 12px rgba(0, 63, 117, 0.10); z-index: 2; animation: pricePulse 2s ease-in-out infinite; transform-origin: center; display: inline-flex; align-items: center; }
@keyframes pricePulse { 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-50%) scale(1.05)} }
.price-card { background: white; border-radius: 20px; padding: 40px 36px 36px; box-shadow: 0 20px 80px -20px rgba(54, 252, 153, .15), 0 12px 40px rgba(46, 109, 248, .10); border: 2px solid var(--c-btn); transition: border-color .22s, box-shadow .22s, transform .22s; width: 100%; box-sizing: border-box; }
.price-card:hover { border-color: var(--c-logo); box-shadow: 0 20px 80px -20px rgba(46, 109, 248, .18), 0 12px 40px rgba(46, 109, 248, .16); transform: translateY(-3px); }
.price-top { display: flex; flex-direction: column; align-items: stretch; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--c-border); gap: 8px; }
.price-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.price-top-row--single {
    display: block;
}
.price-top-row--single .price-name {
    margin-bottom: 0;
    max-width: none;
    line-height: 1.3;
}
.price-name {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    gap: 0.22em;
    margin-bottom: 0;
    padding-inline: 12px;
    font-size: 20px;
    font-weight: 800;
    color: var(--c-navy);
    line-height: 1.22;
    letter-spacing: -0.02em;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.price-name-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.32em;
    width: 100%;
}
.price-name-chunk {
    display: inline-block;
    white-space: nowrap;
}
.price-sub { font-size: 13px; color: var(--c-subtext); }
.price-amount { flex: 0 0 auto; text-align: right; }
.price-profile-label {
    font-size: clamp(17px, 2vw, 22px);
    font-weight: 800;
    color: var(--c-navy);
    line-height: 1.28;
    letter-spacing: -0.02em;
    max-width: 15ch;
    margin-left: auto;
}
.price-num { font-size: 56px; font-weight: 900; color: var(--c-btn); line-height: .95; letter-spacing: -.02em; }
.price-num span { font-size: 20px; font-weight: 600; }
.price-period { font-size: 12px; color: var(--c-navy); margin-top: 6px; font-weight: 700; opacity: .82; }
.price-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 36px; margin-bottom: 32px; padding: 8px 0; justify-items: start; }
.pf { display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0; max-width: 100%; font-size: 14px; color: var(--c-content); line-height: 1.45; }
.pf-label { flex: 0 1 auto; min-width: 0; max-width: none; }
.sec-pricing-split .pf { gap: 0 !important; align-items: center !important; flex-wrap: nowrap !important; }
.sec-pricing-split .pf .chk { margin: 0 4px 0 0 !important; flex: 0 0 22px !important; flex-shrink: 0 !important; width: 22px !important; max-width: 22px !important; }
.chk { width: 22px; height: 22px; flex: 0 0 22px; max-width: 22px; background: #36FC99; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 800; flex-shrink: 0; margin: 0 4px 0 0; }
.price-cta { width: 100%; background: var(--blue); color: white; padding: 20px; border-radius: 14px; font-size: 17px; font-weight: 800; text-align: center; text-decoration: none; display: block; margin-bottom: 20px; transition: all .2s; box-shadow: var(--sh-btn); letter-spacing: .01em; position: relative; overflow: hidden; }
.price-cta::after { content:''; position:absolute; top:-20%; left:-60%; width:40%; height:140%; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%); transform:skewX(-18deg); animation:ctaShine 3s ease-in-out infinite; pointer-events:none; }
@keyframes ctaShine { 0%,65%{transform:translateX(0) skewX(-18deg);opacity:0} 75%{opacity:.9} 100%{transform:translateX(320%) skewX(-18deg);opacity:0} }
.price-cta:hover { transform: translateY(-2px); box-shadow: var(--sh-btn-hover); background: var(--blue-d); }
/* Ödeme yöntemleri */
.payment-methods {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 10px;
    flex-wrap: wrap;
}
.pay-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    width: auto;
    height: auto;
    padding: 0;
    overflow: visible;
    flex-shrink: 0;
}
.pay-badge img {
    display: block;
    height: 34px;
    width: auto;
    max-width: none;
}
.pay-badge svg { width: 56px; height: 34px; }
.pay-badge--secure {
    width: auto;
    padding: 0 10px;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: 0.02em;
}

.price-guarantee { text-align: center; font-size: 12px; color: var(--c-subtext); margin-bottom: 18px; }
.price-guarantee-text { display: inline; line-height: 1.5; }
.price-guarantee-icon {
    display: inline;
    width: 13px;
    height: 13px;
    vertical-align: -0.15em;
    margin-right: 4px;
}
.price-trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--c-border); }
.pt-item { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: var(--c-content); }
.pt-ico { width: 30px; height: 30px; background: var(--c-bg1); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pt-ico svg { width: 13px; height: 13px; stroke: var(--c-btn); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ── Testimonials ── */
.testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.testi-card { background: #fff; border-radius: var(--r); padding: 22px; transition: transform .22s, box-shadow .22s; position: relative; box-shadow: 0 1px 4px rgba(0, 63, 117, .06), 0 2px 8px rgba(0, 63, 117, .04); border: 1px solid var(--c-border); }
.testi-card::before { content: '\201C'; position: absolute; top: 6px; right: 14px; font-size: 90px; font-weight: 900; color: rgba(0, 63, 117, .05); line-height: 1; font-family: Georgia, serif; pointer-events: none; }
.testi-card:hover { transform: translateY(-5px); box-shadow: var(--sh-card-hover); border-color: var(--c-logo); }
.testi-stars { font-size: 14px; letter-spacing: 2px; margin-bottom: 10px; color: #F59E0B; }
.testi-text { font-size: 13px; color: var(--c-content); line-height: 1.75; margin-bottom: 14px; font-style: italic; font-weight: 400; }
.testi-author { display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--c-border); padding-top: 12px; }
.testi-av { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, var(--c-logo), var(--c-btn)); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; color: #fff; }
.testi-name { font-size: 13px; font-weight: 700; color: var(--c-navy); }
.testi-role { font-size: 11px; color: var(--c-subtext); font-weight: 400; }

/* ── CTA Section ── */
.cta-section { padding: var(--section-y) var(--gutter-x); background: var(--navy); position: relative; overflow: hidden; }
.cta-section .eyebrow {
    background: rgba(54, 252, 153, 0.12) !important;
    border-color: rgba(54, 252, 153, 0.35) !important;
    color: #36FC99 !important;
    margin-bottom: 14px;
}
.cta-section::before,
.cta-section::after { display: none !important; content: none !important; background: none !important; }
.cta-inner { max-width: 660px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
@media (max-width: 960px) {
    .cta-section h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: none;
        white-space: nowrap;
    }
    .cta-headline-row1 {
        white-space: nowrap;
        width: fit-content;
    }
    .cta-section h2 .hlg,
    .cta-section h2 .cta-headline-line2 {
        display: block;
        white-space: normal;
        margin-left: 0;
        margin-top: 0;
    }
    .cta-section h2 .hlg::before,
    .cta-section h2 .cta-headline-line2::before {
        content: none;
    }
}
.cta-section h2 { font-size: 34px; font-weight: 900; color: #fff; margin-bottom: 12px; letter-spacing: -.025em; line-height: 1.2; text-shadow: none; }
.cta-headline-row1,
.cta-headline-line2 { display: inline; }
.cta-headline-lead,
.cta-headline-tail { display: inline; }
.cta-section h2 .hlg,
.cta-section h2 .cta-headline-line2 {
    color: #fff !important;
    text-shadow: none;
}
.cta-section h2 .cta-headline-line2 {
    margin-left: 0;
}
.cta-section h2 .cta-headline-line2::before {
    content: ' ';
}
.cta-section p { font-size: 14px; color: rgba(255,255,255,.62); margin-bottom: 28px; line-height: 1.75; font-weight: 400; }
.cta-actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.btn-cta { background: rgba(255,255,255,.13); border: 1.5px solid rgba(255,255,255,.32); color: #fff; padding: 13px 28px; border-radius: 50px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; backdrop-filter: blur(6px); transition: all .22s; }
/* Mavi bant üstünde mavi buton kaybolur → beyaz buton + navy yazı */
.btn-cta.primary { background: #fff; color: var(--navy); border-color: #fff; box-shadow: 0 10px 28px rgba(0, 63, 117, .22); }
.btn-cta.primary:hover { background: #fff; border-color: #fff; transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0, 63, 117, .28); }
/* İkincil: koyu band üstünde beyaz çerçeve, dolgu yok — birincil maviyle yarışmaz */
.btn-cta.secondary { background: transparent; border-color: rgba(255,255,255,.55); color: #fff; }
.btn-cta.secondary:hover { background: rgba(255,255,255,.12); border-color: #fff; transform: translateY(-2px); }
.btn-cta.ghost:hover  { background: rgba(255,255,255,.24); border-color: rgba(255,255,255,.60); transform: translateY(-2px); }
.btn-cta svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.cta-trust { display: none !important; }
.cta-trust-item { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.52); font-size: 12px; }
.cta-trust-item svg { width: 13px; height: 13px; stroke: var(--c-green); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }

/* ── Urgency Strip ── */
.urgency-strip {
    background: #E6F7FF !important;
    border-top: 1.5px solid #E6F7FF !important;
    border-bottom: 1.5px solid #E6F7FF !important;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 600px) {
    .urgency-strip {
        white-space: normal;
        text-align: center;
        font-size: 13px;
        line-height: 1.5;
        padding: 10px 16px;
    }
    .urg-item {
        display: inline;
    }
}
.urgency-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; }
.urg-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: var(--ink) !important;
    font-weight: 500;
    white-space: nowrap;
}
.urg-item svg { width: 13px; height: 13px; stroke: var(--c-btn); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.urg-item strong { color: #2E6DF8 !important; font-weight: 700; }
.urg-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--c-border); }

/* ── FAQ ── */
.faq-list { display: flex; flex-direction: column; gap: 10px; max-width: 100%; margin: 0 auto; }
.faq-item { background: #fff; border-radius: var(--r); overflow: hidden; transition: box-shadow .22s, border-color .22s, transform .22s; box-shadow: 0 1px 4px rgba(0, 63, 117, .06); border: 1px solid var(--c-border); }
.faq-item:hover { border-color: var(--c-logo); box-shadow: var(--sh-card-hover); transform: translateY(-2px); }
.faq-item:hover .faq-chevron { background: var(--c-logo); }
.faq-item:hover .faq-chevron svg { stroke: #fff; }
.faq-item.open { box-shadow: var(--sh-card-hover); border-color: var(--c-logo); }
.faq-q { display: flex; align-items: center; justify-content: space-between; padding: 22px 28px; cursor: pointer; user-select: none; gap: 16px; }
.faq-q span { font-size: 16px; font-weight: 600; color: var(--c-navy); line-height: 1.45; }
.faq-chevron { width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0; background: var(--c-bg1); display: flex; align-items: center; justify-content: center; transition: transform .28s, background .28s; }
.faq-item.open .faq-chevron { transform: rotate(180deg); background: var(--c-logo); }
.faq-chevron svg { width: 14px; height: 14px; stroke: var(--c-btn); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.faq-item.open .faq-chevron svg { stroke: #fff; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .3s ease, opacity .25s ease; padding: 0 28px; font-size: 15px; color: var(--c-subtext); line-height: 1.8; font-weight: 400; opacity: 0; visibility: hidden; }
.faq-item.open .faq-a { max-height: 600px; padding: 0 28px 20px; opacity: 1; visibility: visible; }

/* ── Footer ── */
.footer { background: var(--c-navy); padding: 56px 24px 24px; }
.footer-inner { max-width: 1200px; margin: 0 auto; }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; margin-bottom: 32px; }
.footer-brand img { height: 48px; margin-bottom: 12px; }
.footer-brand {
    min-width: 0;
    padding-right: 16px;
}
.footer-brand p {
    font-size: 12.5px;
    color: rgba(255,255,255,.72);
    line-height: 1.7;
    max-width: 100%;
    white-space: normal;
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: normal;
    padding-bottom: 4px;
}
.footer-col { min-width: 0; }
.footer-col h4 { font-size: 10.5px; font-weight: 700; color: #fff; letter-spacing: .10em; text-transform: uppercase; margin-bottom: 14px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.footer-col ul li a { font-size: 13px; color: rgba(255,255,255,.72); text-decoration: none; transition: color .2s; font-weight: 400; }
.footer-col ul li a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.14); padding-top: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.footer-bottom p { font-size: 11.5px; color: rgba(255,255,255,.55); font-weight: 400; }
.footer-legal { display: flex; gap: 16px; }
.footer-legal a { font-size: 11.5px; color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; }
.footer-legal a:hover { color: #fff; }
.footer-company-info { border-top: 1px solid rgba(255,255,255,.08); padding-top: 14px; margin-top: 14px; text-align: center; }
.footer-company-info p { font-size: 11px; color: rgba(255,255,255,.40); font-weight: 400; line-height: 1.6; }

/* ── Mobile Floating CTA ── */
.sticky-cta { display: none; }
.sticky-cta-info { display: flex; flex-direction: column; }
.sticky-cta-rate { font-size: 11px; color: var(--c-subtext); font-weight: 400; }
.sticky-cta-val { font-size: 16px; font-weight: 900; color: var(--c-navy); }
.sticky-cta-btn { background: var(--c-btn); color: #fff; padding: 12px 22px; border-radius: 50px; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; box-shadow: 0 4px 14px rgba(46, 109, 248, .38); flex-shrink: 0; }

/* ── Premium Video Section ── */
.sec-video-premium {
    background: #2E6DF8;
    padding: 100px 24px;
    overflow: hidden;
}

.video-premium-wrapper {
    max-width: 920px;
    margin: 0 auto;
}

/* Beyaz ekran/kart — görseldeki birebir */
.video-mockup {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 30px 80px rgba(0, 63, 117, 0.22);
    margin-bottom: 48px;
}

.video-container {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16/9;
    background: #fff;
}

.video-placeholder {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.video-placeholder .vp-cover-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.vp-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 63, 117, .22) 0%, transparent 55%); z-index: 1; }
.vp-center { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.vp-play-btn { width: 80px; height: 80px; border-radius: 50%; background: rgba(255,255,255,.95); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 0 12px rgba(255,255,255,.15), 0 12px 36px rgba(0, 63, 117, .28); transition: transform .25s; color: var(--c-btn); }
.vp-play-btn svg { width: 32px; height: 32px; margin-left: 4px; }
.vp-play-btn:hover { transform: scale(1.1); }
.vp-label { font-size: 16px; font-weight: 700; color: #fff; text-shadow: 0 2px 10px rgba(0, 63, 117, .35); }
.vp-hint { font-size: 12px; color: rgba(255,255,255,.80); background: rgba(255,255,255,.13); padding: 4px 16px; border-radius: 20px; font-weight: 500; }

/* Bilgi Kartları — videonun altında 4'lü yatay */
.video-points-horizontal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.video-points-horizontal .vp-card {
    background: rgba(255,255,255,0.12);
    border: none;
    padding: 22px 18px;
    border-radius: 16px;
    transition: background 0.3s ease, transform 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

.video-points-horizontal .vp-card:hover {
    background: rgba(255,255,255,0.2);
    transform: translateY(-4px);
}

.video-points-horizontal .vp-card-ico {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.15);
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.video-points-horizontal .vp-card-ico svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.video-points-horizontal .vp-card h4 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.video-points-horizontal .vp-card p {
    color: rgba(255,255,255,0.65);
    font-size: 12px;
    line-height: 1.55;
    font-weight: 400;
}

@media (max-width: 960px) {
    .video-points-horizontal { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .video-points-horizontal { grid-template-columns: 1fr; }
    .sec-video-premium { padding: 60px 16px; }
    .video-mockup { padding: 10px; margin-bottom: 28px; }
}

/* ── Portrait Gallery Grid ── */
.pg-section { padding: 72px 24px; background: #ffffff; overflow: hidden; }
.pg-inner { max-width: 1200px; margin: 0 auto; }
.pg-head { text-align: center; margin-bottom: 48px; }
.pg-head .eyebrow { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--c-btn); background: var(--c-bg1); padding: 4px 14px; border-radius: 50px; margin-bottom: 12px; }
.pg-head h2 { font-size: clamp(24px, 4vw, 36px); font-weight: 900; color: var(--c-heading); letter-spacing: -.03em; line-height: 1.2; margin-bottom: 12px; }
.pg-head h2 .hl { color: var(--c-btn); }
.pg-head p { font-size: 15px; color: var(--c-subtext); max-width: 520px; margin: 0 auto; line-height: 1.7; }
.pg-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, auto); gap: 14px; }
.pg-card--emekli   { grid-column: 1; grid-row: 1; }
.pg-card--ozel     { grid-column: 1; grid-row: 2; }
.pg-card--group    { grid-column: 2 / 4; grid-row: 1 / 3; }
.pg-card--serbest  { grid-column: 4; grid-row: 1; }
.pg-card--tsk      { grid-column: 4; grid-row: 2; }
.pg-card--kamu     { grid-column: 2 / 4; grid-row: 3; }
.pg-card { position: relative; border-radius: 20px; overflow: hidden; cursor: pointer; aspect-ratio: 3 / 4; background: var(--c-bg2); box-shadow: 0 4px 20px rgba(0, 63, 117, .10); transition: box-shadow .3s ease, transform .3s ease; }
.pg-card:hover { box-shadow: var(--sh-card-hover); transform: translateY(-4px); outline: 2px solid var(--c-logo); outline-offset: -2px; }
.pg-card--group { aspect-ratio: unset; min-height: 300px; }
.pg-card--kamu { aspect-ratio: 16 / 7; outline: 2.5px solid rgba(54, 252, 153, .5); outline-offset: -2.5px; }
.pg-img-wrap { position: absolute; inset: 0; overflow: hidden; }
.pg-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; transition: transform .45s cubic-bezier(.25, .46, .45, .94); }
.pg-card--kamu .pg-img { object-position: center 30%; }
.pg-card:hover .pg-img { transform: scale(1.07); }
.pg-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 63, 117, 0) 30%, rgba(0, 63, 117, .55) 75%, rgba(0, 63, 117, .82) 100%); transition: opacity .35s ease; }
.pg-card:hover .pg-overlay { opacity: .85; }
.pg-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 20px; z-index: 2; display: flex; flex-direction: column; gap: 4px; }
.pg-tag { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .15); backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, .25); padding: 4px 10px; border-radius: 50px; width: fit-content; }
.pg-tag--kamu { background: rgba(54, 252, 153, .22); border-color: rgba(54, 252, 153, .55); color: #36FC99; }
.pg-tag--group { background: rgba(230, 247, 255, .22); border-color: rgba(230, 247, 255, .55); color: #36FC99; font-size: 11px; }
.pg-limit { font-size: 14px; font-weight: 700; color: #fff; line-height: 1.3; text-shadow: 0 1px 4px rgba(0, 63, 117, .4); }
.pg-sub-text { font-size: 12px; color: rgba(255, 255, 255, .72); font-weight: 400; }
.pg-info--group { padding: 28px 28px; }
.pg-info--group .pg-limit { font-size: 20px; }
.pg-img-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg, #E6F7FF 0%, #E6F7FF 100%); color: #2E6DF8; font-size: 13px; font-weight: 600; gap: 8px; }
.pg-img-placeholder svg { width: 36px; height: 36px; opacity: .45; }
.pg-cta { margin-top: 36px; text-align: center; }

/* ── Responsive ── */
@media (max-width: 960px) {
    .hero { padding: 48px 20px 52px; }
    .hero-inner { grid-template-columns: 1fr; gap: 36px; }
    .hero-visual { min-height: unset; order: 2; }
    .hero-inner > div:first-child { order: 1; }
    .feat-grid { grid-template-columns: 1fr 1fr; }
    .steps { grid-template-columns: repeat(2,1fr); }
    .steps::before { display: none; }
    .why-grid { grid-template-columns: 1fr 1fr; }
    .testi-grid { grid-template-columns: 1fr 1fr; }
    .footer-top { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; width: 100%; }
    .hero h1 { font-size: 32px; }
    .sec-title { font-size: 24px; }
    .sec { padding: 52px 20px; }
    .sticky-cta { display: flex; /* transform/opacity JS ile yönetilir */ }
    body { padding-bottom: 0; }
    .footer { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
    .hero-actions:not(.hero-actions--dual) { flex-direction: column; align-items: stretch; }
    .btn-primary { justify-content: center; padding: 15px 28px; font-size: 15px; }
    .btn-ghost { justify-content: center; }
    .report-card { width: 100%; max-width: 340px; }
    .price-card { padding: 32px 24px; }
    .video-layout { grid-template-columns: 1fr; }
    .video-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .pg-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 12px; }
    .pg-card--emekli, .pg-card--ozel, .pg-card--serbest, .pg-card--tsk { grid-column: auto; grid-row: auto; aspect-ratio: 3 / 4; }
    .pg-card--group { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 4 / 3; min-height: unset; }
    .pg-card--kamu { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 16 / 8; }
}

@media (max-width: 600px) {
    .nav-links { display: none; }
    .hero h1 { font-size: 26px; }
    .feat-grid { grid-template-columns: 1fr; }
    .steps { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .testi-grid { grid-template-columns: 1fr; }
    .footer-top { grid-template-columns: 1fr; }
    .util-left { display: none; }
    .urgency-inner { gap: 12px; }
    .urg-dot { display: none; }
    .price-top { flex-direction: column; align-items: center; text-align: center; gap: 16px; }
    .price-amount { text-align: center; }
    .price-profile-label {
        margin-inline: auto;
        text-align: center;
        max-width: 18ch;
    }
    .price-feats { grid-template-columns: 1fr; }
    .price-num { font-size: 42px; }
    .float-badge { display: none; }
    .sec { padding: 40px 16px; }
    .sec-title { font-size: 22px; }
    .video-points { grid-template-columns: 1fr; }
    .pg-section { padding: 48px 16px; }
    .pg-grid { grid-template-columns: 1fr; gap: 10px; }
    .pg-card, .pg-card--group, .pg-card--kamu { grid-column: auto; grid-row: auto; aspect-ratio: 4 / 3; min-height: unset; }
    .pg-card--kamu { aspect-ratio: 3 / 2; }
    .pg-info--group .pg-limit { font-size: 17px; }
}

/* ══════════════════════════════════════════════
   Community / Instagram Mockup Section
   ══════════════════════════════════════════════ */
.sec-community {
    padding: 90px 24px;
    background: #2E6DF8;
    overflow: hidden;
    position: relative;
}
.sec-community::before {
    content: '';
    position: absolute;
    top: -140px; right: -140px;
    width: 520px; height: 520px;
    background: radial-gradient(circle, rgba(255,255,255,.07) 0%, transparent 68%);
    border-radius: 50%;
    pointer-events: none;
}
.sec-community::after {
    content: '';
    position: absolute;
    bottom: -120px; left: -120px;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(0, 63, 117, .22) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Card wrapper (re-used class, reset to full-width) */
.community-card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    text-align: left;
    overflow: visible;
    max-width: 1200px;
    margin: 0 auto;
}

/* Section heading */
.community-head {
    max-width: 640px;
    margin: 0 auto 60px;
    text-align: center;
}
.community-head .sec-title  { color: #fff; }
.community-head .sec-title .hl {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #36FC99;
    text-underline-offset: 5px;
}
.community-head .sec-sub { color: rgba(255,255,255,.80); }

/* ── Two-column layout: phone | cards ── */
.community-layout {
    display: grid;
    grid-template-columns: 1fr 1.18fr;
    gap: 60px;
    align-items: center;
}

/* ══ PHONE MOCKUP ══ */
.ig-phone-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ig-phone {
    width: 282px;
    background: #003F75;
    border-radius: 44px;
    padding: 10px;
    position: relative;
    flex-shrink: 0;
    box-shadow:
        0 0 0 1.5px rgba(255,255,255,.13),
        0 48px 96px rgba(0, 63, 117, .55),
        inset 0 0 0 1px rgba(255,255,255,.06);
}

/* Pill notch */
.ig-notch {
    position: absolute;
    top: 12px; left: 50%;
    transform: translateX(-50%);
    width: 88px; height: 8px;
    background: #003F75;
    border-radius: 4px;
    z-index: 10;
}

/* White screen area */
.ig-phone-screen {
    background: #fff;
    border-radius: 36px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 565px;
}

/* ── Instagram-style header ── */
.ig-screen-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px 10px;
    border-bottom: 1px solid #E6F7FF;
    background: #fff;
    flex-shrink: 0;
}
.ig-header-back  { font-size: 18px; color: var(--ink); cursor: pointer; }
.ig-header-title { font-size: 13px; font-weight: 800; color: var(--ink); letter-spacing: -.01em; }
.ig-header-menu  { font-size: 17px; color: var(--ink); }

/* ── Profile row ── */
.ig-profile-row {
    display: flex;
    align-items: center;
    padding: 14px 14px 6px;
    gap: 10px;
    flex-shrink: 0;
}
/* Story ring gradient */
.ig-avatar-ring {
    width: 68px; height: 68px;
    border-radius: 50%;
    background: linear-gradient(45deg,#2E6DF8 0%,#2E6DF8 25%,#2E6DF8 50%,#2E6DF8 75%,#2E6DF8 100%);
    padding: 2.5px;
    flex-shrink: 0;
}
.ig-avatar-circle {
    width: 100%; height: 100%;
    border-radius: 50%;
    background: #2E6DF8;
    border: 2.5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ig-avatar-circle svg { width: 28px; height: 28px; }

.ig-profile-stats {
    display: flex;
    flex: 1;
    justify-content: space-around;
}
.ig-pstat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}
.ig-pstat-n { font-size: 14px; font-weight: 800; color: var(--ink); line-height: 1; }
.ig-pstat-l { font-size: 9px; color: var(--ink); font-weight: 400; }

/* ── Bio ── */
.ig-bio {
    padding: 4px 14px 6px;
    flex-shrink: 0;
}
.ig-bio-name { font-size: 11px; font-weight: 800; color: var(--ink); margin-bottom: 2px; }
.ig-bio-desc  { font-size: 9.5px; color: var(--ink); line-height: 1.45; margin-bottom: 2px; }
.ig-bio-url   { font-size: 9.5px; color: #2E6DF8; font-weight: 700; }

/* ── Follow / Visit button ── */
.ig-btn-row { padding: 4px 14px 6px; flex-shrink: 0; }
.ig-follow-btn {
    width: 100%;
    background: #E6F7FF;
    color: var(--ink);
    border: none;
    border-radius: 8px;
    padding: 7px 12px;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: background .2s;
}
.ig-follow-btn:hover { background: #E6F7FF; }

/* ── View tabs ── */
.ig-tab-row {
    display: flex;
    border-top: 1px solid #E6F7FF;
    border-bottom: 1px solid #E6F7FF;
    flex-shrink: 0;
    margin-top: 2px;
}
.ig-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    color: var(--ink);
    cursor: pointer;
}
.ig-tab svg { width: 16px; height: 16px; }
.ig-tab-active { color: var(--ink); border-bottom: 2px solid #003F75; }

/* ── Post grid 3×3 ── */
.ig-pgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5px;
    flex: 1;
    overflow: hidden;
    background: #E6F7FF;
}
.ig-pgrid-cell {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    overflow: hidden;
}
.ig-pgrid-cell svg { width: 18px; height: 18px; }
.ig-pgrid-blue  { background: #2E6DF8; }
.ig-pgrid-navy  { background: #003F75; }
.ig-pgrid-photo { background: #003F75; }

/* ── Bottom nav bar ── */
.ig-bottom-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 16px 15px;
    background: #fff;
    border-top: 1px solid #E6F7FF;
    flex-shrink: 0;
}
.ig-bottom-nav svg {
    width: 20px; height: 20px;
    stroke: #003F75; fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ig-plus-btn {
    width: 28px; height: 28px;
    border-radius: 8px;
    border: 2px solid #003F75;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: var(--ink);
    line-height: 1;
}

/* ══ 2×2 POST CARDS ══ */
.ig-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.ig-post-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 63, 117, .18), 0 1px 4px rgba(0, 63, 117, .10);
    transition: transform .22s, box-shadow .22s;
}
.ig-post-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--sh-card-hover);
    outline: 2px solid var(--c-logo);
    outline-offset: -2px;
}

.ig-post-header {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 8px;
}
.ig-post-avatar {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2E6DF8, #003F75);
    flex-shrink: 0;
}
.ig-post-user  { font-size: 10.5px; font-weight: 700; color: var(--ink); flex: 1; }
.ig-post-dots  { font-size: 13px; color: var(--ink); letter-spacing: 1px; }

.ig-post-media {
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.ig-post-media--solid { background: #2E6DF8; }

.ig-post-media-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 12px;
    background: linear-gradient(to top, rgba(0, 63, 117, .52) 0%, transparent 55%);
}
.ig-post-media-text span {
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-shadow: 0 1px 4px rgba(0, 63, 117, .3);
}

.ig-post-bold-text {
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 1.22;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 12px;
}

.ig-post-actions {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 10px;
}
.ig-post-actions svg {
    width: 18px; height: 18px;
    stroke: #003F75; fill: none;
    stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
    cursor: pointer;
    transition: stroke .15s;
}
.ig-post-actions svg:hover { stroke: #2E6DF8; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .community-layout { gap: 36px; }
}
@media (max-width: 960px) {
    .sec-community { padding: 60px 20px; }
    .community-layout { grid-template-columns: 1fr; gap: 40px; }
    .ig-phone-wrap { order: 2; }
    .ig-cards-grid { order: 1; }
}
@media (max-width: 600px) {
    .sec-community { padding: 48px 16px; }
    .ig-phone { width: 240px; }
    .ig-phone-screen { height: 475px; }
    .ig-cards-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ig-post-bold-text { font-size: 12px; }
}
/* ── Hero G3 (Objectivity Style) ── */
.hero--g3,
.hero--cover {
    background: #2E6DF8;
    background-image: none;
    padding: 0;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.hero--cover {
    min-height: 100dvh;
    background: #f5f8fc !important;
}
.hero--g3 .hero-inner {
    max-width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 58fr 42fr;
    gap: 0;
    flex: 1;
}
.hero--g3 .hero-content {
    padding: 48px 6% 48px 12%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-self: stretch;
    gap: 4px;
    box-sizing: border-box;
}
.hero--g3 .hero-content h1,
.hero--g3 .hero-content .hero-subtitle,
.hero--g3 .hero-content p {
    color: #fff !important;
}
.hero--g3 .hero-content h1 .hl-rate {
    color: #fff;
    opacity: 0.9;
    text-decoration: underline;
    text-decoration-color: #2E6DF8;
}

.hero-list-g3 {
    list-style: none;
    padding: 0;
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-list-g3 li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.5;
}

.hero-list-g3 li .tick {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-top: 1px;
}

.hero-list-g3 li .tick svg {
    width: 12px;
    height: 12px;
    stroke: #fff;
    stroke-width: 3.5;
    fill: none;
}


.hero-visual-g3 {
    position: relative;
    background: linear-gradient(135deg, #E6F7FF 0%, #dbeeff 100%);
    box-shadow: inset -4px 0 32px rgba(0, 86, 179, 0.06);
    border-top-left-radius: 220px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    align-self: stretch;
}
.portrait-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top-left-radius: inherit;
}
.portrait-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center 25%;
    display: block;
}

/* Pixel deco squares — kaldırıldı */
.hero-pixel-deco {
    display: none !important;
}
.hero-pixel-deco span {
    display: block;
    background: #003F75;
    border-radius: 2px;
    opacity: 0;
}
.hero-pixel-deco span:nth-child(1)  { opacity: 1; }
.hero-pixel-deco span:nth-child(2)  { opacity: 0.9; }
.hero-pixel-deco span:nth-child(3)  { opacity: 0.7; }
.hero-pixel-deco span:nth-child(7)  { opacity: 1; }
.hero-pixel-deco span:nth-child(8)  { opacity: 0.85; }
.hero-pixel-deco span:nth-child(9)  { opacity: 0.65; }
.hero-pixel-deco span:nth-child(10) { opacity: 0.4; }
.hero-pixel-deco span:nth-child(13) { opacity: 1; }
.hero-pixel-deco span:nth-child(14) { opacity: 0.9; }
.hero-pixel-deco span:nth-child(15) { opacity: 0.7; }
.hero-pixel-deco span:nth-child(16) { opacity: 0.5; }
.hero-pixel-deco span:nth-child(17) { opacity: 0.3; }
.hero-pixel-deco span:nth-child(19) { opacity: 0.8; }
.hero-pixel-deco span:nth-child(20) { opacity: 0.6; }
.hero-pixel-deco span:nth-child(21) { opacity: 0.4; }
.hero-pixel-deco span:nth-child(22) { opacity: 0.25; }
.hero-pixel-deco span:nth-child(25) { opacity: 0.5; }
.hero-pixel-deco span:nth-child(26) { opacity: 0.35; }
.hero-pixel-deco span:nth-child(31) { opacity: 0.3; }
.hero-pixel-deco span:nth-child(32) { opacity: 0.2; }

/* Floating Icons from G3 */
.float-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0, 63, 117, 0.1);
    z-index: 3;
    animation: floatG3 4s ease-in-out infinite;
}
.fi-1 { top: 20%; right: -20px; background: #2E6DF8; }
.fi-2 { bottom: 30%; left: -30px; background: #36FC99; }

@keyframes floatG3 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.hero-urgency {
    text-align: center;
    padding: 10px 20px;
    background: transparent;
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}
.hero-urgency-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 0.35em;
    border-radius: 50%;
    background: #2E6DF8;
    box-shadow: 0 0 0 3px rgba(46, 109, 248, 0.30);
    flex-shrink: 0;
}
.hero-urgency-text {
    flex: 0 1 auto;
    min-width: 0;
    line-height: 1.5;
    text-align: center;
}
.hero-urgency-text span {
    color: #2E6DF8 !important;
    font-weight: 700;
    white-space: nowrap;
}

/* Bottom Stats Bar from G3 */
.hero-stats-bar {
    background: transparent !important;
    box-shadow: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 22px 0;
    z-index: 10;
    width: 100%;
}
.stats-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.stat-item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #E6F7FF;
    border: 1px solid #D4E6F7;
    border-radius: 14px;
    padding: 14px 20px;
}
.stat-icon {
    width: 44px;
    height: 44px;
    background: #ffffff !important;
    border: 1px solid #E6F7FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2E6DF8;
}
.stat-icon svg { width: 20px; height: 20px; fill: none; stroke: #2E6DF8; stroke-width: 2; }
.stat-text { display: flex; flex-direction: column; }
.stat-val { font-size: 18px; font-weight: 800; color: var(--ink) !important; line-height: 1.2; }
.stat-lbl { font-size: 13px; color: var(--ink) !important; }
.stat-sep { display: none; }

/* Trust Bar / Avatars */
.hero-trust {
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.trust-avatars {
    display: flex;
    align-items: center;
}
.trust-avatars img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: -10px;
}
.trust-count {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--c-logo);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.hero-trust p { font-size: 13px; color: rgba(255,255,255,0.7); margin: 0; }

.hero-bottom-logos {
    margin-top: auto;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    gap: 36px;
    opacity: 0.55;
    flex-wrap: wrap;
}
.hero-bottom-logos img {
    height: 22px;
    filter: brightness(0) invert(1);
}

/* ── Hero White Card ── */
.hero-white-card {
    background: #fff;
    border-radius: 22px;
    padding: var(--s-4);
    box-shadow: 0 24px 64px rgba(0, 63, 117, 0.18);
    display: flex;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
}

/* Başlık */
.hero-white-card h1,
.hero--g3 .hero-content .hero-white-card h1 {
    color: var(--ink) !important;
    margin-bottom: var(--s-half, 4px);
}
/* hl-rate: mavi, çizgi yok */
.hero-white-card h1 .hl-rate,
.hero--g3 .hero-content .hero-white-card h1 .hl-rate {
    color: #2E6DF8 !important;
    opacity: 1 !important;
    text-decoration: none !important;
    display: inline;
    position: relative;
}
.hero-white-card h1 .hl-rate::after,
.hero--g3 .hero-content .hero-white-card h1 .hl-rate::after {
    content: none !important;
    display: none !important;
}

/* Alt başlık — başlık + liste grubuna yakın (Gestalt) */
.hero-white-card .hero-subtitle {
    color: var(--ink) !important;
    margin-top: 0;
    margin-bottom: var(--s-1, 8px);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 960px) {
    .hero-white-card .hero-subtitle {
        line-height: 1.3;
        margin-bottom: 0;
        font-size: 12px;
    }
    .hero-white-card .hero-feat-list {
        margin-top: 4px !important;
        gap: 8px !important;
    }
}

/* Liste */
.hero-white-card .hero-feat-list {
    gap: 9px !important;
    margin-top: 0 !important;
    margin-bottom: 0;
}
.hero-white-card .hero-feat-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1.45 !important;
}
.hero-white-card .hero-feat-item span:last-child {
    color: var(--ink) !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.45;
    padding-top: 0;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Check ikonları — metnin yanında, tek satır hizalı */
.hero-white-card .hero-feat-chk {
    background: rgba(46, 109, 248, 0.08) !important;
    border-color: rgba(46, 109, 248, 0.2) !important;
    flex: 0 0 26px !important;
    max-width: 26px !important;
    width: 26px !important;
    margin-top: 0 !important;
}
.hero-white-card .hero-feat-chk svg { stroke: #2E6DF8 !important; }

/* Badge — daha iyi kontrast */
.hero-white-card .kamu-badge {
    background: rgba(54, 252, 153, 0.10);
    border-color: rgba(54, 252, 153, 0.35);
    color: #12b87a;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 16px;
}
.hero-white-card .kamu-badge .live-dot {
    background: #36FC99;
    box-shadow: 0 0 0 3px rgba(54, 252, 153, 0.25);
}

/* CTA Butonu */
.hero-white-card .hero-actions { margin-top: 18px !important; }
.hero-white-card .btn-white-pill {
    box-shadow: 0 6px 20px rgba(46, 109, 248, 0.35) !important;
    transition: background .2s, box-shadow .2s, transform .15s !important;
}
.hero-white-card .btn-white-pill:hover {
    background: #003F75 !important;
    box-shadow: 0 10px 28px rgba(46, 109, 248, 0.45) !important;
    transform: translateY(-2px) !important;
}
.hero-white-card .btn-white-pill:hover .arrow-circle svg {
    transform: translateX(3px);
    transition: transform .2s;
}

@media (max-width: 960px) {
    .hero--g3 .hero-inner { grid-template-columns: 1fr; gap: 0; text-align: center; }
    .hero-visual-g3 { border-top-left-radius: 0; min-height: 420px; }
    .hero-pixel-deco { display: none; }
    .hero-trust { justify-content: center; }
    .stats-inner { gap: 20px; flex-wrap: wrap; }
    .stat-sep { display: none; }
    .stat-item { flex-direction: row; text-align: left; }
}

/* ══════════════════════════════════════════════
   PS2 SECTION — Ekran Görüntüsü Birebir Layout
   Üst: 4 düz telefon | Alt: Sol metin + Eğik telefonlar
   ══════════════════════════════════════════════ */

/* ── Ana Bölüm ── */
.ps2-section {
    background: #003F75;
    padding: 100px 28px 120px;
    position: relative;
    overflow: hidden;
}

/* Atmosferik mor ışık — üst sağ */
.ps2-section::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -100px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(46, 109, 248, 0.22) 0%, rgba(0, 63, 117, 0.10) 45%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    filter: blur(40px);
}
/* Atmosferik mor ışık — alt sol */
.ps2-section::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -80px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(0, 63, 117, 0.18) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
    filter: blur(35px);
}


/* ── gorsel10 referans kırpım (üst 4 + alt 3 telefon) ── */
.ps2-top-ref {
    max-width: 1040px;
    margin: 0 auto 72px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 8px;
}
.ps2-top-ref::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(46, 109, 248, 0.55), transparent);
    pointer-events: none;
    z-index: 1;
}
.ps2-ref-img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
}
.ps2-ref-img--top {
    aspect-ratio: 1200 / 420;
    object-fit: cover;
    object-position: center 24%;
    min-height: 320px;
}
.ps2-bottom-right {
    position: relative;
    height: 520px;
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    overflow: hidden;
}
.ps2-ref-img--bottom {
    position: absolute;
    right: -12%;
    top: 50%;
    transform: translateY(-50%);
    width: 165%;
    max-width: none;
    height: auto;
    min-height: 115%;
    object-fit: cover;
    object-position: 72% 82%;
}
.ps2-bottom-title span {
    color: #fff;
}
.ps2-bottom {
    align-items: center;
}

/* ── Üst sıra: 4 düz telefon ── */
.ps2-top-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 980px;
    margin: 0 auto 80px;
    position: relative;
    z-index: 2;
}

.ps2-phone-wrap {
    display: flex;
    justify-content: center;
}

/* ── Telefon çerçevesi (iPhone tarzı) ── */
.ps2-phone {
    width: 100%;
    max-width: 185px;
    background: linear-gradient(160deg, #003F75 0%, #003F75 55%, #003F75 100%);
    border-radius: 36px;
    border: 1.5px solid rgba(255,255,255,0.08);
    padding: 10px 10px 14px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 16px 40px rgba(0, 63, 117, 0.55),
        0 32px 64px rgba(0, 63, 117, 0.35);
    overflow: hidden;
    position: relative;
    transition: transform .35s ease, box-shadow .35s ease;
}

.ps2-phone:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 24px 56px rgba(0, 63, 117, 0.65),
        0 48px 80px rgba(0, 63, 117, 0.40);
}

/* Telefon üst çentik (Dynamic Island) */
/* Notches are now part of the images */
/* Dynamic Island notch — tüm ps2 telefonları */
.ps2-phone-notch {
    display: block;
    width: 82px;
    height: 26px;
    background: #003F75;
    border-radius: 14px;
    margin: 0 auto 6px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

/* Telefon ekranı içeriği */
.ps2-phone-screen {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: auto;
    aspect-ratio: 9 / 19.5;
    border-radius: 24px;
    background: #003F75;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ps2-phone-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Boş ekran — gorsel10 (içerik yok, sadece çerçeve) */
.ps2-phone-screen--empty {
    background: linear-gradient(180deg, #003F75 0%, #003F75 45%, #003F75 100%);
    position: relative;
    min-height: 100%;
}
.ps2-phone-screen--empty::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 45% at 50% 8%, rgba(46, 109, 248, 0.18) 0%, transparent 65%);
    pointer-events: none;
}

.ps2-screen-step {
    font-size: 10px;
    color: rgba(255,255,255,0.40);
    font-weight: 600;
    letter-spacing: .06em;
    margin-bottom: 10px;
}

.ps2-screen-question {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 18px;
}

/* Input alanı (Telefon 1) */
.ps2-screen-input-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ps2-input-field {
    background: rgba(46, 109, 248, 0.12);
    border: 1px solid rgba(46, 109, 248, 0.35);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .04em;
}

.ps2-cursor {
    color: #2E6DF8;
    animation: ps2blink 1s step-end infinite;
    margin-left: 2px;
}
@keyframes ps2blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* Klavye (Telefon 1 alt kısım) */
.ps2-keyboard {
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    padding: 8px 6px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ps2-key-row {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.ps2-key-row span {
    background: rgba(255,255,255,0.09);
    border-radius: 5px;
    width: 20px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    color: rgba(255,255,255,0.70);
    font-weight: 500;
}
.ps2-key-row--wide span.wide {
    width: 60px;
    background: rgba(46, 109, 248, 0.25);
    color: #2E6DF8;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
}

/* Seçenek daireleri (Telefon 2) */
.ps2-screen-choices {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    flex: 1;
    padding: 4px 0;
}
.ps2-choice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.ps2-choice span {
    font-size: 10px;
    color: rgba(255,255,255,0.55);
    font-weight: 600;
}
.ps2-choice--active span {
    color: #2E6DF8;
}
.ps2-choice-ring {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ps2-choice-ring svg { width: 22px; height: 22px; }
.ps2-choice-ring--outline {
    border: 2px solid rgba(255,255,255,0.18);
}
.ps2-choice-ring--outline svg { stroke: rgba(255,255,255,0.40); }
.ps2-choice-ring--filled {
    border: 2px solid #2E6DF8;
    background: rgba(46, 109, 248, 0.15);
    box-shadow: 0 0 0 4px rgba(46, 109, 248, 0.12);
}
.ps2-choice-ring--filled svg { stroke: #2E6DF8; }

/* Picker kaydırıcı (Telefon 3) */
.ps2-screen-picker {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.ps2-screen-picker::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    transform: translateY(-50%);
    height: 34px;
    background: rgba(46, 109, 248, 0.10);
    border-top: 1px solid rgba(46, 109, 248, 0.30);
    border-bottom: 1px solid rgba(46, 109, 248, 0.30);
    border-radius: 8px;
    pointer-events: none;
}
.ps2-picker-row {
    text-align: center;
    padding: 5px 0;
    font-size: 11px;
    transition: all .2s;
}
.ps2-picker-row--dim {
    color: rgba(255,255,255,0.28);
    font-weight: 400;
}
.ps2-picker-row--active {
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
.ps2-picker-row--active strong {
    font-weight: 800;
    color: #2E6DF8;
}

/* El / ikon alanı (Telefon 4) */
.ps2-screen-icon-area {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ps2-hand-glow {
    position: absolute;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(46, 109, 248, 0.45) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.ps2-hand-svg {
    width: 80px;
    height: 100px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 16px rgba(46, 109, 248, 0.60));
}

/* Ekran alt butonu */
.ps2-screen-btn {
    display: block;
    background: #2E6DF8;
    color: #fff;
    text-align: center;
    padding: 12px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 14px;
    transition: background .2s, transform .2s;
    box-shadow: 0 4px 16px rgba(46, 109, 248, 0.40);
}
.ps2-screen-btn:hover {
    background: #003F75;
    transform: translateY(-2px);
}

/* ══════════════════════════════════════════════
   Alt bölüm: Sol metin + Sağda eğik telefon grubu
   ══════════════════════════════════════════════ */
.ps2-bottom {
    max-width: 1160px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 2;
}

/* Sol: Başlık & açıklama */
.ps2-bottom-left {
    padding-right: 20px;
}

.ps2-bottom-title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}
.ps2-bottom-title span {
    color: rgba(255,255,255,0.75);
}

.ps2-bottom-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.60);
    line-height: 1.75;
    max-width: 400px;
}

/* Sağ: gorsel10 — 3 üst üste eğik telefon */
.ps2-bottom-right {
    position: relative;
    height: 560px;
    width: 100%;
    max-width: 480px;
    margin-left: auto;
}

/* Mor-pembe halka glow (gorsel10 arkası) */
.ps2-glow-ring {
    position: absolute;
    top: 42%;
    left: 46%;
    transform: translate(-50%, -50%);
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(46, 109, 248, 0.55) 0%,
        rgba(46, 109, 248, 0.48) 22%,
        rgba(46, 109, 248, 0.32) 42%,
        rgba(0, 63, 117, 0.12) 58%,
        transparent 72%);
    filter: blur(28px);
    z-index: 0;
    pointer-events: none;
}

.ps2-bottom-right::before {
    content: '';
    position: absolute;
    bottom: 8%;
    left: 4%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(46, 109, 248, 0.28) 0%, transparent 68%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(22px);
}

.ps2-bottom-right::after {
    content: '';
    position: absolute;
    top: 18%;
    right: 2%;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(46, 109, 248, 0.22) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(16px);
}

/* Alt bölüm telefonları — hover iptal */
.ps2-bottom-right .ps2-phone {
    border-radius: 40px;
    border: 1.5px solid rgba(255,255,255,0.10);
    transition: none;
}
.ps2-bottom-right .ps2-phone:hover {
    transform: none !important;
    box-shadow: inherit;
}

/* Kamera modülü — ekranla aynı boyut/oran */
.ps2-camera-module {
    aspect-ratio: 9 / 19.5;
    width: 100%;
    border-radius: 24px;
    background: #003F75;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px 20px;
    overflow: hidden;
}

/* iPhone Pro 3 kameralı bump */
.ps2-camera-bump {
    width: 88px;
    height: 88px;
    background: linear-gradient(145deg, #003F75 0%, #003F75 100%);
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 11px;
    gap: 8px;
    box-shadow:
        4px 5px 18px rgba(0, 63, 117, 0.80),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

/* Üst-sol: ana lens */
.ps2-cam-main {
    grid-column: 1; grid-row: 1;
    background: radial-gradient(circle at 32% 28%, #003F75 0%, #003F75 52%, #003F75 100%);
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.11);
    box-shadow: inset 0 1px 4px rgba(255,255,255,0.07), 0 2px 8px rgba(0, 63, 117, 0.70);
}

/* Üst-sağ: telefoto lens */
.ps2-cam-tele {
    grid-column: 2; grid-row: 1;
    background: radial-gradient(circle at 32% 28%, #003F75 0%, #003F75 52%, #003F75 100%);
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.11);
    box-shadow: inset 0 1px 4px rgba(255,255,255,0.07), 0 2px 8px rgba(0, 63, 117, 0.70);
}

/* Alt-sol: ultra geniş lens */
.ps2-cam-ultra {
    grid-column: 1; grid-row: 2;
    background: radial-gradient(circle at 32% 28%, #003F75 0%, #003F75 52%, #003F75 100%);
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.09);
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.05), 0 2px 6px rgba(0, 63, 117, 0.65);
}

/* Alt-sağ: flash/LiDAR */
.ps2-cam-flash {
    grid-column: 2; grid-row: 2;
    background: radial-gradient(circle at 40% 38%, #003F75 0%, #003F75 100%);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.06);
    transform: scale(0.62);
}

/* ═══════════════════════════════════════════════════════
   gorsel10.jpg — altta 3 üst üste eğik telefon
   ═══════════════════════════════════════════════════════ */

/* 1 — Alt: yatık arka yüz (kamera modülü görünür) */
.ps2-phone--back {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 208px;
    max-width: 208px;
    transform: perspective(1000px) rotateX(-12deg) rotateZ(-46deg) rotateY(8deg);
    transform-origin: center bottom;
    z-index: 1;
    opacity: 0.78;
    filter: brightness(0.5);
    box-shadow:
        0 18px 44px rgba(0, 63, 117, 0.9),
        0 36px 72px rgba(0, 63, 117, 0.55);
}

/* 2 — Orta: sağda, hafif geriye eğik ekran */
.ps2-phone--mid {
    position: absolute;
    right: 4px;
    top: 24px;
    width: 216px;
    max-width: 216px;
    transform: perspective(1000px) rotateY(-18deg) rotateZ(-6deg);
    z-index: 2;
    opacity: 0.9;
    filter: brightness(0.68);
    box-shadow:
        0 16px 36px rgba(0, 63, 117, 0.92),
        0 38px 76px rgba(0, 63, 117, 0.62),
        0 60px 96px rgba(0, 63, 117, 0.35);
}

/* 3 — Üst: önde, sağa eğik — en belirgin */
.ps2-phone--front {
    position: absolute;
    left: 50%;
    top: 48px;
    width: 222px;
    max-width: 222px;
    transform: translateX(-40%) perspective(1000px) rotateY(-5deg) rotateZ(8deg);
    z-index: 3;
    box-shadow:
        0 18px 42px rgba(0, 63, 117, 0.95),
        0 44px 92px rgba(0, 63, 117, 0.72),
        0 76px 120px rgba(0, 63, 117, 0.42);
}

/* Uyumluluk alanı (arka telefon için) */
.ps2-compat-item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}
.ps2-compat-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.15);
}
.ps2-compat-avatar--a {
    background: linear-gradient(135deg, #2E6DF8, #2E6DF8);
}
.ps2-compat-avatar--b {
    background: linear-gradient(135deg, #003F75, #2E6DF8);
    margin-left: -8px;
}
.ps2-compat-tag {
    font-size: 11px;
    font-weight: 800;
    color: #2E6DF8;
    margin-left: 4px;
}

/* Mini bar grafikler */
.ps2-mini-bars {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}
.ps2-mini-bar {
    height: 4px;
    background: rgba(46, 109, 248, 0.35);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}
.ps2-mini-bar::after {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: var(--w, 70%);
    background: linear-gradient(90deg, #2E6DF8, #2E6DF8);
    border-radius: 2px;
}

/* Sonuç ekranı (ön telefon için) */
.ps2-result-compat {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 8px 0;
}
.ps2-result-avatar {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(46, 109, 248, 0.40);
}
.ps2-result-avatar svg { width: 22px; height: 22px; }
.ps2-result-avatar--emekli { background: rgba(46, 109, 248, 0.18); }
.ps2-result-avatar--kamu   { background: rgba(0, 63, 117, 0.20); }

.ps2-result-bars {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}
.ps2-result-bar-row {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 8px;
    color: rgba(255,255,255,0.50);
    font-weight: 600;
}
.ps2-rbar {
    flex: 1;
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
}
.ps2-rbar div {
    height: 100%;
    background: linear-gradient(90deg, #2E6DF8, #2E6DF8);
    border-radius: 2px;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .ps2-top-row { grid-template-columns: repeat(2, 1fr); gap: 12px; max-width: 540px; }
}

@media (max-width: 768px) {
    .ps2-bottom { grid-template-columns: 1fr; gap: 40px; }
    .ps2-bottom-right { height: 420px; max-width: 100%; }
    .ps2-bottom-left { padding-right: 0; text-align: center; }
    .ps2-bottom-sub { margin: 0 auto; }
    .ps2-ref-img--top { min-height: 260px; object-position: center 22%; }
    .ps2-ref-img--bottom { width: 150%; right: -18%; object-position: 70% 84%; }
}

@media (max-width: 600px) {
    .ps2-section { padding: 60px 16px 80px; }
    .ps2-top-ref { margin-bottom: 48px; }
    .ps2-ref-img--top { min-height: 200px; }
    .ps2-bottom-right { height: 340px; }
    .ps2-ref-img--bottom { width: 175%; object-position: 68% 86%; }
}

/* ═══════════════════════════════════════════════════
   DPS v2 — Dark Phone Showcase
   Tamamen bağımsız, ps2 sınıflarından ayrı
   ═══════════════════════════════════════════════════ */

/* Ana bölüm */
.dps-section {
    display: none !important;
}

/* ── Arka plan glow katmanları ── */
.dps-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.dps-glow-a {
    width: 800px; height: 700px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.05) 40%,
        transparent 72%);
    filter: blur(80px);
}
.dps-glow-b {
    width: 520px; height: 440px;
    bottom: -90px; right: 4%;
    background: radial-gradient(ellipse at center,
        rgba(0, 63, 117, 0.35) 0%,
        rgba(0, 63, 117, 0.15) 40%,
        transparent 70%);
    filter: blur(65px);
}
.dps-glow-c {
    width: 380px; height: 360px;
    top: 8%; left: -6%;
    background: radial-gradient(ellipse at center,
        rgba(0, 63, 117, 0.25) 0%,
        transparent 70%);
    filter: blur(55px);
}

/* ── Sağ alt zemin ışık yayı ── */
.dps-floor {
    position: absolute;
    bottom: 0; right: 6%;
    width: 580px; height: 160px;
    background: radial-gradient(ellipse at center bottom,
        rgba(0, 63, 117, 0.50) 0%,
        rgba(0, 63, 117, 0.25) 28%,
        rgba(0, 63, 117, 0.08) 55%,
        transparent 72%);
    filter: blur(48px);
    pointer-events: none;
    transform-origin: bottom center;
    transform: scaleY(0.45) scaleX(1.35);
}

/* ── 3D sahne (perspective konteyneri) ── */
.dps-stage {
    position: relative;
    max-width: 1040px;
    height: 530px;
    margin: 0 auto;
    perspective: 1800px;
    perspective-origin: 50% 80%;
}

/* ── Telefon kartı (wrapper) ── */
.dps-card {
    position: absolute;
    bottom: 0;
}

/* ── Her telefonun mor/violet halo'su ── */
.dps-card-halo {
    position: absolute;
    left: 50%; top: 42%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}
.dps-card--back .dps-card-halo {
    width: 320px; height: 320px;
    background: radial-gradient(ellipse, rgba(46, 109, 248, 0.62) 0%, transparent 65%);
    filter: blur(40px);
}
.dps-card--center .dps-card-halo {
    width: 360px; height: 360px;
    background: radial-gradient(ellipse, rgba(46, 109, 248, 0.60) 0%, transparent 65%);
    filter: blur(34px);
}
.dps-card--side .dps-card-halo {
    width: 280px; height: 280px;
    background: radial-gradient(ellipse, rgba(46, 109, 248, 0.55) 0%, transparent 65%);
    filter: blur(34px);
}

/* ── Telefon çerçevesi — koyu titanyum + gradient border ── */
.dps-frame {
    position: relative;
    z-index: 1;
    border-radius: 44px;
    padding: 11px 11px 15px;
    background:
        linear-gradient(145deg, #003F75, #003F75) padding-box,
        linear-gradient(160deg,
            rgba(255,255,255,0.24) 0%,
            rgba(46, 109, 248, 0.45) 30%,
            rgba(46, 109, 248, 0.28) 65%,
            rgba(255,255,255,0.06) 100%
        ) border-box;
    border: 1.5px solid transparent;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 30px 70px rgba(0, 63, 117, 0.82),
        0 8px 24px rgba(0, 63, 117, 0.60);
}

/* ── Sol: arka yüz (kamera), sola ~30° yatık, büyük, z:3 ── */
.dps-card--back {
    left: 3%;
    z-index: 3;
    transform: rotateY(-28deg) rotateZ(-7deg) rotateX(5deg);
    transform-origin: bottom center;
}
.dps-card--back .dps-frame {
    width: 220px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 26px 58px rgba(0, 63, 117, 0.88),
        0 0 58px rgba(46, 109, 248, 0.34);
}

/* ── Orta: ekranlı, hafif perspektif, z:4 (en önde) ── */
.dps-card--center {
    left: 50%;
    transform: translateX(-50%) rotateY(4deg) rotateZ(0.5deg);
    z-index: 4;
}
.dps-card--center .dps-frame {
    width: 228px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 34px 76px rgba(0, 63, 117, 0.78),
        0 0 76px rgba(46, 109, 248, 0.40);
}

/* ── Sağ: ekranlı, sağa ~20° yatık, arkada küçük, z:2 ── */
.dps-card--side {
    right: 3%;
    bottom: 38px;
    z-index: 2;
    transform: rotateY(22deg) rotateZ(6deg) rotateX(3deg) scale(0.86);
    transform-origin: bottom center;
}
.dps-card--side .dps-frame {
    width: 194px;
    opacity: 0.86;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 22px 52px rgba(0, 63, 117, 0.88),
        0 0 52px rgba(46, 109, 248, 0.32);
}

/* ── Dynamic Island ── */
.dps-island {
    width: 76px; height: 24px;
    background: #003F75;
    border-radius: 12px;
    margin: 0 auto 6px;
    flex-shrink: 0;
}

/* ── Ekran alanı ── */
.dps-screen {
    width: 100%;
    border-radius: 28px;
    overflow: hidden;
    aspect-ratio: 9 / 19.5;
    background: #003F75;
}

/* ── Kamera arka yüzü ── */
.dps-cam {
    width: 100%;
    aspect-ratio: 9 / 19.5;
    border-radius: 28px;
    background: linear-gradient(145deg, #003F75 0%, #003F75 100%);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 28px 24px;
    overflow: hidden;
}
.dps-cam-bump {
    width: 92px; height: 92px;
    background: linear-gradient(150deg, #003F75 0%, #003F75 55%, #003F75 100%);
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.07);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 12px; gap: 9px;
    box-shadow: 5px 7px 22px rgba(0, 63, 117, 0.88), inset 0 1px 0 rgba(255,255,255,0.04);
}
.dps-cam-lens {
    border-radius: 50%;
    background: radial-gradient(circle at 32% 28%, #003F75 0%, #003F75 50%, #003F75 100%);
    border: 1.5px solid rgba(255,255,255,0.10);
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.07), 0 2px 8px rgba(0, 63, 117, 0.78);
}
.dps-cam-lens--main { grid-column:1; grid-row:1; }
.dps-cam-lens--tele { grid-column:2; grid-row:1; }
.dps-cam-lens--wide { grid-column:1; grid-row:2; }
.dps-cam-flash-dot {
    grid-column:2; grid-row:2;
    border-radius: 50%;
    background: radial-gradient(circle at 40% 38%, #003F75 0%, #003F75 100%);
    border: 1px solid rgba(255,255,255,0.05);
    transform: scale(0.55);
}

/* ── Uygulama UI (orta & sağ telefon ekranları) ── */
.dps-ui {
    padding: 14px 12px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
    background: linear-gradient(170deg, #003F75 0%, #003F75 42%, #003F75 100%);
    overflow: hidden;
}
.dps-ui--debt {
    background: linear-gradient(170deg, #003F75 0%, #003F75 45%, #003F75 100%);
}
.dps-ui-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(46, 109, 248, 0.18);
    flex-shrink: 0;
}
.dps-ui-label {
    font-size: 11px; font-weight: 800;
    color: #E6F7FF; letter-spacing: 0.04em;
}
.dps-ui-tag {
    font-size: 7.5px; font-weight: 800; letter-spacing: 0.10em;
    color: #2E6DF8;
    background: rgba(46, 109, 248, 0.14);
    border: 1px solid rgba(46, 109, 248, 0.36);
    padding: 2px 7px; border-radius: 20px;
}

/* Score ring */
.dps-ui-ring {
    position: relative;
    width: 84px; height: 84px;
    margin: 0 auto; flex-shrink: 0;
}
.dps-ui-ring svg {
    width: 84px; height: 84px;
    transform: rotate(-90deg);
    filter: drop-shadow(0 0 10px rgba(46, 109, 248, 0.58));
}
.dps-ring-center {
    position: absolute; inset: 0;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    line-height: 1;
}
.dps-ring-center b  { font-size: 21px; font-weight: 900; color: #fff; line-height: 1; }
.dps-ring-center span { font-size: 10px; font-weight: 700; color: #2E6DF8; }
.dps-ring-center em {
    font-size: 8px; font-style: normal;
    color: rgba(255,255,255,0.38); letter-spacing: 0.08em; margin-top: 2px;
}

/* Banka barları */
.dps-ui-bars { display: flex; flex-direction: column; gap: 7px; flex: 1; }
.dps-ui-bar-row { display: flex; flex-direction: column; gap: 3px; }
.dps-ui-bar-row > span { font-size: 8px; color: rgba(255,255,255,0.50); font-weight: 600; }
.dps-bar {
    height: 4px; border-radius: 2px;
    background: rgba(46, 109, 248, 0.12); overflow: hidden;
}
.dps-bar > div {
    height: 100%; border-radius: 2px;
    background: linear-gradient(90deg, #2E6DF8, #2E6DF8);
    box-shadow: 0 0 6px rgba(46, 109, 248, 0.54);
}
.dps-ui-cta {
    display: block; width: 100%;
    background: linear-gradient(135deg, #2E6DF8, #2E6DF8);
    color: #fff; text-align: center;
    padding: 9px; border-radius: 28px;
    font-size: 9px; font-weight: 800; letter-spacing: 0.02em;
    box-shadow: 0 4px 16px rgba(46, 109, 248, 0.50);
    border: none; cursor: pointer; flex-shrink: 0;
}

/* Borç satırları */
.dps-debt-rows { display: flex; flex-direction: column; gap: 7px; flex: 1; }
.dps-debt-row {
    display: flex; align-items: center; gap: 7px;
    background: rgba(46, 109, 248, 0.07);
    border: 1px solid rgba(46, 109, 248, 0.12);
    border-radius: 9px; padding: 7px 9px;
}
.dps-debt-row--on {
    background: rgba(46, 109, 248, 0.16);
    border-color: rgba(46, 109, 248, 0.32);
}
.dps-debt-dot {
    width: 18px; height: 18px;
    border-radius: 50%;
    background: rgba(46, 109, 248, 0.28);
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 8px; color: #2E6DF8;
}
.dps-debt-dot::after { content: '✓'; }
.dps-debt-dot--dim { background: rgba(46, 109, 248, 0.10); color: rgba(46, 109, 248, 0.50); }
.dps-debt-dot--dim::after { content: '◎'; }
.dps-debt-text { flex: 1; min-width: 0; }
.dps-debt-text p {
    font-size: 8px; font-weight: 700;
    color: rgba(255,255,255,0.85); margin: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dps-debt-text small { font-size: 7px; color: rgba(46, 109, 248, 0.75); font-weight: 600; }
.dps-debt-row > span { font-size: 9px; font-weight: 800; color: #E6F7FF; white-space: nowrap; flex-shrink: 0; }
.dps-saving {
    background: linear-gradient(135deg, rgba(46, 109, 248, 0.17), rgba(46, 109, 248, 0.11));
    border: 1px solid rgba(46, 109, 248, 0.27);
    border-radius: 10px; padding: 9px 11px;
    display: flex; justify-content: space-between; align-items: center;
    flex-shrink: 0;
}
.dps-saving span { font-size: 8px; color: rgba(255,255,255,0.52); font-weight: 600; }
.dps-saving strong { font-size: 12px; font-weight: 900; color: #2E6DF8; }

/* ══════════════════════════════════════════════════════════════
   PSH — Phone Showcase  (gerçekçi metalik 3D telefon, parlayan ark)
   ══════════════════════════════════════════════════════════════ */
.psh-section {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(400px, 580px) 1fr;
    align-items: center;
    gap: 0;
    min-height: 560px;
    padding: 60px 5%;
    border-top: 1px solid #D4E6F7;
}

/* gorsel48 — telefon mockup, masaüstü ~520×680 */
.psh-g15-img {
    position: static;
    width: 100%;
    max-width: 520px;
    max-height: 680px;
    height: auto;
    object-fit: contain;
    display: block;
}

.psh-left-img {
    width: 520px;
    max-width: 520px;
    max-height: 680px;
    height: auto;
    object-fit: contain;
    object-position: left bottom;
}

/* Karartma overlay */
.psh-overlay {
    background: transparent !important;
    display: none;
}

/* Yazı — görselin tam üzerinde ortalanmış */
.psh-text-overlay {
    position: static;
    z-index: 2;
    padding: 0;
    max-width: 320px;
    align-self: center;
}
/* ══════════════════════════════════════════════
   PSH — 3 Telefon görseli (sağ kolon)
   ══════════════════════════════════════════════ */

/* Yan yana 3 telefon */
.psh-phones-row {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    width: 120%;
    margin-left: -10%;
}
.psh-phone-col {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.psh-phone-col img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.psh-phones-right {
    position: relative;
    height: 520px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.psh-phone-item {
    position: absolute;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 63, 117, 0.45);
}
.psh-phone-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.psh-phone-item--back {
    width: 160px; height: 340px;
    left: 0; bottom: 0;
    transform: perspective(900px) rotateY(12deg) rotateZ(-4deg);
    opacity: 0.75; filter: brightness(0.72);
    z-index: 1;
}
.psh-phone-item--mid {
    width: 175px; height: 370px;
    left: 50%; transform: translateX(-65%) perspective(900px) rotateY(-6deg);
    bottom: 20px;
    opacity: 0.88; filter: brightness(0.85);
    z-index: 2;
}
.psh-phone-item--front {
    width: 190px; height: 400px;
    right: 0; bottom: 40px;
    transform: perspective(900px) rotateY(-10deg) rotateZ(3deg);
    z-index: 3;
    box-shadow: 0 32px 80px rgba(0, 63, 117, 0.55);
}
@media (max-width: 768px) {
    .psh-phones-right { height: 320px; }
    .psh-phone-item--back  { width: 110px; height: 230px; }
    .psh-phone-item--mid   { width: 120px; height: 255px; }
    .psh-phone-item--front { width: 130px; height: 275px; }
}

/* ══════════════════════════════════════════════
   PSH — Gorsel23 (sol panel)
   ══════════════════════════════════════════════ */
.psh-g23-wrap {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: visible;
    margin-left: -80px;
}
.psh-g23-img {
    display: block;
    width: 170%;
    max-width: 960px;
    height: auto;
    object-fit: contain;
}

/* ══════════════════════════════════════════════
   PSH — El-telefon görseli (sol panel)
   ══════════════════════════════════════════════ */
.psh-hand-img-wrap {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: -10px;
}
.psh-hand-img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 40px 80px rgba(0, 63, 117, 0.50));
}

/* ══════════════════════════════════════════════
   PIC — Kurumsal İçerik Kartı (sol panel)
   ══════════════════════════════════════════════ */
.pic-card {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 28px 28px 22px;
    box-shadow: 0 24px 64px rgba(0, 63, 117, 0.28), 0 4px 16px rgba(0, 63, 117, 0.14);
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Kart başlığı */
.pic-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}
.pic-avatar-wrap {
    width: 42px; height: 42px;
    border-radius: 50%;
    background: #2E6DF8;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.pic-avatar-wrap svg { width: 20px; height: 20px; }
.pic-brand-info { flex: 1; }
.pic-brand-name { font-size: 13px; font-weight: 800; color: var(--ink); line-height: 1.2; }
.pic-brand-tag  { font-size: 10px; color: var(--ink); margin-top: 2px; font-weight: 500; }
.pic-live-dot {
    display: flex; align-items: center; gap: 5px;
    font-size: 10px; font-weight: 700; color: #36FC99;
    background: #E6F7FF; border-radius: 20px;
    padding: 4px 10px; border: 1px solid #E6F7FF;
    flex-shrink: 0;
}
.pic-live-dot span {
    width: 6px; height: 6px;
    border-radius: 50%; background: #36FC99;
    animation: livePulse 1.6s ease-in-out infinite;
    display: inline-block;
}
@keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:.3} }

/* İstatistikler */
.pic-stats-row {
    display: flex;
    align-items: center;
    gap: 0;
    background: #E6F7FF;
    border-radius: 12px;
    padding: 14px 0;
    margin-bottom: 20px;
}
.pic-stat-item {
    flex: 1;
    display: flex; flex-direction: column; align-items: center; gap: 3px;
}
.pic-stat-val {
    font-size: 20px; font-weight: 900; color: #2E6DF8; line-height: 1;
    letter-spacing: -0.03em;
}
.pic-stat-lbl { font-size: 10px; color: var(--ink); font-weight: 500; }
.pic-stat-sep {
    width: 1px; height: 32px; background: #E6F7FF; flex-shrink: 0;
}

/* Ayraç */
.pic-divider {
    height: 1px; background: #E6F7FF; margin-bottom: 18px;
}

/* Özellik listesi */
.pic-feat-list {
    display: flex; flex-direction: column; gap: 12px;
    margin-bottom: 22px;
}
.pic-feat-item {
    display: flex; align-items: flex-start; gap: 10px;
}
.pic-feat-ico {
    width: 20px; height: 20px;
    border-radius: 50%; background: #2E6DF8;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 1px;
}
.pic-feat-ico svg { width: 11px; height: 11px; stroke: #fff; }
.pic-feat-item span { font-size: 13px; color: var(--ink); line-height: 1.45; font-weight: 500; }

/* CTA butonu */
.pic-cta-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    background: #2E6DF8; color: #fff;
    border-radius: 12px; padding: 14px 20px;
    font-size: 14px; font-weight: 700;
    text-decoration: none;
    transition: background .2s, transform .15s;
    margin-bottom: 16px;
}
.pic-cta-btn:hover { background: #003F75; transform: translateY(-1px); }
.pic-cta-btn svg { width: 16px; height: 16px; }

/* Alt güven satırı */
.pic-trust-row {
    display: flex; align-items: center; justify-content: center;
    gap: 16px; flex-wrap: wrap;
}
.pic-trust-row span {
    display: flex; align-items: center; gap: 4px;
    font-size: 10px; color: var(--ink); font-weight: 600;
}
.pic-trust-row svg { width: 12px; height: 12px; stroke: #003F75; }

/* ── Yeni sosyal medya layout ── */
.psh-social-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
    position: relative;
    z-index: 2;
}
/* Sol kolon: başlık + el-telefon görseli */
.psh-social-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    overflow: visible;
}
.psh-headline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2em;
    font-size: clamp(24px, 3vw, 38px) !important;
    font-weight: 800;
    color: var(--ink) !important;
    line-height: 1.12;
    margin-bottom: 0;
    letter-spacing: -0.02em;
}
.psh-headline-line {
    display: block;
    width: 100%;
    line-height: 1.12;
    white-space: normal;
}
.psh-headline-line1 {
    font-size: 1em;
    font-weight: 800;
    color: var(--ink);
}
.psh-headline-line2 {
    font-size: 1em;
    font-weight: 800;
    color: var(--blue);
}
/* Diğer başlıklarla aynı: neon alt çizgi, metnin arkasında (inline override'ı yenmek için yüksek specificity) */
.psh-headline .psh-headline-line2 {
    display: inline-block; position: relative; isolation: isolate; padding-bottom: 2px;
}
.psh-headline .psh-headline-line2::after {
    content: ''; position: absolute; left: 0; bottom: 0.06em;
    width: 100%; height: 5px; background: var(--neon); z-index: -1;
}
.psh-headline-line3 {
    font-size: 0.72em;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
    opacity: 0.92;
    max-width: 16em;
    margin-top: 0.08em;
}
/* Geriye dönük sınıflar */
.psh-headline-lead {
    font-size: 1em;
    line-height: 1.15;
    font-weight: 800;
    color: var(--ink);
    white-space: normal;
}
.psh-headline-lead .hl-rate {
    color: #2E6DF8;
    display: inline !important;
}
.psh-headline-desc {
    font-size: 0.72em;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ink);
    opacity: 0.92;
    max-width: 16em;
}
/* ── Telefon mockup ── */
.psh-mockup-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    perspective: 1000px;
}
/* El-telefon görseli */
.psh-hand-phone-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 8px;
}
.psh-hand-phone-img {
    width: 100%;
    max-width: 480px;
    height: auto;
    display: block;
    border-radius: 12px;
    object-fit: cover;
}
.psh-mockup-phone {
    width: 240px;
    background: #003F75;
    border-radius: 38px;
    border: 2.5px solid rgba(255,255,255,0.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 40px 100px rgba(0, 63, 117, 0.7),
        0 0 0 1px rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14px 0 10px;
    transform: rotateZ(-6deg) rotateY(8deg) rotateX(4deg);
    transform-style: preserve-3d;
    position: relative;
}
.psh-mockup-cam {
    width: 80px; height: 10px;
    background: #003F75;
    border-radius: 8px;
    margin-bottom: 12px;
    flex-shrink: 0;
    border: 1.5px solid rgba(255,255,255,0.08);
}
.psh-mockup-screen {
    width: calc(100% - 10px);
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    flex: 1;
}
.psh-mockup-bar {
    width: 80px; height: 4px;
    background: rgba(255,255,255,0.22);
    border-radius: 4px;
    margin-top: 10px;
    flex-shrink: 0;
}
/* Ekran içi uygulama */
.psh-app-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px 8px;
    background: #fff;
}
.psh-app-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #2E6DF8;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.psh-app-avatar svg { width: 18px; height: 18px; }
.psh-app-info { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.psh-app-name { font-size: 9px; font-weight: 800; color: var(--ink); }
.psh-app-stats { display: flex; gap: 6px; }
.psh-app-stats span { font-size: 7px; color: var(--ink); }
.psh-app-stats b { color: var(--ink); font-weight: 700; }
.psh-app-bio {
    padding: 0 12px 10px;
    font-size: 7.5px;
    color: var(--ink);
    line-height: 1.5;
    background: #fff;
}
.psh-app-bio span { color: #2E6DF8; font-weight: 600; }
.psh-app-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5px;
    background: #E6F7FF;
}
.psh-app-cell {
    aspect-ratio: 1/1;
    overflow: hidden;
    background: #E6F7FF;
}
.psh-app-cell img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
/* Sağ kolon: 2×2 post kart grid */
.psh-social-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
/* Tek kart */
.psh-post-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 63, 117, 0.22);
}
/* Kart başlık satırı */
.psh-post-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 8px;
}
.psh-post-avatar {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: #2E6DF8;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}
.psh-post-avatar svg { width: 14px; height: 14px; }
.psh-post-user {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.psh-post-dots {
    font-size: 13px;
    color: var(--ink);
    letter-spacing: 1px;
    flex-shrink: 0;
}
/* Kart medya alanı */
.psh-post-media {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #E6F7FF;
    flex-shrink: 0;
}
.psh-post-media img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
/* Görsel üstüne yazı bandı */
.psh-post-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(0deg, rgba(0, 63, 117, 0.82) 0%, transparent 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 18px 10px 8px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}
/* Mavi solid medya alanı */
.psh-post-blue {
    background: #2E6DF8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.psh-post-blue p {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    margin: 0;
    letter-spacing: -0.01em;
}
.psh-post-blue--logo svg {
    width: 56px; height: 56px;
}
/* Kart aksiyon satırı */
.psh-post-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 10px;
}
.psh-act-left {
    display: flex;
    gap: 10px;
    align-items: center;
}
.psh-act-left svg {
    width: 18px; height: 18px;
    color: var(--ink);
}
.psh-act-save {
    width: 18px; height: 18px;
    color: var(--ink);
}
/* Arka plan glow blob */
.psh-blob {
    position: absolute;
    width: 700px; height: 580px;
    border-radius: 50%;
    top: 50%; left: 58%;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse, rgba(46, 109, 248, 0.28) 0%, transparent 65%);
    filter: blur(70px);
    pointer-events: none;
}
/* ── Parlayan ark — SVG ── */
.psh-arc-svg {
    position: absolute;
    width: 680px; height: 680px;
    top: 50%; left: 58%;
    transform: translate(-32%, -50%);
    pointer-events: none;
    z-index: 1;
    overflow: visible;
}
/* Star sparkle */
.psh-star {
    position: absolute;
    bottom: 15%; right: 6%;
    font-size: 34px;
    color: rgba(255,255,255,0.75);
    z-index: 3;
    line-height: 1;
    text-shadow:
        0 0 10px rgba(255,255,255,0.6),
        0 0 25px rgba(230, 247, 255, 0.4);
}
/* === Phones container === */
.psh-phones-col {
    position: relative;
    height: 580px;
    perspective: 1200px;
    perspective-origin: 48% 58%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.psh-gorsel10 {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    filter: drop-shadow(0 24px 60px rgba(0, 63, 117, 0.45));
}
/* ── Ortak telefon: gerçekçi metalik gradient çerçeve ── */
.psh-phone {
    position: absolute;
    border-radius: 44px;
    overflow: hidden;
    transform-style: preserve-3d;
    /* Gradient-border trick: metalik çerçeve */
    border: 3.5px solid transparent;
    background:
        linear-gradient(175deg, #003F75 0%, #003F75 100%) padding-box,
        linear-gradient(
            155deg,
            #E6F7FF 0%,
            #2E6DF8 18%,
            #E6F7FF 36%,
            #2E6DF8 54%,
            #E6F7FF 72%,
            #2E6DF8 88%,
            #E6F7FF 100%
        ) border-box;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 -1px 0 rgba(0, 63, 117, 0.30),
        0 50px 140px rgba(0, 63, 117, 0.90),
        0 15px 50px  rgba(0, 63, 117, 0.65);
}
/* Cam yüzey parlama efekti */
.psh-phone::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.07) 0%,
        rgba(255,255,255,0.02) 35%,
        transparent 60%
    );
    pointer-events: none;
    z-index: 20;
}
/* ── ALT: Arka yüz (kamera görünür), en sola yatık ── */
.psh-phone--back {
    width: 222px;
    aspect-ratio: 9 / 19.5;
    bottom: 0; left: 8%;
    transform: rotateZ(-47deg);
    z-index: 1;
    background:
        linear-gradient(165deg, #003F75 0%, #003F75 100%) padding-box,
        linear-gradient(
            155deg,
            #E6F7FF 0%,
            #2E6DF8 20%,
            #E6F7FF 40%,
            #2E6DF8 58%,
            #E6F7FF 78%,
            #2E6DF8 100%
        ) border-box;
}
/* Kamera bump — üçlü lens + flash */
.psh-cam-bump {
    position: absolute;
    top: 22px; left: 18px;
    width: 106px; height: 106px;
    background: linear-gradient(145deg, #003F75, #003F75);
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.07);
    box-shadow:
        8px 12px 36px rgba(0, 63, 117, 0.95),
        inset 0 1px 0 rgba(255,255,255,0.05);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    padding: 14px;
}
.psh-cam-lens {
    border-radius: 50%;
    background: radial-gradient(circle at 32% 30%, #003F75 0%, #003F75 55%, #003F75 100%);
    box-shadow:
        inset 0 1px 5px rgba(255,255,255,0.09),
        inset 0 -1px 3px rgba(0, 63, 117, 0.9),
        0 3px 16px rgba(0, 63, 117, 0.95);
    position: relative;
}
/* Lens iç yansıma noktası */
.psh-cam-lens::after {
    content: '';
    position: absolute;
    top: 20%; left: 20%;
    width: 26%; height: 26%;
    border-radius: 50%;
    background: rgba(255,255,255,0.20);
    filter: blur(1px);
}
.psh-cam-flash {
    border-radius: 50%;
    background: radial-gradient(circle, rgba(230, 247, 255, 0.30) 0%, rgba(230, 247, 255, 0.08) 60%, transparent 100%);
    border: 1px solid rgba(230, 247, 255, 0.14);
    box-shadow: 0 0 12px rgba(230, 247, 255, 0.15);
}
/* ── ORTA telefon ── */
.psh-phone--mid {
    width: 222px;
    aspect-ratio: 9 / 19.5;
    bottom: 72px; left: 29%;
    transform: rotateZ(-42deg) rotateX(10deg) rotateY(8deg);
    z-index: 2;
}
/* ── ÜST telefon (en dik, en önde) ── */
.psh-phone--top {
    width: 228px;
    aspect-ratio: 9 / 19.5;
    bottom: 148px; left: 49%;
    transform: rotateZ(-37deg) rotateX(13deg) rotateY(13deg);
    z-index: 3;
}
/* Notch */
.psh-notch {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 36%; height: 23px;
    background: #003F75;
    border-radius: 0 0 14px 14px;
    z-index: 5;
}
/* Ekran — referanstaki gibi koyu, neredeyse siyah */
.psh-screen {
    width: 100%; height: 100%;
    background: linear-gradient(170deg, #003F75 0%, #003F75 100%);
    display: flex;
    flex-direction: column;
    padding: 32px 12px 12px;
    gap: 8px;
    overflow: hidden;
}
.psh-screen-hd { display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
.psh-screen-label { font-size: 9px; font-weight: 800; color: rgba(255,255,255,0.88); letter-spacing: 0.04em; }
.psh-screen-tag {
    font-size: 7px; font-weight: 800; letter-spacing: 0.10em; color: #2E6DF8;
    background: rgba(46, 109, 248, 0.16); border: 1px solid rgba(46, 109, 248, 0.28);
    border-radius: 4px; padding: 2px 5px;
}
.psh-icon-row { display: flex; gap: 7px; flex-shrink: 0; justify-content: center; }
.psh-icon-box {
    width: 50px; height: 50px; border-radius: 14px;
    background: linear-gradient(135deg, rgba(46, 109, 248, 0.45), rgba(46, 109, 248, 0.28));
    border: 1px solid rgba(46, 109, 248, 0.25);
    box-shadow: 0 0 20px rgba(46, 109, 248, 0.30), inset 0 1px 0 rgba(255,255,255,0.08);
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.psh-ring-row { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.psh-ring-sm {
    width: 40px; height: 40px; border-radius: 50%;
    border: 2.5px solid rgba(46, 109, 248, 0.60);
    background: rgba(46, 109, 248, 0.10);
    display: flex; align-items: center; justify-content: center;
    font-size: 7px; font-weight: 900; color: #2E6DF8;
    box-shadow: 0 0 14px rgba(46, 109, 248, 0.35);
}
.psh-ring-label { font-size: 8px; font-weight: 600; color: rgba(255,255,255,0.55); }
.psh-lines { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.psh-ln { height: 5px; border-radius: 3px; background: rgba(255,255,255,0.08); }
.psh-ln:nth-child(1){width:92%} .psh-ln:nth-child(2){width:76%}
.psh-ln:nth-child(3){width:86%} .psh-ln:nth-child(4){width:60%}
.psh-tags { display: flex; gap: 5px; flex-shrink: 0; }
.psh-pill {
    display: flex; align-items: center; gap: 4px;
    background: rgba(46, 109, 248, 0.12); border: 1px solid rgba(46, 109, 248, 0.22);
    border-radius: 20px; padding: 3px 7px;
}
.psh-pill-dot { font-size: 7px; color: #36FC99; }
.psh-pill span { font-size: 7px; color: rgba(255,255,255,0.55); font-weight: 600; }
.psh-phone-btn {
    background: linear-gradient(90deg, #2E6DF8, #2E6DF8);
    border-radius: 9px; padding: 7px 10px; text-align: center;
    font-size: 8px; font-weight: 700; color: #fff;
    flex-shrink: 0; margin-top: auto;
    box-shadow: 0 4px 18px rgba(46, 109, 248, 0.55);
}
/* Responsive */
@media (max-width: 960px) {
    .psh-section { padding: 60px 24px 70px; }
    .psh-inner { grid-template-columns: 1fr; gap: 50px; }
    .psh-text-col { text-align: center; }
    .psh-phones-col { height: 440px; }
    .psh-phone--back { width: 170px; }
    .psh-phone--mid  { width: 170px; left: 20%; bottom: 55px; }
    .psh-phone--top  { width: 170px; left: 38%; bottom: 110px; }
    .psh-arc { width: 440px; height: 440px; }
}
@media (max-width: 600px) {
    .psh-phones-col { height: 340px; }
    .psh-phone--back { width: 130px; }
    .psh-phone--mid  { width: 130px; left: 16%; bottom: 42px; }
    .psh-phone--top  { width: 130px; left: 35%; bottom: 84px; }
    .psh-arc { width: 320px; height: 320px; }
}

/* ── Responsive ── */
@media (max-width: 960px) {
    .dps-stage { height: 455px; }
    .dps-card--back .dps-frame  { width: 184px; }
    .dps-card--center .dps-frame { width: 194px; }
    .dps-card--side .dps-frame  { width: 165px; }
}
@media (max-width: 600px) {
    .dps-section { padding: 140px 16px 160px; }
    .dps-stage { height: 358px; }
    .dps-card--back  { left: -2%; }
    .dps-card--side  { right: -2%; }
    .dps-card--back .dps-frame  { width: 148px; }
    .dps-card--center .dps-frame { width: 158px; }
    .dps-card--side .dps-frame  { width: 132px; }
}

/* ══════════════════════════════════════════════════════════════
   gorsel16 — Video ile Pricing arası tam genişlik görsel
   ══════════════════════════════════════════════════════════════ */
.g16-section {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}
.g16-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ── Gorsel18 Şerit ── */
.g18-section {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    line-height: 0;
    overflow: hidden !important;
}
.g18-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: left center !important;
    transform: scaleX(1.15);
    transform-origin: left center;
    border-radius: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   Görsel Banner — gorsel13 + yazı bloğu
   ══════════════════════════════════════════════════════════════ */
.img-banner-section {
    margin: 48px 0 0;
    padding: 0;
    max-width: none;
    width: 100%;
    display: block;
    line-height: 0;
}
.img-banner-img-wrap {
    position: relative;
    width: 100%;
    height: clamp(440px, 42vw, 600px);
    border-radius: 0;
    overflow: hidden;
    line-height: normal;
}
.img-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    border-radius: 0;
}
.img-banner-overlay {
    display: none;
}
/* Metin görselin üstünde, üst alanda (kişiler altta) — beyaz */
.img-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    text-align: center;
    padding: 48px 24px 0;
    line-height: 1.4;
    background: transparent;
    z-index: 2;
}
.img-banner-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    backdrop-filter: blur(4px);
}
.img-banner-eyebrow svg {
    width: 14px; height: 14px;
    stroke: #fff;
    flex-shrink: 0;
}
.img-banner-title {
    color: #fff;
    text-shadow: 0 1px 8px rgba(0, 63, 117, .25);
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 8px;
    letter-spacing: -0.03em;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    position: relative;
    padding-bottom: 2px;
}
.img-banner-title span {
    color: #fff;
}
/* Neon çizgi diğer başlıklarla aynı: 5px, yazıya yapışık, metnin arkasında */
.img-banner-title { isolation: isolate; }
.img-banner-text .img-banner-title::after { height: 5px; border-radius: 0; bottom: 0.06em; z-index: -1; }
.img-banner-sub {
    color: #fff;
    opacity: 0.92;
    text-shadow: 0 1px 6px rgba(0, 63, 117, .25);
    font-size: 16px;
    line-height: 1.6;
    max-width: 480px;
    margin: 0;
}
@media (max-width: 640px) {
    /* Görsel 16:9 ve üst yarısı boş mavi; portre kutu tüm boşluğu gösteriyordu.
       Geniş kutu (>16:9) + object-position bottom → boş üst kırpılır, ekip görünür. */
    .img-banner-img-wrap { height: auto; aspect-ratio: 1.9 / 1; }
    .img-banner-text { padding: 22px 18px 0; }
}

/* Sağlık — gorsel30: orta kutu, görsel kırpılmadan sığar */
body[class*="saglik"] .img-banner-section {
    max-width: min(640px, 92vw);
    margin-inline: auto;
}

body[class*="saglik"] .img-banner-img-wrap {
    background: #f4f9ff;
    border: 1px solid #dce9f8;
    box-shadow: 0 8px 24px rgba(0, 63, 117, 0.06);
    border-radius: 16px;
}

body[class*="saglik"] .img-banner-img {
    width: 100% !important;
    height: auto !important;
    max-height: min(360px, 52vw) !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: clamp(10px, 2.5vw, 16px) !important;
    box-sizing: border-box !important;
}

@media (max-width: 480px) {
    body[class*="saglik"] .img-banner-section {
        max-width: min(520px, 94vw);
    }

    body[class*="saglik"] .img-banner-img {
        max-height: min(280px, 58vw) !important;
        padding: 10px !important;
    }
}

/* Responsive */
@media (max-width: 640px) {
    .img-banner-title { font-size: 26px; }
    .img-banner-sub { font-size: 14px; }
}


/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — Kamu Landing Page
   Breakpoints: 1200px | 960px | 768px | 480px
   ══════════════════════════════════════════════════════════════ */

/* ── 1200px: Geniş tablet / küçük laptop ── */
@media (max-width: 1200px) {
    .hero--g3 .hero-content {
        padding: 48px 4% 48px 6%;
    }
}

/* ── 960px: Tablet landscape ── */
@media (max-width: 960px) {
    /* Util bar */
    .util-left { display: none; }

    /* Hero G3 */
    .hero--g3 .hero-inner {
        grid-template-columns: 1fr;
    }
    .hero--g3 .hero-content {
        padding: 40px 24px 32px;
        align-items: center;
        text-align: center;
    }
    .hero-visual-g3 {
        width: 100%;
        height: 100%;
        min-height: 260px;
        max-height: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .portrait-container {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .portrait-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 25%;
    }
    .hero-white-card {
        padding: 36px 28px;
        border-radius: 20px;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .hero-white-card .kamu-badge {
        align-self: center;
    }
    .hero-white-card .hero-actions {
        align-items: center;
    }
    .hero--g3 {
        min-height: unset;
    }

    /* Stats bar */
    .stats-inner {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 16px;
    }
    .stat-sep { display: none; }
    .stat-item { gap: 10px; }

    /* Trust bar */
    .trust-inner { gap: 16px; }
    .trust-div { display: none; }

    /* KF Section */
    .kf-section { padding: 64px 24px 72px; }

    /* PSH */
    .psh-section { min-height: unset; }
    .psh-text-overlay { padding: 32px 32px 12px; min-height: unset; }
    .psh-headline { font-size: 30px; }

    /* CTA */
    .cta-section h2 { font-size: 26px; }
    .cta-actions { flex-direction: column; align-items: stretch; }
    .btn-cta { justify-content: center; }

    /* Footer */
    .footer-top { grid-template-columns: 1fr 1fr; gap: 24px; }
    .footer-bottom { flex-direction: column; align-items: center; text-align: center; }
    .footer-legal { flex-wrap: wrap; justify-content: center; }
    .footer-company-info p { font-size: 10px; }
}

/* ── 768px: Tablet portrait ── */
@media (max-width: 768px) {
    /* Nav */
    .nav-links { display: none; }
    .btn-nav { display: none; }

    /* Hero */
    .hero--g3 .hero-content { padding: 32px 16px 28px; }
    .hero-white-card { padding: 28px 20px; border-radius: 16px; }
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        font-size: clamp(22px, 5.5vw, 32px) !important;
    }
    .hero-white-card .hero-subtitle { font-size: 13px; }
    .hero-white-card .hero-feat-item span:last-child { font-size: 13px !important; }

    /* Stats */
    .hero-stats-bar { padding: 14px 0; }
    .stats-inner { gap: 16px; padding: 0 12px; }
    .stat-val { font-size: 15px; }
    .stat-lbl { font-size: 11px; }
    .stat-icon { width: 36px; height: 36px; }

    /* Trust bar */
    .trust-bar { padding: 10px 16px; }
    .trust-inner { gap: 10px; }
    .trust-item { font-size: 11px; }

    /* KF section */
    .kf-section { padding: 52px 16px 60px; }

    /* Pricing — pricing kendi breakpoint'leri ile yönetiliyor */
    .payment-methods { gap: 6px; flex-wrap: wrap; }

    /* PSH */
    .psh-section { min-height: unset; }
    .psh-text-overlay { padding: 24px 20px 8px; min-height: unset; height: auto; }
    .psh-headline { font-size: 24px; gap: 0.2em; }

    /* Banner */
    .img-banner-text { padding: 20px 20px 30px; }
    .img-banner-title { font-size: clamp(20px, 5.5vw, 32px); }

    /* FAQ */
    .sec { padding: 48px 16px; }
    .faq-q span { font-size: 14px; }

    /* CTA */
    .cta-section { padding: 52px 16px; }
    .cta-section h2 { font-size: 22px; }
    .cta-section p { font-size: 13px; }

    /* Footer */
    .footer { padding: 40px 16px 20px; }
    .footer-top { grid-template-columns: 1fr 1fr; gap: 20px; }
    .footer-company-info { padding-top: 12px; }
}

/* ── 480px: Mobil ── */
@media (max-width: 480px) {
    /* Util bar */
    .util-bar { display: none; }

    /* Nav */
    .nav-kamu-tag { display: none; }

    /* Hero */
    .hero-white-card { padding: 22px 16px; border-radius: 14px; }
    .hero-white-card .kamu-badge { font-size: 10px; padding: 4px 10px; }
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        font-size: clamp(20px, 6vw, 26px) !important;
        line-height: 1.2 !important;
    }
    .hero-white-card .hero-feat-list { gap: 10px !important; }
    .hero-white-card .hero-actions { margin-top: 20px !important; }
    .btn-white-pill { font-size: 14px; padding: 13px 20px; }

    /* Stats — dikey yığın */
    .stats-inner {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        padding: 0 20px;
    }
    .stat-item { width: 100%; }

    /* Trust bar — 2'li grid */
    .trust-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        justify-items: center;
    }
    .trust-div { display: none; }

    /* KF — mobil düzen viewport-sections.css ile yönetilir */
    .kf-section { padding: 44px 14px 52px; }
    .kf-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }
    .kf-eyebrow { margin-inline: auto; margin-top: -8px; }
    .kf-title {
        align-self: center;
        display: table;
        width: auto;
        max-width: 100%;
        margin-inline: auto;
        text-align: center;
    }
    .kf-sub { font-size: 13px; text-align: left; max-width: none; align-self: stretch; width: 100%; }

    /* Pricing — pricing kendi breakpoint'leri ile yönetiliyor */
    .prs-title { font-size: 20px; }
    .prs-sub { font-size: 13px; }

    /* PSH — mobilde alt alta */
    .psh-section { grid-template-columns: 1fr; min-height: unset; }
    .psh-g15-col { height: 260px; }
    .psh-g15-img { width: 100%; height: 100%; object-fit: cover; }
    .psh-content-col { padding: 32px 20px; align-items: center; text-align: center; }
    .psh-headline { font-size: 24px; }
    .psh-phones-row { display: none; }

    /* CTA */
    .cta-section h2 { font-size: 20px; }
    .cta-trust { gap: 12px; flex-direction: column; align-items: center; }

    /* Footer — 2 sütun yapısı mobile-sales.css ile korunur */
    .footer-top { grid-template-columns: 1fr 1fr; }
    .footer-brand { margin-bottom: 4px; }
    .footer-legal { gap: 10px; font-size: 10px; }

    /* Sticky CTA */
    .sticky-cta { display: flex; }
    body { padding-bottom: 0; }
    .footer { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
}

/* mobile-sales.css bu alanın yerine geçti — tüm mobil stiller orada */

/* ── Dinamik Sayfa UX Düzenlemesi ── */

/* Section arası tutarlı boşluk */
.trust-bar + section,
.hero--g3 + .trust-bar {
    margin-top: 0;
}

.kf-section,
.sec-pricing-split,
.psh-section,
.dps-section {
    margin-top: 0;
}

/* Section geçişlerinde ince ayraç */
.kf-section {
    border-top: 1px solid #E6F7FF;
}

/* Pricing sağ kolon görseli — sağ boşluğu tamamen doldur */
.prs-right {
    background: #ffffff;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
    min-height: 532px;
    height: 100%;
}

.prs-woman-img {
    width: 100%;
    height: 100%;
    min-height: 532px;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: right bottom;
    transform: none;
    display: block;
    margin: 0;
    align-self: stretch;
}

/* FAQ section beyaz zemin */
.sec#sss {
    background: #ffffff;
    border-top: 1px solid #E6F7FF;
}

/* Kullanıcı Yorumları — beyaz arka plan */
.reviews-section {
    background: #ffffff;
}

.review-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #E6F7FF;
    border: 2px solid #E6F7FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-avatar-img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center center;
    display: block;
    border-radius: 50%;
    background: #E6F7FF;
}

.review-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.review-name { font-weight: 700; color: var(--ink); font-size: 15px; }
.review-role  { color: var(--ink); font-size: 13px; }
.review-city  { color: var(--ink-soft); font-size: 12px; }

/* SSS — kartlar yatayda geniş, yan boşluklar dar */
.sec#sss {
    padding-inline: clamp(16px, 2.5vw, 28px);
}

.sec#sss .sec-inner {
    max-width: 1240px;
}

.sec#sss .faq-list {
    max-width: 100%;
    width: 100%;
    margin-inline: 0;
}

/* Eyebrow genel tutarlılık */
.eyebrow {
    background: #E6F7FF !important;
    color: #2E6DF8 !important;
    border: 1px solid #E6F7FF !important;
}

/* ══════════════════════════════════════════════
   GLOBAL OVERRIDE — Beyaz Zemin Garantisi
   ══════════════════════════════════════════════ */

.hero--g3 .hero-stats-bar,
body .hero-stats-bar {
    background: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.hero--cover .hero-stats-bar,
.hero--cover .hero-urgency,
.hero--fullbg .hero-stats-bar,
.hero--fullbg .hero-urgency {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hero--g3 .urgency-strip,
body .urgency-strip {
    background: #E6F7FF !important;
    border-top: 1.5px solid #E6F7FF !important;
    border-bottom: 1.5px solid #E6F7FF !important;
}

.dps-section {
    min-height: 480px !important;
    display: block !important;
}

.psh-section {
    position: relative !important;
    display: block !important;
}

@media (min-width: 961px) {
    .g18-section .g18-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        border-radius: 0 !important;
    }
}

/* ── Section Geçiş Tutarlılığı ── */
.kf-section,
.sec-pricing-split,
.testi-section,
.sec#sss {
    border-top: 1px solid #D4E6F7;
}

.reviews-section {
    border-top: 1px solid #f0f0f0;
}

@media (max-width: 768px) {
    .reviews-section {
        border-top: none;
    }
}

.g18-section + .dps-section {
    display: none !important;
}

/* G18 (gorsel44) — fiyat ile PSH arası; akışta kalır, üst üste binme yok */
#fiyat + .g18-section {
    position: relative;
    z-index: 0;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    isolation: isolate;
}

@media (min-width: 961px) {
    #fiyat + .g18-section .g18-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 960px) {
    #fiyat + .g18-section,
    .g18-section {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: none !important;
    }
}

.g18-section + .dps-section + .psh-section,
.g18-section + .psh-section {
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
}

/* Hero görsel fallback — görsel yüklenemezse güzel görünsün */
.hero-visual-g3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, rgba(230,247,255,0.5), transparent);
    pointer-events: none;
    z-index: 3;
}

/* Responsive: psh-section mobil */
@media (max-width: 768px) {
    .psh-section {
        grid-template-columns: 1fr !important;
        padding: 16px 20px 12px !important;
    }
    .psh-text-overlay {
        max-width: 100% !important;
        margin-bottom: 0 !important;
        min-height: unset !important;
        height: auto !important;
        width: 100% !important;
        padding: 12px 16px 2px !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .psh-headline {
        gap: 0.12em !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        transform: none !important;
    }
    .psh-headline-line {
        text-align: center !important;
        width: 100% !important;
    }
    .psh-headline-line3 {
        max-width: min(280px, 92vw) !important;
        margin-inline: auto !important;
    }
    .psh-g15-img {
        width: min(100%, 560px) !important;
        max-width: 560px !important;
        max-height: 604px !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* ── Masaüstü: fiyatlandırma görseli + PSH başlık (yüksek öncelik) ── */
@media (min-width: 961px) {
    .sec-pricing-split {
        grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr) !important;
        max-width: none !important;
        width: 100% !important;
        margin-inline: 0 !important;
        padding: 48px 32px 48px clamp(24px, 3.5vw, 48px) !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    .sec-pricing-split .prs-left {
        align-items: flex-end !important;
        padding-right: 40px !important;
        overflow: visible !important;
    }

    .sec-pricing-split .prs-left .price-wrapper {
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: 56px !important;
        transform: none !important;
    }

    .sec-pricing-split .price-card-stack {
        max-width: min(700px, 100%) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: 56px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    .sec-pricing-split .prs-right {
        min-height: 532px !important;
        height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        overflow: hidden !important;
    }

    .sec-pricing-split .prs-woman-img {
        width: 100% !important;
        height: 100% !important;
        min-height: 532px !important;
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        object-fit: cover !important;
        object-position: right bottom !important;
        transform: none !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        align-self: stretch !important;
    }

    body[class*="saglik"] #fiyat.sec-pricing-split,
    body[class*="saglik"] .sec-pricing-split {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        padding-left: clamp(24px, 3.5vw, 48px) !important;
        align-items: stretch !important;
    }

    body[class*="saglik"] .sec-pricing-split .prs-left {
        padding-block: 20px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        justify-content: center !important;
    }

    body[class*="saglik"] .sec-pricing-split .prs-header {
        margin-bottom: 16px !important;
    }

    body[class*="saglik"] .sec-pricing-split .prs-sub {
        margin-bottom: 16px !important;
    }

    body[class*="saglik"] .sec-pricing-split .prs-right {
        min-height: 0 !important;
        height: 100% !important;
        align-self: stretch !important;
        display: block !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[class*="saglik"] .sec-pricing-split .prs-woman-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: 86% 100% !important;
    }

    body[class*="saglik"] .sec-pricing-split .price-card {
        padding-bottom: 8px !important;
    }

    body[class*="saglik"] .sec-pricing-split .payment-methods {
        margin-bottom: 0 !important;
    }

    body[class*="saglik"] .sec-pricing-split .price-guarantee {
        margin-bottom: 0 !important;
    }

    body[class*="saglik"] .sec-expertise {
        padding-bottom: 24px !important;
    }

    body[class*="saglik"] .psh-section {
        padding-top: 0 !important;
    }

    /* Sağlık — Her Zaman Yanınızdayız banner (gorsel30) */
    body[class*="saglik"] .img-banner-section {
        margin-top: 0 !important;
        padding: 0 clamp(16px, 3vw, 32px) !important;
        max-width: min(640px, 92vw) !important;
        margin-inline: auto !important;
    }

    body[class*="saglik"] .img-banner-img-wrap {
        overflow: hidden;
        border-radius: 16px;
        background: #f4f9ff;
        border: 1px solid #dce9f8;
        box-shadow: 0 8px 24px rgba(0, 63, 117, 0.06);
    }

    body[class*="saglik"] .img-banner-img {
        width: 100% !important;
        height: auto !important;
        max-height: min(360px, 52vw) !important;
        object-fit: contain !important;
        object-position: center center !important;
        padding: clamp(10px, 2.5vw, 16px) !important;
        box-sizing: border-box !important;
        border-radius: 12px;
    }

    body[class*="saglik"] .img-banner-text {
        padding: 28px 20px 20px !important;
    }

    .psh-section {
        position: relative !important;
    }

    .psh-section .psh-text-overlay {
        position: absolute !important;
        top: clamp(52px, 7vh, 84px) !important;
        left: clamp(208px, 20vw, 296px) !important;
        right: auto !important;
        bottom: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: min(440px, calc(100% - 720px)) !important;
        width: auto !important;
        text-align: left !important;
    }

    .psh-section .psh-headline {
        font-size: clamp(30px, 3.4vw, 42px) !important;
        line-height: 1.15 !important;
    }

    .psh-headline-line3 {
        max-width: 18em;
    }

    body[class*="saglik"] .psh-section .psh-text-overlay {
        top: 56px !important;
    }
}

@media (min-width: 961px) and (max-width: 1140px) {
    .psh-section .psh-text-overlay {
        left: 50% !important;
        transform: translateX(calc(-50% - 84px)) !important;
        max-width: min(480px, 88%) !important;
        text-align: center !important;
        padding: 0 20px !important;
    }

    .psh-section .psh-headline {
        align-items: center !important;
        text-align: center !important;
        font-size: clamp(26px, 3vw, 34px) !important;
    }

    .psh-headline-line3 {
        max-width: 18em !important;
        text-align: center !important;
        margin-inline: auto !important;
    }
}

/* ══════════════════════════════════════════════
   GLOBAL KART HOVER — Canlı Mavi (var(--c-logo))
   Lazy CSS sonrası tutarlılık için !important
══════════════════════════════════════════════ */
.card:hover,
.step-card:hover,
.testi-card:hover,
.kf-card:hover,
.kf-card--light:hover,
.kf-card--accent-blue:hover,
.kf-card--accent-green:hover,
.kf-card--accent-purple:hover,
.kf-card--accent-orange:hover,
.why-card:hover,
.faq-item:hover,
.faq-item.open,
.review-card:hover,
.price-card:hover,
.exp-item:hover,
.hero__card:hover,
.hero__feature-card:hover,
.pg-card:hover,
.ig-post-card:hover {
    border-color: var(--c-logo) !important;
    box-shadow: var(--sh-card-hover) !important;
}

.kf-card--dark:hover {
    box-shadow: inset 0 0 0 2px var(--c-logo), 0 12px 40px rgba(46, 109, 248, 0.28) !important;
}

.faq-item:hover .faq-chevron,
.faq-item.open .faq-chevron,
.why-card:hover .why-ico,
.card:hover .card-ico {
    background: var(--c-logo) !important;
}

.faq-item:hover .faq-chevron svg,
.faq-item.open .faq-chevron svg,
.why-card:hover .why-ico svg,
.card:hover .card-ico svg {
    stroke: #fff !important;
}

.step-card:hover .step-num {
    background: var(--c-logo) !important;
}

.step-card:hover .step-ico svg,
.kf-card:hover .kf-card-icon svg {
    stroke: var(--c-logo) !important;
}

.card:hover .card-ico svg,
.why-card:hover .why-ico svg,
.faq-item:hover .faq-chevron svg,
.faq-item.open .faq-chevron svg {
    stroke: #fff !important;
}

.why-card:hover::after {
    background: var(--c-logo) !important;
}

.review-card:hover {
    transform: translateY(-4px);
}

.exp-item:hover {
    transform: translateY(-4px);
}

/* Fiyatlandırma — ödeme kartı tam görünsün (sağ kırpma yok) */
#fiyat.sec-pricing-split,
section.sec-pricing-split#fiyat,
.sec-pricing-split {
    overflow: visible !important;
    overflow-x: visible !important;
}
.sec-pricing-split .prs-left,
.sec-pricing-split .price-wrapper {
    overflow: visible !important;
    overflow-x: visible !important;
}
.sec-pricing-split .price-card-stack,
.sec-pricing-split .price-card {
    overflow: visible !important;
    width: 100% !important;
    max-width: min(700px, 100%) !important;
    box-sizing: border-box !important;
}
@media (min-width: 961px) {
    .sec-pricing-split .prs-left .price-wrapper {
        max-width: 720px !important;
        transform: none !important;
        margin-right: 56px !important;
    }
    .sec-pricing-split .price-card-stack {
        max-width: min(700px, 100%) !important;
        margin-left: auto !important;
        margin-right: 56px !important;
    }
}
@media (min-width: 961px) {
    .sec-pricing-split .price-card {
        padding: 52px 52px 46px !important;
        border-radius: 24px !important;
    }
    .sec-pricing-split .price-cta {
        padding: 24px 26px !important;
        font-size: 19px !important;
    }
    .sec-pricing-split .pay-badge img {
        height: 48px !important;
    }
}
@media (max-width: 960px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        padding: 40px 20px 48px !important;
    }
    .sec-pricing-split .prs-left {
        padding-right: 0 !important;
        align-items: center !important;
    }
    .sec-pricing-split .prs-left .price-wrapper {
        transform: none !important;
        margin-right: auto !important;
        max-width: 100% !important;
    }
    .sec-pricing-split .price-card-stack {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }
    .sec-pricing-split .price-card {
        padding: 28px 20px 24px !important;
        border-radius: 20px !important;
        max-width: 100% !important;
    }
    .sec-pricing-split .price-top {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 8px !important;
    }
    .sec-pricing-split .price-top-row--single .price-name {
        max-width: none !important;
        margin-bottom: 0 !important;
    }
    .sec-pricing-split .price-profile-label {
        font-size: clamp(16px, 4.2vw, 20px) !important;
        margin-inline: auto !important;
        text-align: center !important;
        max-width: 18ch !important;
    }
    .sec-pricing-split .price-num {
        font-size: 48px !important;
    }
    .sec-pricing-split .price-name {
        font-size: 18px !important;
        max-width: 100% !important;
        padding-inline: 12px !important;
        text-align: center !important;
        align-items: center !important;
    }
    .sec-pricing-split .price-feats {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        text-align: left !important;
        margin-bottom: 28px !important;
        padding: 8px 0 !important;
    }
    .sec-pricing-split .pf {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        font-size: 14px !important;
        gap: 0 !important;
        line-height: 1.45 !important;
        max-width: 100% !important;
    }
    .sec-pricing-split .pf .chk {
        flex: 0 0 22px !important;
        max-width: 22px !important;
        width: 22px !important;
        margin: 0 4px 0 0 !important;
    }
    .sec-pricing-split .pf-label {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    .sec-pricing-split .price-cta {
        padding: 16px 20px !important;
        font-size: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .sec-pricing-split .payment-methods {
        gap: 8px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .sec-pricing-split .pay-badge img {
        height: 32px !important;
    }
    .sec-pricing-split .price-card-stack {
        position: relative !important;
        overflow: visible !important;
    }
    .sec-pricing-split .price-card-stack .price-badge {
        position: absolute !important;
        top: -14px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        z-index: 2 !important;
        text-align: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        width: auto !important;
        max-width: calc(100% - 24px) !important;
        font-size: 11px !important;
    }
}
@media (max-width: 480px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        padding: 32px 16px 40px !important;
    }
    .sec-pricing-split .price-card {
        padding: 24px 16px 20px !important;
    }
    .sec-pricing-split .price-num {
        font-size: 42px !important;
    }
    .sec-pricing-split .pay-badge img {
        height: 28px !important;
    }
    .sec-pricing-split .payment-methods {
        gap: 6px !important;
    }
}

/* CTA — eyebrow marka yeşili */
.cta-section .eyebrow {
    background: rgba(54, 252, 153, 0.12) !important;
    border-color: rgba(54, 252, 153, 0.35) !important;
    color: #36FC99 !important;
}
#basvuru .cta-inner > .eyebrow {
    display: none !important;
}
#basvuru.cta-section,
.cta-section {
    background: var(--navy) !important;
    box-shadow: none !important;
    filter: none !important;
}
#basvuru.cta-section::before,
#basvuru.cta-section::after,
.cta-section::before,
.cta-section::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}
.cta-section h2,
.cta-section h2 .cta-headline-row1,
.cta-section h2 .hlg,
.cta-section h2 .cta-headline-line2 {
    color: #fff !important;
    text-shadow: none !important;
    filter: none !important;
}

/* ── Testimonial slider dots / pagination — gizle ── */
.testi-dot,
.swiper-pagination-bullet,
.testi-pagination .dot,
.slider-dot {
    background: transparent !important;
    display: none !important;
}

.testi-pagination,
.swiper-pagination {
    display: none !important;
}

@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    *:not(#mobFab):not(.mob-fab):not(.mob-fab-dot) {
        max-width: 100%;
        box-sizing: border-box;
    }

    .hero-feat-item,
    .hero-feat-item > span,
    .hero-feat-chk,
    .pf,
    .pf .chk,
    .pf-label {
        max-width: none !important;
    }

    .pf .chk {
        max-width: 22px !important;
    }

    #mobFab,
    .mob-fab {
        max-width: none !important;
        width: auto !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   HERO — Full Background + White Card (text + form)
   ══════════════════════════════════════════════════════════════ */

.hero--fullbg {
    position: relative;
    display: flex;
    flex-direction: column;
    background: transparent !important;
    min-height: 80svh;
    max-height: none;
    padding: 0;
    overflow: hidden;
}

.hero--fullbg .hfb-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background-color: #e8eef5;
}

.hero--fullbg .hfb-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(245, 248, 252, 0.22) 50%,
        rgba(255, 255, 255, 0.45) 100%
    );
}

.hero--fullbg .hfb-bg-img {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
}

.hero--fullbg .hfb-center {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    display: flex;
    align-items: start;
    justify-content: center;
    width: 100%;
    min-height: 0;
    padding: 80px 40px 40px;
}

.hero--fullbg .hfb-white-card {
    width: 100%;
    max-width: 1160px;
    background: #ffffff;
    border-radius: 24px;
    padding: 48px 52px;
    box-shadow:
        0 12px 40px rgba(0, 63, 117, 0.10),
        0 0 0 1px rgba(0, 63, 117, 0.05);
}

.hero--fullbg .hfb-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 40px;
    align-items: center;
}

.hero--fullbg .hfb-left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.hero--fullbg .hfb-left .kamu-badge {
    margin-bottom: 16px;
    align-self: flex-start;
    background: rgba(54, 252, 153, 0.10);
    color: #12b87a;
    border-color: rgba(54, 252, 153, 0.35);
}

.hero--fullbg .hfb-left .kamu-badge .live-dot {
    background: #36FC99;
    box-shadow: 0 0 0 3px rgba(54, 252, 153, 0.25);
}

.hero--fullbg .hfb-overline {
    margin: 0 0 8px;
    font-size: clamp(11px, 1.1vw, 13px);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--blue);
}

.hero--fullbg .hfb-title {
    margin: 0 0 20px;
    /* Tip skalası: H1 sayfanın en büyük başlığı (bölüm H2'lerinin üstünde) */
    font-size: clamp(28px, 3.3vw, 42px);
    font-weight: 800;
    line-height: 1.14;
    color: var(--navy); /* #003F75 — kullanıcı kararı: hero başlığı lacivert */
    letter-spacing: -0.02em;
    text-shadow: none;
}

.hero--fullbg .hfb-title-line { display: block; }

.hero--fullbg .hfb-title .hfb-title-live {
    color: var(--navy) !important;
    -webkit-text-fill-color: var(--navy) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    /* Neon çizgi (#36FC99) metnin KENDİ background'u olarak çizilir:
       glyph'lerin altında ama kartın önünde kalır → ç/ş kuyrukları çizginin üstünde,
       z-index/-1 görünmezlik sorunu yok. */
    background-image: linear-gradient(var(--neon), var(--neon)) !important;
    background-repeat: no-repeat !important;
    background-position: 0 100% !important;
    background-size: 100% 5px !important;
    width: fit-content;
    margin-bottom: 6px;
}

.hero--fullbg .hfb-hl {
    color: var(--c-navy, #003F75) !important;
    -webkit-text-fill-color: var(--c-navy, #003F75) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    /* 1. satırla aynı: tüm başlık metni altı çizili → bu satıra da neon çizgi */
    background-image: linear-gradient(var(--neon), var(--neon)) !important;
    background-repeat: no-repeat !important;
    background-position: 0 100% !important;
    background-size: 100% 5px !important;
    width: fit-content;
}

.hero--fullbg .hfb-feats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero--fullbg .hfb-feats li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: var(--c-navy, #003F75) !important;
    line-height: 1.55;
}

.hero--fullbg .hfb-chk {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex-shrink: 0;
}

.hero--fullbg .hfb-chk svg {
    width: 12px;
    height: 12px;
    stroke: var(--c-logo, #2E6DF8);
}

.hero--fullbg .hfb-right {
    border-left: 1px solid #E6F7FF;
    padding-left: 44px;
}

.hero--fullbg .hero-stats-bar {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    background: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-top: none;
    border-bottom: none;
    padding: 22px 40px 10px;
}

.hero--fullbg .stats-inner {
    gap: 16px;
}

.hero--fullbg .stat-item {
    background: #E6F7FF;
    border: 1px solid #D4E6F7;
    border-radius: 14px;
    padding: 14px 20px;
}

.hero--fullbg .stat-val { color: var(--ink) !important; }
.hero--fullbg .stat-lbl { color: var(--ink) !important; }
.hero--fullbg .stat-sep { display: none; }
.hero--fullbg .stat-icon {
    background: #ffffff !important;
    border: 1px solid #E6F7FF;
}
.hero--fullbg .stat-icon svg { stroke: #2E6DF8; }

.hero--fullbg .hero-urgency {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    background: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--ink);
    padding: 20px 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.hero--fullbg .hero-urgency-text { color: var(--ink) !important; }
.hero--fullbg .hero-urgency-dot {
    /* align-items:center olduğundan taban margin-top:0.35em noktayı aşağı kaydırıyordu → sıfırla. */
    margin-top: 0;
    background: #2E6DF8;
    box-shadow: 0 0 0 3px rgba(46, 109, 248, 0.30);
}

.hero--fullbg .hero-urgency-text span {
    color: #2E6DF8 !important;
}

@media (max-width: 960px) {
    .hero--fullbg .hfb-card-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hero--fullbg .hfb-right {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #E6F7FF;
        padding-top: 28px;
    }
}

/* Mobil — arka plan görseli üstte görünür, kart altta kompakt */
@media (max-width: 768px) {
    .hero--fullbg {
        min-height: auto;
        overflow: visible;
        background: #f0f5fa;
    }

    .hero--fullbg .hfb-bg {
        position: relative;
        inset: auto;
        width: 100%;
        height: clamp(150px, 26dvh, 200px);   /* form yukarı gelsin diye üst görsel kısaldı */
        flex-shrink: 0;
    }

    .hero--fullbg .hfb-bg::after {
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.02) 0%,
            rgba(255, 255, 255, 0.12) 45%,
            rgba(255, 255, 255, 0.92) 100%
        );
    }

    .hero--fullbg .hfb-bg-img {
        object-fit: cover;
        object-position: center 35%;
    }

    .hero--fullbg .hfb-center {
        flex: 0 1 auto;
        align-items: stretch;
        justify-content: flex-start;
        padding: 0 14px 12px;
        margin-top: -28px;
    }

    .hero--fullbg .hfb-white-card {
        padding: 16px 16px;
        border-radius: 18px;
        box-shadow:
            0 10px 36px rgba(0, 63, 117, 0.14),
            0 0 0 1px rgba(0, 63, 117, 0.06);
    }

    .hero--fullbg .hfb-card-grid {
        gap: 12px;
    }

    .hero--fullbg .hfb-left .kamu-badge {
        margin-bottom: 10px;
        font-size: 10px;
        padding: 4px 10px;
    }

    .hero--fullbg .hfb-title {
        font-size: clamp(23px, 6vw, 30px);
        margin-bottom: 8px;
        line-height: 1.16;
    }
    .hero--fullbg .hfb-overline { margin-bottom: 4px; }

    .hero--fullbg .hfb-title-line.hfb-title-live {
        display: block;
    }

    .hero--fullbg .hfb-title-line.hfb-hl {
        display: inline;
    }

    .hero--fullbg .hfb-feats {
        gap: 6px;
    }

    .hero--fullbg .hfb-feats li {
        font-size: 12.5px;
        line-height: 1.45;
    }

    .hero--fullbg .hfb-right {
        padding-top: 6px;
    }

    .hero--fullbg .hero-stats-bar {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 14px 6px;
    }

    .hero--fullbg .stats-inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .hero--fullbg .stat-item {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 5px;
        padding: 8px 4px;
    }

    .hero--fullbg .stat-icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .hero--fullbg .stat-icon svg {
        width: 15px;
        height: 15px;
    }

    .hero--fullbg .stat-text {
        align-items: center;
        min-width: 0;
        width: 100%;
    }

    .hero--fullbg .stat-val {
        font-size: clamp(11px, 3.1vw, 14px) !important;
        line-height: 1.15;
        text-align: center;
    }

    .hero--fullbg .stat-lbl {
        font-size: clamp(9px, 2.4vw, 11px) !important;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }

    .hero--fullbg .hero-urgency {
        padding: 6px 14px 14px;
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .hero--fullbg .hero-stats-bar {
        padding: 10px 12px 6px;
    }

    .hero--fullbg .stats-inner {
        gap: 6px;
    }

    .hero--fullbg .stat-item {
        padding: 7px 3px;
    }

    .hero--fullbg .hfb-bg {
        height: clamp(120px, 22dvh, 160px);   /* telefonda görsel kısa → form yukarıda */
    }

    .hero--fullbg .hfb-center {
        padding: 0 12px 10px;
        margin-top: -24px;
    }

    .hero--fullbg .hfb-white-card {
        padding: 18px 16px;
        border-radius: 16px;
    }

    .hero--fullbg .hfb-card-grid {
        gap: 16px;
    }

    .hero--fullbg .hfb-right {
        padding-top: 16px;
    }
}

/* Expertise — video yüksekliğine sığan sağ kolon, büyük tipografi */
@media (min-width: 1025px) {
    .sec-expertise-inner {
        grid-template-columns: 1.15fr 1fr !important;
        gap: 48px !important;
        align-items: stretch !important;
    }

    .expertise-video,
    .ev-video-placeholder {
        min-height: 500px !important;
        height: 100% !important;
    }

    .expertise-content {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 500px !important;
        max-height: 500px !important;
    }

    .expertise-content .sec-title {
        flex-shrink: 0 !important;
        display: inline-block !important;
        width: max-content !important;
        max-width: 100% !important;
        font-size: clamp(30px, 2.6vw, 38px) !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        margin-bottom: 22px !important;
        letter-spacing: -0.025em !important;
    }

    .expertise-content .sec-title .hl {
        display: inline !important;
        white-space: nowrap !important;
        color: var(--c-navy) !important;
    }

    .expertise-items {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 0 !important;
    }

    .expertise-items .exp-item {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        padding: 20px 22px !important;
        grid-template-columns: 56px 1fr !important;
        column-gap: 18px !important;
        align-items: center !important;
        border-radius: 18px !important;
    }

    .expertise-items .exp-step-num-val {
        font-size: 30px !important;
    }

    .expertise-items .exp-step-num-line {
        width: 34px !important;
        height: 3px !important;
        background: var(--c-green) !important;
    }

    .expertise-items .exp-texts {
        justify-content: center !important;
        padding-block: 2px !important;
    }

    .expertise-items .exp-texts p {
        font-size: 16.5px !important;
        line-height: 1.55 !important;
        font-weight: 500 !important;
    }
}

/* ════════════════════════════════════════════════════════════════════
   FAZ 2 — Uygunluk göstergesi (gauge) · 5-katman önizleme · kredi yol haritası
   Tüm renkler guideline token'larından gelir.
   ════════════════════════════════════════════════════════════════════ */

/* ── Gauge (inline SVG, reusable) — dekoratif/örnek: etkileşimsiz ── */
.kf-gauge { position: relative; margin: 0; width: 100%; pointer-events: none; user-select: none; }
.kf-gauge__svg { display: block; width: 100%; height: auto; overflow: visible; }
.kf-gauge--full { max-width: 520px; margin-inline: auto; }
/* "Örnek" rozeti — gösterge temsilîdir, kişiye sonuç vaadi değil */
.kf-gauge__badge {
    position: absolute; top: -2px; right: 0;
    display: inline-flex; align-items: center;
    padding: 3px 9px; border-radius: 999px;
    background: var(--lvl-zayif-bg); color: var(--lvl-zayif-ink);
    font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}

/* "Kredi Uygunluk Raporu nedir?" altı açıklama paragrafı — sade gövde metni, özel renk/buton yok */
.kf-lead {
    max-width: 760px;
    margin: 16px auto 0;
    color: var(--ink);
    font-size: clamp(15px, 1.5vw, 16.5px);
    line-height: 1.7;
    text-align: center;
}
@media (max-width: 640px) { .kf-lead { text-align: left; } }

/* ═══ #ozellikler — mockup: üst 2 sütun (anlat | fiyat) + tam genişlik tek örnek-rapor belgesi ═══
   Yalnız guideline v1 token'ları; mockup'taki sabit hex'ler token'a bağlandı. */

/* ── ÜST: 3/4 yazı paneli (sol) · 1/4 telefon (sağ) ── */
.kf-top { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: center; }

/* Sol panel — zeminsiz (beyaz kart kaldırıldı) */
.kf-tell {
    background: transparent; border: 0; border-radius: 0;
    padding: 0; box-shadow: none;
}
.kf-tell .kf-eyebrow {
    display: inline-flex; align-items: center; gap: 8px; margin: 0;
    background: var(--lvl-orta-bg); color: var(--blue);
    font-size: 12px; font-weight: 700; letter-spacing: .10em; text-transform: uppercase;
    padding: 9px 16px; border-radius: 999px; border: 0;
}
.kf-tell .kf-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); animation: none; }
.kf-tell .kf-title {
    font-size: clamp(26px, 2.9vw, 36px); line-height: 1.1; font-weight: 800; color: var(--navy);
    margin: 20px 0 22px; letter-spacing: -.02em; width: fit-content; max-width: 100%;
    padding-bottom: 2px; isolation: isolate;
}
/* Diğer başlıklarla aynı: neon 5px, kare, yazıya yapışık, metnin arkasında */
.kf-tell .kf-title::after {
    content: ''; position: absolute; left: 0; bottom: 0.06em;
    width: 100%; height: 5px; border-radius: 0; background: var(--neon); z-index: -1;
}
.kf-tell .kf-title span { color: var(--navy); background: none; -webkit-text-fill-color: initial; }
.kf-underline { display: none; }   /* ayrı bar kaldırıldı; alt çizgi artık ::after */
.kf-tell .kf-lead {
    font-size: 17px; line-height: 1.65; color: var(--ink-soft); max-width: 680px; margin: 0; text-align: left;
}

/* "Raporun içinde ne var?" listesi — panel içinde (fiyat YOK; fiyat telefonda) */
.kf-tell__lt { margin: 28px 0 14px; font-size: 17px; font-weight: 700; color: var(--navy); }
.kf-tell__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; }
.kf-tell__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; line-height: 1.45; color: var(--ink); }
.kf-tell__tick {
    flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%;
    background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink);
    display: grid; place-items: center; margin-top: 1px;
}
.kf-tell__tick svg { width: 14px; height: 14px; }
.kf-tell__proof {
    display: flex; gap: 10px; align-items: center; margin-top: 22px; padding-top: 18px;
    border-top: 1px dashed var(--line); font-size: 14px; color: var(--ink-soft); line-height: 1.4;
}
.kf-tell__pulse {
    width: 9px; height: 9px; border-radius: 50%; background: var(--blue); flex: 0 0 9px;
    animation: kfPulseDot 1.8s ease-out infinite;
}
@keyframes kfPulseDot {
    0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--blue) 45%, transparent); }
    100% { box-shadow: 0 0 0 10px transparent; }
}

/* ── Sağ kolon: telefon mockup'ı (saf CSS device frame, --ink çerçeve) ── */
.kf-phone-col { display: flex; justify-content: center; }
.kf-phone {
    position: relative; width: 100%; max-width: 280px; margin: 0 auto;
    aspect-ratio: 1472 / 2888;
    background: var(--ink); border-radius: 36px; padding: 9px;
    box-shadow: 0 0 0 2px color-mix(in srgb, #fff 8%, transparent) inset,
                0 26px 60px rgba(0, 63, 117, .30), 0 6px 16px rgba(0, 63, 117, .18);
    scroll-margin-top: 84px;
}
.kf-phone__notch {
    position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
    width: 34%; height: 18px; border-radius: 12px; background: var(--ink); z-index: 3;
}
.kf-phone__screen {
    position: relative; width: 100%; height: 100%;
    border-radius: 28px; overflow: hidden; background: var(--navy);
    container-type: inline-size;   /* overlay metni cqw ile telefon boyutuna göre ölçeklenir */
}
.kf-phone__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.kf-phone__overlay {
    position: absolute; inset: 0; z-index: 1;
    /* Fiyat altta; başlık ayrı konumlanır (dikeyde ortaya yakın) */
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 0 7cqw 12cqw; color: #fff; text-align: center;
}
.kf-phone__brand {
    position: absolute; top: 32%; left: 7cqw; right: 7cqw;
    font-size: 11cqw; font-weight: 800; line-height: 1.12;
    text-shadow: 0 1px 6px rgba(0, 63, 117, .45);
}
.kf-phone__price { display: flex; flex-direction: column; }
.kf-phone__amount {
    font-size: 17cqw; font-weight: 800; line-height: 1; letter-spacing: -.01em;
    text-shadow: 0 2px 10px rgba(0, 63, 117, .5);
}
.kf-phone__amount-sub { display: block; font-size: 4.3cqw; font-weight: 500; margin-top: 2cqw; }
.kf-phone__free {
    font-size: 4.6cqw; font-weight: 600; line-height: 1.35; margin-top: 3cqw; opacity: .96;
    text-shadow: 0 1px 6px rgba(0, 63, 117, .45);
}

/* ── "Örnek rapor" başlık + rozet + not ── */
.kf-rep-head { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 64px auto 8px; max-width: 820px; }
.kf-rep-head__title { margin: 0; font-size: 26px; font-weight: 800; color: var(--navy); letter-spacing: -.01em; position: relative; isolation: isolate; padding-bottom: 2px; text-align: center; }
.kf-rep-note { text-align: center; }
/* diğer başlıklarla aynı: neon 5px, kare, yazıya yapışık, metnin arkasında */
.kf-rep-head__title::after { content: ''; position: absolute; left: 0; bottom: 0.06em; width: 100%; height: 5px; background: var(--neon); z-index: -1; }
.kf-rep-badge {
    display: inline-flex; align-items: center; background: var(--navy); color: #fff;
    font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    padding: 6px 12px; border-radius: 999px;
}
.kf-rep-note { margin: 0 auto 22px; max-width: 820px; font-size: 14px; color: var(--ink-soft); }
.kf-rep-note strong { color: var(--ink); font-weight: 700; }

/* ── Örnek rapor belgesi (tam genişlik, tek bütün) ── */
/* PDF belge görünümü: daraltılmış, dosya çubuklu, içinde kayan */
.kf-report {
    position: relative;
    background: #fff; border: 1px solid var(--line); border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 63, 117, .12); overflow: hidden;
    max-width: 820px; margin: 0 auto;
}
/* "devamı var" ipucu: alt kenarda beyaza eriyen fade + aşağı ok (sona gelince kaybolur) */
.kf-report::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 68px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%);
    pointer-events: none; z-index: 4; transition: opacity .25s;
}
.kf-report::before {
    content: ''; position: absolute; bottom: 16px; left: 50%;
    width: 11px; height: 11px; transform: translateX(-50%) rotate(45deg);
    border-right: 2.5px solid var(--blue); border-bottom: 2.5px solid var(--blue);
    z-index: 5; pointer-events: none; opacity: .75; transition: opacity .25s;
    animation: kfScrollHint 1.6s ease-in-out infinite;
}
.kf-report.is-end::after, .kf-report.is-end::before { opacity: 0; }
@keyframes kfScrollHint {
    0%, 100% { transform: translateX(-50%) translateY(0) rotate(45deg); }
    50%      { transform: translateX(-50%) translateY(4px) rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) { .kf-report::before { animation: none; } }
.kf-report__bar {
    position: sticky; top: 0; z-index: 3;
    display: flex; align-items: center; gap: 10px;
    padding: 11px 18px; background: var(--bg); border-bottom: 1px solid var(--line);
    font-size: 13px; color: var(--ink-soft);
}
.kf-report__dots { display: inline-flex; gap: 5px; margin-right: 4px; }
.kf-report__dots i { width: 9px; height: 9px; border-radius: 50%; background: color-mix(in srgb, var(--navy) 22%, var(--line)); }
.kf-report__file-ic { width: 16px; height: 16px; color: var(--blue); flex: 0 0 16px; }
.kf-report__file { font-weight: 600; color: var(--ink); }
.kf-report__pages { margin-left: auto; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--navy); padding: 3px 9px; border-radius: 999px; }
.kf-report__body {
    max-height: clamp(440px, 64vh, 640px);
    overflow-y: auto; overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--navy) 35%, transparent) var(--bg);
}
.kf-report__body::-webkit-scrollbar { width: 10px; }
.kf-report__body::-webkit-scrollbar-track { background: var(--bg); }
.kf-report__body::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--navy) 30%, transparent); border-radius: 999px; border: 2px solid var(--bg); }
@media (max-width: 768px) {
    /* mobilde iç-içe kaydırma sıkıntı yaratmasın → normal akış */
    .kf-report__body { max-height: none; overflow: visible; }
    .kf-report__bar { position: static; }
}
.kf-report__band {
    padding: 30px 36px 26px; border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff, var(--bg));
}
.kf-report__band-title { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: var(--navy); }

/* katmanlar */
.kf-layer { padding: 30px 36px; margin: 0; }
.kf-layer + .kf-layer { border-top: 1px solid var(--line); }
.kf-layer__head { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 22px; }
.kf-layer__badge { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; }
.kf-layer__badge svg { width: 18px; height: 18px; }
.kf-layer__badge--strong { background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink); }
.kf-layer__badge--open   { background: var(--lvl-orta-bg); color: var(--lvl-orta-ink); }
.kf-layer__badge--road   { background: var(--lvl-orta-bg); color: var(--blue); }
.kf-layer__title { font-size: 18px; font-weight: 700; color: var(--navy); margin: 0; }
.kf-layer__title-sub { font-weight: 600; color: var(--ink-soft); font-size: 14px; }
.kf-layer__sub { font-size: 14px; color: var(--ink-soft); margin: 2px 0 0; }

/* boyut kartları — mevcut kf-dim-card bileşeni; belgede 2 kolon */
.kf-report .kf-bento--dimensions {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; max-width: none; margin: 0;
}
.kf-report .kf-bento--dimensions .kf-dim-card { max-width: none; flex: initial; }

/* ── Örnek rapor KOMPAKT — pekiştirme amaçlı; az yer kaplasın (metin korunur, yoğunlaşır) ── */
.kf-rep-head { margin-top: 44px; }
.kf-report__band { padding: 20px 28px 16px; }
.kf-report .kf-gauge--full { max-width: 360px; }
.kf-report .kf-gauge__caption { font-size: 12px; margin-top: 8px; }
.kf-report .kf-layer { padding: 20px 28px; }
.kf-report .kf-layer__head { margin-bottom: 22px; }
.kf-report #yol-haritasi .kf-layer__head { margin-bottom: 32px; }
.kf-report .kf-layer__title { font-size: 16px; }
.kf-report .kf-layer__sub { font-size: 12.5px; }
.kf-report .kf-bento--dimensions { gap: 12px; }
.kf-report .kf-dim-card { padding: 15px 16px 13px; border-radius: 12px; }
.kf-report .kf-dim-card__head { margin-bottom: 14px; gap: 9px; }
.kf-report .kf-dim-card__icon { width: 26px; height: 26px; }
.kf-report .kf-dim-card__title { font-size: 14px; }
.kf-report .kf-dim-card__meter { padding-top: 32px; margin: 6px 0 14px; }
.kf-report .kf-dim-card__desc { font-size: 12.5px; line-height: 1.45; }
.kf-report .kf-road { gap: 32px; }
/* gruplar yukarıdaki katmanlar gibi düz (kutu çerçevesi yok) */
.kf-report .kf-rgroup { border: none; border-radius: 0; padding: 0; background: transparent; }
.kf-report .kf-rgroup__tag { margin-bottom: 12px; font-size: 14px; font-weight: 800; padding: 8px 16px; }
.kf-report .kf-rgroup__tag svg { width: 16px; height: 16px; flex: 0 0 16px; }
.kf-report .kf-rgroup__hint { margin: 0; padding-bottom: 16px; border-bottom: 2px solid var(--line); }
/* kalemler boyut kartlarıyla aynı: düz satır + alt ayraç */
.kf-report .kf-ritem { padding: 18px 0; gap: 14px; border-top: none; border-bottom: 1px solid var(--line); }

/* Belge footer — yasal uyarılar */
.kf-doc-foot { padding: 20px 28px 24px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 60%, #fff); }
.kf-doc-foot__legal { margin: 0 0 12px; font-size: 11px; line-height: 1.55; color: var(--ink-soft); }
.kf-doc-foot__legal strong { color: var(--ink); font-weight: 700; }
.kf-doc-foot__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; font-size: 11px; font-weight: 600; color: var(--ink-soft); }

/* Kredi uzmanı görüşme — raporun değerli kapanışı (dikkat çeken kart) */
.kf-expert { padding: 28px; border-top: 1px solid var(--line); }
.kf-expert__card {
    background: linear-gradient(150deg, color-mix(in srgb, var(--blue) 9%, #fff), #fff 70%);
    border: 1px solid color-mix(in srgb, var(--blue) 28%, var(--line));
    border-radius: 16px; padding: 24px;
}
.kf-expert__head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 20px; }
.kf-expert__ic { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 13px; background: var(--blue); color: #fff; display: grid; place-items: center; }
.kf-expert__ic svg { width: 23px; height: 23px; }
.kf-expert__title { margin: 0 0 6px; font-size: 19px; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
.kf-expert__lead { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); }
.kf-expert__free { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 7px 14px; border-radius: 999px; background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink); font-size: 13px; font-weight: 700; }
.kf-expert__free svg { width: 14px; height: 14px; flex: 0 0 14px; }
.kf-expert__steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.kf-expert__steps li { display: flex; gap: 11px; align-items: flex-start; }
.kf-expert__num { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--lvl-orta-bg); color: var(--lvl-orta-ink); font-size: 14px; font-weight: 800; display: grid; place-items: center; }
.kf-expert__steps h4 { margin: 0 0 3px; font-size: 14px; font-weight: 700; color: var(--navy); }
.kf-expert__steps p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-soft); }
@media (max-width: 768px) { .kf-expert { padding: 22px 18px 8px; } .kf-expert__steps { grid-template-columns: 1fr; gap: 14px; } }

/* ═══ Kredi Danışmanlığı bölümü (danismanlik-section-mockup) — token-only ═══ */
.dn-section { background: #fff; border-top: 1px solid var(--line); padding: var(--section-y, 80px) var(--gutter-x, 24px); }
.dn-inner { max-width: 1080px; margin: 0 auto; }
.dn-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: var(--lvl-orta-bg); color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 9px 16px; border-radius: 999px; }
.dn-eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.dn-title { display: flex; flex-direction: column; align-items: center; gap: .22em; font-size: clamp(30px, 4vw, 46px); line-height: 1.1; font-weight: 800; color: var(--navy); letter-spacing: -.02em; margin: 20px auto 24px; max-width: 760px; text-align: center; }
.dn-title__line { display: inline-block; position: relative; isolation: isolate; max-width: 100%; padding-bottom: 2px; }
.dn-title__line::after { content: ''; position: absolute; left: 0; bottom: 0.04em; width: 100%; height: 0.14em; background: var(--neon); z-index: -1; }
.dn-lead { font-size: 18px; line-height: 1.65; color: var(--ink-soft); max-width: 680px; margin: 0 auto; text-align: center; }
.dn-lead strong { color: var(--ink); font-weight: 600; }
/* Özet satırı — KUTUSUZ: tek renk, sadece kalınlıkla vurgu (lead'den bir tık büyük) */
.dn-take { margin: 20px auto 0; max-width: 720px; font-size: 19px; line-height: 1.6; font-weight: 400; color: var(--ink); text-align: center; }
.dn-take strong { font-weight: 700; color: inherit; }

/* Süreç kartı */
.dn-proc { margin-top: 56px; background: #fff; border: 1px solid var(--line); border-radius: 26px; box-shadow: 0 18px 44px rgba(0, 63, 117, .07); padding: 38px 40px 42px; }
.dn-proc__head { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 8px; }
.dn-proc__title { font-size: 23px; font-weight: 800; color: var(--navy); margin: 0; letter-spacing: -.01em; }
.dn-free { display: inline-flex; align-items: center; gap: 7px; background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink); font-size: 13px; font-weight: 700; padding: 6px 13px; border-radius: 999px; }
.dn-free svg { width: 14px; height: 14px; flex: 0 0 14px; }
.dn-proc__sub { font-size: 16px; line-height: 1.55; color: var(--ink-soft); margin: 0 0 30px; max-width: 620px; }

/* 3 numaralı adım — gerçek sıralı süreç */
.dn-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dn-step { background: var(--bg); border: 1px solid var(--line); border-radius: 18px; padding: 24px 22px; }
.dn-step__n { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.dn-step__num { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--blue); color: #fff; font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.dn-step__line { flex: 1 1 auto; height: 2px; border-radius: 2px; background: linear-gradient(to right, var(--blue), transparent); }
.dn-step__t { font-size: 17px; font-weight: 700; color: var(--navy); margin: 0 0 7px; }
.dn-step__d { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

@media (max-width: 820px) {
    .dn-proc { padding: 28px 22px 30px; }
    .dn-steps { grid-template-columns: 1fr; gap: 14px; }
    .dn-step__line { display: none; }
}

/* Katman başlıkları: baştaki ikon kalksın, ortalı, kalın başlığın altı h1-stili neon çizgi (metnin arkasında) */
.kf-report .kf-layer__badge { display: none; }
.kf-report .kf-layer__head { justify-content: center; text-align: center; }
.kf-report .kf-layer__title {
    display: inline-block; position: relative; isolation: isolate;
    padding-bottom: 2px;
}
.kf-report .kf-layer__title::after {
    content: ''; position: absolute; left: 0; bottom: 0.06em;
    width: 100%; height: 5px; background: var(--neon); z-index: -1;
}

/* ── PDF cila: çubuk göstergeleri ── */
.kf-report__page { margin-left: auto; font-size: 12px; color: var(--ink-soft); }
.kf-report__zoom { margin-left: 10px; font-size: 12px; color: var(--ink-soft); padding: 2px 8px; border: 1px solid var(--line); border-radius: 6px; }
.kf-report__pages { margin-left: 10px; }   /* önceki margin-left:auto'yu ez */

/* ── Belge başlığı (rapor kapağı) ── */
.kf-doc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 28px 16px; border-bottom: 1px solid var(--line); background: #fff; position: relative; z-index: 1; }
.kf-doc-head__left { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; text-align: right; }
.kf-doc-logo { height: 30px; width: auto; flex: 0 0 auto; object-fit: contain; align-self: center; }
.kf-doc-head__main { display: flex; align-items: center; gap: 12px; justify-content: flex-end; }
.kf-doc-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 12.5px; color: var(--ink-soft); justify-content: flex-end; }
.kf-doc-meta strong { color: var(--ink); font-weight: 700; }
/* gauge'daki "ÖRNEK" rozeti (PDF içinde gereksiz — belge zaten örnek) */
.kf-report .kf-gauge__badge { display: none; }
.kf-doc-head__title { margin: 0; font-size: 22px; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
.kf-doc-head__tag { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--navy); background: var(--lvl-zayif-bg); padding: 3px 10px; border-radius: 999px; }

/* ── "ÖRNEK" filigranı (belge zemininde, içeriğin arkasında) ── */
.kf-report__body { position: relative; isolation: isolate; }
.kf-report__body::before {
    content: "ÖRNEK";
    position: absolute; top: 46%; left: 50%;
    transform: translate(-50%, -50%) rotate(-26deg);
    font-size: clamp(72px, 15vw, 168px); font-weight: 800; letter-spacing: .1em;
    color: color-mix(in srgb, var(--navy) 5%, transparent);
    z-index: -1; pointer-events: none; white-space: nowrap;
}

/* ── Boyut kartları → "rapor satırı" hissi (kart chrome'u azalt, üst ayraç) ── */
.kf-report .kf-dim-card {
    background: transparent; border: none; box-shadow: none; border-radius: 0;
    border-bottom: 1px solid var(--line);
    padding: 20px 14px 18px;
}
.kf-report .kf-bento--dimensions { gap: 0 24px; }
/* gauge bandı zeminini şeffaflaştır → filigran her yerde tutarlı görünsün */
.kf-report__band { background: transparent; }

/* odak (bir adım kaldı) — mevcut kf-focus, belgede üst boşluk + 7. boyut etiketi */
.kf-report .kf-focus { margin-top: 18px; }
.kf-focus__of7 { font-size: 12px; font-weight: 600; color: var(--ink-soft); letter-spacing: 0; text-transform: none; margin-left: 8px; }

/* yol haritan — iki grup (etkileşimsiz, dekoratif) */
.kf-road { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.kf-rgroup { border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.kf-rgroup__tag { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; padding: 6px 13px; border-radius: 999px; margin-bottom: 6px; }
.kf-rgroup__tag svg { width: 14px; height: 14px; flex: 0 0 14px; }
.kf-rgroup__tag--ok { background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink); }
.kf-rgroup__tag--prep { background: var(--lvl-zayif-bg); color: var(--navy); }
.kf-rgroup__hint { font-size: 13px; color: var(--ink-soft); margin: 0 0 16px; }
.kf-ritem { display: flex; gap: 11px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--line); }
.kf-ritem:first-of-type { border-top: 0; }
.kf-ritem__ic { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; display: inline-flex; }
.kf-ritem__ic svg { width: 20px; height: 20px; }
.kf-ritem__ic--ok { color: var(--lvl-guclu-ink); }
.kf-ritem__ic--prep { color: var(--navy); opacity: .7; }
.kf-ritem__t { font-size: 15px; font-weight: 700; color: var(--navy); margin: 0; line-height: 1.3; }
.kf-ritem__s { font-size: 13px; color: var(--ink-soft); margin: 2px 0 0; }

/* ── Responsive: mobil-öncelikli, tek kolon, yatay kaydırma yok ── */
@media (max-width: 880px) {
    .kf-top { grid-template-columns: 1fr; gap: 28px; }
    /* Telefon üstte ortalı, sol panel altında */
    .kf-phone-col { order: -1; }
    .kf-phone-col .kf-phone { max-width: 200px !important; width: 100%; margin: 0 auto; }
    .kf-tell { padding: 28px 22px; }
    .kf-tell__list { grid-template-columns: 1fr; gap: 12px; }
    .kf-report .kf-bento--dimensions { grid-template-columns: 1fr; }
    .kf-road { grid-template-columns: 1fr; }
    .kf-layer, .kf-report__band { padding-left: 22px; padding-right: 22px; }
    .kf-rep-head { margin-top: 48px; flex-wrap: wrap; }
}

/* ===== Mobil sağlamlaştırma — yalnız dar ekran; masaüstü değişmez ===== */
@media (max-width: 640px) {
    /* PDF araç çubuğu: dosya adı tek satır, sayfa/zoom gizli — taşma yok */
    .kf-report__bar { gap: 8px; padding: 10px 14px; }
    .kf-report__file { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12.5px; }
    .kf-report__page, .kf-report__zoom { display: none; }

    /* PDF belge başlığı: logo üstte, başlık + meta altta, sola hizalı */
    .kf-doc-head { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 18px 14px; }
    .kf-doc-head__left { align-items: flex-start; text-align: left; }
    .kf-doc-head__main { justify-content: flex-start; flex-wrap: wrap; }
    .kf-doc-meta { justify-content: flex-start; }

    /* PDF iç kenar boşlukları: dar ekranda nefes payı */
    .kf-report .kf-layer, .kf-report__band, .kf-doc-foot { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 480px) {
    .kf-report .kf-layer, .kf-report__band, .kf-doc-foot { padding-left: 14px; padding-right: 14px; }
    /* yasal footer meta: alt alta, okunur */
    .kf-doc-foot__meta { gap: 4px 0; }
    .kf-doc-foot__meta span { flex: 1 0 100%; }
}

/* "Raporun içinde ne var? + 499₺" — fiyatın görünür olduğu tek yer. Sade bilgi, CTA yok. */
.kf-whats {
    max-width: 640px;
    margin: 22px auto 0;
    padding: 22px 24px;
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 16px;
    text-align: left;
    scroll-margin-top: 84px;
}
.kf-whats__title { margin: 0 0 14px; font-size: 16px; font-weight: 800; color: var(--ink); }
.kf-whats__list { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.kf-whats__list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; line-height: 1.5; color: var(--ink); }
.kf-whats__list svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; color: var(--lvl-guclu-ink); }
.kf-whats__price { margin: 0; padding-top: 14px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 4px; }
.kf-whats__price-main { font-size: 15px; color: var(--ink); }
.kf-whats__price-main strong { font-weight: 800; }
.kf-whats__price-sub { color: var(--ink-soft); font-weight: 500; font-size: 13px; }
.kf-whats__price-free { font-size: 13.5px; color: var(--lvl-guclu-ink); font-weight: 600; }

/* "Örnek rapor" çerçeve notu — tüm önizlemenin temsilî olduğunu işaretler */
.kf-sample-note {
    display: flex; align-items: center; gap: 10px;
    max-width: 620px; margin: 14px auto 4px;
    padding: 11px 16px; border-radius: 12px;
    background: var(--lvl-zayif-bg); border: 1px solid var(--line);
    font-size: 13px; line-height: 1.5; color: var(--ink-soft); text-align: left;
}
.kf-sample-note strong { color: var(--ink); font-weight: 700; }
.kf-sample-note__tag {
    flex-shrink: 0; padding: 3px 10px; border-radius: 999px;
    background: var(--lvl-zayif-ink); color: #fff;
    font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.kf-gauge__caption {
    margin-top: 10px;
    text-align: center;
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--ink-soft);
}

/* ── 5-katman önizleme: alt-grup başlıkları ── */
.kf-layer { margin-top: 40px; }
.kf-layer:first-of-type { margin-top: 28px; }
.kf-layer__head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.kf-layer__badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 8px; flex-shrink: 0;
}
.kf-layer__badge svg { width: 15px; height: 15px; }
.kf-layer--strong .kf-layer__badge { background: var(--lvl-guclu-bg); color: var(--lvl-guclu-ink); }
.kf-layer--open   .kf-layer__badge { background: var(--lvl-orta-bg); color: var(--lvl-orta-ink); }
.kf-layer__title { font-size: 17px; font-weight: 800; color: var(--ink); margin: 0; }
.kf-layer__sub { font-size: 13.5px; color: var(--ink-soft); margin: 2px 0 0; }

/* "Bir adım kaldı" — tek odak vurgu kartı (pozitif ton) */
.kf-focus {
    margin-top: 40px;
    border-radius: 18px;
    border: 1.5px solid color-mix(in srgb, var(--navy-d) 30%, var(--line));
    background: linear-gradient(180deg, #fff, #f3f7ff);
    padding: 22px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
}
.kf-focus__icon {
    width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: var(--lvl-zayif-bg); color: var(--lvl-zayif-ink);
}
.kf-focus__icon svg { width: 24px; height: 24px; }
.kf-focus__eyebrow {
    display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .02em;
    color: var(--navy-d); text-transform: uppercase; margin-bottom: 4px;
}
.kf-focus__title { font-size: 18px; font-weight: 800; color: var(--ink); margin: 0 0 6px; }
.kf-focus__desc { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }
@media (max-width: 560px) {
    .kf-focus { grid-template-columns: 1fr; }
}

/* (Eski _CreditRoadmap CSS'i kaldırıldı — kullanılmıyordu ve yeni yol-haritan sınıflarıyla çakışıyordu.) */

/* ── Hero 2 adımlı başvuru formu — sayfanın tek gerçek aksiyonu ── */
.apply-form {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 10px 34px rgba(0, 63, 117, .10);
    scroll-margin-top: 84px; /* sticky nav altına insin */
    /* İki adımı aynı grid hücresine yığ → form hep en uzun adım boyunda; adım geçişinde kayma olmaz. */
    display: grid;
}
.apply-step {
    grid-area: 1 / 1;                 /* her iki adım aynı hücrede */
    display: flex; flex-direction: column; gap: 14px;
}
/* Gizli adım yer kaplamaya devam etsin (display:none değil) → yükseklik sabit, kayma yok. */
.apply-step--hidden { visibility: hidden; }
.apply-step--hidden * { pointer-events: none; }
.apply-step:not(.apply-step--hidden) { animation: applyStepIn .28s cubic-bezier(.2,.7,.2,1); }
@keyframes applyStepIn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .apply-step:not(.apply-step--hidden) { animation: none; } }

.apply-stephead { display: flex; align-items: center; gap: 10px; min-height: 20px; }
.apply-progress { margin-left: auto; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--ink-soft); }
.apply-title { margin: 0; font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--navy); }

/* Seçenekleri başlıktan ve butondan biraz daha ayır (üst+alt nefes). */
.apply-chipset { display: flex; flex-direction: column; gap: 12px; margin: 10px 0 14px; }
.apply-chips { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.apply-chips[hidden] { display: none; }
.apply-chip {
    position: relative;
    min-height: 48px; padding: 11px 12px;
    display: inline-flex; align-items: center; justify-content: flex-start; gap: 9px; text-align: left;
    border: 1.5px solid var(--line); border-radius: 5px; background: #fff;
    color: var(--navy); font-size: 13.5px; font-weight: 600; font-family: inherit; cursor: pointer;
    transition: border-color .15s, background .15s, box-shadow .15s, color .15s;
}
.apply-chip__icon { width: 18px; height: 18px; flex-shrink: 0; color: var(--blue); }
.apply-chip__label { line-height: 1.2; white-space: nowrap; }
.apply-chip:hover { border-color: color-mix(in srgb, var(--blue) 45%, var(--line)); }
/* Seçili: açık mavi tint + mavi çerçeve (navy yazı/mavi ikon korunur) + köşede --neon ✓.
   Parlak mavi dolgu yerine sade highlight — yüklü tek öğe "Devam Et" butonu kalsın. */
.apply-chip.is-selected {
    border-color: var(--blue);
    background: rgba(46, 109, 248, 0.07);
    box-shadow: 0 0 0 1px var(--blue);
}
.apply-chip:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(46, 109, 248, .35); }
.apply-chip__check {
    position: absolute; top: -7px; right: -7px;
    width: 20px; height: 20px; border-radius: 50%;
    display: none; align-items: center; justify-content: center;
    background: var(--blue); color: #fff; border: 2px solid #fff;
}
.apply-chip__check svg { width: 11px; height: 11px; }
.apply-chip.is-selected .apply-chip__check { display: inline-flex; }
/* "daha fazla / daha az göster" toggle */
.apply-more {
    align-self: center;
    display: inline-flex; align-items: center; gap: 5px;
    background: none; border: none; padding: 4px 6px; cursor: pointer; font-family: inherit;
    color: var(--blue); font-size: 13px; font-weight: 700;
}
.apply-more:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(46, 109, 248, .3); border-radius: 6px; }
.apply-more__chev { width: 15px; height: 15px; transition: transform .2s; }
.apply-more.is-open .apply-more__chev { transform: rotate(180deg); }

.apply-cta {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    width: 100%; min-height: 52px;
    margin-top: auto;       /* dibe sabitle → chip'lerden ayrık + iki adımda aynı konum */
    background: var(--blue); color: #fff; border: none; border-radius: 999px;
    font-size: 15.5px; font-weight: 700; font-family: inherit; cursor: pointer;
    box-shadow: var(--sh-btn); transition: background .2s, box-shadow .2s, transform .15s;
}
.apply-cta:hover:not(:disabled) { background: var(--blue-d); box-shadow: var(--sh-btn-hover); transform: translateY(-1px); }
.apply-cta:disabled { background: color-mix(in srgb, var(--blue) 36%, var(--line)); box-shadow: none; cursor: not-allowed; }
.apply-cta svg { width: 17px; height: 17px; }

.apply-back {
    display: inline-flex; align-items: center; gap: 4px;
    background: none; border: none; padding: 4px 2px; margin-right: auto;
    color: var(--ink-soft); font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer;
}
.apply-back svg { width: 15px; height: 15px; }
.apply-back:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(46, 109, 248, .3); border-radius: 6px; }

/* İnteraktif Kredi input deseni: kalın mavi çerçeve + floating label + ₺ */
.apply-amount-wrap { position: relative; margin-top: auto; } /* başlık ile buton arasında ortala */
.apply-amount {
    width: 100%; height: 60px; padding: 20px 46px 6px 16px;
    border: 2px solid var(--blue); border-radius: 8px; background: #fff;
    color: var(--navy); font-size: 18px; font-weight: 700; font-family: inherit;
}
.apply-amount:focus { outline: none; box-shadow: 0 0 0 3px rgba(46, 109, 248, .18); }
.apply-floatlabel {
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    margin: 0; padding: 0 4px; background: #fff; pointer-events: none;
    color: var(--ink-soft); font-size: 15px; font-weight: 500;
    transition: top .15s, transform .15s, font-size .15s, color .15s;
}
/* Odak veya dolu → label üst çizgiye otursun (notch), mavi ve küçük */
.apply-amount:focus + .apply-floatlabel,
.apply-amount:not(:placeholder-shown) + .apply-floatlabel {
    top: 0; transform: translateY(-50%); font-size: 11.5px; font-weight: 600; color: var(--blue);
}
.apply-cur { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--blue); font-size: 15px; font-weight: 500; pointer-events: none; }
.apply-hint { display: flex; align-items: center; gap: 5px; margin: -6px 0 0; font-size: 11.5px; color: var(--ink-soft); }
.apply-hint svg { width: 13px; height: 13px; flex-shrink: 0; }
.apply-err { margin: 0; min-height: 1em; font-size: 12.5px; color: #DC2626; } /* kırmızı yalnız sistem/form hatası (guideline izinli) */

.apply-quick { display: flex; gap: 8px; }
.apply-quick-chip {
    flex: 1; min-height: 40px;
    border: 1px solid var(--line); border-radius: 10px; background: #fff;
    color: var(--ink-soft); font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer;
    transition: border-color .15s, color .15s;
}
.apply-quick-chip:hover { border-color: color-mix(in srgb, var(--blue) 40%, var(--line)); color: var(--blue); }
.apply-quick-chip:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(46, 109, 248, .3); }

.apply-note { display: flex; align-items: flex-start; gap: 7px; margin: 4px 0 0; font-size: 12px; color: var(--ink-soft); }
.apply-note svg { width: 14px; height: 14px; flex-shrink: 0; stroke: var(--ink-soft); margin-top: 1px; }
/* Form alt güven rozetleri (TÜBİTAK / kredi notu / belge) */
.apply-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }
/* Üç badge tek tip: bg #DCE3FB, metin/ikon #0056B3 (var(--navy-d)) */
.apply-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 11px; border-radius: 999px;
    background: rgba(220, 227, 251, 0.5); border: 1px solid transparent;
    font-size: 11.5px; font-weight: 600; color: var(--navy-d); line-height: 1.2;
}
.apply-badge svg { width: 14px; height: 14px; flex-shrink: 0; }
.kf-roadmap__foot {
    margin-top: 22px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
}
.kf-roadmap__cta {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-height: 52px; padding: 0 30px;
    background: var(--blue); color: #fff; border: none; border-radius: 999px;
    font-size: 15.5px; font-weight: 700; font-family: inherit; cursor: pointer;
    box-shadow: var(--sh-btn); transition: background .2s, box-shadow .2s, transform .15s;
}
.kf-roadmap__cta:hover { background: var(--blue-d); box-shadow: var(--sh-btn-hover); transform: translateY(-1px); }
.kf-roadmap__cta svg { width: 17px; height: 17px; }
.kf-roadmap__free {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 600; color: var(--lvl-guclu-ink);
}
.kf-roadmap__free svg { width: 15px; height: 15px; }
.kf-roadmap__count {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 22px; height: 22px; padding: 0 7px;
    border-radius: 999px; background: rgba(255, 255, 255, .24); color: #fff;
    font-size: 13px; font-weight: 700;
}

/* ===== SSS (Sıkça Sorulan Sorular) — native <details>/<summary> accordion =====
   Renkler yalnız guideline token'larından; mockup'taki sabit hex'ler color-mix ile türetildi. */
.sss { max-width: 820px; margin: 0 auto; padding: 72px 24px 96px; }

.sss-head { text-align: center; margin-bottom: 40px; }
.sss-eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    background: color-mix(in srgb, var(--blue) 10%, #fff);
    color: var(--blue);
    font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    padding: 9px 16px; border-radius: 999px;
}
.sss-eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.sss-title {
    font-size: clamp(28px, 3.6vw, 40px); line-height: 1.1; font-weight: 800;
    color: var(--navy); letter-spacing: -.02em; margin: 18px auto 0;
    display: table; max-width: 100%;
    position: relative; isolation: isolate; padding-bottom: 2px;
}
/* Diğer başlıklarla eşit: neon 5px, kare uç, yazıya yapışık, metnin arkasında */
.sss-title::after {
    content: ''; position: absolute; left: 0; bottom: 0.06em;
    width: 100%; height: 5px; background: var(--neon); z-index: -1;
}
.sss-sub { font-size: 16px; color: var(--ink-soft); margin: 12px 0 0; }

.sss-list { display: flex; flex-direction: column; gap: 12px; }
.sss .faq {
    background: #fff; border: 1px solid var(--line); border-radius: 16px;
    overflow: hidden; transition: border-color .2s, box-shadow .2s;
}
.sss .faq[open] {
    border-color: color-mix(in srgb, var(--blue) 45%, #fff);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--navy) 8%, transparent);
}
.sss .faq summary {
    list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px;
    padding: 22px 24px; font-size: 17px; font-weight: 700; color: var(--navy); user-select: none;
}
.sss .faq summary::-webkit-details-marker { display: none; }
.sss .faq summary:hover { color: var(--blue); }
.sss .faq__q { flex: 1; }
.sss .faq__icon {
    flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%;
    background: var(--bg); display: grid; place-items: center;
    color: var(--blue); transition: transform .25s, background .2s;
}
.sss .faq[open] .faq__icon { transform: rotate(45deg); background: color-mix(in srgb, var(--blue) 10%, #fff); }
.sss .faq__icon svg { width: 15px; height: 15px; }
.sss .faq__a { padding: 0 24px 24px; font-size: 15.5px; line-height: 1.65; color: var(--ink-soft); }
.sss .faq__a strong { color: var(--ink); font-weight: 600; }
.sss .faq__a .hl { color: var(--navy); font-weight: 600; }

@media (max-width: 640px) {
    .sss { padding: 48px 18px 64px; }
    .sss .faq summary { padding: 18px 18px; font-size: 16px; gap: 12px; }
    .sss .faq__a { padding: 0 18px 20px; }
}

/* ===== Mobil hero: form H1'in hemen altına, maddeler forma alta ===== */
/* hfb-left'i contents yaparak çocukları + formu order ile sırala — markup ve masaüstü değişmez */
@media (max-width: 768px) {
    .hero--fullbg .hfb-card-grid { display: flex; flex-direction: column; gap: 0; }
    .hero--fullbg .hfb-left { display: contents; }
    .hero--fullbg .hfb-overline { order: 1; }
    .hero--fullbg .hfb-title    { order: 2; margin-bottom: 12px; }
    .hero--fullbg .hfb-right    { order: 3; padding-top: 0; border-top: none; }
    .hero--fullbg .hfb-feats {
        order: 4; margin-top: 16px; padding-top: 16px;
        border-top: 1px solid var(--line);
    }
    /* "kart içinde kart" olmasın: form alt-kartını düzleştir, hero kartıyla bütünleşsin (chip'ler kalır) */
    .hero--fullbg .apply-form {
        background: transparent; border: none; box-shadow: none;
        border-radius: 0; padding: 0;
    }

}

/* ===== TÜM başlıklar: metnin TAMAMI yeşil altı çizili (her satır, mobil+masaüstü) =====
   ::after tek-satır/kopuk çizgi yerine gerçek text-decoration → her satır metne yapışık. */
.sec-title,
.kf-title,
.sss-title,
.img-banner-title,
.kf-rep-head__title,
.kf-layer__title,
.dn-title__line {
    text-decoration-line: underline;
    text-decoration-color: var(--neon);
    text-decoration-thickness: 0.16em;
    text-underline-offset: 0.02em;
    text-decoration-skip-ink: none;
    padding-bottom: 0;
}
/* eski neon ::after / span-highlight çizgilerini kaldır (artık text-decoration) */
.sec-head .sec-title::after,
.kf-head .kf-title::after,
.kf-tell .kf-title::after,
.expertise-content .sec-title::after,
.img-banner-text .img-banner-title::after,
.sss-title::after,
.kf-rep-head__title::after,
.kf-layer__title::after,
.dn-title__line::after { content: none !important; }
.kf-tell .kf-title span { background: none !important; }

/* ===== Mobil: örnek rapor filigranı sıklaşsın — tek merkez yerine döşeli "ÖRNEK" deseni ===== */
@media (max-width: 768px) {
    .kf-report__body::before { content: none; }   /* tek büyük filigranı kaldır */
    .kf-report__body {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='150'%3E%3Ctext%20x='100'%20y='84'%20fill='rgba(0,63,117,0.06)'%20font-size='30'%20font-weight='800'%20font-family='sans-serif'%20letter-spacing='2'%20text-anchor='middle'%20transform='rotate(-24%20100%2078)'%3E%C3%96RNEK%3C/text%3E%3C/svg%3E");
        background-repeat: repeat;
        background-position: center top;
        background-size: 200px 150px;
    }
}

/* ---- css/spacing-system.css ---- */
/* ================================================================
   İnteraktif Kredi — Spacing & Layout System
   8pt grid (Material / iOS HIG uyumlu)
   Birimler: 4 · 8 · 16 · 24 · 32 · 40 · 48 · 64 · 80 · 96
   ================================================================ */

:root {
    /* ── 8pt spacing scale ── */
    --s-half: 4px;
    --s-1:    8px;
    --s-2:   16px;
    --s-3:   24px;
    --s-4:   32px;
    --s-5:   40px;
    --s-6:   48px;
    --s-7:   64px;
    --s-8:   80px;
    --s-9:   96px;

    /* ── Layout tokens (mobile-first) ── */
    --page-max:       1200px;
    --page-max-wide:  1280px;
    --gutter-x:       var(--s-2);   /* 16px mobil */
    --section-y:      var(--s-6);   /* 48px mobil */
    --grid-gap:       var(--s-2);   /* 16px */
    --grid-gap-lg:    var(--s-3);   /* 24px */
    --stack-gap:      var(--s-3);   /* 24px */
}

@media (min-width: 768px) {
    :root {
        --gutter-x:    var(--s-3);   /* 24px tablet */
        --section-y:   var(--s-7);   /* 64px */
        --grid-gap:    var(--s-3);
        --grid-gap-lg: var(--s-4);
    }
}

@media (min-width: 1200px) {
    :root {
        --gutter-x:    var(--s-4);   /* 32px masaüstü */
        --section-y:   var(--s-8);   /* 80px */
    }
}

/* ── Container yardımcısı ── */
.lp-container {
    width: 100%;
    max-width: var(--page-max);
    margin-inline: auto;
}

.lp-container--wide {
    max-width: var(--page-max-wide);
}

/* ── Sayfa kabuğu — yatay gutter ── */
.util-bar,
.nav,
.urgency-strip,
.sec,
.cta-section,
.footer,
.kf-section {
    padding-inline: var(--gutter-x);
}

/* ── İç sarmalayıcılar — max-width + merkez ── */
.util-inner,
.nav-inner,
.sec-inner,
.trust-inner,
.urgency-inner,
.footer-inner,
.stats-inner,
.kf-inner {
    width: 100%;
    max-width: var(--page-max);
    margin-inline: auto;
}

.kf-inner {
    max-width: var(--page-max-wide);
}

/* ── Bölüm dikey ritmi ── */
.sec,
.cta-section {
    padding-block: var(--section-y);
}

.kf-section {
    padding-block: var(--section-y);
}

.footer {
    padding-block-start: var(--s-7);
    padding-block-end: var(--s-3);
}

/* ── Grid boşlukları ── */
.kf-bento,
.feat-grid,
.footer-top,
.trust-inner,
.urgency-inner,
.cta-actions {
    gap: var(--grid-gap-lg);
}

.kf-head {
    margin-bottom: var(--s-7);
}

/* ── Header ── */
.util-bar {
    padding-inline: var(--gutter-x);
}

.nav {
    padding-inline: var(--gutter-x);
}

.urgency-strip {
    padding-block: var(--s-2);
}

/* ── Hero G3 ── */
.hero--g3 .hero-content {
    padding-block: var(--s-6);
    padding-inline: var(--gutter-x);
    padding-left: clamp(var(--s-6), 12vw, var(--s-9));
    padding-right: clamp(var(--gutter-x), 6vw, var(--s-6));
}

.hero-white-card {
    padding: var(--s-4);
    border-radius: var(--s-3);
}

.hero-list-g3 {
    margin-block: var(--s-4);
    gap: var(--s-2);
}

/* ── Stats bar ── */
.hero-stats-bar {
    padding-block: var(--s-3);
}

.stats-inner {
    padding-inline: var(--gutter-x);
    gap: var(--s-7);
}

.stat-item {
    gap: var(--s-2);
}

/* ── Kart & FAQ iç boşlukları (grid uyumu) ── */
.card,
.step-card,
.testi-card {
    padding: var(--s-3);
}

.faq-q {
    padding: var(--s-3) var(--s-4);
    gap: var(--s-2);
}

.faq-a {
    padding-inline: var(--s-4);
    padding-block: 0;
    max-height: 0;
    overflow: hidden;
}

.faq-item.open .faq-a {
    padding-block-end: var(--s-3);
}

.faq-list {
    gap: var(--s-2);
}

/* ── CTA içerik ── */
.cta-section p {
    margin-bottom: var(--s-4);
}

.cta-trust {
    margin-top: var(--s-3);
    gap: var(--s-3);
}

/* ── Footer grid ── */
.footer-top {
    margin-bottom: var(--s-4);
}

/* ── Responsive ince ayar (mevcut breakpoint'lerle uyumlu) ── */
@media (max-width: 1200px) {
    .hero--g3 .hero-content {
        padding-left: clamp(var(--s-4), 8vw, var(--s-6));
    }
}

@media (max-width: 960px) {
    .hero--g3 .hero-content {
        padding: var(--s-5) var(--gutter-x) var(--s-4);
    }

    .hero-white-card {
        padding: var(--s-4) var(--s-4);
        max-width: 600px;
        margin-inline: auto;
    }

    .kf-section {
        padding-block: var(--s-7);
    }

    .trust-inner {
        gap: var(--s-2);
    }
}

/* ── Dinamik Sayfa Section Spacing Standardı ── */

.hero-stats-bar {
    padding-block: var(--s-3);
}

.trust-bar {
    padding-block: var(--s-2);
    padding-inline: var(--gutter-x);
}

.urgency-strip {
    padding-block: var(--s-2);
    padding-inline: var(--gutter-x);
}

.kf-section {
    padding-block: var(--section-y);
    padding-inline: var(--gutter-x);
}

.kf-inner {
    max-width: 1200px;
    margin-inline: auto;
}

.kf-head {
    margin-bottom: var(--s-6);
}

.kf-bento {
    gap: var(--grid-gap-lg);
}

.kf-card--light {
    padding: var(--s-4);
    border-radius: var(--s-3);
}

.sec-pricing-split .prs-left {
    padding: var(--section-y) var(--gutter-x) var(--section-y) var(--s-7);
}

.testi-section {
    padding-block: var(--section-y);
    padding-inline: var(--gutter-x);
}

.testi-inner {
    max-width: 1200px;
    margin-inline: auto;
}

.testi-head {
    margin-bottom: var(--s-7);
}

.testi-card {
    padding: var(--s-5);
    border-radius: var(--s-3);
}

.sec#sss {
    padding-block: var(--section-y);
    padding-inline: var(--gutter-x);
}

.faq-list {
    max-width: 100%;
    width: 100%;
    margin-inline: auto;
}

.faq-q {
    padding: var(--s-3) var(--s-4);
}

.faq-a {
    padding-inline: var(--s-4);
    padding-block: 0;
    max-height: 0;
    overflow: hidden;
}

.faq-item.open .faq-a {
    padding-block-end: var(--s-3);
}

.cta-section {
    padding-block: var(--section-y);
    padding-inline: var(--gutter-x);
}

.cta-inner {
    max-width: 800px;
    margin-inline: auto;
    text-align: center;
}

.cta-actions {
    gap: var(--s-2);
    margin-block: var(--s-4);
}

.cta-trust {
    gap: var(--s-3);
    margin-top: var(--s-3);
}

/* ── Responsive ── */
@media (max-width: 960px) {
    .kf-bento {
        grid-template-columns: 1fr;
        gap: var(--grid-gap);
    }

    .sec-pricing-split {
        grid-template-columns: 1fr;
    }

    .sec-pricing-split .prs-left {
        padding: var(--s-6) var(--gutter-x);
    }

    .testi-card {
        padding: var(--s-4);
    }

    .cta-section {
        padding-inline: var(--gutter-x);
    }
}

@media (max-width: 600px) {
    .kf-card--light {
        padding: var(--s-3);
        border-radius: var(--s-2);
    }

    .testi-card {
        padding: var(--s-3);
    }

    .faq-q {
        padding: var(--s-3);
    }

    .faq-a {
        padding-inline: var(--s-3);
    }

    .stats-inner {
        gap: var(--s-3);
        flex-wrap: wrap;
        justify-content: center;
    }

    .stat-sep {
        display: none;
    }
}
}

@media (max-width: 768px) {
    .hero--g3 .hero-content {
        padding: var(--s-4) var(--gutter-x) var(--s-3);
    }

    .hero-white-card {
        padding: var(--s-4) var(--s-3);
        border-radius: var(--s-2);
    }

    .kf-section {
        padding-block: var(--s-6);
    }

    .kf-card {
        padding: var(--s-4) var(--s-3) var(--s-3);
    }

    .footer {
        padding-block-start: var(--s-5);
        padding-block-end: var(--s-3);
    }

    .footer-top {
        gap: var(--s-3);
    }
}

@media (max-width: 480px) {
    .hero-white-card {
        padding: var(--s-3) var(--s-2);
        border-radius: var(--s-2);
    }

    .stats-inner {
        padding-inline: var(--s-3);
        gap: var(--s-2);
    }

    .cta-section {
        padding-block: var(--s-6);
    }
}

/* ---- css/viewport-sections.css ---- */
/* ================================================================
   Viewport Sections — üst bölümler (hero + özellikler) max 1 ekran
   Fiyatlandırma ve alt alanlar orijinal layout'ta kalır.
   ================================================================ */

:root {
    --section-vh:    100dvh;
    --section-pad-v: var(--s-6);   /* 48px — spacing-system ile uyumlu */
}

@media (min-width: 768px) {
    :root { --section-pad-v: var(--section-y); }
}

@media (min-width: 1200px) {
    :root { --section-pad-v: var(--section-y); }
}

/* ── Sadece üst bölümler ── */
.hero.hero--g3,
.kf-section {
    max-height: var(--section-vh);
    overflow: hidden;
    box-sizing: border-box;
}

.kf-section:has(.kf-bento--report) {
    max-height: none !important;
    overflow: visible !important;
}

.kf-section:has(.kf-bento--report) .kf-inner {
    max-height: none !important;
    min-height: unset !important;
}

.hero.hero--cover,
.hero.hero--fullbg {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: var(--section-vh);
    padding: 0 !important;
    margin: 0;
    background: #f5f8fc;
    background-image: none !important;
    overflow: hidden;
    box-sizing: border-box;
}

.hero.hero--fullbg {
    background: transparent !important;
    min-height: 80svh;
    max-height: none;
    overflow: hidden;
}

@media (max-width: 768px) {
    .hero.hero--fullbg {
        min-height: auto;
        overflow: visible;
    }
}

.hero--cover .hero-cover-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.hero--cover .hero-cover-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.hero--cover .hero-cover-main {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
}

.hero--cover .hero-cover-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--s-5) var(--gutter-x) var(--s-3);
    box-sizing: border-box;
}

.hero--cover .hero-stats-bar {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 100%;
    padding: 18px 0 10px;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.hero--cover .hero-urgency {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 100%;
    padding: 10px var(--gutter-x) 18px;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.hero--cover .stat-item {
    background: #E6F7FF;
    border: 1px solid #D4E6F7;
    border-radius: 14px;
}

.hero--cover .stat-val,
.hero--cover .stat-lbl {
    color: #003F75 !important;
}

.hero--cover .hero-urgency-text {
    color: #003F75 !important;
}

.hero--cover .hero-cover-card {
    max-width: 560px;
}

.hero--cover .hero-cover-promo {
    font-size: clamp(15px, 1.6vw, 17px);
    font-weight: 600;
    line-height: 1.55;
    color: var(--c-navy, #003F75);
    margin: 0 0 var(--s-3);
}

.hero--cover .hero-subtitle {
    margin-bottom: 0;
}

.hero--cover .hero-actions.hero-actions--dual {
    margin-top: var(--s-5) !important;
}

@media (max-width: 960px) {
    .hero--cover .hero-cover-inner {
        align-items: flex-end;
        padding: var(--s-4) var(--gutter-x) var(--s-3);
    }

    .hero--cover .hero-cover-card {
        max-width: none;
        width: 100%;
    }

    .hero--cover .hero-stats-bar {
        padding: 12px 0;
    }

    .hero--cover .stats-inner {
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 var(--gutter-x);
    }
}

/* ── HERO ── */
.hero.hero--g3 {
    min-height: unset !important;
    max-height: var(--section-vh);
    display: flex;
    flex-direction: column;
}

.hero--g3 .hero-inner {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(var(--section-vh) - 112px);
}

/* Desktop: görsel DOM'da önce, grid ile sağa yerleştir */
@media (min-width: 961px) {
    .hero--g3 .hero-inner {
        grid-template-columns: 58fr 42fr;
        grid-template-areas: "content visual";
    }

    .hero--g3 .hero-content {
        grid-area: content;
    }

    .hero--g3 .hero-visual-g3 {
        grid-area: visual;
    }

    /* Kart yüksekliği = görsel kolonu */
    .hero--g3 .hero-inner {
        align-items: stretch;
    }

    .hero--g3 .hero-content {
        justify-content: stretch;
        align-self: stretch;
        height: 100%;
        min-height: 0;
        padding-block: var(--s-4);
        box-sizing: border-box;
    }

    .hero--g3 .hero-visual-g3 {
        align-self: stretch;
        width: 100%;
        height: 100%;
        min-height: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .hero--g3 .hero-white-card {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .hero--g3 .hero-white-card .hero-actions:not(.hero-actions--dual) {
        margin-top: auto !important;
    }

    .hero--g3 .hero-white-card .hero-actions.hero-actions--dual {
        margin-top: auto !important;
        transform: translateY(12px);
    }
}

.hero--g3 .hero-visual-g3 {
    width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: none;
}

.hero--g3 .portrait-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top-left-radius: inherit;
}

.hero--g3 .portrait-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center 25%;
    display: block;
}

.hero--g3 .hero-content {
    padding-block: var(--s-4);
}

.hero-white-card {
    overflow: visible;
}

.hero-white-card .hero-feat-list {
    margin-block-start: 0 !important;
}

@media (max-width: 960px) {
    .hero-white-card .hero-feat-list {
        gap: var(--s-1) !important;
    }
}

@media (min-width: 961px) {
    .hero-white-card .hero-feat-list {
        gap: var(--s-2) !important;
    }
}

.hero-stats-bar,
.hero-urgency {
    flex-shrink: 0;
}

/* ── ÖZELLİKLER (KF) ── */
.kf-section {
    padding-block: var(--section-pad-v) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kf-section .kf-inner {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.kf-head {
    margin-bottom: var(--head-gap, var(--s-3)) !important;
    flex-shrink: 0;
}

.kf-title {
    margin-bottom: var(--s-1);
}

.kf-bento {
    flex: 1 1 auto;
    min-height: 0;
    gap: var(--grid-gap, var(--s-2)) !important;
    grid-auto-rows: 1fr;
    align-items: stretch;
}

.kf-bento--report {
    flex: none !important;
    min-height: unset !important;
    max-height: none !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
}

.kf-card {
    padding: var(--card-pad-sm, var(--s-3)) !important;
    gap: var(--stack-gap-sm, var(--s-2)) !important;
}

.kf-card-title {
    font-size: clamp(14px, 1.8vw, 17px);
}

.kf-card-desc {
    font-size: 13px;
    line-height: 1.55;
}

/* ── Tablet / mobil ── */
@media (max-width: 960px) {
    .kf-section {
        padding-block: var(--s-7) !important;
    }
}

/* ── Hero mobil-first: üstte tam genişlik görsel + altta kart ── */
@media (max-width: 960px) {
    .hero.hero--g3 {
        max-height: none;
        overflow: visible;
        min-height: unset;
    }

    .hero--g3 .hero-inner {
        display: flex;
        flex-direction: column;
        max-height: none;
        min-height: unset;
        flex: none;
        gap: 0;
    }

    .hero--g3 .hero-visual-g3 {
        order: 0;
        flex-shrink: 0;
        width: 100%;
        min-height: clamp(240px, 42vw, 340px);
        max-height: none !important;
        height: auto;
        border-radius: 0;
        border-top-left-radius: 0;
        overflow: hidden;
        position: relative;
    }

    .hero--g3 .portrait-container {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .hero--g3 .portrait-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 25%;
        display: block;
    }

    .hero--g3 .hero-content {
        order: 1;
        flex-shrink: 0;
        position: relative;
        z-index: 2;
        height: auto;
        justify-content: flex-start;
    }

    .hero--g3 .hero-white-card {
        height: auto;
        flex: none;
    }

    .hero--g3 .hero-white-card .hero-actions:not(.hero-actions--dual) {
        margin-top: 36px !important;
    }

    .hero--g3 .hero-white-card .hero-actions.hero-actions--dual {
        margin-top: 48px !important;
    }
}

@media (max-width: 767px) {

    .hero--g3 .hero-visual-g3 {
        aspect-ratio: 5 / 4;
        min-height: clamp(220px, 56vw, 300px);
        background: #E6F7FF;
    }

    .hero--g3 .portrait-container::after {
        content: '';
        position: absolute;
        inset: auto 0 0 0;
        height: 40%;
        background: linear-gradient(to bottom, transparent 0%, rgba(46, 109, 248, 0.35) 100%);
        pointer-events: none;
        z-index: 1;
    }

    .hero--g3 .portrait-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 25%;
    }

    .hero--g3 .hero-content {
        padding: 0 var(--gutter-x) var(--s-4);
        margin-top: -28px;
        align-items: stretch;
        text-align: left;
    }

    .hero-white-card {
        width: 100%;
        max-width: none;
        margin: 0;
        border-radius: 20px 20px 16px 16px;
        box-shadow: 0 12px 32px rgba(0, 63, 117, 0.12);
    }

    .hero-white-card .kamu-badge {
        align-self: flex-start;
        margin-left: 0;
        margin-right: 0;
    }

    .hero-stats-bar {
        flex-shrink: 0;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .kf-bento {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    :root {
        --section-pad-v: var(--s-3);
    }

    .hero--g3 .hero-content {
        padding: var(--s-4) var(--gutter-x) var(--s-3);
    }

    .hero-white-card {
        overflow: visible;
    }

    .kf-section {
        padding-block: var(--s-6) !important;
    }

    .kf-card {
        padding: var(--s-2) var(--s-3) !important;
    }
}

/* ── KF: mobil-first tek sütun + yatay kart ── */
@media (max-width: 767px) {
    .kf-section {
        max-height: none;
        overflow: visible;
        justify-content: flex-start;
        padding-block: var(--s-6) !important;
    }

    .kf-section .kf-inner {
        max-height: none;
        min-height: unset;
    }

    .kf-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: var(--s-4) !important;
    }

    .kf-eyebrow {
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        margin-top: -8px !important;
        margin-bottom: 12px !important;
    }

    .kf-title {
        align-self: center !important;
        display: table !important;
        width: auto !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        text-align: center !important;
    }

    .kf-sub {
        align-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
        text-align: left !important;
        font-size: 14px;
        line-height: 1.6;
    }

    .kf-bento {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        align-content: start;
        min-height: unset;
    }

    .kf-card {
        display: grid !important;
        grid-template-columns: 48px 1fr;
        column-gap: 14px !important;
        row-gap: 8px !important;
        padding: 16px !important;
        border-radius: 16px !important;
        align-items: start;
    }

    .kf-card:hover {
        transform: none;
    }

    .kf-card-icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        width: 48px;
        height: 48px;
        border-radius: 14px;
        margin-bottom: 0;
    }

    .kf-card-icon svg {
        width: 22px;
        height: 22px;
    }

    .kf-card-title {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        font-size: 15px !important;
        line-height: 1.35;
        margin: 0;
    }

    .kf-card-desc {
        grid-column: 1 / -1;
        grid-row: 2;
        font-size: 13px !important;
        line-height: 1.55;
    }

    .kf-card-tag {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 2px;
    }

    .kf-card-glow {
        display: none;
    }
}

/* ================================================================
   Fiyatlandırma + alt bölümler — max 1 ekran, sadece boşluk sıkılaştırma
   Layout / görseller / kart yapısı korunur.
   ================================================================ */

:root {
    --below-pad-v: var(--s-4);
    --below-pad-h: var(--s-4);
    --below-gap:   var(--s-2);
}

@media (min-width: 1200px) {
    :root {
        --below-pad-v: var(--s-5);
        --below-pad-h: var(--s-5);
    }
}

.dps-section,
.psh-section,
.reviews-section,
.sec#sss,
.cta-section {
    max-height: var(--section-vh);
    box-sizing: border-box;
}

.sec-pricing-split {
    box-sizing: border-box;
    max-height: none;
    overflow: visible;
}

/* ── Fiyatlandırma ── */
.sec-pricing-split .prs-left {
    padding-block: var(--below-pad-v) !important;
}

.sec-pricing-split .prs-eyebrow {
    margin-bottom: var(--s-2) !important;
}

.sec-pricing-split .prs-title {
    margin-bottom: var(--s-1) !important;
}

.sec-pricing-split .prs-sub {
    margin-bottom: var(--s-3) !important;
}

.sec-pricing-split .price-card {
    padding: var(--s-3) var(--s-4) var(--s-3) !important;
}

.sec-pricing-split .price-top {
    margin-bottom: var(--s-2) !important;
    padding-bottom: var(--s-2) !important;
}

.sec-pricing-split .price-feats {
    gap: 18px 40px !important;
    margin-bottom: 36px !important;
    padding: 12px 0 8px !important;
}

.sec-pricing-split .price-cta {
    padding: var(--s-2) !important;
    margin-bottom: var(--s-3) !important;
}

.sec-pricing-split .price-guarantee {
    margin-bottom: var(--s-2) !important;
}

.sec-pricing-split .payment-methods {
    gap: var(--s-1) !important;
    margin-top: var(--s-2) !important;
}

/* ── G18 şerit — tam genişlik, orantılı yükseklik, kırpma yok ── */
.g18-section {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    display: block;
    line-height: 0;
    font-size: 0;
    background: #ffffff;
}

.g18-section .g18-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: center center;
    transform: none;
    vertical-align: bottom;
}

@media (max-width: 960px) {
    .g18-section {
        display: none !important;
    }
}

/* ── DPS ── */
.dps-section {
    max-height: min(28dvh, var(--section-vh));
}

/* ── PSH vitrin — mobil/tablet; masaüstü konum KamuSegment HeadStyles'da ── */
@media (max-width: 960px) {
    .psh-section {
        min-height: unset !important;
        padding-block: var(--s-2) !important;
    }
    .psh-section .psh-text-overlay {
        padding: 12px 16px 2px !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .psh-section .psh-headline {
        gap: 0.12em !important;
        line-height: 1.2 !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        transform: none !important;
    }
    .psh-section .psh-headline-line {
        text-align: center !important;
        width: 100% !important;
    }
    .psh-section .psh-headline-line3 {
        line-height: 1.35 !important;
        margin-top: 0.06em !important;
        max-width: min(280px, 92vw) !important;
        margin-inline: auto !important;
    }
    .psh-section .psh-g15-img {
        margin-top: 2px !important;
    }
}

.psh-section .psh-headline {
    margin-bottom: 0 !important;
    line-height: 1.12 !important;
}
@media (min-width: 961px) {
    .psh-section .psh-headline {
        transform: translateX(-84px);
    }
}

/* ── Banner — metin üst beyaz alanda ── */
.img-banner-section,
.img-banner-img-wrap {
    max-height: none;
    overflow: visible;
}

.img-banner-img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: unset !important;
    object-position: unset !important;
}

.img-banner-img-wrap {
    display: flex !important;
    flex-direction: column !important;
}

.img-banner-overlay {
    display: none !important;
}

.img-banner-text {
    position: relative !important;
    inset: unset !important;
    order: 1 !important;
    height: auto !important;
    background: #ffffff !important;
    padding: 40px var(--gutter-x) 28px !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;
}

.img-banner-img {
    order: 2 !important;
    object-position: center 72% !important;
}

/* ── Yorumlar (masaüstü: kompakt viewport) ── */
@media (min-width: 961px) {
    .reviews-section {
        padding-block-start: 80px !important;   /* üstte banner'a sıkışmasın */
        padding-block-end: var(--below-pad-v) !important;
    }

    .reviews-section .sec-head {
        margin-bottom: var(--s-3) !important;
    }

    .reviews-section .reviews-slider-wrap {
        margin-top: var(--s-3) !important;
    }

    .reviews-section .review-card {
        padding: var(--s-3) !important;
    }
}

/* ── Yorumlar mobil-first: tam yükseklik, ferah kartlar ── */
@media (max-width: 960px) {
    .reviews-section {
        max-height: none !important;
        overflow: visible !important;
        padding-block: var(--s-6) !important;
    }

    .reviews-section .sec-inner {
        overflow: visible;
    }

    .reviews-section .sec-head {
        text-align: center;
        margin-bottom: var(--s-4) !important;
        padding-inline: var(--gutter-x);
    }

    .reviews-section .sec-head .eyebrow {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
    }

    .reviews-section .sec-sub {
        margin-top: var(--s-1);
    }
}

/* ── SSS ── */
.sec#sss {
    padding-block: var(--below-pad-v) !important;
}

.sec#sss .sec-head {
    margin-bottom: var(--s-3) !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec#sss .sec-head .eyebrow {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
}

.sec#sss .faq-list {
    gap: var(--s-1) !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
}

.sec#sss .faq-q {
    padding: var(--s-2) var(--s-3) !important;
    gap: var(--s-2) !important;
}

.sec#sss .faq-a {
    padding-inline: var(--s-3) !important;
}

.sec#sss .faq-item.open .faq-a {
    padding-bottom: var(--s-2) !important;
}

/* ── CTA ── */
.cta-section {
    padding: var(--below-pad-v) var(--below-pad-h) !important;
}

.cta-section h2 {
    margin-bottom: var(--s-2) !important;
}

.cta-section p {
    margin-bottom: var(--s-3) !important;
}

.cta-section .cta-trust {
    margin-top: var(--s-2) !important;
    gap: var(--s-2) !important;
}

.cta-section .cta-actions {
    gap: var(--s-2) !important;
}

/* ── Alt bölümler mobil ── */
@media (max-width: 960px) {
    :root {
        --below-pad-v: var(--s-3);
        --below-pad-h: var(--gutter-x);
    }

    .sec-pricing-split .prs-left {
        padding: var(--s-4) var(--gutter-x) !important;
    }

    .psh-section .psh-text-overlay {
        padding: 12px 16px 2px !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    :root {
        --below-pad-v: var(--s-3);
    }

    .sec-pricing-split .price-card {
        padding: var(--s-3) !important;
    }

    .sec#sss .faq-q span {
        font-size: 14px;
    }

    .img-banner-text {
        padding: 28px var(--gutter-x) 20px !important;
        gap: 10px !important;
    }
}

/* Gerçekçi daire ikonlar — viewport override (en son yüklenen CSS) */
.kf-card-icon--real,
.kf-card-icon.kf-card-icon--real {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    padding: 0 !important;
}
.kf-card-icon--real svg,
.kf-card-icon.kf-card-icon--real svg {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    stroke: none !important;
    display: block !important;
}
.kf-card:hover .kf-card-icon--real svg {
    stroke: none !important;
}
.kf-card-icon--real svg > circle:first-of-type {
    fill: #E6F7FF !important;
}
.kf-card-icon--real svg line,
.kf-card-icon--real svg path,
.kf-card-icon--real svg polyline,
.kf-card-icon--real svg rect {
    stroke: #2E6DF8 !important;
}
.kf-card-icon--real svg rect:not([fill="none"]),
.kf-card-icon--real svg circle:not(:first-of-type):not([fill="none"]) {
    fill: #2E6DF8 !important;
}

/* ── Mobil sabit FAB — en son yüklensin, tüm sayfalarda ── */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
    #mobFab {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: fixed !important;
        right: 16px !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        left: auto !important;
        top: auto !important;
        z-index: 2147483646 !important;
        align-items: center !important;
        gap: 8px !important;
        background: #003F75 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        padding: 14px 20px !important;
        border-radius: 50px !important;
        white-space: nowrap !important;
        box-shadow: 0 6px 20px rgba(0, 63, 117, .50), 0 2px 8px rgba(0, 63, 117, .18) !important;
        border: none !important;
        min-height: 50px !important;
    }
}
@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
    #mobFab { display: none !important; }
}

/* PSH başlık — tüm sayfalarda hafif sola */
@media (min-width: 1141px) {
    .psh-section .psh-text-overlay {
        left: clamp(232px, 22vw, 324px) !important;
    }
}
@media (min-width: 961px) and (max-width: 1140px) {
    .psh-section .psh-text-overlay {
        transform: translateX(calc(-50% - 84px)) !important;
    }
}

/* ---- css/mobile-sales.css ---- */
/* ================================================================
   MOBILE-SALES.CSS — İnteraktif Kredi
   Mobile-first, UX/UI kurallarına uygun, satış odaklı stiller
   Breakpoints: 960px | 768px | 640px | 480px | 360px
   ================================================================ */

/* ----------------------------------------------------------------
   GLOBAL — Gutter token & touch targets & iOS safe area
   ---------------------------------------------------------------- */
:root {
    --gutter-x: 20px;
}
@media (max-width: 360px) {
    :root { --gutter-x: 14px; }
}

/* Tüm .sec ve .hero yan padding'leri --gutter-x kullanır */
@media (max-width: 960px) {
    .sec          { padding-inline: var(--gutter-x); }
    .hero__inner  { padding-inline: var(--gutter-x); }
    .trust-inner  { padding-inline: var(--gutter-x); }
    .cta-inner    { padding-inline: var(--gutter-x); }
}

/* Touch target zorunluluğu — WCAG 2.5.5 (footer + sabit FAB hariç) */
@media (pointer: coarse) {
    a, button, [role="button"], input, select, textarea {
        min-height: 44px;
        min-width: 44px;
    }
    .footer-col ul li a,
    .footer-legal a,
    #mobFab,
    .mob-fab {
        min-height: unset;
        min-width: unset;
    }
}

/* iOS safe area */
@supports (padding: max(0px)) {
    .sticky-cta-btn {
        padding-bottom: max(14px, env(safe-area-inset-bottom));
    }
    .footer {
        padding-bottom: max(24px, env(safe-area-inset-bottom));
    }
}

/* ----------------------------------------------------------------
   REVIEWS SLIDER — Kullanıcı Yorumları
   Server restart sonrası: .review-card, .reviews-track vs class'lar aktif
   Server restart öncesi: inline style selektörü ile CSS-only swipe
   ---------------------------------------------------------------- */

/* ── Yorumlar — temel kart stili ── */
.review-card {
    background: #fff;
    border-radius: 20px;
    padding: 28px 26px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid rgba(230, 247, 255, 0.95);
    box-shadow:
        0 1px 2px rgba(0, 63, 117, 0.05),
        0 4px 14px rgba(0, 63, 117, 0.07),
        0 12px 32px rgba(0, 63, 117, 0.06);
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.review-card:hover {
    border-color: #2E6DF8;
    box-shadow: 0 8px 32px rgba(46, 109, 248, 0.18);
    transform: translateY(-4px);
}

.review-stars {
    display: flex;
    gap: 3px;
    letter-spacing: 1px;
}

.review-stars span { color: #F59E0B; font-size: 18px; line-height: 1; }

.review-text {
    color: #003F75;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

.review-author {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #E6F7FF;
}

.review-name { font-weight: 700; color: #003F75; font-size: 15px; }
.review-role  { color: #003F75; font-size: 13px; }

.review-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: transparent;
    border: 2px solid #E6F7FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-avatar-img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center center;
    display: block;
    border-radius: 50%;
    background: #E6F7FF;
}

.review-avatar-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    color: #003F75;
    background: #E6F7FF;
    border-radius: 50%;
}

.review-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.review-city {
    font-size: 12px;
    color: rgba(0, 63, 117, 0.65);
    line-height: 1.35;
}

.reviews-slider-wrap {
    position: relative;
    margin-top: 32px;
}

/* Masaüstü: yan yana kart grid */
.reviews-track {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.reviews-nav,
.reviews-dots,
.reviews-dot,
.reviews-btn {
    display: none !important;
}

/* ── Eski HTML (inline style) için CSS-only swipe — şu an çalışır ── */
@media (max-width: 768px) {
    /* Eski HTML: attribute selector ile grid container → flex scroll */
    .sec[style*="F8FAFF"] .sec-inner > div[style*="grid"] {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 14px !important;
        padding: 4px 20px 20px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .sec[style*="F8FAFF"] .sec-inner > div[style*="grid"]::-webkit-scrollbar { display: none; }

    /* Her eski kart */
    .sec[style*="F8FAFF"] .sec-inner > div[style*="grid"] > div {
        flex: 0 0 calc(100% - 32px) !important;
        min-width: 0 !important;
        scroll-snap-align: start !important;
        border-radius: 16px !important;
        padding: 24px 20px !important;
    }

    /* Yorumlar — tek sütun liste */
    .reviews-section .reviews-slider-wrap {
        margin-top: 0;
        display: block;
        overflow: visible;
    }

    .reviews-section .reviews-track {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch;
        overflow: visible;
        gap: 14px;
        padding: 0;
        margin-inline: 0;
    }

    .reviews-section .review-card {
        flex: none;
        width: 100%;
        min-width: 0;
        min-height: unset;
        padding: 24px 20px;
        border-radius: 16px;
    }

    /* Mavi leke görünümü — gölge, kenarlık ve zemin nötr */
    .reviews-section {
        background: #ffffff !important;
        border-top-color: #f0f0f0 !important;
    }

    .reviews-section .reviews-track {
        background: #ffffff;
    }

    .reviews-section .review-card {
        border-color: rgba(0, 0, 0, 0.08);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    }

    .reviews-section .review-card:hover {
        border-color: rgba(0, 0, 0, 0.12);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }

    .reviews-section .review-author {
        border-top-color: rgba(0, 0, 0, 0.08);
    }
}


@media (max-width: 480px) {
    .sec[style*="F8FAFF"] .sec-inner > div[style*="grid"] > div {
        flex: 0 0 calc(100% - 40px) !important;
    }

    .reviews-section .review-card {
        padding: 24px 20px;
        min-height: 200px;
        border-radius: 18px;
    }

    .reviews-section .review-text {
        font-size: 14px;
        line-height: 1.65;
    }

    .reviews-section .review-stars span {
        font-size: 16px;
    }

}

/* ----------------------------------------------------------------
   0. TEMEL — touch target & font boyutu minimumları
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    /* Tüm tıklanabilir öğeler minimum 44×44px */
    a, button, [role="button"], .faq-q {
        min-height: 44px;
    }
    /* Body'de alt padding — sticky CTA için yer aç */
    body {
        padding-bottom: 76px;
    }
}

/* ----------------------------------------------------------------
   1. NAVIGATION — mobilde hamburger, gizli nav
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
    .nav-links  { display: none; }
    .btn-nav    { display: none; }
    .nav-hamburger { display: flex; }

    .nav-inner { height: 56px; }
    .nav { padding: 0 16px; }
    .nav-logo img { height: 32px; }
}
@media (max-width: 480px) {
    .util-bar { display: none; }
    .nav-kamu-tag { display: none; }
}

/* ----------------------------------------------------------------
   2. HERO G3 — Sol metin + Sağ görsel
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    /* Tek kolon hero */
    .hero--g3 {
        min-height: unset;
    }
    .hero--g3 .hero-inner {
        grid-template-columns: 1fr;
    }
    /* Görsel sütunu — DOM sırasıyla üstte (viewport-sections mobil kuralları geçerli) */
    .hero-visual-g3 {
        display: flex;
        width: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .portrait-container {
        width: 100%;
        height: 260px;
        position: relative;
    }
    .portrait-container::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 32px;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 63, 117, 0.18) 100%);
        pointer-events: none;
        z-index: 3;
    }
    .portrait-img {
        object-fit: cover;
        object-position: center 15%;
        width: 100%;
        height: 100%;
    }
    /* Metin alanı: ortalı, kompakt */
    .hero--g3 .hero-content {
        padding: 36px 20px 32px;
        align-items: center;
        text-align: center;
    }
    /* Beyaz kart: tam genişlik */
    .hero-white-card {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        padding: 32px 24px;
        border-radius: 20px;
        box-shadow: 0 8px 24px rgba(0, 63, 117, .08);
    }
    .hero-white-card .kamu-badge {
        align-self: center;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-white-card .hero-actions.hero-actions--dual {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 24px !important;
        flex-wrap: wrap !important;
        width: auto !important;
    }
    .hero-white-card .hero-actions--dual .btn-white-pill,
    .hero-white-card .hero-actions--dual .hero-expert-btn {
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
        min-height: unset !important;
        border-radius: 50px !important;
        white-space: nowrap !important;
    }
    .hero-white-card .hero-actions--dual .btn-white-pill .arrow-circle {
        width: 24px;
        height: 24px;
    }
    /* Diğer hero CTA'lar: tam genişlik */
    .hero-white-card .hero-actions:not(.hero-actions--dual) .btn-white-pill {
        width: 100% !important;
        justify-content: center !important;
        padding: 16px 24px;
        font-size: 16px;
        border-radius: 14px;
        min-height: 54px;
    }
    .hero-white-card .hero-actions:not(.hero-actions--dual) {
        flex-direction: column;
        align-items: stretch;
        margin-top: 24px !important;
    }
    /* Hero Gestalt: başlık bloğu + mavi tikli liste yakın grup */
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        margin-bottom: 2px !important;
    }
    .hero-white-card .hero-subtitle {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 1.3 !important;
        font-size: 12px !important;
    }
    /* Listeler: sol hizalı kalır, okunaklı */
    .hero-white-card .hero-feat-list {
        text-align: left;
        margin-top: 4px !important;
        gap: 8px !important;
    }
    .hero-white-card .hero-feat-item span:last-child {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .hero--g3 .hero-content {
        padding: 28px 16px 24px;
    }
    .hero-white-card {
        padding: 24px 18px;
        border-radius: 16px;
    }
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        font-size: clamp(22px, 5.5vw, 30px) !important;
        line-height: 1.15 !important;
        margin-bottom: 4px !important;
    }
    .hero-white-card .hero-subtitle {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-bottom: 0 !important;
    }
    .hero-white-card .hero-feat-list {
        margin-top: 4px !important;
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .hero--g3 .hero-content {
        padding: 20px 12px 20px;
    }
    .hero-white-card {
        padding: 20px 14px;
        border-radius: 14px;
    }
    .hero-white-card .kamu-badge {
        font-size: 10px;
        padding: 4px 10px;
    }
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        font-size: clamp(19px, 6vw, 24px) !important;
        line-height: 1.18 !important;
    }
    .hero-white-card .hero-feat-item span:last-child {
        font-size: 13px !important;
    }
    .hero-white-card .hero-actions--dual .btn-white-pill,
    .hero-white-card .hero-actions--dual .hero-expert-btn {
        font-size: 12px !important;
        padding: 9px 12px !important;
    }
    .hero-white-card .hero-actions:not(.hero-actions--dual) .btn-white-pill {
        font-size: 15px;
        padding: 15px 20px;
        min-height: 52px;
    }
    /* Urgency metni — tek blok, düzgün satır kırılımı */
    .hero-urgency {
        font-size: 12px;
        padding: 10px 16px;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        max-width: 100%;
    }
    .hero-urgency-dot {
        margin-top: 0.45em;
    }
    .hero-urgency-text {
        flex: 1;
        min-width: 0;
        text-align: left;
        line-height: 1.45;
    }
}

@media (max-width: 360px) {
    .hero-white-card {
        padding: 16px 12px;
    }
    .hero-white-card h1,
    .hero--g3 .hero-content .hero-white-card h1 {
        font-size: 18px !important;
    }
}

/* ----------------------------------------------------------------
   3. STATS BAR — 3 rakam (kullanıcı, memnuniyet, fiyat)
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .hero-stats-bar {
        padding: 16px 0;
    }
    .stats-inner {
        gap: 0;
        justify-content: space-around;
        padding: 0 12px;
        flex-wrap: nowrap;
    }
    .stat-sep { display: none; }
    .stat-item {
        flex: 1;
        justify-content: center;
        gap: 10px;
        background: #E6F7FF;
        border: 1px solid #D4E6F7;
        border-radius: 12px;
        padding: 10px 12px;
    }
    .stat-icon {
        width: 36px;
        height: 36px;
    }
    .stat-val { font-size: 16px; }
    .stat-lbl { font-size: 11px; }
}

@media (max-width: 640px) {
    .stats-inner {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: space-around !important;
        align-items: center;
        gap: 0;
        padding: 0 8px;
        flex-wrap: nowrap !important;
    }
    .stats-inner::-webkit-scrollbar { display: none; }
    .stat-item {
        flex: 1 !important;
        width: auto !important;
        min-width: 80px;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        padding: 8px 10px;
        gap: 4px;
        background: #E6F7FF;
        border: 1px solid #D4E6F7;
        border-radius: 12px;
    }
    .stat-sep { display: none; }
    .stat-icon { width: 30px; height: 30px; }
    .stat-icon svg { width: 15px; height: 15px; }
    .stat-val { font-size: 14px; }
    .stat-lbl { font-size: 10px; white-space: nowrap; }
}

@media (max-width: 360px) {
    .stats-inner {
        padding: 0 4px;
    }
    .stat-item { min-width: 70px; padding: 4px 4px; }
    .stat-val { font-size: 13px; }
    .stat-lbl { font-size: 9px; }
}

/* ----------------------------------------------------------------
   4. TRUST BAR — Güven rozetleri
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
    .trust-inner { gap: 12px; }
    .trust-div { display: none; }
    .trust-item { font-size: 11px; gap: 5px; }
}
@media (max-width: 600px) {
    .trust-bar { padding: 10px 16px; }
}
@media (max-width: 480px) {
    .trust-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        justify-items: start;
    }
    .trust-item { font-size: 10.5px; }
}

/* ----------------------------------------------------------------
   5. FEATURES (KF BENTO) — 4 özellik kartı (mobil-first)
   Detay layout: viewport-sections.css (≤767px)
   ---------------------------------------------------------------- */
@media (max-width: 1024px) {
    .kf-head .kf-title {
        display: table !important;
        width: auto !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        align-self: center !important;
    }

    .kf-head .kf-title::after {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
    }
}

@media (max-width: 960px) {
    .kf-section {
        padding: 56px 20px 64px;
    }
    .kf-head {
        margin-bottom: 32px;
    }
    .kf-title {
        font-size: clamp(22px, 4vw, 32px);
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .kf-bento {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .kf-section {
        padding: 40px 16px 48px;
    }
    .kf-head {
        margin-bottom: 20px;
    }
    .kf-title {
        font-size: clamp(20px, 5.5vw, 26px);
        line-height: 1.2;
    }
    .kf-eyebrow {
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        font-size: 11px;
        padding: 5px 12px;
        margin-bottom: 12px;
    }
    .kf-bento {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .kf-card-tag {
        font-size: 10px;
        padding: 4px 9px;
    }
}

@media (max-width: 380px) {
    .kf-section {
        padding: 36px 12px 44px;
    }
    .kf-card {
        grid-template-columns: 42px 1fr !important;
        column-gap: 12px !important;
        padding: 14px !important;
    }
    .kf-card-icon {
        width: 42px !important;
        height: 42px !important;
    }
    .kf-card-title {
        font-size: 14px !important;
    }
    .kf-card-desc {
        font-size: 12px !important;
    }
}

/* ----------------------------------------------------------------
   6. EXPERTISE SECTION — "Finansal Geleceğinizi" — UX/UI Mobile
   expertise.css lazy dosyası sonra yükleniyor → !important zorunlu
   ---------------------------------------------------------------- */
@media (max-width: 1200px) {
    .sec-expertise { padding: 64px 48px !important; }
}

@media (max-width: 1024px) {
    /* Section arka planı — beyazdan hafif mavi-gri'ye geç */
    .sec-expertise {
        padding: 52px 28px !important;
        background: #E6F7FF !important;
    }
    .sec-expertise-inner {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    /* ── Video Kartı ── */
    .expertise-video {
        width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        border: none !important;
        box-shadow: 0 8px 32px rgba(0, 63, 117, 0.13) !important;
    }
    .ev-video-container { width: 100% !important; height: auto !important; }
    .ev-video-placeholder {
        width: 100% !important;
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        position: relative !important;
    }
    .ev-cover-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    /* Overlay koyulaştır — okunabilirlik */
    .ev-overlay {
        background: rgba(0, 63, 117, 0.52) !important;
    }
    /* Play butonu — büyük, belirgin */
    .ev-play-btn {
        width: 64px !important;
        height: 64px !important;
        box-shadow: 0 8px 24px rgba(0, 63, 117, 0.30) !important;
    }
    .ev-play-btn svg { width: 26px !important; height: 26px !important; }
    /* Label ve hint: video üzerinde alt-orta */
    .ev-center {
        justify-content: center !important;
        gap: 10px !important;
    }
    .ev-label {
        display: block !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.03em !important;
        color: #fff !important;
        background: rgba(0, 63, 117, 0.55) !important;
        padding: 4px 14px !important;
        border-radius: 20px !important;
    }
    .ev-hint { display: none !important; }
    /* Alt bilgi satırı */
    .ev-info-row {
        border-radius: 0 !important;
        padding: 10px 16px !important;
        background: #E6F7FF !important;
    }
    .ev-info-item { font-size: 11px !important; }

    /* Ok dekorasyonu gizle */
    .expertise-arrow { display: none !important; }

    /* Başlık */
    .expertise-content {
        min-height: unset !important;
        max-height: none !important;
        height: auto !important;
    }
    .expertise-content .sec-title {
        font-size: clamp(20px, 5.5vw, 28px) !important;
        margin-bottom: 20px !important;
        line-height: 1.2 !important;
    }

    /* Adım kartları: tek kolon — metin tam görünsün */
    .expertise-items {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .exp-item {
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #E6F7FF !important;
        box-shadow: 0 2px 8px rgba(0, 63, 117, 0.06) !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        padding: 14px 12px !important;
        gap: 10px !important;
        min-height: unset !important;
        transition: none !important;
    }
    .exp-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }
    .exp-icon svg { width: 18px !important; height: 18px !important; }
    .exp-texts h4 {
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #003F75 !important;
        margin-bottom: 3px !important;
        line-height: 1.3 !important;
    }
    .exp-texts p {
        display: block !important;
        overflow: visible !important;
        font-size: 11.5px !important;
        color: #003F75 !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .sec-expertise { padding: 44px 18px !important; }
    .ev-video-placeholder {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }
    /* Tek kolon — daha geniş okunabilirlik */
    .expertise-items {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .exp-item {
        flex-direction: row !important;
        align-items: flex-start !important;
        padding: 12px 14px !important;
        gap: 12px !important;
        min-height: unset !important;
    }
    .exp-texts h4 { font-size: 13.5px !important; }
    .exp-texts p {
        display: block !important;
        overflow: visible !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
    .exp-icon { width: 38px !important; height: 38px !important; }
}

@media (max-width: 480px) {
    .sec-expertise { padding: 36px 16px !important; }
    .sec-expertise-inner { gap: 20px !important; }
    .ev-video-placeholder {
        height: 185px !important;
        min-height: 185px !important;
        max-height: 185px !important;
    }
    .expertise-visual { display: none !important; }
}

/* ----------------------------------------------------------------
   6b. PSH SECTION — Kredi Analizi — Mobil: görseller korunuyor
   Yüksek specificity (.psh-section .xxx) kullanarak HeadStyles
   !important kurallarını override ediyoruz (server restart gereksiz)
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    /* Section: flex col — metin + telefonlar akışta */
    .psh-section.psh-section {
        height: auto !important;
        min-height: unset !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    /* gorsel48 — mobilde büyütülmüş */
    .psh-section .psh-g15-img {
        display: block !important;
        position: relative !important;
        inset: unset !important;
        width: min(100%, 560px) !important;
        max-width: 560px !important;
        height: auto !important;
        max-height: 604px !important;
        margin: 4px auto 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        order: 2 !important;
        z-index: 2 !important;
    }
    .psh-section .psh-overlay {
        display: none !important;
    }
    /* El görseli gizle — mobilde konumlandırması bozuluyor */
    .psh-section .psh-left-img {
        display: none !important;
    }
    /* Başlık: akışa al, üste — min-height sıfırla */
    .psh-section .psh-text-overlay {
        position: relative !important;
        inset: unset !important;
        z-index: 4 !important;
        min-height: 0 !important;
        height: auto !important;
        width: 100% !important;
        padding: 12px 16px 2px !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: column !important;
        flex-shrink: 0 !important;
        order: 1 !important;
    }
    .psh-section .psh-headline {
        font-size: 26px !important;
        line-height: 1.2 !important;
        gap: 0.12em !important;
        text-shadow: none !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        color: #003F75 !important;
        align-items: center !important;
        width: 100% !important;
    }
    .psh-section .psh-headline-lead {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
    }
    .psh-section .psh-headline-lead .hl-rate {
        display: inline !important;
    }
    .psh-section .psh-headline-desc {
        display: block !important;
        width: 100% !important;
        max-width: min(280px, 92vw) !important;
        margin-inline: auto !important;
        text-align: center !important;
    }
    /* Telefon görselleri: akışa al, altta ortalanmış */
    .psh-section .psh-phones {
        display: flex !important;
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        height: auto !important;
        z-index: 3 !important;
        justify-content: center !important;
        align-items: flex-end !important;
        gap: 10px !important;
        padding: 12px 16px 0 !important;
        flex: 1 !important;
        order: 2 !important;
    }
    .psh-section .psh-phones img {
        height: 200px !important;
        width: auto !important;
        max-width: 110px !important;
        object-fit: contain !important;
        display: block !important;
        filter: drop-shadow(0 8px 20px rgba(0, 63, 117, 0.4)) !important;
    }
}

@media (max-width: 480px) {
    .psh-section.psh-section { height: auto !important; }
    .psh-section .psh-text-overlay {
        padding: 10px 14px 0 !important;
        min-height: 0 !important;
    }
    .psh-section .psh-headline { font-size: 22px !important; }
    .psh-section .psh-phones img {
        height: 160px !important;
        max-width: 90px !important;
    }
    .psh-section .psh-phones {
        gap: 6px !important;
        padding: 8px 12px 0 !important;
    }
}

/* ----------------------------------------------------------------
   7. HOW IT WORKS — 3 adım kartı
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .steps::before { display: none; }
}
@media (max-width: 600px) {
    .steps {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .step-card {
        padding: 24px 18px;
        display: flex;
        align-items: flex-start;
        text-align: left;
        gap: 16px;
    }
    .step-num {
        flex-shrink: 0;
        margin: 0;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
    .step-card-body { flex: 1; }
    .step-card h3 { font-size: 14px; margin-bottom: 6px; }
    .step-card p  { font-size: 13px; }
}

/* ----------------------------------------------------------------
   8. PRİCİNG SECTION — Fiyatlandırma
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        grid-template-columns: 1fr !important;
        padding: 40px 20px 48px !important;
        overflow-x: hidden !important;
    }
    .prs-right {
        display: none !important;
    }
    .prs-left {
        padding: 0 !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .prs-left .price-wrapper,
    .sec-pricing-split .prs-left .price-wrapper {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        transform: none !important;
    }
    .price-card-stack,
    .sec-pricing-split .price-card-stack {
        max-width: 100% !important;
        width: 100% !important;
        margin: 12px auto 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .sec-pricing-split .price-card,
    .price-card {
        padding: 28px 20px 24px !important;
        border-radius: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .sec-pricing-split .price-top,
    .price-top {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 10px !important;
    }
    .sec-pricing-split .price-amount,
    .price-amount {
        text-align: center !important;
    }
    .sec-pricing-split .price-num,
    .price-num {
        font-size: 48px !important;
    }
    .sec-pricing-split .price-name,
    .price-name {
        font-size: 18px !important;
    }
    .sec-pricing-split .price-feats,
    .price-feats {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        text-align: left !important;
        margin-bottom: 28px !important;
        padding: 8px 0 !important;
    }
    .sec-pricing-split .pf,
    .pf {
        font-size: 14px !important;
        gap: 8px !important;
        align-items: flex-start !important;
        line-height: 1.5 !important;
    }
    .sec-pricing-split .pf .chk,
    .pf .chk {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .sec-pricing-split .price-cta,
    .price-cta {
        padding: 16px 20px !important;
        font-size: 16px !important;
        min-height: 52px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .sec-pricing-split .payment-methods,
    .payment-methods {
        gap: 8px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-top: 14px !important;
        margin-bottom: 12px !important;
    }
    .sec-pricing-split .pay-badge img,
    .pay-badge img {
        height: 32px !important;
        width: auto !important;
    }
    .price-card-stack .price-badge,
    .sec-pricing-split .price-card-stack .price-badge {
        white-space: normal !important;
        max-width: 92% !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }
    .prs-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding-inline: 4px !important;
    }
    .prs-header .prs-eyebrow {
        order: 1;
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        margin-bottom: 12px !important;
    }
    .prs-header .prs-title {
        order: 2;
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }
    .prs-header .prs-sub {
        order: 3;
        width: 100% !important;
        max-width: 100% !important;
    }
    .prs-eyebrow {
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }
    .prs-title {
        font-size: clamp(22px, 5vw, 28px) !important;
    }
    .prs-sub {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }
    .sec-pricing-split .price-guarantee,
    .price-guarantee {
        display: block !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        padding-inline: 4px !important;
    }
    .price-guarantee-text {
        display: inline !important;
        text-align: left;
    }
    .price-guarantee-icon {
        display: inline !important;
        width: 13px !important;
        height: 13px !important;
        vertical-align: -0.15em !important;
        margin-right: 4px !important;
        flex-shrink: 0;
    }
}
@media (max-width: 640px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        padding: 36px 16px 44px !important;
    }
    .prs-left {
        padding: 0 !important;
    }
    .sec-pricing-split .price-card,
    .price-card {
        padding: 24px 16px 20px !important;
        border-radius: 18px !important;
    }
    .sec-pricing-split .price-num,
    .price-num {
        font-size: 44px !important;
    }
    .sec-pricing-split .price-name,
    .price-name {
        font-size: 17px !important;
    }
    .prs-title {
        font-size: 22px !important;
    }
    .prs-sub {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }
}
@media (max-width: 480px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        padding: 32px 14px 40px !important;
    }
    .price-badge,
    .price-card-stack .price-badge {
        font-size: 10px !important;
        padding: 4px 12px !important;
        white-space: normal !important;
        text-align: center !important;
        width: 90% !important;
        max-width: 280px !important;
    }
    .sec-pricing-split .price-card,
    .price-card {
        padding: 22px 14px 18px !important;
    }
    .sec-pricing-split .pf,
    .pf {
        font-size: 13px !important;
    }
    .sec-pricing-split .payment-methods,
    .payment-methods {
        gap: 6px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .sec-pricing-split .pay-badge img,
    .pay-badge img {
        height: 28px !important;
    }
    .sec-pricing-split .price-num,
    .price-num {
        font-size: 40px !important;
    }
    .price-trust-row {
        gap: 10px 16px;
    }
    .pt-item {
        font-size: 11px;
    }
}

/* ----------------------------------------------------------------
   9. PSH SECTION — Telefon showcase + Yazı overlay
   (KamuSegment'te @@media ile !important override da var)
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .psh-section {
        height: auto !important;
        min-height: unset !important;
        padding: 12px 16px 8px !important;
    }
    .psh-phones {
        display: none !important;
    }
    .psh-left-img {
        display: none !important;
    }
    .psh-section .psh-text-overlay {
        position: relative !important;
        padding: 12px 16px 2px !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
        inset: unset !important;
        width: 100% !important;
    }
    .psh-section .psh-headline {
        font-size: clamp(22px, 4.5vw, 32px) !important;
        line-height: 1.2 !important;
        gap: 0.12em !important;
        text-shadow: none !important;
        margin-bottom: 0 !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    .psh-section .psh-headline-lead {
        text-align: center !important;
        width: 100% !important;
    }
    .psh-section .psh-headline-desc {
        line-height: 1.35 !important;
        margin-top: 0 !important;
        text-align: center !important;
        margin-inline: auto !important;
        max-width: min(280px, 92vw) !important;
    }
    .psh-section .psh-g15-img {
        margin-top: 2px !important;
    }
    .psh-overlay {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .psh-section {
        min-height: unset !important;
        padding: 8px 14px 6px !important;
    }
    .psh-text-overlay {
        padding: 12px 14px 2px !important;
    }
    .psh-headline {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
}

/* ----------------------------------------------------------------
   10. IMAGE BANNER — Alt banner görseli
   ---------------------------------------------------------------- */
/* Emekli — HeadStyles 320px kısıtını override et (daha yüksek özgüllük) */
.seg-emekli.seg-emekli .img-banner-section {
    max-height: 520px !important;
    overflow: hidden !important;
    min-height: 420px !important;
}
.seg-emekli.seg-emekli .img-banner-img-wrap {
    max-height: 520px !important;
    min-height: 420px !important;
}
.seg-emekli.seg-emekli .img-banner-img {
    max-height: 520px !important;
    min-height: 420px !important;
    object-fit: cover !important;
    object-position: center center !important;
}
@media (max-width: 768px) {
    .img-banner-text {
        padding: 20px 20px 28px;
    }
    .img-banner-title {
        font-size: clamp(20px, 5vw, 30px) !important;
        line-height: 1.2;
    }
    .img-banner-sub {
        font-size: 13px;
        line-height: 1.65;
    }
}
@media (max-width: 480px) {
    .img-banner-section { min-height: 180px; }
    .img-banner-eyebrow { font-size: 11px; }
    .img-banner-title {
        font-size: clamp(18px, 5.5vw, 24px) !important;
        margin-bottom: 8px;
    }
    /* Küçük ekranda banner çok yüksek olmasın */
    .img-banner-img {
        max-height: 280px !important;
        object-fit: cover;
    }
}

/* ----------------------------------------------------------------
   11. TESTİMONİALS — Kullanıcı yorumları
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .testi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* inline style'la yazılmış testimonials grid */
    [style*="repeat(auto-fit"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .testi-grid {
        grid-template-columns: 1fr;
    }
    [style*="repeat(auto-fit"] {
        grid-template-columns: 1fr !important;
    }
    .testi-card {
        padding: 18px 16px;
    }
}
@media (max-width: 480px) {
    /* testi section'ı horizontal scroll'a al */
    .testi-section {
        padding: 52px 0;
    }
    .testi-inner {
        padding: 0 16px;
    }
    .testi-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 28px;
    }
    .testi-title {
        font-size: 24px;
    }
    /* Inline testimonials: tek kolon */
    div[style*="background:#fff"][style*="border-radius:16px"] {
        padding: 20px 16px !important;
    }
}

/* ----------------------------------------------------------------
   12. FAQ — Accordion
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
    .sec#sss {
        padding: 52px 16px;
    }
    .faq-q {
        padding: 18px 20px;
        gap: 12px;
    }
    .faq-q span {
        font-size: 14px;
    }
    .faq-a {
        padding: 0 20px;
        font-size: 14px;
    }
    .faq-item.open .faq-a {
        padding: 0 20px 16px;
    }
}
@media (max-width: 480px) {
    .faq-q {
        padding: 16px;
        min-height: 52px;
    }
    .faq-q span {
        font-size: 13.5px;
    }
    .faq-a {
        padding: 0 16px;
        font-size: 13px;
    }
    .faq-item.open .faq-a {
        padding: 0 16px 14px;
    }
    .faq-chevron {
        width: 28px;
        height: 28px;
        flex-shrink: 0;
    }
}

/* ----------------------------------------------------------------
   13. CTA SECTION — Final CTA bandı
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .cta-section {
        padding: 60px 20px;
    }
    .cta-section h2 {
        font-size: 26px;
    }
    .cta-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .btn-cta {
        justify-content: center;
        min-height: 52px;
        font-size: 15px;
    }
    .btn-cta.primary {
        padding: 16px 28px;
        font-size: 16px;
    }
    .cta-trust {
        gap: 12px;
    }
}
@media (max-width: 480px) {
    .cta-section {
        padding: 48px 16px;
    }
    .cta-section h2 {
        font-size: 22px;
        line-height: 1.2;
    }
    .cta-section p {
        font-size: 13px;
        margin-bottom: 24px;
    }
    .cta-trust {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .cta-trust-item {
        font-size: 12px;
    }
}

/* ----------------------------------------------------------------
   14. FLOATING CTA — Sağ alt köşe yüzen buton (mobil + dokunmatik)
   ---------------------------------------------------------------- */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
    .sticky-cta {
        display: flex !important;
        position: fixed !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        right: 16px !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        z-index: 99999 !important;
        transform: none !important;
        opacity: 1 !important;
        padding: 0 !important;
        border: none !important;
        border-top: none !important;
        background: transparent !important;
        box-shadow: none !important;
        gap: 0 !important;
        align-items: center !important;
        justify-content: unset !important;
    }
    .sticky-cta-info { display: none !important; }
    .sticky-cta-btn {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 50px !important;
        min-height: 50px !important;
        white-space: nowrap !important;
        box-shadow: 0 6px 20px rgba(0, 63, 117, .45), 0 2px 8px rgba(0, 63, 117, .15) !important;
        background: #003F75 !important;
        color: #fff !important;
        text-decoration: none !important;
        border: none !important;
        cursor: pointer !important;
    }
    .sticky-cta-btn::before {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #36FC99;
        flex-shrink: 0;
        animation: fab-pulse 1.8s ease-in-out infinite;
    }
    @keyframes fab-pulse {
        0%, 100% { transform: scale(1); opacity: 1; }
        50%       { transform: scale(1.5); opacity: .65; }
    }

    /* Mobil sağ alt — sabit Raporumu Oluştur */
    #mobFab,
    .mob-fab {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        align-items: center !important;
        gap: 8px !important;
        position: fixed !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        right: 16px !important;
        left: auto !important;
        top: auto !important;
        z-index: 99999 !important;
        background: #003F75 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        padding: 14px 20px !important;
        border-radius: 50px !important;
        white-space: nowrap !important;
        box-shadow: 0 6px 20px rgba(0, 63, 117, .50), 0 2px 8px rgba(0, 63, 117, .18) !important;
        border: none !important;
        min-height: 50px !important;
    }
    .mob-fab:hover,
    .mob-fab:focus,
    .mob-fab:active {
        background: #003F75 !important;
        color: #fff !important;
    }
    .mob-fab-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #36FC99 !important;
        flex-shrink: 0 !important;
    }
}

/* ----------------------------------------------------------------
   15. FOOTER — Mobil: 2 sütun nav, sıkı satır aralığı
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
    .footer {
        padding: 36px 0 16px !important;
        white-space: normal !important;
        line-height: normal !important;
    }
    .footer-inner {
        padding: 0 24px !important;
    }
    .footer-top {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-bottom: 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .footer-redirect {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        align-items: center !important;
        text-align: center !important;
        gap: 12px !important;
    }
    .footer-redirect p {
        width: 100% !important;
        max-width: 32em !important;
        margin-inline: auto !important;
        text-align: center !important;
        line-height: 1.55 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
    .footer-redirect-btn {
        width: auto !important;
        max-width: 100% !important;
        justify-content: center !important;
        margin-top: 2px !important;
        min-width: unset !important;
    }
    .footer-top .footer-col {
        padding-inline: 12px !important;
        box-sizing: border-box !important;
    }
    .footer-top .footer-col:nth-child(2),
    .footer-top .footer-col:nth-child(3) {
        margin-top: 20px !important;
    }
    .footer-top .footer-col:nth-child(2) {
        padding-left: 16px !important;
        padding-right: 6px !important;
    }
    .footer-top .footer-col:nth-child(3) {
        padding-left: 10px !important;
        padding-right: 16px !important;
    }
    .footer-top .footer-col:last-child {
        padding-inline: 16px !important;
    }
    .footer-brand {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
    }
    .footer-brand img {
        height: 40px !important;
    }
    .footer-brand p {
        margin-top: 8px !important;
        padding-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        max-width: 100% !important;
        white-space: normal !important;
    }
    .footer-social {
        margin-top: 10px !important;
        gap: 8px !important;
    }
    .footer-col h4 {
        font-size: 10px !important;
        margin-bottom: 6px !important;
        letter-spacing: 0.08em !important;
    }
    .footer-col ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }
    .footer-col ul li {
        margin-bottom: 0 !important;
    }
    .footer-col ul li a {
        font-size: 13px !important;
        line-height: 1.35 !important;
        min-height: unset !important;
        min-width: unset !important;
        display: inline-block !important;
        padding: 3px 0 !important;
    }
    /* Destek: tam genişlik alt satır */
    .footer-top .footer-col:last-child {
        grid-column: 1 / -1 !important;
    }
    .footer-partners {
        padding: 12px 0 !important;
    }
    .footer-partners-logos {
        height: 44px !important;
        background-size: 480px auto !important;
    }
    .footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 12px 0 !important;
    }
    .footer-bottom p {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
    .footer-legal {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4px 10px !important;
        width: 100% !important;
    }
    .footer-legal a {
        font-size: 11px !important;
        line-height: 1.35 !important;
        padding: 2px 0 !important;
        border-right: none !important;
        min-height: unset !important;
        min-width: unset !important;
    }
    .footer-legal-text {
        padding: 10px 0 calc(88px + env(safe-area-inset-bottom, 0px)) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .footer-legal-text p {
        font-size: 10px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        max-width: 100% !important;
    }
}
@media (max-width: 480px) {
    .footer {
        padding: 32px 0 12px !important;
    }
    .footer-inner {
        padding: 0 20px !important;
    }
    .footer-top {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding-bottom: 16px !important;
    }
    .footer-top .footer-col:nth-child(2) {
        padding-left: 12px !important;
        padding-right: 4px !important;
    }
    .footer-top .footer-col:nth-child(3) {
        padding-left: 8px !important;
        padding-right: 12px !important;
    }
    .footer-top .footer-col:last-child {
        padding-inline: 12px !important;
    }
    .footer-col ul li a {
        font-size: 12.5px !important;
    }
    .footer-bottom p,
    .footer-legal a {
        font-size: 10.5px !important;
    }
}

/* FAB alt boşluğu footer arka planında (lacivert) */
@media (max-width: 1024px) {
    body {
        padding-bottom: 0 !important;
    }
    .footer {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .footer-legal-text {
        padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    .footer-legal-text p {
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        max-width: 100% !important;
    }
}

/* ----------------------------------------------------------------
   16. GENEL SEC PADDING + BAŞLIK ORTALAMA — Tüm .sec blokları
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .sec { padding: 56px 20px; }
    .sec-head { margin-bottom: 36px; text-align: center; }
    .sec-title { font-size: 24px; text-align: center; }
    .sec-sub { text-align: center; }
    .eyebrow:not(.prs-eyebrow):not(.kf-eyebrow) { display: block; text-align: center; margin-inline: auto; }
    /* Mavi etiket kutuları — yazı kadar genişlik */
    .prs-eyebrow,
    .kf-eyebrow,
    .sec-head .eyebrow {
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }
    .prs-eyebrow, .prs-title, .prs-sub { text-align: center; }
    /* HOW IT WORKS başlığı */
    .hiw-head { text-align: center; }
    .hiw-title { text-align: center; }
    /* Features başlığı */
    .kf-head { text-align: center; }
}
@media (max-width: 640px) {
    .sec { padding: 48px 16px; }
    .sec-title { font-size: 22px; }
    .sec-head { margin-bottom: 28px; }
    .sec-sub { font-size: 13px; }
}
@media (max-width: 480px) {
    .sec { padding: 40px 14px; }
    .sec-title { font-size: 20px; }
    .eyebrow { font-size: 10px; padding: 4px 11px; }
}

/* ----------------------------------------------------------------
   17. CTA BAND (ctaband.css override) — padding
   ---------------------------------------------------------------- */
@media (max-width: 480px) {
    .cta-section {
        padding: 44px 14px 48px;
    }
}

/* ----------------------------------------------------------------
   18. INLINE DECORATION SECTIONS — Küçük ekranda gizle
   ---------------------------------------------------------------- */
@media (max-width: 640px) {
    /* G18 şerit — sadece görsel, mobilde gereksiz */
    .g18-section {
        display: none;
    }
    /* DPS (dark phone showcase) — dekoratif, mobilde gizle */
    .dps-section {
        display: none;
    }
}

/* ----------------------------------------------------------------
   20. YATAY SCROLL — parmak kaydırma desteği
   ---------------------------------------------------------------- */
@media (max-width: 640px) {
    .testi-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
        padding-bottom: 8px;
        /* snap */
        scroll-snap-type: x mandatory;
    }
    .testi-grid::-webkit-scrollbar { display: none; }
    .testi-card {
        flex: 0 0 280px;
        scroll-snap-align: start;
    }
}

/* ----------------------------------------------------------------
   21. SATIŞA ODAKLI — Aciliyet ve güven sinyalleri
   ---------------------------------------------------------------- */

/* Urgency text: göze çarp */
@media (max-width: 960px) {
    .hero-urgency {
        font-weight: 600;
        font-size: 12px;
        padding-inline: var(--gutter-x, 20px);
    }
    .hero-urgency-text {
        text-align: left;
        line-height: 1.45;
    }
    .cta-urgency {
        font-size: 12px;
    }
}

/* Fiyat rozetinin animasyonu mobilde daha belirgin */
@media (max-width: 960px) {
    .price-cta::after {
        animation: ctaShine 2s ease-in-out infinite;
    }
}

/* Step hint metni: mobilde göster */
@media (max-width: 600px) {
    .step-hint {
        display: block !important;
        font-size: 11px;
        color: #003F75;
        font-weight: 600;
        margin-top: 8px;
    }
}

/* ----------------------------------------------------------------
   22. NAV DRAWER — sağdan slide-in panel
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
    .nav-hamburger {
        margin-left: auto;
    }

    .nav-drawer {
        width: min(320px, 88vw);
    }

    .nav-drawer ul li a {
        min-height: 48px;
        display: flex;
        align-items: center;
    }
}

/* ----------------------------------------------------------------
   23. DARK PHONE SHOWCASE (DPS) — dekoratif bölüm
   ---------------------------------------------------------------- */
@media (max-width: 960px) {
    .dps-section {
        min-height: 120px;
        padding: 20px 0;
    }
}

/* ----------------------------------------------------------------
   24. MOBİL TİPOGRAFİ & RİTİM — başlık, boşluk, hizalama
   ---------------------------------------------------------------- */
@media (max-width: 767px) {
    .sec-head,
    .kf-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 28px !important;
    }

    .sec-title {
        display: inline-block !important;
        text-align: center !important;
        width: max-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        margin-bottom: 4px !important;
        line-height: 1.22 !important;
        letter-spacing: -0.02em !important;
    }

    .kf-head .kf-title {
        display: table !important;
        width: auto !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-bottom: 4px !important;
        line-height: 1.22 !important;
        letter-spacing: -0.02em !important;
    }

    .sec-title::after,
    .kf-head .kf-title::after,
    .prs-left .prs-title::after,
    .prs-left .sec-title.prs-title::after,
    .img-banner-text .img-banner-title::after,
    .expertise-content .sec-title::after {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
    }

    .prs-left .prs-title,
    .prs-left .sec-title.prs-title,
    .img-banner-text .img-banner-title,
    .expertise-content .sec-title {
        display: inline-block !important;
        width: max-content !important;
        max-width: 100% !important;
    }

    .sec-sub,
    .kf-sub {
        text-align: center !important;
        width: 100% !important;
        max-width: 34ch;
        margin-inline: auto !important;
        font-size: 13.5px !important;
        line-height: 1.62 !important;
    }

    .eyebrow:not(.prs-eyebrow) {
        margin-bottom: 2px !important;
    }

    .hero--fullbg .hfb-white-card {
        padding: 22px 18px !important;
    }

    .hero--fullbg .hfb-card-grid {
        gap: 20px !important;
    }

    .hero--fullbg .hfb-feats {
        gap: 10px !important;
    }

    .hero--fullbg .hfb-feats li {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    .hero--fullbg .hfb-right {
        padding-top: 20px !important;
    }

    .reviews-section .sec-head {
        margin-bottom: 24px !important;
    }

    .reviews-section .review-card {
        padding: 16px !important;
    }

    .reviews-section .review-text {
        font-size: 13.5px !important;
        line-height: 1.62 !important;
    }

    .faq-list .faq-q span {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .faq-list .faq-a {
        font-size: 13.5px !important;
        line-height: 1.62 !important;
    }

    .cta-section h2 {
        font-size: clamp(22px, 6vw, 28px) !important;
        line-height: 1.22 !important;
        max-width: 16ch;
        margin-inline: auto;
    }

    .cta-section p {
        font-size: 13.5px !important;
        line-height: 1.62 !important;
        max-width: 34ch;
        margin-inline: auto;
    }

    .img-banner-text {
        padding: 20px 16px !important;
    }

    .img-banner-sub {
        font-size: 14px !important;
        line-height: 1.6 !important;
        max-width: 34ch;
        margin-inline: auto !important;
    }
}

/* ---- inline #0 (nav/critical) ---- */

        /* ── Mobil Sağ Alt Floating Buton (masaüstünde gizle) ── */
        @media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
            #mobFab { display: none !important; }
        }
        @media (max-width: 1024px), (hover: none) and (pointer: coarse) {
            #mobFab {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                pointer-events: auto !important;
            }
        }
        .mob-fab-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #36FC99;
            flex-shrink: 0;
            animation: fabpulse 1.8s ease-in-out infinite;
        }
        @keyframes fabpulse {
            0%, 100% { transform: scale(1); opacity: 1; }
            50%       { transform: scale(1.5); opacity: .65; }
        }

        /* Nav'da Raporu Başvur butonu yok */
        .nav .btn-nav,
        .nav-inner > .btn-nav {
            display: none !important;
        }

        /* ── Birincil aksiyon = --blue (guideline §1). Lacivert override KALDIRILDI.
           Renk artık landing-custom.css token katmanından gelir; burada eziyoruz. ──
           Birincil butonlar: mavi dolu + beyaz + mavi gölge. */
        .btn-cta.primary {
            background: var(--blue);
            background-image: none;
            color: #fff;
            border-color: var(--blue);
            box-shadow: var(--sh-btn);
        }
        .btn-cta.primary:hover {
            background: var(--blue-d);
            border-color: var(--blue-d);
            box-shadow: var(--sh-btn-hover);
        }
    
/* ---- landing/css/lazy/expertise.css ---- */
/* ============================================================
   EXPERTISE SECTION — Premium Content & Visuals
   ============================================================ */

.sec-expertise {
    padding: var(--section-y, 80px) calc(var(--s-9) + var(--s-3));
    background: #FFFFFF;
    overflow: hidden;
}

.sec-expertise-inner {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 48px;
    align-items: center;   /* video ile 3 adım kartı dikeyde dengeli; alttaki boşluk kapanır */
    max-width: 1400px;
    margin: 0 auto;
}

/* Visual Column */
.expertise-visual {
    position: relative;
    padding-bottom: 60px;
}

.visual-dots {
    position: absolute;
    bottom: 0;
    left: -40px;
    width: 120px;
    height: 120px;
    background-image: radial-gradient(#E6F7FF 2px, transparent 2px);
    background-size: 20px 20px;
    z-index: 0;
}

.visual-img-main {
    position: relative;
    z-index: 2;
    width: 85%;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 63, 117, 0.1);
}

.visual-img-main img {
    width: 100%;
    height: auto;
    display: block;
}

.visual-img-sub {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 55%;
    z-index: 3;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 40px -10px rgba(0, 63, 117, 0.15);
    border: 8px solid #fff;
}

.visual-img-sub img {
    width: 100%;
    height: auto;
    display: block;
}

.floating-students-card {
    position: absolute;
    top: 30px;
    right: -40px;
    background: #fff;
    padding: 16px 24px;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0, 63, 117, 0.08);
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fs-count {
    font-weight: 700;
    color: #003F75;
    font-size: 1rem;
    white-space: nowrap;
}

.fs-avatars {
    display: flex;
    align-items: center;
}

.fs-avatars img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -8px;
}

.fs-avatars img:first-child { margin-left: 0; }

.fs-plus {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E6F7FF;
    color: #36FC99;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    margin-left: -8px;
    border: 2px solid #fff;
}

/* Content Column */
.expertise-content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px;
    max-height: 500px;
}

.expertise-arrow {
    position: absolute;
    top: -50px;
    right: 20px;
    width: 80px;
    height: 80px;
    color: #003F75;
    transform: rotate(15deg);
    opacity: 0.6;
}

.expertise-content h2 {
    flex-shrink: 0;
    margin-bottom: 22px;
    line-height: 1.15;
    position: relative;
    font-size: clamp(30px, 2.6vw, 38px);
    font-weight: 900;
    letter-spacing: -0.025em;
}

.expertise-content .sec-title .hl {
    display: inline;
    white-space: nowrap;
    color: var(--c-navy);
}

.expertise-items {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-height: 0;
}

.exp-item {
    background: #fff;
    flex: 1 1 0;
    min-height: 0;
    padding: 20px 22px;
    border-radius: 18px;
    display: grid;
    grid-template-columns: 56px 1fr;
    column-gap: 18px;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 63, 117, 0.05), 0 2px 4px -1px rgba(0, 63, 117, 0.03);
    border: 1px solid #E6F7FF;
}

.exp-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(46, 109, 248, 0.18);
    border-color: #2E6DF8;
}

.exp-step-num {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    flex-shrink: 0;
}

.exp-step-num-val {
    font-size: clamp(26px, 2.2vw, 32px);
    font-weight: 800;
    color: #003F75;
    line-height: 1;
    letter-spacing: -0.03em;
}

.exp-step-num-line {
    display: block;
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background: var(--c-green, #36FC99);
}

.exp-texts {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 0;
    padding-block: 2px;
}

.exp-texts h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #003F75;
    line-height: 1.35;
    margin: 0;
}

.exp-texts p {
    font-size: clamp(15px, 1.05vw, 17px);
    color: #003F75;
    line-height: 1.55;
    font-weight: 500;
    margin: 0;
}

/* ── Expertise Video (sol kolon) ── */
/* ── Video: markalı YATAY sahne — yanlar marka gradient + faint logo, ortada dikey video ── */
.ev-stage {
    position: relative;
    display: flex; align-items: center; justify-content: center;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
/* yanlardaki faint marka logosu (check) — dekoratif */
.ev-stage__mark {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 30%; max-width: 200px; color: #fff; opacity: .16;
    pointer-events: none; z-index: 0;
}
.ev-stage__mark svg { width: 100%; height: auto; display: block; }
.ev-stage__mark--l { left: -4%; }
.ev-stage__mark--r { right: -4%; }

/* videonun yanındaki el-çizimi not (Caveat) + kıvrımlı ok */
.ev-note {
    position: absolute; left: clamp(0px, 3%, 56px); top: 8%;
    z-index: 2; pointer-events: none;
    display: flex; flex-direction: column; align-items: center;
    width: clamp(120px, 22%, 168px);
}
.ev-note__text {
    font-family: 'Caveat', 'Poppins', cursive;
    font-size: clamp(22px, 2.3vw, 32px); font-weight: 700; line-height: 1.02;
    color: var(--navy); text-align: center; transform: rotate(-7deg);
}
.ev-note__arrow { width: 100%; max-width: 110px; height: auto; color: var(--neon); margin-top: 18px; align-self: center; transform: scaleX(-1) rotate(45deg); }
/* Mobil: not videonun yanına sığmaz → videonun ÜSTÜNDE, ok aşağı (play'e) bakar */
@media (max-width: 980px) {
    .ev-stage { flex-direction: column; }
    .ev-note {
        display: flex; position: static;
        left: auto; top: auto; width: 200px; max-width: 80%;
        margin: 0 auto 2px; order: -1;
    }
    .ev-note__text { font-size: 24px; transform: rotate(-3deg); }
    /* sabit px genişlik — yüzde + shrink-to-fit SVG şişme hatasını önler */
    .ev-note__arrow { width: 46px; max-width: 46px; margin-top: 6px; transform: none; }
}

/* ortadaki dikey video — poster yok; sade marka gradient zemin (CSS) + HTML play overlay */
.ev-stage__video {
    position: relative; z-index: 1;
    width: clamp(220px, 46%, 300px);
    aspect-ratio: 9 / 16;             /* gerçek video oranı → alan rezerve, CLS yok */
    border-radius: 18px; overflow: hidden;
    background: var(--navy) url('/landing/img/bg-mobil-720.jpg') center top / cover no-repeat;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
    container-type: inline-size;   /* alttaki yazılar cqw ile ölçeklensin (telefon overlay'i gibi) */
}

.ev-cover-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* mobile-sales.css eski yatay-kart kurallarını etkisiz kıl (sahne gradient + gölgesi korunur) */
.sec-expertise .expertise-video {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
}
.ev-stage__video .ev-cover-img { height: 100% !important; object-fit: cover !important; }

.ev-overlay { position: absolute; inset: 0; background: transparent; }

@media (max-width: 768px) {
    .ev-stage { padding: 20px; }
    .ev-stage__video { width: clamp(200px, 62%, 280px); }
    .ev-stage__mark { width: 26%; opacity: .08; }
}

.ev-center {
    position: absolute; inset: 0;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 12px;
}

.ev-play-btn {
    width: 68px; height: 68px;
    border-radius: 50%;
    background: rgba(255,255,255,0.95);
    border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 32px rgba(0, 63, 117, 0.25);
    transition: transform .2s, box-shadow .2s;
}
.ev-play-btn:hover { transform: scale(1.08); box-shadow: 0 12px 40px rgba(0, 63, 117, 0.32); }
.ev-play-btn svg { width: 28px; height: 28px; color: var(--blue); margin-left: 4px; }

/* Telefon overlay'iyle aynı dil: beyaz, kalın, gölgeli, cqw ile ölçekli */
.ev-label {
    font-size: 7cqw; font-weight: 800;
    color: #fff; letter-spacing: .01em; line-height: 1.15;
    text-shadow: 0 1px 6px rgba(0, 63, 117, .45);
}
.ev-hint {
    font-size: 4.4cqw; font-weight: 500;
    color: #fff; opacity: .92; line-height: 1.3;
    text-shadow: 0 1px 6px rgba(0, 63, 117, .45);
}

/* Alt bilgi satırı */
.ev-info-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #E6F7FF;
    border-radius: 12px;
    padding: 14px 20px;
}
.ev-info-item {
    display: flex; align-items: center; gap: 7px;
    font-size: 12px; font-weight: 600; color: #003F75;
    flex: 1; justify-content: center;
}
.ev-info-item svg { width: 15px; height: 15px; stroke: #2E6DF8; flex-shrink: 0; }
.ev-info-sep { width: 1px; height: 24px; background: #E6F7FF; flex-shrink: 0; }

/* Responsive — detaylı mobil stiller mobile-sales.css'de */
@media (max-width: 1024px) {
    .sec-expertise-inner {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .expertise-visual {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .visual-img-sub {
        width: 65%;
        bottom: -20px;
    }
    .floating-students-card {
        right: -20px;
        padding: 12px 16px;
    }
}

@media (max-width: 480px) {
    .expertise-visual {
        display: none; /* Görsel sütunu küçük ekranlarda gizle, içeriğe odaklan */
    }
    .sec-expertise-inner {
        gap: 0;
    }
}

/* ---- landing/css/lazy/profiles-showcase.css ---- */
/* ── Hero--g3 beyaz zemin override (tüm kuralları ezer) ── */
.hero--g3,
.hero--g3.hero--g3,
.hero--cover {
    background: #ffffff !important;
}

.hero--fullbg {
    background: transparent !important;
}

.hero--g3 .hero-stats-bar,
.hero--cover .hero-stats-bar {
    background: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.hero--g3 .stat-item,
.hero--cover .stat-item,
.hero--fullbg .stat-item {
    background: #E6F7FF;
    border: 1px solid #D4E6F7;
    border-radius: 14px;
}

.hero--fullbg .hero-stats-bar,
.hero--fullbg .hero-urgency {
    background: transparent !important;
    border-top: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.hero--fullbg .stat-val,
.hero--fullbg .stat-lbl,
.hero--fullbg .hero-urgency-text {
    color: #003F75 !important;
}

.hero--g3 .urgency-strip {
    background: #E6F7FF !important;
    border-top: 1.5px solid #E6F7FF !important;
}

/* ============================================================
   Dinamik Hero — Beyaz Zemin
   ============================================================ */

.hero--g3 {
    background: #ffffff !important;
    position: relative;
    overflow: hidden;
}

/* Soluk mavi blob — beyaz zeminde hafif derinlik */
.hero--g3::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 55vw;
    height: 65vh;
    background: radial-gradient(ellipse at center, rgba(46, 109, 248, 0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.hero--g3 .hero-inner {
    position: relative;
    z-index: 1;
}

/* Portrait container — panel arka planı + görsel tam dolum */
.hero--g3 .hero-visual-g3 {
    background: linear-gradient(135deg, #E6F7FF 0%, #dbeeff 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

/* Sağ mavi diagonal panel varsa kapat */
.hero--g3 .hero-visual-g3::before,
.hero--g3 .hero-visual-g3::after {
    display: none !important;
}

/* Portrait fotoğraf — kartı boşluksuz doldurur */
.hero--g3 .portrait-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top-left-radius: inherit;
}

.hero--g3 .portrait-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center 25%;
    display: block;
}

/* Hero white card — beyaz zeminde hafif border ve shadow */
.hero--g3 .hero-white-card {
    background: #ffffff;
    border: 1px solid rgba(0, 63, 117, 0.10);
    box-shadow: 0 8px 40px rgba(0, 63, 117, 0.10);
}

/* Badge — beyaz zeminde görünür */
.hero--g3 .kamu-badge {
    background: rgba(54, 252, 153, 0.10);
    border: 1.5px solid rgba(54, 252, 153, 0.35);
    color: #12b87a;
}

/* Başlık rengi beyaz zeminde güzel durur */
.hero--g3 h1 {
    color: #003F75;
}

.hero--g3 h1 .hl-rate {
    color: #2E6DF8;
}

/* Bullet check işaretleri */
.hero--g3 .hero-feat-chk {
    background: rgba(46, 109, 248, 0.10);
    color: #2E6DF8;
}

/* ============================================================
   PROFILES SHOWCASE — Premium Dark Section
   ============================================================ */

.sec-profiles-showcase {
    padding: 40px 0;
    overflow: hidden;
    max-height: 320px;
    background: #2E6DF8;
    color: #ffffff;
    position: relative;
}

.profiles-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    padding: 0 16px;
}

.profile-card {
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 3/4;
    max-height: 140px;
}

.profile-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* Background Glows */
.sec-profiles-showcase::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(46, 109, 248, 0) 70%);
    pointer-events: none;
}

.sec-profiles-showcase__inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Top Phones Grid */
.profiles-top-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 80px;
}

.profile-phone-card {
    background: #003F75;
    border-radius: 40px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 40px rgba(0, 63, 117, 0.4);
    transition: transform 0.3s ease;
}

.profile-phone-card:hover {
    transform: translateY(-10px);
    border-color: rgba(46, 109, 248, 0.4);
}

.profile-phone-screen {
    background: #003F75;
    border-radius: 32px;
    aspect-ratio: 9 / 19.5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    position: relative;
}

.profile-phone-screen--img {
    padding: 0;
}

.phone-screen-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 32px;
}

.phone-step-num {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
}

.phone-step-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* Specific Screen Contents */
.screen-content-input {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

.screen-cursor {
    display: inline-block;
    width: 1px;
    height: 1.2em;
    background: #2E6DF8;
    margin-left: 2px;
    animation: blink 1s infinite;
}

@keyframes blink {
    50% { opacity: 0; }
}

.screen-btn-primary {
    margin-top: auto;
    background: linear-gradient(90deg, #2E6DF8, #2E6DF8);
    border: none;
    border-radius: 12px;
    padding: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
}

.screen-gender-circles {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.gender-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    gap: 4px;
}

.gender-circle svg {
    width: 24px;
    height: 24px;
    stroke: rgba(255, 255, 255, 0.6);
}

/* Alt bölüm — gorsel10.jpg: sol metin, sağda 3 üst üste telefon */
.sec-profiles-showcase .profiles-bottom-wrap.ps2-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 48px;
    text-align: left;
    max-width: 1160px;
    margin: 0 auto;
}

.sec-profiles-showcase .profiles-bottom-text.ps2-bottom-left {
    width: auto;
    max-width: none;
    padding-right: 12px;
}

.sec-profiles-showcase .profiles-bottom-text h2.ps2-bottom-title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 900;
    line-height: 1.08;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}

.sec-profiles-showcase .profiles-bottom-text h2.ps2-bottom-title span {
    color: rgba(255, 255, 255, 0.78);
}

.sec-profiles-showcase .profiles-bottom-text p.ps2-bottom-sub {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.72);
    max-width: 400px;
    margin: 0;
}

.sec-profiles-showcase .profiles-bottom-visual.ps2-bottom-right {
    position: relative;
    height: 560px;
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
}

.sec-profiles-showcase .profiles-bottom-visual .ps2-ref-img--bottom {
    position: absolute;
    right: -12%;
    top: 50%;
    transform: translateY(-50%);
    width: 165%;
    max-width: none;
    height: auto;
    min-height: 115%;
    object-fit: cover;
    object-position: 72% 82%;
    pointer-events: none;
    user-select: none;
    display: block;
}

/* Responsive */
@media (max-width: 1024px) {
    .profiles-top-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sec-profiles-showcase .profiles-bottom-wrap.ps2-bottom {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    .sec-profiles-showcase .profiles-bottom-text.ps2-bottom-left {
        padding-right: 0;
    }
    .sec-profiles-showcase .profiles-bottom-text p.ps2-bottom-sub {
        margin: 0 auto;
    }
    .sec-profiles-showcase .profiles-bottom-visual.ps2-bottom-right {
        height: 420px;
        max-width: 100%;
        margin: 0 auto;
    }
    .sec-profiles-showcase .profiles-bottom-visual .ps2-ref-img--bottom {
        width: 150%;
        right: -18%;
        object-position: 70% 84%;
    }
}

@media (max-width: 640px) {
    .profiles-top-grid {
        grid-template-columns: 1fr;
    }
    .sec-profiles-showcase .profiles-bottom-visual.ps2-bottom-right {
        height: 340px;
    }
    .sec-profiles-showcase .profiles-bottom-visual .ps2-ref-img--bottom {
        width: 175%;
        object-position: 68% 86%;
    }
}

/* ---- inline #1 (_Layout: nav/footer/footer-partners/legal) ---- */

    :root {
        --seg-accent:    #2E6DF8;
        --seg-accent-bg: #E6F7FF;
    }
    .kamu-badge {
        background: rgba(54, 252, 153, 0.10) !important;
        color: #12b87a !important;
        border-color: rgba(54, 252, 153, 0.35) !important;
    }
    .kamu-badge .live-dot {
        background: #36FC99 !important;
        box-shadow: 0 0 0 3px rgba(54, 252, 153, 0.25) !important;
    }
    .seg-emekli .hero-feat-chk { background: rgba(54, 252, 153, 0.15) !important; color: #36FC99 !important; }
    .seg-emekli .step-num { background: #36FC99 !important; color: var(--ink) !important; }
    .live-dot          { background: var(--seg-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--seg-accent) 25%, transparent) !important; }
    .hero-feat-chk     { background: var(--seg-accent-bg) !important; color: var(--seg-accent) !important; }
    .kf-section .kf-eyebrow {
        color: #2E6DF8 !important;
        background: #E6F7FF !important;
        border-color: #D4E6F7 !important;
    }
    .kf-section .kf-dot { background: #2E6DF8 !important; }
    .chk               { background: var(--blue) !important; color: #fff !important; }
    /* .price-cta navy override KALDIRILDI — landing-custom.css artık --blue veriyor */
    .step-num          { background: var(--seg-accent) !important; }
    /* (Ölü dual-CTA hero + pricing-img stilleri kaldırıldı — canlı hero 2-adım apply-form; pricing /kamu'da yok.) */

    /* Sağlık — fiyatlandırma: üst/alt boşlukları görsel bitişine hizala */
    body[class*="saglik"] .sec-expertise {
        padding-bottom: 24px !important;
    }
    /* Emekli — banner görseli */
    .seg-emekli .img-banner-section {
        max-height: 560px !important;
        overflow: hidden;
    }
    .seg-emekli .img-banner-img {
        object-fit: cover;
        max-height: 560px !important;
        object-position: center center;
    }
    /* PSH — sade, ortalı başlık bandı (görseller kaldırıldı) */
    .psh-section {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        display: block !important;
        grid-template-columns: none !important;
        padding: 64px 24px !important;
        text-align: center;
    }
    .psh-section .psh-text-overlay {
        position: static !important;
        transform: none !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: block !important;
    }
    .psh-section .psh-headline {
        align-items: center !important;
        text-align: center !important;
        font-size: clamp(28px, 3.6vw, 44px) !important;
        gap: 0.08em;
        line-height: 1.08;
    }
    .psh-headline-line {
        display: block;
        width: 100%;
        white-space: normal;
        letter-spacing: -0.025em;
        font-weight: 800;
        color: var(--ink);
        max-width: none;
    }
    .psh-section .psh-headline-desc {
        margin: 20px auto 0 !important;
        max-width: 760px !important;
        text-align: center !important;
        font-size: clamp(15px, 1.6vw, 17px) !important;
        line-height: 1.7 !important;
        color: var(--ink-soft) !important;
        font-weight: 400 !important;
    }

    /* Sağlık — Her Zaman Yanınızdayız (gorsel30): orta kutu, görsel tam sığar */
    body[class*="saglik"] .img-banner-section {
        margin-top: 0 !important;
        padding: 0 clamp(16px, 3vw, 32px) !important;
        max-width: min(640px, 92vw) !important;
        margin-inline: auto !important;
    }
    body[class*="saglik"] .img-banner-img-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
        line-height: normal;
        overflow: hidden;
        border-radius: 16px;
        background: #f4f9ff;
        border: 1px solid #dce9f8;
        box-shadow: 0 8px 24px rgba(0, 63, 117, 0.06);
    }
    body[class*="saglik"] .img-banner-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: min(360px, 52vw) !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        padding: clamp(10px, 2.5vw, 16px) !important;
        box-sizing: border-box !important;
        border-radius: 12px;
    }
    body[class*="saglik"] .img-banner-text {
        padding: 28px 20px 20px !important;
    }
    body[class*="saglik"] .psh-section {
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    @media (min-width: 961px) {
    body[class*="saglik"] .psh-section .psh-text-overlay {
        top: 56px !important;
    }
    }
    /* Tüm segmentler — fiyatlandırma layout (yalnızca masaüstü) */
    @media (min-width: 961px) {
    #fiyat.sec-pricing-split,
    .sec-pricing-split {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr) !important;
        align-items: stretch !important;
        gap: 0 !important;
        max-width: none !important;
        width: 100% !important;
        margin-inline: 0 !important;
        padding: 48px 32px 48px clamp(24px, 3.5vw, 48px) !important;
        overflow: visible !important;
        overflow-x: visible !important;
    }
    }
    .img-banner-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
        background: #ffffff !important;
        line-height: normal !important;
    }
    /* Banner — metin üstte ayrı blok, görsel altta (üst üste binme yok) */
    .img-banner-img-wrap {
        display: flex !important;
        flex-direction: column !important;
        line-height: normal !important;
    }
    .img-banner-overlay {
        display: none !important;
    }
    .img-banner-text {
        position: absolute !important;
        inset: 0 0 auto 0 !important;
        order: 0 !important;
        height: auto !important;
        background: transparent !important;
        padding: 48px 24px 0 !important;
        gap: 12px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: center !important;
        z-index: 2 !important;
    }
    .img-banner-eyebrow {
        background: rgba(255, 255, 255, 0.16) !important;
        color: #fff !important;
        border: 1px solid rgba(255, 255, 255, 0.32) !important;
        backdrop-filter: blur(4px) !important;
    }
    .img-banner-eyebrow svg {
        stroke: #fff !important;
    }
    .img-banner-title {
        color: #fff !important;
        text-shadow: 0 1px 8px rgba(0, 63, 117, .25) !important;
        margin-bottom: 8px !important;
    }
    .img-banner-title span {
        color: #fff !important;
    }
    .img-banner-sub {
        color: #fff !important;
        opacity: 0.92 !important;
        text-shadow: 0 1px 6px rgba(0, 63, 117, .25) !important;
    }
    .img-banner-img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center bottom !important;
    }
    @media (min-width: 961px) {
    .prs-left {
        padding-left: 0 !important;
        padding-right: 40px !important;
        align-items: flex-end !important;
        text-align: center !important;
        overflow: visible !important;
        overflow-x: visible !important;
    }
    .prs-left .price-wrapper {
        margin-left: auto !important;
        margin-right: 56px !important;
        max-width: 720px !important;
        width: 100% !important;
        transform: none !important;
    }
    .price-card-stack {
        position: relative !important;
        width: 100% !important;
        max-width: min(700px, 100%) !important;
        margin: 12px 56px 0 auto !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }
    .sec-pricing-split .price-card {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .price-card-stack .price-badge {
        position: absolute !important;
        top: -14px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 2 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }
    .sec-pricing-split .price-card {
        padding: 52px 52px 46px !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        border-radius: 24px !important;
    }
    .sec-pricing-split .price-num {
        font-size: 64px !important;
    }
    .sec-pricing-split .price-name {
        font-size: 22px !important;
    }
    .sec-pricing-split .price-feats {
        gap: 18px 40px !important;
        margin-bottom: 36px !important;
        padding: 12px 0 8px !important;
    }
    .sec-pricing-split .pf {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
        gap: 0 !important;
        max-width: 100% !important;
    }
    .sec-pricing-split .pf .chk {
        margin: 0 4px 0 0 !important;
        flex: 0 0 22px !important;
        flex-shrink: 0 !important;
        width: 22px !important;
        max-width: 22px !important;
    }
    .sec-pricing-split .pf-label {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    .sec-pricing-split .price-cta {
        padding: 24px 26px !important;
        font-size: 19px !important;
        margin-bottom: 22px !important;
    }
    .sec-pricing-split .payment-methods {
        margin-top: 18px !important;
        margin-bottom: 16px !important;
        gap: 14px !important;
        justify-content: center !important;
    }
    .sec-pricing-split .pay-badge img {
        height: 48px !important;
        width: auto !important;
    }
    .prs-right {
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative;
        background: #ffffff !important;
        min-height: 532px !important;
        height: 100% !important;
    }
    .sec-pricing-split .prs-woman-img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 532px !important;
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        object-fit: cover !important;
        object-position: right bottom !important;
        transform: none !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        align-self: stretch !important;
        image-rendering: auto !important;
    }
    body[class*="saglik"] #fiyat.sec-pricing-split,
    body[class*="saglik"] .sec-pricing-split {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        padding-left: clamp(24px, 3.5vw, 48px) !important;
        align-items: stretch !important;
    }
    body[class*="saglik"] .sec-pricing-split .prs-left {
        padding-block: 20px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        justify-content: center !important;
    }
    body[class*="saglik"] .sec-pricing-split .prs-header {
        margin-bottom: 16px !important;
    }
    body[class*="saglik"] .sec-pricing-split .prs-sub {
        margin-bottom: 16px !important;
    }
    body[class*="saglik"] .sec-pricing-split .prs-right {
        min-height: 0 !important;
        height: 100% !important;
        align-self: stretch !important;
        display: block !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body[class*="saglik"] .sec-pricing-split .prs-woman-img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: 86% 100% !important;
    }
    body[class*="saglik"] .sec-pricing-split .price-card {
        padding-bottom: 8px !important;
    }
    body[class*="saglik"] .sec-pricing-split .payment-methods {
        margin-bottom: 0 !important;
    }
    body[class*="saglik"] .sec-pricing-split .price-guarantee {
        margin-bottom: 0 !important;
    }
    body[class*="saglik"] .sec-pricing-split .price-card-stack {
        margin-top: 8px !important;
    }
    }

    /* ── Mobile overrides — !important satırlarını mobilde iptale alıyoruz ── */
    @media (max-width: 960px) {
        /* Gorsel44 şerit — mobil/tablette gizle */
        .g18-section {
            display: none !important;
        }
        /* Fiyatlandırma — mobil: tek kolon, kart ortada, masaüstü kuralları iptal */
        #fiyat.sec-pricing-split,
        .sec-pricing-split {
            grid-template-columns: 1fr !important;
            padding: 40px 20px 48px !important;
        }
        .prs-right {
            display: none !important;
        }
        .prs-left {
            padding: 0 !important;
            padding-right: 0 !important;
            align-items: center !important;
            text-align: center !important;
        }
        .prs-left .price-wrapper {
            max-width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            transform: none !important;
        }
        .price-card-stack {
            max-width: 100% !important;
            margin: 12px auto 0 !important;
            padding-right: 0 !important;
        }
        .sec-pricing-split .price-card {
            padding: 28px 20px 24px !important;
            border-radius: 20px !important;
            max-width: 100% !important;
        }
        .sec-pricing-split .price-top {
            gap: 10px !important;
        }
        .sec-pricing-split .price-top-row {
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            gap: 10px !important;
        }
        .sec-pricing-split .price-amount {
            text-align: center !important;
        }
        .sec-pricing-split .price-sub {
            text-align: center !important;
        }
        .sec-pricing-split .price-num {
            font-size: 48px !important;
        }
        .sec-pricing-split .price-name {
            font-size: 18px !important;
            max-width: 100% !important;
            padding-inline: 12px !important;
            text-align: center !important;
            align-items: center !important;
        }
        .sec-pricing-split .price-feats {
            grid-template-columns: 1fr !important;
            gap: 14px !important;
            margin-bottom: 28px !important;
            padding: 8px 0 !important;
            text-align: left !important;
        }
        .sec-pricing-split .pf {
            display: inline-flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            font-size: 14px !important;
            gap: 0 !important;
            line-height: 1.45 !important;
            max-width: 100% !important;
        }
        .sec-pricing-split .pf .chk {
            flex: 0 0 22px !important;
            max-width: 22px !important;
            width: 22px !important;
            margin: 0 4px 0 0 !important;
        }
        .sec-pricing-split .pf-label {
            flex: 0 1 auto !important;
            min-width: 0 !important;
            max-width: none !important;
        }
        .sec-pricing-split .price-cta {
            padding: 16px 20px !important;
            font-size: 16px !important;
            margin-bottom: 16px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
        .sec-pricing-split .payment-methods {
            gap: 8px !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin-top: 14px !important;
            margin-bottom: 12px !important;
        }
        .sec-pricing-split .pay-badge img {
            height: 32px !important;
            width: auto !important;
        }
        .price-card-stack {
            position: relative !important;
            overflow: visible !important;
        }
        .price-card-stack .price-badge {
            position: absolute !important;
            top: -14px !important;
            left: 50% !important;
            right: auto !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            z-index: 2 !important;
            text-align: center !important;
            justify-content: center !important;
            white-space: nowrap !important;
            width: auto !important;
            max-width: calc(100% - 24px) !important;
            font-size: 11px !important;
            line-height: 1.35 !important;
        }
        .prs-title {
            font-size: clamp(22px, 5vw, 28px) !important;
        }

        /* PSH section: flex kolon layout — telefon görselleri korunuyor */
        .psh-section {
            height: auto !important;
            min-height: unset !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
        }
        /* gorsel48 mobilde */
        .psh-g15-img {
            display: block !important;
            position: relative !important;
            inset: unset !important;
            width: min(100%, 560px) !important;
            max-width: 560px !important;
            height: auto !important;
            max-height: 604px !important;
            margin: 0 auto !important;
            object-fit: contain !important;
            object-position: center center !important;
            order: 2 !important;
            z-index: 2 !important;
        }
        .psh-overlay {
            display: none !important;
        }
        /* El görseli gizle — mobilde konumlandırması bozuluyor */
        .psh-left-img {
            display: none !important;
        }
        /* Metin: absolute yerine flow içinde — flex child */
        .psh-text-overlay {
            position: relative !important;
            inset: unset !important;
            z-index: 4 !important;
            min-height: 0 !important;
            height: auto !important;
            width: 100% !important;
            padding: 12px 16px 2px !important;
            margin-bottom: 0 !important;
            text-align: center !important;
            align-items: center !important;
            justify-content: center !important;
            display: flex !important;
            flex-direction: column !important;
            flex-shrink: 0 !important;
        }
        .psh-headline {
            font-size: 26px !important;
            line-height: 1.12 !important;
            gap: 0.18em !important;
            color: var(--ink) !important;
            text-shadow: none !important;
            text-align: center !important;
            margin-bottom: 0 !important;
            align-items: center !important;
            width: 100% !important;
            transform: none !important;
        }
        .psh-headline-line {
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            white-space: normal !important;
        }
        /* Telefon görselleri: flow içinde — ortalanmış, altta */
        .psh-phones {
            display: flex !important;
            position: relative !important;
            right: auto !important;
            bottom: auto !important;
            height: auto !important;
            z-index: 3 !important;
            justify-content: center !important;
            align-items: flex-end !important;
            gap: 8px !important;
            padding: 4px 16px 0 !important;
            flex: 1 !important;
        }
        .psh-phones img {
            height: 190px !important;
            width: auto !important;
            object-fit: contain !important;
            display: block !important;
        }
        body[class*="saglik"] .img-banner-section {
            max-width: min(520px, 94vw) !important;
        }
        body[class*="saglik"] .img-banner-img {
            max-height: min(280px, 58vw) !important;
            padding: 10px !important;
        }
        body[class*="saglik"] .img-banner-text {
            padding: 20px 16px 16px !important;
        }
    }

    /* Sabit mobil FAB — layout/CSS yüklenmese de görünür kalsın */
    @media (max-width: 1024px), (hover: none) and (pointer: coarse) {
        #mobFab,
        .mob-fab {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            position: fixed !important;
            right: 16px !important;
            bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
            z-index: 2147483646 !important;
        }
    }

    @media (max-width: 480px) {
        #fiyat.sec-pricing-split,
        .sec-pricing-split {
            padding: 32px 16px 40px !important;
        }
        .prs-left {
            padding: 0 !important;
        }
        .sec-pricing-split .price-card {
            padding: 24px 16px 20px !important;
        }
        .sec-pricing-split .price-num {
            font-size: 42px !important;
        }
        .sec-pricing-split .payment-methods {
            gap: 6px !important;
        }
        .sec-pricing-split .pay-badge img {
            height: 28px !important;
        }
        .psh-text-overlay {
            padding: 10px 14px 0 !important;
        }
        .psh-headline {
            font-size: 22px !important;
        }
        .psh-phones img {
            height: 155px !important;
        }
        .psh-phones {
            gap: 5px !important;
            padding: 4px 10px 0 !important;
        }
        /* Gorsel44 şerit — mobilde gizle */
        .g18-section {
            display: none !important;
        }
        /* DPS section — küçük ekranlarda gizle */
        .dps-section {
            display: none !important;
        }
    }

/* ---- inline #2 (page overrides) ---- */

        /* ── Tüm sayfalarda mobil: hero Gestalt + sabit FAB (HeadStyles sonrası, öncelikli) ── */
        @media (max-width: 1024px), (hover: none) and (pointer: coarse) {
            .hero-white-card h1,
            .hero--g3 .hero-content .hero-white-card h1 {
                margin-bottom: 2px !important;
            }
            .hero-white-card .hero-subtitle {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                line-height: 1.3 !important;
                font-size: 12px !important;
            }
            .hero-white-card .hero-feat-list {
                margin-top: 4px !important;
                margin-bottom: 0 !important;
                gap: 8px !important;
            }
            .hero-feat-item,
            .hero-white-card .hero-feat-item {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                gap: 8px !important;
            }
            .hero-feat-chk,
            .hero-white-card .hero-feat-chk {
                flex: 0 0 26px !important;
                max-width: 26px !important;
                width: 26px !important;
                margin-top: 0 !important;
            }
            .hero-feat-item > span:last-child,
            .hero-white-card .hero-feat-item span:last-child {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                max-width: none !important;
                padding-top: 0 !important;
            }
            #mobFab {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                pointer-events: auto !important;
            }
            /* PSH — Muhittin'e Özel başlık bloğu: sıkı grup */
            .psh-section {
                min-height: unset !important;
                padding-block: 12px !important;
            }
            .psh-section .psh-text-overlay {
                min-height: 0 !important;
                height: auto !important;
                width: 100% !important;
                padding: 12px 16px 2px !important;
                margin-bottom: 0 !important;
                text-align: center !important;
                align-items: center !important;
                justify-content: center !important;
            }
            .psh-section .psh-headline {
                gap: 0.12em !important;
                line-height: 1.2 !important;
                align-items: center !important;
                text-align: center !important;
                width: 100% !important;
                transform: none !important;
            }
            .psh-section .psh-headline-line {
                text-align: center !important;
                width: 100% !important;
                white-space: nowrap !important;
                max-width: none !important;
            }
            .psh-section .psh-g15-img {
                margin-top: 2px !important;
            }
            /* KF — Kredi Uygunluk Raporu rozeti ortada */
            .kf-head {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            .kf-eyebrow {
                display: inline-flex !important;
                width: fit-content !important;
                margin-inline: auto !important;
                margin-top: -8px !important;
            }
            .kf-title {
                display: table !important;
                width: auto !important;
                max-width: 100% !important;
                margin-inline: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
                text-align: center !important;
                align-self: center !important;
            }
            .kf-sub {
                align-self: stretch !important;
                width: 100% !important;
                text-align: left !important;
            }
        }