.elementor-1314 .elementor-element.elementor-element-f17bc2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1314 .elementor-element.elementor-element-5490ba5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1314 .elementor-element.elementor-element-eb70815{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px -24px 0px;}/* Start custom CSS for html, class: .elementor-element-eb70815 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700&display=swap');

.keith-wrap *, .keith-wrap *::before, .keith-wrap *::after { margin: 0; padding: 0; box-sizing: border-box; }

.keith-wrap {
    --black: #000; --black-soft: #0a0a0a; --black-card: #121212;
    --border-dark: rgba(255,255,255,0.08); --border-dark-strong: rgba(255,255,255,0.14);
    --text-muted: #8a8a8a; --text-soft: #b8b8b8; --text-light: #e5e5e5;
    --white: #fff; --off-white: #f5f5f5; --cream: #fafaf8;
    --light-bg: #f6f5f1; --accent-red: #c8341f; --accent-red-hover: #e04526;
    --gold: #d4a574; --accent-green: #4a9e4a; --accent-green-soft: #7bc77b;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Montserrat', 'Inter', sans-serif;
    --font-ui: 'Poppins', 'Inter', sans-serif;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    font-family: var(--font-body) !important; font-size: 16px !important; line-height: 1.6 !important;
    color: #e5e5e5 !important; background: #000 !important; letter-spacing: -0.011em !important;
    width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important;
    margin-left: -50vw !important; margin-right: -50vw !important; max-width: 100vw !important;
    overflow-x: hidden !important; -webkit-font-smoothing: antialiased;
}
.keith-wrap img { max-width: 100%; height: auto; display: block; }
.keith-wrap a { text-decoration: none !important; color: inherit; border: none !important; box-shadow: none !important; }
.keith-wrap .container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 32px !important; width: 100% !important; }
.keith-wrap h1, .keith-wrap h2, .keith-wrap h3 { font-family: var(--font-display) !important; font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: inherit; }
.keith-wrap h4, .keith-wrap h5 { font-family: var(--font-ui) !important; font-weight: 700; letter-spacing: -0.01em; }

.keith-wrap .eyebrow { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 24px; display: inline-block; position: relative; padding-left: 40px; }
.keith-wrap .eyebrow::before { content: ''; position: absolute; left: 0; top: 50%; width: 28px; height: 1px; background: var(--gold); }
.keith-wrap .eyebrow.light { color: var(--accent-red); }
.keith-wrap .eyebrow.light::before { background: var(--accent-red); }
.keith-wrap .eyebrow.center { display: block; text-align: center; padding-left: 0; }
.keith-wrap .eyebrow.center::before { position: relative; display: inline-block; left: auto; top: auto; margin-right: 12px; vertical-align: middle; }
.keith-wrap .eyebrow.center::after { content: ''; display: inline-block; width: 28px; height: 1px; background: var(--gold); margin-left: 12px; vertical-align: middle; }
.keith-wrap .eyebrow.light.center::after { background: var(--accent-red); }

/* === HERO EYEBROW (sits above h1) === */
.keith-wrap .hero-eyebrow { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); display: inline-flex; align-items: center; gap: 12px; margin-bottom: 22px; padding: 7px 16px; border: 1px solid rgba(212,165,116,0.28); border-radius: 999px; background: rgba(212,165,116,0.06); }
.keith-wrap .hero-eyebrow::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px rgba(212,165,116,0.6); }

