/* ═══════════════════════════════════════════════════════════════
   COBRA LOCKSMITH — ELEMENTOR KIT  v1.0
   Loaded once globally — never repeated per widget
   Prefix: ck-  (cobra kit)
   ═══════════════════════════════════════════════════════════════ */

/* ── TOKENS ───────────────────────────────────────────────────── */
:root {
    --ck-gold:       #C8903A;
    --ck-gold-l:     #E6B76B;
    --ck-gold-p:     #F5E8D0;
    --ck-gold-grad:  linear-gradient(135deg,#C8903A,#E6B76B);
    --ck-dark:       #05070C;
    --ck-dark-m:     #0D111A;
    --ck-dark-c:     #111827;
    --ck-cream:      #F7F5EF;
    --ck-cream-2:    #F9F5EC;
    --ck-white:      #fff;
    --ck-off-white:  #F9FAFB;
    --ck-text:       #243041;
    --ck-muted:      #6B7280;
    --ck-border-c:   #ECE3D3;
    --ck-fh:         'Barlow Condensed', sans-serif;
    --ck-fb:         'Barlow', sans-serif;
    --ck-r-sm:       8px;
    --ck-r-md:       13px;
    --ck-r-lg:       22px;
    --ck-r-xl:       28px;
}

/* ── BASE ─────────────────────────────────────────────────────── */
.ck-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 28px;
}

/* ── SECTION LABEL ────────────────────────────────────────────── */
.ck-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: var(--ck-fh);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ck-gold-l);
    margin-bottom: 10px;
}
.ck-label::before {
    content: "";
    width: 26px; height: 2px;
    background: var(--ck-gold);
    border-radius: 99px;
    flex-shrink: 0;
}
.ck-label--dk { color: var(--ck-gold); }

/* ── BUTTONS ──────────────────────────────────────────────────── */
.ck-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--ck-fh);
    font-weight: 800;
    font-size: 16px;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: var(--ck-r-md);
    padding: 14px 28px;
    text-decoration: none;
    transition: all .2s;
    cursor: pointer;
    white-space: nowrap;
    border: none;
}
.ck-btn-gold {
    background: var(--ck-gold-grad);
    color: var(--ck-dark);
    box-shadow: 0 10px 28px rgba(200,144,58,.22);
}
.ck-btn-gold:hover { opacity: .9; transform: translateY(-2px); color: var(--ck-dark); }
.ck-btn-outline {
    border: 2px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.05);
    color: #fff;
}
.ck-btn-outline:hover { border-color: var(--ck-gold); color: var(--ck-gold-l); }
.ck-btn-dark {
    background: var(--ck-dark);
    color: var(--ck-gold);
    border: 2px solid rgba(200,144,58,.35);
}
.ck-btn-dark:hover { background: var(--ck-gold); color: var(--ck-dark); }
.ck-btn-gold-out {
    border: 2px solid var(--ck-gold);
    color: var(--ck-gold);
    background: transparent;
}
.ck-btn-gold-out:hover { background: var(--ck-gold); color: var(--ck-dark); }
.ck-btn--sm { font-size: 14px; padding: 11px 20px; }

