/*! WindspeedSEO Visual System - site-wide brand overrides v1.5.9
 * Green buttons (.ws-btn--accent) use the logo green, brand green 500 #83B422 (owner, 2026-09-29).
 * White text on #83B422 is only 2.5:1, so the label is slate 950 (#141B26, 7.0:1); the hover lightens to
 * green 400 #A1CB45 (9.2:1). `html:root` outranks the kit's `:root` definitions.
 * Hero keywords (.ws-hero-proof, the pills or line under the hero buttons) are muted so they support the
 * headline and the call to action instead of competing with them (owner, 2026-09-29): small outlined pills,
 * slate 300 text (#AFBAC9, about 9:1 on the dark hero).
 * Brand-kit corrections for three near-brand tints in older shared files (2026-09-29): the hero field's near sweep
 * uses data blue 100/50, the composition link pulse uses data blue 400, and the health dot-strip's warning dot uses
 * the kit warning amber #E8C778.
 * Loads last.
 */
html:root { --ws-action-accent-bg: #83B422; --ws-action-accent-hover: #A1CB45; --ws-action-accent-text: #141B26; }

html .elementor .ws-hero-proof { font-size: 13px; font-weight: 500; line-height: 1.5; color: #AFBAC9; }
html .elementor .ws-hero-proof > ul { gap: 6px; }
html .elementor .ws-hero-proof > ul > li { padding: 2px 10px; font-size: 12px; font-weight: 500; line-height: 1.6; color: #AFBAC9; background-color: transparent; border: 1px solid rgba(175, 186, 201, .28); }

html .elementor .ws-flow-layer--sweep-near::before { background-image: linear-gradient(90deg, rgba(226,241,248,0) 0, rgba(226,241,248,0) 306px, rgba(226,241,248,.6) 316px, #F1F8FC 323px, rgba(226,241,248,.6) 330px, rgba(226,241,248,0) 340px); }
html .ws-comp .ws-comp-link--h::after, html .ws-comp .ws-comp-gate-line::after, html .ws-comp .ws-comp-link--v::after { background: #6FB2D5; }
html:root { --ws-asset-spark-dots-health: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 36' width='120' height='36'%3E%3Ccircle cx='7.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='22.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='37.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='52.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='67.5' cy='18' r='5' fill='%23E8C778'/%3E%3Ccircle cx='82.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='97.5' cy='18' r='5' fill='%2383B422'/%3E%3Ccircle cx='112.5' cy='18' r='5' fill='%2383B422'/%3E%3C/svg%3E"); }