.keith-wrap .site-header { position: sticky; top: 0; z-index: 100; padding: 18px 0; background: rgba(0,0,0,0.92); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-dark); }
.keith-wrap .header-inner { display: flex; align-items: center; justify-content: space-between; }
.keith-wrap .nav-logo { font-family: var(--font-display) !important; color: #fff !important; display: inline-flex; align-items: center; gap: 14px; }
.keith-wrap .nav-logo::before { content: ''; display: inline-block; width: 32px; height: 2px; background: linear-gradient(to right, var(--gold), var(--accent-red)); flex-shrink: 0; }
.keith-wrap .nav-logo-text { display: flex; flex-direction: column; line-height: 1.1; gap: 3px; }
.keith-wrap .nav-logo-name { font-family: var(--font-display) !important; font-size: 14px; font-weight: 800; letter-spacing: 0.01em; color: #fff; }
.keith-wrap .nav-logo-tagline { font-family: var(--font-ui) !important; font-size: 9px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); }
.keith-wrap .nav-cta { font-family: var(--font-ui) !important; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: #fff !important; background: var(--accent-red) !important; padding: 13px 26px; border-radius: 999px; transition: all 0.3s var(--ease); box-shadow: 0 8px 24px -8px rgba(200,52,31,0.6); }
.keith-wrap .nav-cta:hover { background: var(--accent-red-hover) !important; transform: translateY(-2px); box-shadow: 0 12px 32px -8px rgba(200,52,31,0.8); }

.keith-wrap .btn { font-family: var(--font-ui) !important; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 600; letter-spacing: 0.05em; padding: 20px 40px; border: none; cursor: pointer; transition: all 0.4s var(--ease); white-space: nowrap; border-radius: 4px; }
.keith-wrap .btn-primary { color: #fff !important; background: var(--accent-red) !important; box-shadow: 0 10px 40px -10px rgba(200,52,31,0.5); }
.keith-wrap .btn-primary:hover { background: var(--accent-red-hover) !important; transform: translateY(-2px); box-shadow: 0 20px 50px -10px rgba(200,52,31,0.7); }
.keith-wrap .btn-light { color: #000 !important; background: #fff !important; }
.keith-wrap .btn-light:hover { transform: translateY(-2px); box-shadow: 0 20px 50px -10px rgba(255,255,255,0.2); }
.keith-wrap .btn .arrow { display: inline-block; transition: transform 0.3s var(--ease); font-size: 15px; }
.keith-wrap .btn:hover .arrow { transform: translateX(5px); }

.keith-wrap .hero { position: relative; min-height: auto; display: flex; align-items: center; background: #000; overflow: hidden; padding: 60px 0 60px; }
.keith-wrap .hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 75% 50%, #2a2a2a 0%, #0a0a0a 50%, #000 100%); z-index: 0; }
.keith-wrap .hero-bg::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 85% 50%, rgba(200,52,31,0.08) 0%, transparent 40%), radial-gradient(circle at 20% 80%, rgba(212,165,116,0.04) 0%, transparent 40%); z-index: 1; }
.keith-wrap .hero-container { position: relative; z-index: 3; width: 100%; }
.keith-wrap .hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 80px; align-items: center; }
.keith-wrap .hero-content { max-width: 640px; }
.keith-wrap .hero h1 { font-family: var(--font-display) !important; font-size: clamp(40px, 5.5vw, 70px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1 !important; letter-spacing: -0.035em !important; margin-bottom: 8px !important; }
.keith-wrap .hero-desc { font-size: 19px; color: var(--text-soft); line-height: 1.5; margin-top: 24px; margin-bottom: 16px; font-style: italic; }
.keith-wrap .hero-desc-strong { font-size: 17px; color: #fff; line-height: 1.6; margin-bottom: 22px; font-weight: 500; }
.keith-wrap .hero-subdesc { font-size: 15px; color: #d4d4dc; line-height: 1.7; margin-bottom: 32px; max-width: 540px; }
.keith-wrap .hero-cta-row { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }
.keith-wrap .hero-guarantee { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--text-muted); }
.keith-wrap .hero-guarantee .check-circle { width: 20px; height: 20px; border-radius: 50%; background: rgba(212,165,116,0.15); color: var(--gold); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
.keith-wrap .hero-portrait { position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: 4px; background-image: url('https://keithkurlander.com/wp-content/uploads/2026/05/Kurlander-studio-Crossley-HIGHRES-CORRECTED-9.jpg') !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #1a1a1a; }
.keith-wrap .hero-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 50%); z-index: 1; }
.keith-wrap .hero-portrait-meta { position: absolute; bottom: 24px; left: 24px; right: 24px; z-index: 3; display: flex; flex-direction: column; gap: 4px; }
.keith-wrap .hero-portrait-meta .name { font-family: var(--font-display) !important; font-size: 20px; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.keith-wrap .hero-portrait-meta .title { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 500; color: var(--gold); letter-spacing: 0.15em; text-transform: uppercase; }

.keith-wrap .proof-bar { background: var(--black-soft); padding: 44px 0; border-top: 1px solid var(--border-dark); border-bottom: 1px solid var(--border-dark); }
.keith-wrap .proof-label { font-family: var(--font-ui) !important; font-size: 10px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--text-muted); text-align: center; margin-bottom: 28px; }
.keith-wrap .logo-row { display: flex; justify-content: center; align-items: center; gap: 56px; flex-wrap: wrap; margin-bottom: 32px; }
.keith-wrap .logo-row img { max-height: 32px; width: auto; filter: brightness(0) invert(1); opacity: 0.55; transition: opacity 0.3s; }
.keith-wrap .logo-row img:hover { opacity: 1; }
.keith-wrap .credentials-row { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 28px; border-top: 1px solid var(--border-dark); }
.keith-wrap .credential { font-family: var(--font-ui) !important; padding: 0 28px; font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); border-right: 1px solid var(--border-dark); white-space: nowrap; }
.keith-wrap .credential:last-child { border-right: none; }
.keith-wrap .credential strong { color: var(--gold); font-weight: 700; margin-right: 6px; }

.keith-wrap .pain-section { background: #000; padding: 80px 0; }
.keith-wrap .pain-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: start; }
.keith-wrap .pain-content h2 { font-family: var(--font-display) !important; font-size: clamp(32px, 4vw, 48px) !important; color: #fff !important; line-height: 1.05 !important; margin-bottom: 28px !important; font-weight: 800 !important; }
.keith-wrap .pain-content h2 em { font-family: var(--font-body) !important; font-style: italic; font-weight: 300; color: var(--text-soft); display: block; font-size: 0.65em; margin-top: 10px; letter-spacing: -0.01em; }
.keith-wrap .pain-content p { font-size: 16px; color: var(--text-soft); line-height: 1.65; margin-bottom: 16px; max-width: 540px; }
.keith-wrap .pain-quote { font-family: var(--font-display) !important; font-size: 20px; font-weight: 500; font-style: italic; color: #fff; padding: 24px 28px; background: linear-gradient(to right, rgba(200,52,31,0.08), transparent); border-left: 3px solid var(--accent-red); margin: 28px 0; line-height: 1.4; }
.keith-wrap .pain-list-wrap { margin-top: 36px; }
.keith-wrap .pain-list-heading { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }
.keith-wrap .pain-list { list-style: none !important; padding: 0 !important; display: grid; grid-template-columns: 1fr; gap: 0; }
.keith-wrap .pain-list li { font-size: 14px; color: var(--text-light); padding: 10px 0 10px 24px !important; position: relative; line-height: 1.5; list-style: none !important; border: none !important; }
.keith-wrap .pain-list li::before { content: ''; position: absolute; left: 0; top: 16px; width: 10px; height: 1px; background: var(--gold); }
.keith-wrap .pain-list li::after { content: ''; position: absolute; left: 4px; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }
.keith-wrap .pain-image { aspect-ratio: 4/5; position: relative; overflow: hidden; border-radius: 4px; position: sticky; top: 100px; background-image: url('https://keithkurlander.com/wp-content/uploads/2026/05/Kurlander-office-portraits-HIGH-RES-1.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #1a1a1a; }
.keith-wrap .image-caption { margin-top: 20px; font-size: 12px; color: var(--text-muted); font-style: italic; line-height: 1.6; }

.keith-wrap .pain-resolution { margin-top: 48px; padding: 36px 32px; background: linear-gradient(135deg, rgba(200,52,31,0.12) 0%, rgba(212,165,116,0.06) 50%, rgba(200,52,31,0.12) 100%); border: 1px solid rgba(212,165,116,0.2); border-radius: 6px; text-align: center; position: relative; overflow: hidden; }
.keith-wrap .pain-resolution::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }
.keith-wrap .pain-resolution::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }
.keith-wrap .pain-resolution-inner { max-width: 700px; margin: 0 auto; }
.keith-wrap .pain-resolution .pr-line-1 { font-family: var(--font-display) !important; font-size: clamp(26px, 3.2vw, 38px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1.1; margin-bottom: 4px !important; letter-spacing: -0.03em; }
.keith-wrap .pain-resolution .pr-line-2 { font-family: var(--font-body) !important; font-size: clamp(16px, 1.8vw, 21px) !important; font-weight: 300 !important; font-style: italic; color: var(--text-soft) !important; line-height: 1.4; margin-bottom: 18px !important; }
.keith-wrap .pain-resolution .pr-tags { display: flex !important; justify-content: center; gap: 10px; flex-wrap: wrap; }
.keith-wrap .pain-resolution .pr-tags span { font-family: var(--font-ui) !important; font-size: 12px; font-weight: 600; letter-spacing: 0.05em; color: var(--gold); padding: 7px 16px; border: 1px solid rgba(212,165,116,0.3); border-radius: 999px; background: rgba(212,165,116,0.05); }

.keith-wrap .diff-section { background: var(--light-bg) !important; padding: 90px 0; color: #000 !important; }
.keith-wrap .diff-header { text-align: center; max-width: 840px; margin: 0 auto 48px; }
.keith-wrap .diff-header h2 { font-family: var(--font-display) !important; font-size: clamp(34px, 4.2vw, 54px) !important; color: #000 !important; line-height: 1.05; margin-bottom: 20px !important; font-weight: 800 !important; }
.keith-wrap .diff-header h2 em { font-family: var(--font-body) !important; font-style: italic; font-weight: 400; color: var(--accent-red) !important; }
.keith-wrap .comparison-table { max-width: 1000px; margin: 0 auto 56px; background: #fff; overflow: hidden; box-shadow: 0 30px 80px -30px rgba(0,0,0,0.2); border-radius: 8px; border: 1px solid rgba(0,0,0,0.06); }
.keith-wrap .comp-table-header { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: stretch; background: linear-gradient(to right, #f0ede5 0%, #f0ede5 50%, #fff 50%, #fff 100%); border-bottom: 2px solid #e0ddd1; }
.keith-wrap .comp-th { padding: 36px 40px; }
.keith-wrap .comp-th-divider { background: #e0ddd1; }
.keith-wrap .comp-tag { font-family: var(--font-ui) !important; display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; }
.keith-wrap .comp-th-left .comp-tag { background: rgba(0,0,0,0.06); color: #777; }
.keith-wrap .comp-th-right .comp-tag { background: rgba(74,158,74,0.15); color: var(--accent-green); }
.keith-wrap .comp-th h3 { font-family: var(--font-display) !important; font-size: clamp(20px, 2.4vw, 28px) !important; font-weight: 800 !important; color: #000 !important; letter-spacing: -0.02em; line-height: 1.1; }
.keith-wrap .comp-th-left h3 { color: #555 !important; }
.keith-wrap .comp-th-right h3 { color: #2e6b2e !important; }
.keith-wrap .comp-row-data { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.06); transition: background 0.3s var(--ease); }
.keith-wrap .comp-row-data:last-child { border-bottom: none; }
.keith-wrap .comp-row-data:hover { background: rgba(74,158,74,0.03); }
.keith-wrap .comp-row-data:nth-child(even) { background: rgba(0,0,0,0.015); }
.keith-wrap .comp-cell { padding: 28px 40px; display: flex; align-items: center; gap: 16px; font-size: clamp(16px, 1.8vw, 20px); font-weight: 500; line-height: 1.4; min-height: 88px; }
.keith-wrap .comp-cell.left { color: #888 !important; text-decoration: line-through; text-decoration-color: rgba(0,0,0,0.15); text-decoration-thickness: 1px; }
.keith-wrap .comp-cell.right { color: #0d3d0d !important; font-weight: 700; }
.keith-wrap .cell-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.keith-wrap .comp-cell.left .cell-icon { background: rgba(0,0,0,0.06); color: #aaa; }
.keith-wrap .comp-cell.right .cell-icon { background: rgba(74,158,74,0.15); color: var(--accent-green); }
.keith-wrap .comp-cell-arrow { font-family: var(--font-display) !important; text-align: center; color: var(--accent-green); font-size: 24px; font-weight: 800; opacity: 0.5; }
.keith-wrap .diff-body { max-width: 780px; margin: 0 auto; text-align: center; }
.keith-wrap .diff-body p { font-size: 18px; color: #555 !important; line-height: 1.7; margin-bottom: 20px; }
.keith-wrap .diff-body strong { color: #000 !important; font-weight: 600; }
.keith-wrap .diff-cta { text-align: center; margin-top: 40px; }

.keith-wrap .break-image-section { background: #0a0a0a; padding: 60px 0; }
.keith-wrap .break-image { width: 100%; aspect-ratio: 21/9; background-image: url('https://keithkurlander.com/wp-content/uploads/2026/05/Kurlander-office-portraits-HIGH-RES-10.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #1a1a1a; border-radius: 8px; box-shadow: 0 30px 80px -30px rgba(0,0,0,0.6); }

.keith-wrap .qual-section { background: #000; padding: 90px 0; }
.keith-wrap .qual-header { text-align: center; margin-bottom: 44px; }
.keith-wrap .qual-header h2 { font-family: var(--font-display) !important; font-size: clamp(40px, 5vw, 60px) !important; color: #fff !important; font-weight: 800 !important; }
.keith-wrap .qual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; margin: 0 auto; }
.keith-wrap .qual-card { padding: 44px 40px; background: var(--black-card); border: 1px solid var(--border-dark); transition: all 0.4s var(--ease); border-radius: 4px; }
.keith-wrap .qual-card:hover { border-color: var(--border-dark-strong); transform: translateY(-4px); }
.keith-wrap .qual-card.positive { background: linear-gradient(135deg, #0f1a0f 0%, #0a0a0a 100%); border-color: rgba(74,158,74,0.15); }
.keith-wrap .qual-card.negative { background: linear-gradient(135deg, #1a0f0f 0%, #0a0a0a 100%); border-color: rgba(200,52,31,0.15); }
.keith-wrap .qual-badge { font-family: var(--font-ui) !important; display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; padding: 8px 16px; border-radius: 999px; margin-bottom: 24px; }
.keith-wrap .qual-card.positive .qual-badge { background: rgba(74,158,74,0.15); color: #7bc77b; }
.keith-wrap .qual-card.negative .qual-badge { background: rgba(200,52,31,0.15); color: #e06b55; }
.keith-wrap .qual-card h3 { font-family: var(--font-display) !important; font-size: 22px !important; font-weight: 700; color: #fff !important; margin-bottom: 24px; }
.keith-wrap .qual-card ul { list-style: none !important; padding: 0 !important; }
.keith-wrap .qual-card ul li { font-size: 15px; line-height: 1.6; padding: 14px 0 14px 32px !important; position: relative; border-bottom: 1px solid var(--border-dark); color: var(--text-soft); list-style: none !important; }
.keith-wrap .qual-card ul li:last-child { border-bottom: none; }
.keith-wrap .qual-card ul li::before { position: absolute; left: 0; top: 14px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
.keith-wrap .qual-card.positive ul li::before { content: '\2713'; background: rgba(74,158,74,0.15); color: #7bc77b; }
.keith-wrap .qual-card.negative ul li::before { content: '\2715'; background: rgba(200,52,31,0.15); color: #e06b55; }

.keith-wrap .testimonials-section { background: var(--cream) !important; padding: 90px 0; color: #000 !important; }
.keith-wrap .testimonials-header { text-align: center; margin-bottom: 48px; }
.keith-wrap .testimonials-header h2 { font-family: var(--font-display) !important; font-size: clamp(40px, 5vw, 56px) !important; color: #000 !important; margin-bottom: 16px !important; font-weight: 800 !important; }
.keith-wrap .testimonials-header p { font-size: 17px; color: #666 !important; }
.keith-wrap .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }
.keith-wrap .testimonial-card { background: #fff !important; border: 1px solid rgba(0,0,0,0.08) !important; padding: 40px 36px; display: flex; flex-direction: column; transition: all 0.4s; position: relative; border-radius: 4px; }
.keith-wrap .testimonial-card-wide { grid-column: span 2; }
.keith-wrap .testimonial-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -20px rgba(0,0,0,0.12); }
.keith-wrap .testimonial-card::before { content: '\201C'; position: absolute; top: 12px; right: 28px; font-size: 90px; color: rgba(200,52,31,0.1); font-family: Georgia, serif; line-height: 1; }
.keith-wrap .testimonial-stars { color: var(--gold); font-size: 14px; letter-spacing: 3px; margin-bottom: 20px; position: relative; z-index: 1; }
.keith-wrap .testimonial-card blockquote { font-family: var(--font-body) !important; font-size: 16px !important; line-height: 1.65; color: #333 !important; flex: 1; margin-bottom: 28px !important; position: relative; z-index: 1; border: none !important; padding: 0 !important; font-style: normal !important; background: transparent !important; }
.keith-wrap .testimonial-card blockquote::before, .keith-wrap .testimonial-card blockquote::after { content: none !important; display: none !important; }
.keith-wrap .testimonial-author { border-top: 1px solid rgba(0,0,0,0.08); padding-top: 20px; display: flex; align-items: center; gap: 14px; }
.keith-wrap .author-avatar { font-family: var(--font-display) !important; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, #c8341f 0%, #7a1a0c 100%); color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; flex-shrink: 0; letter-spacing: 0.02em; }
.keith-wrap .testimonial-author strong { display: block; font-family: var(--font-ui) !important; font-size: 14px; font-weight: 600; color: #000 !important; }
.keith-wrap .testimonial-author span { font-size: 12px; color: #888 !important; }

.keith-wrap .about-section { background: #000; padding: 90px 0; position: relative; overflow: hidden; }
.keith-wrap .about-section::before { content: ''; position: absolute; top: 50%; right: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(200,52,31,0.06) 0%, transparent 70%); transform: translateY(-50%); }
.keith-wrap .about-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; position: relative; }
.keith-wrap .about-image { aspect-ratio: 3/4; position: relative; overflow: hidden; border-radius: 4px; background-image: url('https://keithkurlander.com/wp-content/uploads/2026/05/Kurlander-studio-Crossley-LOWRES-CORRECTED-11.jpg') !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #1a1a1a; }
.keith-wrap .about-image-stat { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 28px; background: linear-gradient(to top, rgba(0,0,0,0.95), transparent); display: flex; justify-content: space-between; align-items: flex-end; z-index: 2; }
.keith-wrap .about-image-stat .stat-num { font-family: var(--font-display) !important; font-size: 52px; font-weight: 900; color: #fff; letter-spacing: -0.04em; line-height: 1; }
.keith-wrap .about-image-stat .stat-label { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); text-align: right; line-height: 1.4; }
.keith-wrap .about-content h2 { font-family: var(--font-display) !important; font-size: clamp(32px, 4vw, 46px) !important; color: #fff !important; line-height: 1.05; margin-bottom: 28px !important; font-weight: 800 !important; }
.keith-wrap .about-content h2 em { font-family: var(--font-body) !important; font-style: italic; font-weight: 400; color: var(--gold); }
.keith-wrap .about-content p { font-size: 16px; color: var(--text-soft); line-height: 1.75; margin-bottom: 18px; }
.keith-wrap .about-content strong { color: #fff; font-weight: 600; }
.keith-wrap .about-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px; padding: 24px 0; border-top: 1px solid var(--border-dark); border-bottom: 1px solid var(--border-dark); }
.keith-wrap .about-stat { text-align: center; padding: 0 16px; border-right: 1px solid var(--border-dark); }
.keith-wrap .about-stat:last-child { border-right: none; }
.keith-wrap .about-stat .num { font-family: var(--font-display) !important; font-size: 32px; font-weight: 900; color: #fff; letter-spacing: -0.03em; line-height: 1; margin-bottom: 8px; }
.keith-wrap .about-stat .num .plus { color: var(--gold); }
.keith-wrap .about-stat .label { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); }
.keith-wrap .about-highlight { margin-top: 24px; padding: 22px 26px; background: rgba(212,165,116,0.05); border-left: 3px solid var(--gold); border-radius: 0 4px 4px 0; }
.keith-wrap .about-highlight p { font-family: var(--font-display) !important; font-size: 17px; font-weight: 500; font-style: italic; color: #fff; line-height: 1.5; margin: 0; }

.keith-wrap .pillars-section { background: linear-gradient(to bottom, var(--cream) 0%, var(--light-bg) 100%) !important; padding: 90px 0; color: #000 !important; }
.keith-wrap .pillars-header { text-align: center; max-width: 740px; margin: 0 auto 44px; }
.keith-wrap .pillars-header h2 { font-family: var(--font-display) !important; font-size: clamp(42px, 5vw, 64px) !important; color: #000 !important; margin-bottom: 16px !important; font-weight: 800 !important; }
.keith-wrap .pillars-header h2 em { font-family: var(--font-body) !important; font-style: italic; font-weight: 400; color: var(--accent-red); }
.keith-wrap .pillars-header .subtitle { font-family: var(--font-display) !important; font-size: 20px; color: #555 !important; margin-bottom: 24px; font-weight: 600; }
.keith-wrap .pillars-header p { font-size: 16px; color: #666 !important; line-height: 1.7; }
.keith-wrap .pillars-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 48px; }
.keith-wrap .pillar-card { background: #fff; border: 1px solid rgba(0,0,0,0.06); padding: 36px 24px 32px; position: relative; transition: all 0.4s var(--ease); display: flex; flex-direction: column; overflow: hidden; border-radius: 4px; }
.keith-wrap .pillar-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, var(--accent-red), var(--gold)); transform: scaleX(0); transform-origin: left; transition: transform 0.5s var(--ease); }
.keith-wrap .pillar-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -20px rgba(0,0,0,0.15); }
.keith-wrap .pillar-card:hover::before { transform: scaleX(1); }
.keith-wrap .pillar-num-wrap { display: flex; align-items: baseline; gap: 4px; margin-bottom: 24px; }
.keith-wrap .pillar-number { font-family: var(--font-display) !important; font-size: 56px; font-weight: 300; color: var(--accent-red); line-height: 0.9; letter-spacing: -0.05em; }
.keith-wrap .pillar-number-label { font-family: var(--font-ui) !important; font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #aaa; }
.keith-wrap .pillar-card h4 { font-family: var(--font-ui) !important; font-size: 18px !important; font-weight: 700; color: #000 !important; margin-bottom: 14px !important; }
.keith-wrap .pillar-card p { font-size: 14px; color: #666 !important; line-height: 1.65; flex: 1; }
.keith-wrap .pillars-bottom { max-width: 760px; margin: 0 auto; text-align: center; padding: 40px; background: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 4px; }
.keith-wrap .pillars-bottom p { font-size: 16px; color: #555 !important; line-height: 1.7; margin-bottom: 16px; }
.keith-wrap .pillars-bottom .emphasis { font-family: var(--font-display) !important; font-size: 22px !important; font-weight: 700; color: #000 !important; line-height: 1.4; margin-top: 20px; }
.keith-wrap .pillars-bottom .emphasis em { font-family: var(--font-body) !important; font-style: italic; color: var(--accent-red); font-weight: 500; }

.keith-wrap .final-cta-section { background: #140505; padding: 90px 0; text-align: center; position: relative; overflow: hidden; }
.keith-wrap .final-cta-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at top, rgba(200,52,31,0.25) 0%, transparent 50%), radial-gradient(ellipse at bottom, rgba(122,26,12,0.3) 0%, transparent 50%); }
.keith-wrap .final-cta-content { max-width: 780px; margin: 0 auto; position: relative; z-index: 2; }
.keith-wrap .final-cta-badge { font-family: var(--font-ui) !important; display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #fff; padding: 10px 20px; border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; background: rgba(255,255,255,0.05); margin-bottom: 24px; }
.keith-wrap .final-cta-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #ff6b47; box-shadow: 0 0 12px #ff6b47; animation: keithPulse 2s infinite; }
@keyframes keithPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.keith-wrap .final-cta-content h2 { font-family: var(--font-display) !important; font-size: clamp(48px, 6.5vw, 80px) !important; color: #fff !important; line-height: 0.95; letter-spacing: -0.045em; margin-bottom: 24px !important; font-weight: 900 !important; }
.keith-wrap .final-cta-content h2 em { font-family: var(--font-body) !important; font-style: italic; font-weight: 400; color: #ff8866; display: block; }
.keith-wrap .final-cta-content p { font-size: 17px !important; color: rgba(255,255,255,0.75) !important; line-height: 1.7; margin-bottom: 16px !important; }
.keith-wrap .final-cta-content p strong { color: #fff !important; font-weight: 600; }
.keith-wrap .final-cta-quote { font-family: var(--font-display) !important; font-size: 22px !important; font-weight: 500 !important; color: #fff !important; font-style: italic; margin: 24px 0 32px !important; line-height: 1.4 !important; }
.keith-wrap .trust-row { margin-top: 36px; display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; }
.keith-wrap .trust-item { font-family: var(--font-ui) !important; display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 500; }
.keith-wrap .trust-item .icon { color: #ff8866; font-size: 14px; }

.keith-wrap .site-footer { background: #000; padding: 56px 0 40px; border-top: 1px solid var(--border-dark); text-align: center; position: relative; }
.keith-wrap .site-footer::before { content: ''; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 120px; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }
.keith-wrap .footer-mark { display: inline-flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.keith-wrap .footer-bar { display: inline-block; width: 36px; height: 2px; background: linear-gradient(to right, var(--gold), var(--accent-red)); }
.keith-wrap .footer-mark .footer-bar:last-child { background: linear-gradient(to right, var(--accent-red), var(--gold)); }
.keith-wrap .footer-name { font-family: var(--font-display) !important; font-size: 15px; font-weight: 800; letter-spacing: 0.06em; color: #fff; text-transform: uppercase; }
.keith-wrap .footer-tagline { font-family: var(--font-body) !important; font-size: 13px; color: var(--text-muted); line-height: 1.5; font-style: italic; margin: 0 auto 28px; max-width: 480px; }
.keith-wrap .footer-copy { font-family: var(--font-ui) !important; font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, 0.3); letter-spacing: 0.08em; margin: 0 auto; padding-top: 20px; border-top: 1px solid var(--border-dark); max-width: 320px; }

@keyframes keithFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.keith-wrap .fade-up { animation: keithFadeUp 0.8s var(--ease) both; }
.keith-wrap .stagger > * { animation: keithFadeUp 0.6s var(--ease) both; }
.keith-wrap .stagger > *:nth-child(1) { animation-delay: 0.05s; }
.keith-wrap .stagger > *:nth-child(2) { animation-delay: 0.1s; }
.keith-wrap .stagger > *:nth-child(3) { animation-delay: 0.15s; }
.keith-wrap .stagger > *:nth-child(4) { animation-delay: 0.2s; }
.keith-wrap .stagger > *:nth-child(5) { animation-delay: 0.25s; }
.keith-wrap .stagger > *:nth-child(6) { animation-delay: 0.3s; }
.keith-wrap .stagger > *:nth-child(7) { animation-delay: 0.35s; }

/* ========== FORM POPUP MODAL ========== */
.keith-modal-overlay { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.8); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.keith-modal-overlay.is-open { opacity: 1; visibility: visible; }
.keith-modal { position: relative; width: 100%; max-width: 760px; max-height: 90vh; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 40px 100px -20px rgba(0,0,0,0.6); transform: translateY(20px) scale(.98); transition: transform .35s cubic-bezier(0.22,1,0.36,1); }
.keith-modal-overlay.is-open .keith-modal { transform: translateY(0) scale(1); }
.keith-modal-close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 38px; height: 38px; border: none; border-radius: 50%; background: rgba(0,0,0,0.06); color: #000; font-size: 24px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s ease; }
.keith-modal-close:hover { background: rgba(200,52,31,0.15); color: #c8341f; }
.keith-modal-body { width: 100%; height: 80vh; overflow: auto; }
.keith-modal-body iframe { width: 100% !important; min-height: 80vh; border: 0; display: block; }

@media (max-width: 1024px) {
    .keith-wrap .pillars-grid { grid-template-columns: repeat(3, 1fr); }
    .keith-wrap .hero-grid, .keith-wrap .about-grid { grid-template-columns: 1fr !important; gap: 56px !important; }
    .keith-wrap .pain-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
    .keith-wrap .testimonials-grid { grid-template-columns: 1fr 1fr; }
    .keith-wrap .testimonial-card-wide { grid-column: span 2; }
    .keith-wrap .pain-image { position: static !important; }
    .keith-wrap .hero-portrait, .keith-wrap .pain-image, .keith-wrap .about-image { width: 100% !important; max-width: 520px !important; margin: 0 auto !important; display: block !important; position: relative !important; min-height: 540px !important; }
    .keith-wrap .hero-portrait { background-image: url('https://i.postimg.cc/bvm28pBx/Kurlander-studio-Crossley-HIGHRES-CORRECTED-9.jpg') !important; }
    .keith-wrap .pain-image { background-image: url('https://i.postimg.cc/MGcxQ4Bg/Kurlander-office-portraits-HIGH-RES-1.jpg') !important; }
    .keith-wrap .about-image { background-image: url('https://i.postimg.cc/Y0LvCXVK/Kurlander-studio-Crossley-LOWRES-CORRECTED-11.jpg') !important; }
    .keith-wrap .break-image { aspect-ratio: 16/9 !important; }
}

@media (max-width: 768px) {
    .keith-wrap .container { padding: 0 22px !important; }

    .keith-wrap .hero { padding: 48px 0 56px !important; }
    .keith-wrap .pain-section, .keith-wrap .diff-section, .keith-wrap .qual-section, .keith-wrap .testimonials-section, .keith-wrap .about-section, .keith-wrap .pillars-section { padding: 76px 0 !important; }
    .keith-wrap .final-cta-section { padding: 84px 0 !important; }
    .keith-wrap .proof-bar { padding: 42px 0 !important; }
    .keith-wrap .site-footer { padding: 48px 0 30px !important; }
    .keith-wrap .break-image-section { padding: 36px 0 !important; }

    .keith-wrap .site-header { padding: 14px 0 !important; }
    .keith-wrap .nav-logo { gap: 10px !important; }
    .keith-wrap .nav-logo::before { width: 22px !important; }
    .keith-wrap .nav-logo-name { font-size: 12px !important; }
    .keith-wrap .nav-logo-tagline { font-size: 8px !important; letter-spacing: 0.1em !important; }
    .keith-wrap .nav-cta { font-size: 12px !important; padding: 10px 18px !important; }

    .keith-wrap .hero-grid { gap: 36px !important; text-align: center !important; }
    .keith-wrap .hero-content { max-width: 100% !important; text-align: center !important; }
    .keith-wrap .hero-eyebrow { font-size: 10px !important; padding: 6px 14px !important; margin-bottom: 18px !important; }
    .keith-wrap .hero h1 { font-size: 46px !important; line-height: 1.02 !important; margin-bottom: 0 !important; }
    .keith-wrap .hero-desc { font-size: 22px !important; line-height: 1.4 !important; margin-top: 22px !important; }
    .keith-wrap .hero-desc-strong { font-size: 19px !important; }
    .keith-wrap .hero-subdesc { font-size: 17px !important; margin: 0 auto 32px !important; max-width: 100% !important; }
    .keith-wrap .hero-cta-row { flex-direction: column !important; align-items: center !important; gap: 16px !important; }
    .keith-wrap .hero-guarantee { justify-content: center !important; font-size: 14px !important; }

    .keith-wrap .hero-portrait { width: 100% !important; max-width: 100% !important; min-height: 480px !important; background-image: url('https://i.postimg.cc/bvm28pBx/Kurlander-studio-Crossley-HIGHRES-CORRECTED-9.jpg') !important; background-position: center 18% !important; }
    .keith-wrap .hero-portrait-meta { bottom: 22px !important; left: 22px !important; right: 22px !important; }
    .keith-wrap .hero-portrait-meta .name { font-size: 19px !important; }

    .keith-wrap .btn { padding: 19px 30px !important; font-size: 15px !important; width: 100% !important; max-width: 380px !important; margin: 0 auto !important; min-height: 52px !important; }

    .keith-wrap .proof-label { font-size: 11px !important; margin-bottom: 26px !important; }
    .keith-wrap .logo-row { gap: 30px 36px !important; margin-bottom: 30px !important; }
    .keith-wrap .logo-row img { max-height: 28px !important; }
    .keith-wrap .credentials-row { flex-direction: column !important; gap: 12px !important; }
    .keith-wrap .credential { border-right: none !important; padding: 0 !important; font-size: 12px !important; white-space: normal !important; text-align: center !important; }

    .keith-wrap .eyebrow { font-size: 12px !important; padding-left: 32px !important; margin-bottom: 18px !important; }
    .keith-wrap .eyebrow::before { width: 22px !important; }
    .keith-wrap .eyebrow.center { padding-left: 0 !important; }
    .keith-wrap .eyebrow.center::before { width: 22px !important; margin-right: 10px !important; }
    .keith-wrap .eyebrow.center::after { width: 22px !important; margin-left: 10px !important; }

    .keith-wrap .pain-grid { gap: 0 !important; }
    .keith-wrap .pain-content { text-align: left !important; }
    .keith-wrap .pain-image-wrap { margin-top: 14px !important; }
    .keith-wrap .pain-content h2 { font-size: 38px !important; margin-bottom: 24px !important; }
    .keith-wrap .pain-content h2 em { font-size: 0.6em !important; margin-top: 8px !important; }
    .keith-wrap .pain-content p { font-size: 18px !important; max-width: 100% !important; }
    .keith-wrap .pain-quote { font-size: 21px !important; padding: 22px 24px !important; }
    .keith-wrap .pain-list li { font-size: 17px !important; padding: 13px 0 13px 28px !important; }
    .keith-wrap .pain-list li::before { top: 21px !important; }
    .keith-wrap .pain-list li::after { top: 18px !important; }
    .keith-wrap .pain-image { width: 100% !important; max-width: 100% !important; min-height: 460px !important; background-image: url('https://i.postimg.cc/MGcxQ4Bg/Kurlander-office-portraits-HIGH-RES-1.jpg') !important; }
    .keith-wrap .image-caption { margin-top: 16px !important; font-size: 14px !important; text-align: center !important; }
    .keith-wrap .pain-resolution { padding: 34px 24px !important; margin-top: 46px !important; }
    .keith-wrap .pain-resolution .pr-line-1 { font-size: 30px !important; }
    .keith-wrap .pain-resolution .pr-line-2 { font-size: 18px !important; }
    .keith-wrap .pain-resolution .pr-tags span { padding: 9px 18px !important; font-size: 13px !important; }

    .keith-wrap .diff-header h2 { font-size: 36px !important; }

    .keith-wrap .comparison-table { display: flex !important; flex-direction: column !important; background: transparent !important; box-shadow: none !important; border: none !important; overflow: visible !important; max-width: 100% !important; margin-bottom: 36px !important; }
    .keith-wrap .comp-table-header { display: contents !important; }
    .keith-wrap .comp-row-data { display: contents !important; background: transparent !important; border: none !important; }
    .keith-wrap .comp-row-data:nth-child(even) { background: transparent !important; }
    .keith-wrap .comp-th-divider, .keith-wrap .comp-cell-arrow { display: none !important; }

    .keith-wrap .comp-th-left { order: 1 !important; background: #f0ede5 !important; border-radius: 10px 10px 0 0 !important; border: 1px solid #e0ddd1 !important; border-bottom: none !important; padding: 24px 22px !important; }
    .keith-wrap .comp-row-data:nth-of-type(2) .comp-cell.left { order: 2 !important; }
    .keith-wrap .comp-row-data:nth-of-type(3) .comp-cell.left { order: 3 !important; }
    .keith-wrap .comp-row-data:nth-of-type(4) .comp-cell.left { order: 4 !important; }
    .keith-wrap .comp-row-data:nth-of-type(5) .comp-cell.left { order: 5 !important; border-radius: 0 0 10px 10px !important; }
    .keith-wrap .comp-cell.left { background: #fff !important; padding: 16px 22px !important; border-left: 1px solid #e0ddd1 !important; border-right: 1px solid #e0ddd1 !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; font-size: 16px !important; gap: 14px !important; min-height: auto !important; }
    .keith-wrap .comp-row-data:nth-of-type(5) .comp-cell.left { border-bottom: 1px solid #e0ddd1 !important; }
    .keith-wrap .comp-cell.left .cell-icon { width: 28px !important; height: 28px !important; font-size: 13px !important; }

    .keith-wrap .comp-th-right { order: 7 !important; background: #eef6ee !important; border-radius: 10px 10px 0 0 !important; border: 1px solid #c6dec6 !important; border-bottom: none !important; padding: 24px 22px !important; margin-top: 24px !important; }
    .keith-wrap .comp-row-data:nth-of-type(2) .comp-cell.right { order: 8 !important; }
    .keith-wrap .comp-row-data:nth-of-type(3) .comp-cell.right { order: 9 !important; }
    .keith-wrap .comp-row-data:nth-of-type(4) .comp-cell.right { order: 10 !important; }
    .keith-wrap .comp-row-data:nth-of-type(5) .comp-cell.right { order: 11 !important; border-radius: 0 0 10px 10px !important; }
    .keith-wrap .comp-cell.right { background: #fff !important; font-weight: 700 !important; padding: 16px 22px !important; border-left: 1px solid #c6dec6 !important; border-right: 1px solid #c6dec6 !important; border-bottom: 1px solid rgba(74,158,74,0.12) !important; font-size: 16px !important; gap: 14px !important; min-height: auto !important; }
    .keith-wrap .comp-row-data:nth-of-type(5) .comp-cell.right { border-bottom: 1px solid #c6dec6 !important; }
    .keith-wrap .comp-cell.right .cell-icon { width: 28px !important; height: 28px !important; font-size: 13px !important; }
    .keith-wrap .comp-th h3 { font-size: 22px !important; }

    .keith-wrap .diff-body p { font-size: 17px !important; }

    .keith-wrap .break-image { aspect-ratio: 4/3 !important; min-height: 280px !important; }

    .keith-wrap .qual-header h2 { font-size: 40px !important; }
    .keith-wrap .qual-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
    .keith-wrap .qual-card { padding: 32px 26px !important; }
    .keith-wrap .qual-card h3 { font-size: 24px !important; }
    .keith-wrap .qual-card ul li { font-size: 16px !important; padding: 13px 0 13px 34px !important; }
    .keith-wrap .qual-card ul li::before { top: 13px !important; width: 22px !important; height: 22px !important; font-size: 12px !important; }

    .keith-wrap .testimonials-header h2 { font-size: 38px !important; }
    .keith-wrap .testimonials-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
    .keith-wrap .testimonial-card-wide { grid-column: span 1 !important; }
    .keith-wrap .testimonial-card { padding: 30px 26px !important; }
    .keith-wrap .testimonial-card blockquote { font-size: 17px !important; }

    .keith-wrap .about-grid { gap: 36px !important; }
    .keith-wrap .about-image { width: 100% !important; max-width: 100% !important; min-height: 520px !important; background-image: url('https://i.postimg.cc/Y0LvCXVK/Kurlander-studio-Crossley-LOWRES-CORRECTED-11.jpg') !important; }
    .keith-wrap .about-content h2 { font-size: 36px !important; }
    .keith-wrap .about-content p { font-size: 16px !important; }
    .keith-wrap .about-image-stat .stat-num { font-size: 46px !important; }
    .keith-wrap .about-stat .num { font-size: 28px !important; }
    .keith-wrap .about-highlight p { font-size: 16px !important; }

    .keith-wrap .pillars-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
    .keith-wrap .pillars-header h2 { font-size: 42px !important; }
    .keith-wrap .pillar-card { padding: 30px 22px 28px !important; }
    .keith-wrap .pillar-number { font-size: 50px !important; }
    .keith-wrap .pillars-bottom { padding: 32px 26px !important; }
    .keith-wrap .pillars-bottom .emphasis { font-size: 20px !important; }

    .keith-wrap .final-cta-content h2 { font-size: 48px !important; }
    .keith-wrap .final-cta-quote { font-size: 19px !important; }
    .keith-wrap .final-cta-content p { font-size: 16px !important; }
    .keith-wrap .trust-row { gap: 18px !important; }
}

@media (max-width: 480px) {
    .keith-wrap .container { padding: 0 18px !important; }
    .keith-wrap .hero h1 { font-size: 38px !important; }
    .keith-wrap .hero-desc { font-size: 19px !important; }
    .keith-wrap .hero-desc-strong { font-size: 17px !important; }
    .keith-wrap .hero-portrait { min-height: 420px !important; }
    .keith-wrap .pillars-grid { grid-template-columns: 1fr !important; }
    .keith-wrap .pain-content h2 { font-size: 32px !important; }
    .keith-wrap .diff-header h2 { font-size: 30px !important; }
    .keith-wrap .qual-header h2 { font-size: 34px !important; }
    .keith-wrap .testimonials-header h2 { font-size: 32px !important; }
    .keith-wrap .about-content h2 { font-size: 30px !important; }
    .keith-wrap .pillars-header h2 { font-size: 36px !important; }
    .keith-wrap .final-cta-content h2 { font-size: 40px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .keith-wrap *, .keith-wrap *::before, .keith-wrap *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    .keith-wrap .fade-up, .keith-wrap .stagger > * { animation: none !important; opacity: 1 !important; transform: none !important; }
}/* End custom CSS */