/* ── HERO SECTION ─────────────────────────────────────────────── */
.ck-hero {
    background:
        radial-gradient(circle at 82% 25%, rgba(200,144,58,.2), transparent 28%),
        radial-gradient(circle at 10% 10%, rgba(255,255,255,.05), transparent 22%),
        linear-gradient(135deg, #05070C 0%, #0B1220 54%, #05070C 100%);
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}
.ck-hero-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 48px;
    align-items: center;
}
.ck-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(200,144,58,.13);
    border: 1px solid rgba(200,144,58,.28);
    border-radius: 999px;
    padding: 9px 18px;
    margin-bottom: 20px;
}
.ck-eyebrow-dot {
    width: 7px; height: 7px;
    background: var(--ck-gold);
    border-radius: 50%;
    flex-shrink: 0;
    animation: ck-pulse 2s infinite;
}
@keyframes ck-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(200,144,58,.4); }
    50%      { box-shadow: 0 0 0 6px rgba(200,144,58,0); }
}
.ck-eyebrow-text {
    font-family: var(--ck-fh);
    font-size: 13px;
    font-weight: 800;
    color: #F0C77C;
    letter-spacing: .04em;
}
.ck-hero-h1 {
    font-family: var(--ck-fh);
    font-weight: 800;
    color: #fff;
    line-height: 1.02;
    letter-spacing: .005em;
    margin-bottom: 18px;
}
.ck-hero-h1 .ck-gold { color: var(--ck-gold); }
.ck-hero-desc {
    font-family: var(--ck-fb);
    font-size: 17px;
    color: rgba(255,255,255,.65);
    line-height: 1.75;
    margin-bottom: 24px;
    max-width: 520px;
}
.ck-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 30px;
}
.ck-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--ck-fb);
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    padding: 7px 13px;
    border-radius: 999px;
}
.ck-pill-tick {
    width: 18px; height: 18px;
    background: rgba(200,144,58,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ck-gold);
    font-size: 10px;
    flex-shrink: 0;
}
.ck-hero-btns {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* Callback card */
.ck-callback-card {
    background: linear-gradient(180deg, rgba(22,32,50,.98), rgba(13,17,26,.98));
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--ck-r-xl);
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(0,0,0,.4);
}
.ck-callback-header {
    background: linear-gradient(135deg, rgba(200,144,58,.17), rgba(255,255,255,.02));
    padding: 22px 26px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.ck-callback-title {
    font-family: var(--ck-fh);
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 0 0 4px;
}
.ck-callback-sub {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.5);
    margin: 0;
}
.ck-callback-body { padding: 22px 26px; }
.ck-callback-phone {
    display: block;
    text-align: center;
    font-family: var(--ck-fh);
    font-size: 28px;
    font-weight: 800;
    color: var(--ck-gold);
    text-decoration: none;
    margin-bottom: 14px;
    transition: color .15s;
}
.ck-callback-phone:hover { color: var(--ck-gold-l); }
.ck-callback-divider {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.4);
    text-align: center;
    margin-bottom: 12px;
}
.ck-form-placeholder {
    background: rgba(255,255,255,.04);
    border: 1px dashed rgba(200,144,58,.3);
    border-radius: 10px;
    padding: 16px;
    text-align: center;
}
.ck-form-placeholder p {
    font-family: var(--ck-fb);
    font-size: 12px;
    color: rgba(255,255,255,.4);
    margin: 0 0 8px;
}
.ck-form-placeholder code {
    font-size: 12px;
    color: var(--ck-gold);
    background: rgba(200,144,58,.1);
    padding: 4px 10px;
    border-radius: 6px;
}
.ck-callback-note {
    font-family: var(--ck-fb);
    font-size: 11px;
    color: rgba(255,255,255,.28);
    text-align: center;
    margin: 10px 0 0;
}

/* ── STATS BAR ────────────────────────────────────────────────── */
.ck-stats-bar { padding: 24px 0; }
.ck-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
}
.ck-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 0 14px;
}
.ck-stat:not(:last-child) { border-right: 1px solid rgba(5,7,12,.12); }
.ck-stat-icon {
    width: 44px; height: 44px;
    background: rgba(5,7,12,.13);
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.ck-stat-num {
    display: block;
    font-family: var(--ck-fh);
    font-size: 26px;
    font-weight: 800;
    color: var(--ck-dark);
    line-height: 1.1;
}
.ck-stat-label {
    font-family: var(--ck-fb);
    font-size: 12px;
    font-weight: 600;
    color: rgba(5,7,12,.68);
    line-height: 1.3;
}

/* ── GENERIC CARD GRID SECTION ────────────────────────────────── */
.ck-section { padding: 72px 0; }
.ck-section-head { text-align: center; margin-bottom: 46px; }
.ck-section-h2 {
    font-family: var(--ck-fh);
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 12px;
}
.ck-section-sub {
    font-family: var(--ck-fb);
    font-size: 16px;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto;
}

/* ── DARK CARD ────────────────────────────────────────────────── */
.ck-card-dk {
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ck-r-lg);
    padding: 26px;
    transition: all .2s;
    text-decoration: none;
    display: block;
    height: 100%;
}
.ck-card-dk:hover {
    border-color: rgba(200,144,58,.3);
    transform: translateY(-4px);
    box-shadow: 0 22px 58px rgba(0,0,0,.22);
}
.ck-card-dk-icon { font-size: 32px; margin-bottom: 14px; display: block; }
.ck-card-dk-h {
    font-family: var(--ck-fh);
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.2;
}
.ck-card-dk-p {
    font-family: var(--ck-fb);
    font-size: 14px;
    color: rgba(255,255,255,.55);
    line-height: 1.65;
    margin-bottom: 14px;
}
.ck-card-dk-link {
    font-family: var(--ck-fh);
    font-size: 12px;
    font-weight: 800;
    color: var(--ck-gold);
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none;
}

