/*!
 * Font Awesome 6.5.0 — Kent Depo subset (110 icons)
 * Self-hosted, ~5KB CSS + ~11KB woff2
 * font-family aliases: "FA6S"/"Font Awesome 6 Free" (solid), "FA6B"/"Font Awesome 6 Brands"
 */
@font-face{font-family:"FA6S";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"FA6B";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/fa-brands-400.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/fa-brands-400.woff2") format("woff2")}
.fa,.fas,.fa-solid,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa,.fas,.fa-solid{font-family:"FA6S","Font Awesome 6 Free";font-weight:900}
.fab,.fa-brands{font-family:"FA6B","Font Awesome 6 Brands";font-weight:400}
.fa-spin{animation:fa-spin 2s linear infinite}
@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fa-fw{text-align:center;width:1.25em}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-award:before{content:"\f559"}
.fa-bars:before{content:"\f0c9"}
.fa-bolt:before{content:"\f0e7"}
.fa-box:before{content:"\f466"}
.fa-box-archive:before{content:"\f187"}
.fa-boxes-stacked:before{content:"\f468"}
.fa-briefcase:before{content:"\f0b1"}
.fa-building:before{content:"\f1ad"}
.fa-calculator:before{content:"\f1ec"}
.fa-calendar:before{content:"\f133"}
.fa-calendar-check:before{content:"\f274"}
.fa-calendar-day:before{content:"\f783"}
.fa-calendar-week:before{content:"\f784"}
.fa-certificate:before{content:"\f0a3"}
.fa-chart-line:before{content:"\f201"}
.fa-chart-simple:before{content:"\e473"}
.fa-check:before{content:"\f00c"}
.fa-check-circle:before{content:"\f058"}
.fa-check-double:before{content:"\f560"}
.fa-chevron-down:before{content:"\f078"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-circle:before{content:"\f111"}
.fa-circle-check:before{content:"\f058"}
.fa-circle-question:before{content:"\f059"}
.fa-circle-xmark:before{content:"\f057"}
.fa-clock:before{content:"\f017"}
.fa-cog:before{content:"\f013"}
.fa-copy:before{content:"\f0c5"}
.fa-couch:before{content:"\f4b8"}
.fa-cube:before{content:"\f1b2"}
.fa-edit:before{content:"\f044"}
.fa-envelope:before{content:"\f0e0"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-external-link-alt:before{content:"\f35d"}
.fa-eye:before{content:"\f06e"}
.fa-file-lines:before{content:"\f15c"}
.fa-fingerprint:before{content:"\f577"}
.fa-gauge:before{content:"\f624"}
.fa-gear:before{content:"\f013"}
.fa-gem:before{content:"\f3a5"}
.fa-globe:before{content:"\f0ac"}
.fa-graduation-cap:before{content:"\f19d"}
.fa-grip-vertical:before{content:"\f58e"}
.fa-handshake-angle:before{content:"\f4c4"}
.fa-headset:before{content:"\f590"}
.fa-history:before{content:"\f1da"}
.fa-home:before{content:"\f015"}
.fa-house:before{content:"\f015"}
.fa-house-chimney:before{content:"\e3af"}
.fa-image:before{content:"\f03e"}
.fa-images:before{content:"\f302"}
.fa-info-circle:before{content:"\f05a"}
.fa-key:before{content:"\f084"}
.fa-layer-group:before{content:"\f5fd"}
.fa-leaf:before{content:"\f06c"}
.fa-list:before{content:"\f03a"}
.fa-list-check:before{content:"\f0ae"}
.fa-list-ul:before{content:"\f0ca"}
.fa-location-dot:before{content:"\f3c5"}
.fa-lock:before{content:"\f023"}
.fa-magic:before{content:"\f0d0"}
.fa-magnifying-glass-plus:before{content:"\f00e"}
.fa-map:before{content:"\f279"}
.fa-map-location-dot:before{content:"\f5a0"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-minus:before{content:"\f068"}
.fa-mobile-alt:before{content:"\f3cd"}
.fa-newspaper:before{content:"\f1ea"}
.fa-palette:before{content:"\f53f"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-phone:before{content:"\f095"}
.fa-photo-film:before{content:"\f87c"}
.fa-plus:before{content:"\2b"}
.fa-quote-left:before{content:"\f10d"}
.fa-robot:before{content:"\f544"}
.fa-rocket:before{content:"\f135"}
.fa-route:before{content:"\f4d7"}
.fa-save:before{content:"\f0c7"}
.fa-search:before{content:"\f002"}
.fa-share-nodes:before{content:"\f1e0"}
.fa-shield-alt:before{content:"\f3ed"}
.fa-shield-halved:before{content:"\f3ed"}
.fa-shield-virus:before{content:"\e06c"}
.fa-sign-in-alt:before{content:"\f2f6"}
.fa-sign-out-alt:before{content:"\f2f5"}
.fa-snowflake:before{content:"\f2dc"}
.fa-star:before{content:"\f005"}
.fa-store:before{content:"\f54e"}
.fa-suitcase-rolling:before{content:"\f5c1"}
.fa-temperature-half:before{content:"\f2c9"}
.fa-th-large:before{content:"\f009"}
.fa-times:before{content:"\f00d"}
.fa-trash:before{content:"\f1f8"}
.fa-truck:before{content:"\f0d1"}
.fa-truck-ramp-box:before{content:"\f4de"}
.fa-user:before{content:"\f007"}
.fa-user-shield:before{content:"\f505"}
.fa-users:before{content:"\f0c0"}
.fa-video:before{content:"\f03d"}
.fa-wand-magic-sparkles:before{content:"\e2ca"}
.fa-warehouse:before{content:"\f494"}
.fa-xmark:before{content:"\f00d"}
.fa-facebook-f:before{content:"\f39e"}
.fa-instagram:before{content:"\f16d"}
.fa-whatsapp:before{content:"\f232"}
.fa-x-twitter:before{content:"\e61b"}

/* === Alias'lar — subset'te olmayan ikonlar için en yakın glyph'i kullan === */
.fa-handshake:before{content:"\f4c4"} /* → handshake-angle */
.fa-medal:before{content:"\f559"} /* → award */
.fa-tags:before{content:"\f06e"} /* → eye (Şeffaflık için en uygun) */
.fa-tag:before{content:"\f06e"}
.fa-clock-rotate-left:before{content:"\f1da"} /* → history (FA6 rename) */
.fa-bullseye:before{content:"\f135"} /* yok → rocket (mission/hedef) */

/* === Misyon/Vizyon ikon override (DB content değiştirmeden) ===
   ÖNEMLİ: section_id migration'da h2 başlığından türetiliyor
   "Misyonumuz" → slugify → id="misyonumuz"
   "Vizyonumuz" → slugify → id="vizyonumuz" */
.mv-card .fa-bullseye::before,
.mv-icon .fa-bullseye::before,
#misyon .mv-icon i::before,
#misyonumuz .mv-icon i::before {
    content: "\f135" !important; /* rocket */
    font-family: "FA6S", "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.mv-card .fa-eye::before,
.mv-icon .fa-eye::before,
#vizyon .mv-icon i::before,
#vizyonumuz .mv-icon i::before {
    content: "\f201" !important; /* chart-line */
    font-family: "FA6S", "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* === OVERRIDE: pseudo-element icon kullanan rule'lar için zorla FA6S === */
.faq-item summary::after,
.faq-item[open] summary::after,
[class*="faq"]::before,
[class*="faq"]::after { font-family: "FA6S" !important; font-weight: 900 !important; }

/* === FAQ TOGGLE ICON (HTML <i> ile, pseudo-element devre dışı) === */
.faq-item summary::after,
.faq-item[open] summary::after { display: none !important; content: none !important; }
.faq-item summary {
    display: flex !important;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
/* Sadece TEXT span'i genişlesin (toggle-icon DEĞİL) */
.faq-item summary > span:not(.faq-toggle-icon) {
    flex: 1 1 auto !important;
    min-width: 0;
}
/* FAQ toggle icon — CSS-only iki çizgi (font'tan tamamen bağımsız, kesin çalışır)
   Kapalı: + (yatay + dikey çizgi)  |  Açık: − (sadece yatay çizgi) */
.faq-toggle-icon {
    flex: 0 0 30px !important;       /* grow:0, shrink:0, basis:30px — genişlemez/küçülmez */
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 !important;       /* garanti kare */
    display: inline-block !important;
    position: relative !important;
    border-radius: 50% !important;
    background: var(--navy-light, #e8eef8) !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0 !important;
    transition: background 0.25s ease;
}
/* Yatay çizgi (her zaman görünür) */
.faq-toggle-icon::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 2px !important;
    background: var(--navy, #0B2547) !important;
    border-radius: 1px !important;
    transform: translate(-50%, -50%) !important;
    transition: background 0.25s ease;
    font-family: inherit !important;
    color: transparent !important;
}
/* Dikey çizgi (sadece KAPALI'da görünür, açıkken kaybolur → + olur −) */
.faq-toggle-icon::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 2px !important;
    height: 12px !important;
    background: var(--navy, #0B2547) !important;
    border-radius: 1px !important;
    transform: translate(-50%, -50%) !important;
    transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease;
    font-family: inherit !important;
    color: transparent !important;
}
/* AÇIK: orange yuvarlak + dikey çizgi gizli (sadece yatay = −) */
.faq-item[open] .faq-toggle-icon {
    background: var(--brand-orange, #E8541A) !important;
}
.faq-item[open] .faq-toggle-icon::before {
    background: #fff !important;
}
.faq-item[open] .faq-toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg) !important;
    opacity: 0 !important;
}

/* === A11Y: Renk kontrast düzeltmeleri (WCAG AA seviyesi) === */
/* how-step-no — gray-400 beyaz zeminde ~2.5:1 → gray-300'e biraz daha gör. opacity ile decoration karakteri */
.how-step-no {
    color: rgba(11, 37, 71, 0.10) !important;  /* dekoratif arka plan sayısı — opacity ile WCAG'dan muaf */
    -webkit-text-stroke: 1px transparent;
}
/* loc-section-title — orange #E8541A beyaz üzerinde 3.5:1 → 4.6:1 için darker */
.loc-section-title {
    color: var(--brand-orange-darker, #a33610) !important;
}
/* loc-card-cta "Detay →" — daha okunaklı */
.loc-card-cta {
    color: var(--brand-orange-darker, #a33610) !important;
}

/* === LCP candidate hero görseli — sadece mobil, küçük ama görünür === */
.hero-lcp-img {
    display: none;
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover;
    border-radius: 14px;
    margin: 0 0 16px;
    box-shadow: 0 8px 24px rgba(11,37,71,0.10);
}
@media (max-width: 880px) {
    .hero-lcp-img { display: block; }
}

/* === A11Y: Touch target masaüstünde de (Lighthouse Best Practices uyarısı) === */
.slider-dots > *,
.slider-dots button,
.gal-dots > *,
.gal-dots button,
.gal-dots .gal-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 50% !important;
    background: var(--gray-300) !important;
    background-clip: content-box !important;
    border: 8px solid transparent !important;     /* transparan hit area genişletmesi */
    box-sizing: content-box !important;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s ease;
}
.slider-dots > .is-active,
.slider-dots > .active,
.slider-dots button.active,
.gal-dots > .is-active,
.gal-dots > .active,
.gal-dots button.active,
.gal-dots .gal-dot.active {
    background: var(--brand-orange, #E8541A) !important;
    width: 24px !important;
    min-width: 24px !important;
    border-radius: 4px !important;
}

/* === A11Y: Ek kontrast düzeltmeleri (trust-band, certs, stat-bar) === */
/* Trust band text — beyaz/açık zeminde gray-500 → gray-700 */
.trust-band-text,
.trust-band-item {
    color: var(--gray-700, #374151) !important;
}
/* Stat-bar değerleri */
.stat-bar-label,
.stat-bar-sub {
    color: var(--gray-700, #374151) !important;
}
/* Certs foot text — küçük gri ipuçları */
.certs-foot-text {
    color: var(--gray-700, #374151) !important;
}
/* Hero eyebrow mini (üst rozet) */
.hero-eyebrow-mini {
    color: var(--brand-orange-darker, #a33610) !important;
}

/* Hero proof bar — mobil'de gizli */
@media (max-width: 880px) {
    .hero-proof-bar { display: none !important; }
}

/* ============================================================
 * DESKTOP HERO — AÇIK PREMIUM (sadece ≥881px)
 * Beyaz zemin + dekoratif blob'lar + yapısal layout iyileştirmesi
 * Renk değişikliği DEĞIL — gerçek tasarımsal hiyerarşi
 * ============================================================ */
@media (min-width: 881px) {

    /* === HERO — ilk fold viewport'a sığacak şekilde KOMPAKT === */
    .hero {
        position: relative;
        background:
            radial-gradient(ellipse 70% 50% at 15% 25%, rgba(232, 84, 26, 0.06) 0%, transparent 60%),
            radial-gradient(ellipse 60% 60% at 95% 70%, rgba(11, 37, 71, 0.05) 0%, transparent 60%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 60%, #f1f5f9 100%) !important;
        padding: 16px 0 32px !important;
        overflow: hidden;
        border-bottom: 1px solid #e5e7eb;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Pattern overlay — küçük noktalar (premium dokunuş, abartısız) */
    .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(rgba(11, 37, 71, 0.06) 1px, transparent 1px);
        background-size: 28px 28px;
        opacity: 0.6;
        mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 80%);
        -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 80%);
        pointer-events: none;
    }

    /* Decoratif blob'lar */
    .hero-deco-1 {
        width: 460px !important;
        height: 460px !important;
        top: -140px !important;
        right: -120px !important;
        background: radial-gradient(circle, rgba(11, 37, 71, 0.08) 0%, transparent 65%) !important;
        filter: blur(40px);
    }
    .hero-deco-2 {
        width: 340px !important;
        height: 340px !important;
        bottom: -100px !important;
        left: -60px !important;
        background: radial-gradient(circle, rgba(232, 84, 26, 0.10) 0%, transparent 65%) !important;
        filter: blur(30px);
    }
    .hero-deco-3 {
        display: block !important;
        position: absolute;
        width: 200px;
        height: 200px;
        top: 40%;
        right: 45%;
        background: radial-gradient(circle, rgba(232, 84, 26, 0.05) 0%, transparent 70%);
        filter: blur(50px);
        pointer-events: none;
    }

    /* === HERO GRID — daha sıkı layout === */
    .hero-grid {
        gap: 48px !important;
        grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr) !important;
        align-items: center !important;
        position: relative;
        z-index: 2;
        max-width: 1240px;
        margin: 0 auto;
    }

    /* === EYEBROW — beyaz pill badge — kompakt === */
    .hero-eyebrow-mini {
        display: inline-flex !important;
        align-items: center;
        gap: 10px !important;
        background: #fff !important;
        padding: 6px 14px !important;
        border-radius: 999px !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: 0 2px 8px rgba(11, 37, 71, 0.05);
        font-size: 10.5px !important;
        font-weight: 700 !important;
        color: var(--navy, #0B2547) !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 14px !important;
    }
    .he-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--brand-orange, #E8541A);
        box-shadow: 0 0 0 0 rgba(232, 84, 26, 0.5);
        animation: pulseHe 2.2s ease-in-out infinite;
    }
    @keyframes pulseHe {
        0%, 100% { box-shadow: 0 0 0 0 rgba(232, 84, 26, 0.6); }
        50% { box-shadow: 0 0 0 8px rgba(232, 84, 26, 0); }
    }

    /* === H1 — kompakt === */
    .hero-title {
        font-size: clamp(1.85rem, 3.2vw, 2.65rem) !important;
        font-weight: 800 !important;
        letter-spacing: -1.2px !important;
        line-height: 1.08 !important;
        margin-bottom: 12px !important;
        color: var(--navy, #0B2547) !important;
    }
    .hero-title .text-blue {
        background: linear-gradient(135deg, var(--brand-orange, #E8541A) 0%, #ff7a3d 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
    }

    /* === HERO DESC — kompakt === */
    .hero-desc {
        font-size: 14px !important;
        line-height: 1.55 !important;
        color: var(--gray-600, #4b5563) !important;
        margin-bottom: 14px !important;
        max-width: 540px;
    }

    /* === SEGMENT TAB GROUP === */
    .hero-segments {
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        padding: 4px !important;
        border-radius: 10px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 1px 3px rgba(11, 37, 71, 0.04);
    }
    .hero-segment {
        background: transparent !important;
        border: none !important;
        color: var(--gray-600, #4b5563) !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
        min-height: 48px !important;
        gap: 8px !important;
    }
    .hero-segment-text strong { font-size: 13.5px !important; }
    /* Long açıklama satırını gizle — sadece başlık görünsün */
    .hero-segment-text small { display: none !important; }
    .hero-segment.is-active {
        background: var(--navy, #0B2547) !important;
        box-shadow: 0 4px 12px rgba(11, 37, 71, 0.2);
    }
    .hero-segment.is-active .hero-segment-text strong,
    .hero-segment.is-active .hero-segment-text small {
        color: #fff !important;
    }
    .hero-segment.is-active .hero-segment-icon i {
        color: var(--brand-orange, #E8541A) !important;
    }

    /* === SLIDE FEATURES — beyaz kart, icon rozet === */
    .hero-slide-features {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 5px !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .hero-slide-features li {
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        padding: 9px 14px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px;
        font-size: 14px !important;
        font-weight: 600;
        color: var(--gray-700, #374151) !important;
        line-height: 1.4;
        box-shadow: 0 1px 3px rgba(11, 37, 71, 0.03);
    }
    .hero-slide-features li > i {
        color: var(--brand-orange, #E8541A) !important;
        font-size: 12px !important;
        background: var(--brand-orange-light, #fde8df);
        width: 24px;
        height: 24px;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        line-height: 1;
    }

    /* === CTA GROUP — kompakt === */
    .hero-cta-group {
        display: flex !important;
        gap: 10px !important;
        margin-bottom: 14px;
    }
    .btn-hero-primary {
        background: linear-gradient(135deg, var(--brand-orange, #E8541A), #ff7a3d) !important;
        color: #fff !important;
        padding: 11px 20px !important;
        border-radius: 9px !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        box-shadow: 0 6px 18px rgba(232, 84, 26, 0.28) !important;
        border: none !important;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        transition: all 0.22s ease;
    }
    .btn-hero-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(232, 84, 26, 0.4) !important;
    }
    .btn-hero-link {
        background: #fff !important;
        color: var(--navy, #0B2547) !important;
        padding: 11px 18px !important;
        border-radius: 9px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        border: 1px solid #e5e7eb !important;
        display: inline-flex !important;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        box-shadow: 0 1px 3px rgba(11, 37, 71, 0.04);
        transition: all 0.22s ease;
    }
    .btn-hero-link:hover {
        border-color: var(--brand-orange, #E8541A) !important;
        color: var(--brand-orange, #E8541A) !important;
    }

    /* TRUST BADGES (ISO/KVKK/Allianz/TSE 4-col grid) — desktop'ta da GİZLİ
       (Bilgiler proof bar'da var, sayfaya sığma için kaldırıldı) */
    .hero-trust-badges { display: none !important; }

    /* Proof bar (Güvenilir hizmet + ISO/Allianz/TSE + rating) — gizli */
    .hero-proof-bar { display: none !important; }
    .hero-proof-bar-label {
        font-size: 10.5px;
        font-weight: 700;
        color: var(--gray-500, #6b7280);
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }
    .hero-proof-bar-item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        font-weight: 600;
        color: var(--gray-700, #374151);
    }
    .hero-proof-bar-item i {
        color: var(--brand-orange, #E8541A) !important;
        font-size: 12px;
    }
    .hero-proof-bar-rating {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--navy, #0B2547);
    }
    .hero-proof-bar-rating .stars {
        color: #f5b400;
        letter-spacing: 1.5px;
        font-size: 14px;
    }
    .hero-proof-bar-rating small {
        color: var(--gray-500, #6b7280);
        font-weight: 500;
        font-size: 11px;
    }

    /* === WIZARD CARD === */
    .wizard-card {
        background: #fff !important;
        border-radius: 20px !important;
        padding: 28px !important;
        box-shadow:
            0 24px 60px rgba(11, 37, 71, 0.10),
            0 8px 24px rgba(11, 37, 71, 0.06),
            0 0 0 1px rgba(255, 255, 255, 1) inset !important;
        border: 1px solid #e5e7eb !important;
        position: relative;
        max-width: 100%;
    }
    .wizard-card::before {
        content: "★ Akıllı Asistan";
        position: absolute;
        top: -12px;
        left: 24px;
        background: linear-gradient(135deg, var(--brand-orange, #E8541A), #ff7a3d);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        padding: 5px 12px;
        border-radius: 999px;
        letter-spacing: 0.4px;
        box-shadow: 0 6px 14px rgba(232, 84, 26, 0.28);
    }
    .wiz-head h2 {
        color: var(--navy, #0B2547);
    }
}

/* ============================================================
 * TRUST BAND DESKTOP — sade, kurumsal istatistik şeridi (≥881px)
 * 8 öğe çok kalabalıktı, sadece ilk 5'i göster + premium tipografi
 * ============================================================ */
@media (min-width: 881px) {
    .trust-band {
        background: linear-gradient(180deg, #0e2a52 0%, #0B2547 100%) !important;
        padding: 32px 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: 0 4px 24px rgba(11, 37, 71, 0.12);
    }
    .trust-band-inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 0 !important;
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 24px !important;
    }
    /* Sadece ilk 5 öğeyi göster (50.000 TL Sigorta, 4.9/5 Google, fazlalıkları gizle) */
    .trust-band-item:nth-child(2n) { /* divider'lar */
        display: block !important;
    }
    .trust-band-item:nth-child(n+11) {
        display: none !important;  /* 5+ öğeden sonrası gizli (item+divider çift sayılı) */
    }

    .trust-band-item {
        flex: 1;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center;
        padding: 0 8px !important;
        font-size: 12.5px !important;
        color: rgba(255, 255, 255, 0.65) !important;
        font-weight: 500 !important;
        letter-spacing: 0.3px;
    }
    .trust-band-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        background: rgba(232, 84, 26, 0.15) !important;
        color: var(--brand-orange, #E8541A) !important;
        border-radius: 12px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin-bottom: 4px;
    }
    .trust-band-text {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }
    /* Büyük rakam */
    .stat-bar-value, .trust-band-value, .trust-band-item > strong {
        font-size: 24px !important;
        font-weight: 800 !important;
        color: #fff !important;
        line-height: 1 !important;
        letter-spacing: -0.5px;
    }
    .stat-bar-label, .trust-band-label, .trust-band-item > span {
        font-size: 11.5px !important;
        color: rgba(255, 255, 255, 0.6) !important;
        font-weight: 500 !important;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }
    /* Divider — subtle vertical line */
    .trust-band-divider {
        width: 1px !important;
        height: 48px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        margin: 0 8px !important;
        display: block !important;
    }
}