/* STRICT ALTERNATING COLORS */

/* 1. Hero -> Dark (Default) */

/* 2. Diagnosis -> Light */
.diagnosis { background: #ffffff !important; color: #141416 !important; }
.diagnosis h2, .diagnosis-intro p { color: #141416 !important; }
.diagnosis-tabs button { color: #555 !important; border-color: #eee !important; }
.diagnosis-tabs button[aria-selected="true"] { background: #f4f4f5 !important; color: #111 !important; }
.diagnosis-panels h3 { color: #111 !important; }
.diagnosis-panels p { color: #555 !important; }

/* 3. Before-After -> Dark */
.before-after { background: #050608 !important; }
.before-after .section-intro h2 { color: #ffffff !important; }
.before-after .section-intro p { color: #a1a1aa !important; }
.comparison-grid .before { background: #111111 !important; border-color: #222 !important; }
.comparison-grid .before h3 { color: #ffffff !important; }
.comparison-grid .before li { color: #a1a1aa !important; border-color: #333 !important; }

/* 4. System -> Light */
.system { background: #ffffff !important; color: #111 !important; }
.system h2, .system .story-step h3 { color: #111 !important; }
.system .story-step > p:not(.service-name) { color: #555 !important; }
.system .story-step .scope { color: #777 !important; }
.system .story-tabs { background: #f4f4f5 !important; }
.system .story-tabs button { color: #555 !important; }
.system .story-tabs button[aria-selected="true"] { background: #fff !important; color: #111 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important; }
/* removed arch-node override */
/* removed outputs override */
/* removed footnote override */

/* 5. Why Not Agency -> Dark */
.why-not-agency { background: #050608 !important; color: #ffffff !important; }
.wna-header h2 { color: #ffffff !important; }
.wna-header p { color: rgba(255, 255, 255, 0.9) !important; }
.wna-content { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
.wna-content h3 { color: #ffffff !important; }
.wna-content p { color: rgba(255, 255, 255, 0.6) !important; }
.role-mark { color: #ff5b16 !important; }

/* 6. Differentiator -> Light */
.differentiator-section { background: #ffffff !important; color: #111 !important; }
.differentiator-section h2 { color: #111 !important; }
.diff-intro-header p { color: #555 !important; }
.differentiator-section .diff-card { background: #fafafa !important; border: 1px solid #eee !important; }
.differentiator-section .diff-card h3 { color: #111 !important; }
.differentiator-section .diff-card p { color: #555 !important; }

/* 7. Method -> Dark */
.method-section { background: #050608 !important; color: #ffffff !important; }
.method-section h2, .method-section .method-list h3 { color: #ffffff !important; }
.method-section .section-intro > p { color: #aaa !important; }
.method-section .method-list p { color: #888 !important; }
.method-section .method-list li { border-color: #222 !important; }

/* 8. Calculator -> Light */
.calculator-section { background: #ffffff !important; }
.calculator-section h2 { color: #111 !important; }
.calculator-section p { color: #555 !important; }
.calculator-card { background: #fafafa !important; border: 1px solid #eee !important; }
.calc-label-title { color: #333 !important; }
.calc-results-box { background: #fff !important; border: 1px solid #ddd !important; }
.calc-output-num { color: #111 !important; }
.calc-annual-sub { color: #52525b !important; }
.calculator-section .conversion-cta-block h3 { color: #111113 !important; }
.calculator-section input { color-scheme: light !important; }

/* 9. Home-Work (Casi Studio) -> Dark */
.home-work { background: #050608 !important; }
.home-work h2 { color: #ffffff !important; }
.home-work p { color: #aaa !important; }
.proof-list .proof { border-top-color: #222 !important; }
.proof-list .proof h3 { color: #fff !important; }
.proof-list .proof > p { color: #888 !important; }
.proof-list .proof > span { color: #666 !important; }

/* 10. Objections -> Light */
.objections-section { background: #ffffff !important; }
.objections-section h2 { color: #111 !important; }
.objections-section p { color: #555 !important; }

/* 11. FAQ -> Dark */
.faq { background: #050608 !important; }
.faq h2 { color: #ffffff !important; }
.faq details { border-color: #222 !important; }
.faq summary { color: #ffffff !important; }
.faq details p { color: #a1a1aa !important; }

/* 12. Contact -> Light */
.contact { background: #ffffff !important; color: #111 !important; }
.contact h2 { color: #111 !important; }
.contact-layout > div > p { color: #555 !important; }
.contact label { color: #333 !important; }
.contact input, .contact textarea { color: #111 !important; border-bottom-color: #ddd !important; }

/* Fix System Screen Contrasts */
.system .system-screen { background: #111 !important; border-color: #333 !important; }
.system .screen-bar { border-bottom-color: #333 !important; color: #aaa !important; }
.system .screen-caption { color: #ffffff !important; }
.system .architecture-node:not(.core) { border-color: #444 !important; color: #ddd !important; }
.system .architecture-outputs span { border-color: #444 !important; color: #ddd !important; }
.system .screen-footnote { color: #888 !important; }

/* Fix Calculator Inputs */
.calculator-section input[type="text"], .calculator-section input[type="number"], .calculator-section select { 
    color: #111 !important; 
    border-bottom-color: #ccc !important;
}
.calc-label-title { color: #111 !important; font-weight: 600; }
.calc-number-box { background: #fff !important; border: 1px solid #ccc !important; color: #111 !important; }

/* Fix Differentiator Cards */
.differentiator-section .diff-card { background: #f9f9f9 !important; border-color: #e5e5e5 !important; }
.differentiator-section .diff-card h3 { color: #111 !important; }
.differentiator-section .diff-card p { color: #555 !important; }

/* Fix Why Not Agency (Dark Section) Contrasts */
.why-not-agency .ed-subject h3 { color: #ffffff !important; }
.why-not-agency .ed-content p { color: #a1a1aa !important; }

/* Fix Calculator Section (Light Section) Contrasts */
.calculator-section [style*="color: #e2e8f0"] { color: #333333 !important; }
.calculator-section [style*="color: var(--orange-light)"] { color: var(--orange) !important; }
.calc-lost-alert { background: #fff5f0 !important; color: #111 !important; border: 1px solid #ffd8c7 !important; }
.calc-lost-alert strong { color: var(--orange) !important; }
.capacity-meter figcaption strong { color: #111 !important; }
.capacity-meter figcaption span { color: #555 !important; }
.capacity-meter figcaption small { color: #888 !important; }
.capacity-dial strong { color: #111 !important; }
.capacity-base { stroke: #eee !important; }

/* Fix Home Work (Dark Section) Contrasts */
.home-work .text-link { color: #ffffff !important; border-bottom-color: #333 !important; }
.home-work .text-link:hover { color: var(--orange) !important; border-bottom-color: var(--orange) !important; }
/* The cards inside Home Work are already white with dark text, which is fine, but let's ensure metric is visible */
.home-work-card { background: #ffffff !important; border-color: #222 !important; }
.home-card-body h3 { color: #111 !important; }
.home-card-body p, .home-card-quote { color: #555 !important; }
.home-card-client .home-client-name { color: #111 !important; }
.home-card-metric { color: #ff5b16 !important; }