/* ── LIGHT CARD ───────────────────────────────────────────────── */
.ck-card-lt {
    background: #fff;
    border: 1px solid var(--ck-border-c);
    border-radius: 18px;
    padding: 18px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    box-shadow: 0 6px 22px rgba(5,7,12,.06);
    margin-bottom: 12px;
}
.ck-card-lt-icon {
    width: 44px; height: 44px;
    background: rgba(200,144,58,.1);
    border: 1px solid rgba(200,144,58,.2);
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.ck-card-lt-h {
    font-family: var(--ck-fb);
    font-size: 15px;
    font-weight: 700;
    color: var(--ck-text);
    margin-bottom: 4px;
}
.ck-card-lt-p {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: var(--ck-muted);
    line-height: 1.6;
    margin: 0;
}
.ck-card-lt-p a { color: var(--ck-gold); }

/* ── CREAM CARD (process steps) ───────────────────────────────── */
.ck-card-cr {
    background: var(--ck-cream-2);
    border: 1px solid var(--ck-border-c);
    border-radius: var(--ck-r-lg);
    padding: 28px;
    text-align: center;
    height: 100%;
}
.ck-step-num {
    width: 64px; height: 64px;
    background: var(--ck-gold-grad);
    border-radius: 18px;
    font-family: var(--ck-fh);
    font-size: 28px;
    font-weight: 800;
    color: var(--ck-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    box-shadow: 0 6px 20px rgba(200,144,58,.26);
}
.ck-card-cr-h {
    font-family: var(--ck-fh);
    font-size: 20px;
    font-weight: 800;
    color: var(--ck-dark);
    margin-bottom: 10px;
}
.ck-card-cr-p {
    font-family: var(--ck-fb);
    font-size: 14px;
    color: var(--ck-muted);
    line-height: 1.65;
    margin: 0;
}

/* ── WHY CHOOSE SECTION ───────────────────────────────────────── */
.ck-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: center;
}
.ck-why-img-wrap { position: relative; }
.ck-why-img-ph {
    background: linear-gradient(135deg, #111827, #1E2A3B);
    border-radius: var(--ck-r-lg);
    overflow: hidden;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ck-why-img-ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ck-why-badge {
    position: absolute;
    bottom: 28px;
    right: -14px;
    background: var(--ck-gold-grad);
    color: var(--ck-dark);
    font-family: var(--ck-fh);
    font-weight: 800;
    padding: 16px 20px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 8px 28px rgba(200,144,58,.3);
    z-index: 2;
}
.ck-why-badge-num {
    display: block;
    font-size: 36px;
    line-height: 1;
}
.ck-why-badge-label {
    font-size: 11px;
    letter-spacing: .06em;
}
.ck-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.ck-trust-badge {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    padding: 7px 14px;
    font-family: var(--ck-fb);
    font-size: 13px;
    font-weight: 600;
    color: var(--ck-dark);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 3px 10px rgba(5,7,12,.06);
}
.ck-trust-badge-dot {
    width: 6px; height: 6px;
    background: var(--ck-gold);
    border-radius: 50%;
}

/* ── AREA CARD ────────────────────────────────────────────────── */
.ck-area-card {
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ck-r-lg);
    padding: 26px;
    text-align: center;
    text-decoration: none;
    display: block;
    height: 100%;
    transition: all .2s;
}
.ck-area-card:hover {
    border-color: rgba(200,144,58,.3);
    transform: translateY(-3px);
}
.ck-area-icon { font-size: 28px; margin-bottom: 10px; display: block; }
.ck-area-h {
    font-family: var(--ck-fh);
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
}
.ck-area-p {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.5);
    margin-bottom: 10px;
    line-height: 1.5;
}
.ck-area-badge {
    font-family: var(--ck-fh);
    font-size: 11px;
    font-weight: 800;
    background: rgba(200,144,58,.15);
    color: var(--ck-gold-l);
    padding: 3px 10px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .06em;
    display: inline-block;
}
.ck-suburb-tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 20px; }
.ck-suburb-tag {
    font-family: var(--ck-fb);
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    padding: 6px 13px;
    border-radius: 8px;
    text-decoration: none;
    transition: all .15s;
    display: inline-block;
}
.ck-suburb-tag:hover { color: var(--ck-gold-l); border-color: rgba(200,144,58,.28); }

/* ── REVIEW CARD ──────────────────────────────────────────────── */
.ck-review-card {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--ck-r-lg);
    padding: 26px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ck-stars { color: #FBBF24; font-size: 18px; letter-spacing: 2px; margin-bottom: 12px; }
.ck-review-text {
    font-family: var(--ck-fb);
    font-size: 15px;
    color: rgba(255,255,255,.72);
    line-height: 1.75;
    font-style: italic;
    flex: 1;
    margin-bottom: 18px;
}
.ck-review-author { display: flex; align-items: center; gap: 10px; margin-top: auto; }
.ck-review-av {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--ck-gold-grad);
    color: var(--ck-dark);
    font-family: var(--ck-fh);
    font-size: 17px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ck-review-name {
    font-family: var(--ck-fb);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: block;
}
.ck-review-loc {
    font-family: var(--ck-fb);
    font-size: 12px;
    color: rgba(255,255,255,.42);
}

/* ── JOB CARD ─────────────────────────────────────────────────── */
.ck-job-card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 22px;
    border-left: 3px solid var(--ck-gold);
    height: 100%;
}
.ck-job-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.ck-job-icon { font-size: 20px; }
.ck-job-type {
    font-family: var(--ck-fh);
    font-size: 11px;
    font-weight: 800;
    color: var(--ck-gold);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ck-job-h {
    font-family: var(--ck-fh);
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.3;
}
.ck-job-h a { color: var(--ck-gold-l); text-decoration: none; }
.ck-job-h a:hover { color: var(--ck-gold); }
.ck-job-p {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.5);
    line-height: 1.6;
    margin: 0;
}

/* ── FAQ ──────────────────────────────────────────────────────── */
.ck-faq-list { display: flex; flex-direction: column; gap: 10px; }
.ck-faq-item {
    background: #fff;
    border: 1px solid #EEF0F3;
    border-radius: 16px;
    padding: 20px 22px;
    cursor: pointer;
    transition: border-color .15s;
    user-select: none;
}
.ck-faq-item.ck-open { border-color: rgba(200,144,58,.3); background: #FDFAF5; }
.ck-faq-q {
    font-family: var(--ck-fb);
    font-size: 16px;
    font-weight: 700;
    color: var(--ck-dark);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    line-height: 1.4;
}
.ck-faq-toggle {
    width: 28px; height: 28px;
    background: var(--ck-gold-p);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--ck-gold);
    flex-shrink: 0;
    transition: transform .2s;
    font-weight: 300;
    line-height: 1;
}
.ck-faq-item.ck-open .ck-faq-toggle { transform: rotate(45deg); }
.ck-faq-a {
    font-family: var(--ck-fb);
    font-size: 15px;
    line-height: 1.8;
    color: var(--ck-muted);
    padding-top: 14px;
    display: none;
}
.ck-faq-item.ck-open .ck-faq-a { display: block; }
.ck-faq-a a { color: var(--ck-gold); text-decoration: underline; text-underline-offset: 3px; }
.ck-faq-grid { display: grid; grid-template-columns: 280px 1fr; gap: 50px; align-items: start; }
.ck-faq-sidebar-box {
    background: var(--ck-dark);
    border-radius: 18px;
    padding: 24px;
}
.ck-faq-sidebar-sub {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.55);
    margin-bottom: 10px;
}
.ck-faq-sidebar-phone {
    font-family: var(--ck-fh);
    font-size: 24px;
    font-weight: 800;
    color: var(--ck-gold);
    text-decoration: none;
    display: block;
    margin-bottom: 12px;
}

/* ── MINI CTA ─────────────────────────────────────────────────── */
.ck-mini-cta {
    border-top: 1px solid rgba(200,144,58,.12);
    border-bottom: 1px solid rgba(200,144,58,.12);
    padding: 22px 0;
}
.ck-mini-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.ck-mini-cta-strong {
    font-family: var(--ck-fb);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-bottom: 3px;
}
.ck-mini-cta-sub {
    font-family: var(--ck-fb);
    font-size: 14px;
    color: rgba(255,255,255,.52);
}
.ck-mini-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }

/* ── CTA BAND ─────────────────────────────────────────────────── */
.ck-cta-band { padding: 56px 0; }
.ck-cta-inner {
    background: rgba(5,7,12,.08);
    border: 1px solid rgba(5,7,12,.12);
    border-radius: var(--ck-r-xl);
    padding: 36px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}
.ck-cta-h {
    font-family: var(--ck-fh);
    font-weight: 800;
    color: var(--ck-dark);
    line-height: 1.05;
    margin-bottom: 8px;
}
.ck-cta-p {
    font-family: var(--ck-fb);
    font-size: 16px;
    color: rgba(5,7,12,.65);
    margin: 0;
}
.ck-cta-btns { display: flex; gap: 14px; flex-shrink: 0; flex-wrap: wrap; }

/* ── SEO COPY ─────────────────────────────────────────────────── */
.ck-seo-box {
    max-width: 1040px;
    margin: 0 auto;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--ck-r-xl);
    padding: 50px;
}
.ck-seo-h2 {
    font-family: var(--ck-fh);
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
}
.ck-seo-p {
    font-family: var(--ck-fb);
    font-size: 15px;
    color: rgba(255,255,255,.6);
    line-height: 1.85;
    margin-bottom: 14px;
}
.ck-seo-p a { color: var(--ck-gold-l); text-decoration: underline; text-underline-offset: 3px; }
.ck-seo-h3 {
    font-family: var(--ck-fh);
    font-size: 22px;
    font-weight: 800;
    color: var(--ck-gold);
    margin: 26px 0 13px;
}
.ck-seo-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 24px;
}
.ck-seo-link {
    background: rgba(200,144,58,.06);
    border: 1px solid rgba(200,144,58,.14);
    border-radius: 10px;
    padding: 9px 13px;
    font-family: var(--ck-fb);
    font-size: 13px;
    font-weight: 500;
    color: var(--ck-gold-l);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all .2s;
}
.ck-seo-link::before { content: "→"; color: var(--ck-gold); font-size: 12px; }
.ck-seo-link:hover { background: rgba(200,144,58,.12); color: var(--ck-gold); border-color: var(--ck-gold); }

/* ── PAGE HERO (inner pages) ──────────────────────────────────── */
.ck-page-hero {
    background: linear-gradient(135deg, #05070C 0%, #0B1220 54%, #05070C 100%);
    padding: 60px 0;
    text-align: center;
}
.ck-page-hero-eyebrow {
    font-family: var(--ck-fh);
    font-size: 13px;
    font-weight: 800;
    color: var(--ck-gold);
    text-transform: uppercase;
    letter-spacing: .14em;
    margin-bottom: 14px;
    display: block;
}
.ck-page-hero-h1 {
    font-family: var(--ck-fh);
    font-weight: 800;
    color: #fff;
    line-height: 1.05;
    margin-bottom: 16px;
}
.ck-page-hero-desc {
    font-family: var(--ck-fb);
    font-size: 17px;
    color: rgba(255,255,255,.62);
    line-height: 1.75;
    max-width: 620px;
    margin: 0 auto 28px;
}
.ck-page-hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.ck-breadcrumb {
    font-family: var(--ck-fb);
    font-size: 13px;
    color: rgba(255,255,255,.42);
    margin-bottom: 20px;
}
.ck-breadcrumb a { color: rgba(255,255,255,.55); text-decoration: underline; text-underline-offset: 2px; }
.ck-breadcrumb-sep { margin: 0 6px; }

/* ── GRIDS ────────────────────────────────────────────────────── */
.ck-g2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.ck-g3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.ck-g4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media (max-width: 900px) {
    .ck-hero-grid { grid-template-columns: 1fr; }
    .ck-hero-card-wrap { margin-top: 24px; }
    .ck-stats-grid { grid-template-columns: repeat(3,1fr); gap: 14px; }
    .ck-stat:not(:last-child) { border-right: none; border-bottom: 1px solid rgba(5,7,12,.08); padding-bottom: 12px; }
    .ck-g3, .ck-g4 { grid-template-columns: repeat(2,1fr); }
    .ck-why-grid { grid-template-columns: 1fr; }
    .ck-why-badge { display: none; }
    .ck-faq-grid { grid-template-columns: 1fr; }
    .ck-seo-links { grid-template-columns: repeat(2,1fr); }
    .ck-cta-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
    .ck-wrap { padding: 0 16px; }
    .ck-g2, .ck-g3, .ck-g4 { grid-template-columns: 1fr; }
    .ck-stats-grid { grid-template-columns: 1fr 1fr; }
    .ck-stats-grid .ck-stat:last-child { grid-column: 1/-1; }
    .ck-hero-desc { font-size: 15px; }
    .ck-btn { font-size: 15px; padding: 13px 22px; }
    .ck-btn--sm { font-size: 13px; padding: 10px 17px; }
    .ck-mini-cta-inner { flex-direction: column; align-items: flex-start; }
    .ck-mini-cta-btns { width: 100%; }
    .ck-seo-links { grid-template-columns: 1fr; }
    .ck-seo-box { padding: 28px 18px; }
    .ck-cta-inner { padding: 24px 20px; }
    .ck-faq-q { font-size: 15px; }
    .ck-card-lt { flex-direction: column; }
    .ck-section { padding: 50px 0; }
}
@media (max-width: 480px) {
    .ck-stats-grid { grid-template-columns: 1fr; }
    .ck-stats-grid .ck-stat:last-child { grid-column: auto; }
    .ck-hero-h1 { font-size: 34px !important; }
}