/* Service Center refinements; does not affect other landing pages. */
.sc-section { padding: 56px 0; }
.sc-container, #service-actions > div { width: 100%; max-width: 1120px !important; margin: 0 auto; padding: 0 24px !important; }
.sc-support { background: #fff; }
.sc-help-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px 40px; align-items: start; }
.sc-help-photo { margin: 0; min-width: 0; }
.sc-help-photo img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid #e2e8f0; }
.sc-help-photo figcaption { color: #64748b; font-size: 12px; margin-top: 8px; }
.sc-help-grid > .sc-spanish { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 16px 24px; }
.sc-help-grid > .sc-spanish h3, .sc-help-grid > .sc-spanish p { margin: 0; }
@media(max-width: 900px) { .sc-help-grid { grid-template-columns: 1fr; } .sc-help-photo { width: 100%; max-width: 520px; } }
.sc-help-grid h2 { font-family: Outfit, sans-serif; font-size: 30px; font-weight: 800; color: #0f172a; line-height: 1.2; margin-bottom: 14px; }
.sc-help-grid p { color: #475569; line-height: 1.65; margin-bottom: 14px; }
.sc-help-grid .sc-eyebrow { color: #1d4ed8; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sc-help-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.sc-help-actions a { display: inline-flex; align-items: center; min-height: 48px; padding: 12px 18px; border-radius: 10px; background: #1e40af; color: #fff; font-weight: 700; }
.sc-help-actions a + a { background: #eff6ff; color: #1e40af; }
.sc-spanish { padding: 24px; background: #f1f5f9; border-radius: 16px; border: 1px solid #e2e8f0; }
.sc-spanish h3 { font: 800 22px Outfit, sans-serif; margin-bottom: 10px; }
.sc-spanish a { display: block; padding: 10px 0; color: #1e40af; font-weight: 700; }
.sc-panel-note { margin: 0 24px 20px; padding: 14px 16px; border-radius: 10px; background: #f1f5f9; color: #475569; font-size: 14px; line-height: 1.6; }
.sc-support .contact-card-shortcut { margin: 0 0 32px; padding: 0 0 28px; border-top: 0; }
.sc-support .contact-card-shortcut__title { font-size: 21px; }
.sc-support .contact-card-shortcut__link { width: auto; }
#service-actions .service-card > button, #service-actions a.service-card { padding: 24px !important; }
#service-actions .service-card h2 { font-size: 22px; margin-bottom: 4px; }
#service-actions .service-card { border-radius: 16px; }
#service-actions .service-card > button > div.flex-1 > p { margin-bottom: 8px; }
#service-actions > div > .grid { gap: 16px !important; }
#service-actions a.service-card > div > div:first-child { width: 52px !important; height: 52px !important; }
#service-actions a.service-card > div > div:first-child i { font-size: 24px !important; }
.service-shortcuts a { display: flex; align-items: center; justify-content: center; background: #eff6ff; color: #1e3a8a; border: 1px solid #bfdbfe; border-radius: 10px; min-height: 48px; padding: 12px; font-size: 14px; font-weight: 700; }
.service-shortcuts a:hover { background: #dbeafe; }
.sc-support a:focus-visible, .service-shortcuts a:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
#navbar a[href*="get-quote"] { background: #fbbf24 !important; color: #0f172a !important; box-shadow: none !important; }
.reveal { opacity: 1 !important; transform: none !important; }
@media(min-width: 640px) { header .service-shortcuts { grid-template-columns: repeat(5,minmax(0,1fr)) !important; max-width: 920px !important; } }
@media(max-width: 639px) {
 .sc-section { padding: 32px 0; }
 .sc-container, #service-actions > div { padding: 0 16px !important; }
 #service-actions a.service-card > div > div:first-child { width: 40px !important; height: 40px !important; }
 #service-actions a.service-card > div > div:first-child i { font-size: 20px !important; }
 .sc-help-grid { grid-template-columns: 1fr; gap: 24px; }
 .sc-help-grid h2 { font-size: 26px; }
 #service-actions .service-card > button, #service-actions a.service-card { padding: 18px 16px !important; }
 #service-actions .service-card h2 { font-size: 18px; }
 .service-shortcuts a { grid-column: 1 / -1; font-size: 13px; padding: 10px 6px; }
 .sc-panel-note { margin: 0 16px 16px; }
}
header.bg-vivid-hero { padding-top: 40px !important; padding-bottom: 36px !important; background-image: linear-gradient(rgba(15,23,42,.88),rgba(15,35,58,.9)),url("https://img.billlayneinsurance.com/i/2026/08/im-7hvqhbi-59gyqx.jpg") !important; }
header.bg-vivid-hero h1 { margin-bottom: 12px !important; }
header.bg-vivid-hero h1 span { background: none !important; color: #bfdbfe !important; }
header.bg-vivid-hero > div > p { color: #e2e8f0 !important; }
.service-shortcuts { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; max-width: 760px !important; margin: 24px auto 0 !important; }
.service-shortcuts button { background: #eff6ff !important; color: #1e3a8a !important; border: 1px solid #bfdbfe !important; border-radius: 10px !important; min-height: 48px !important; padding: 12px !important; font-size: 14px !important; font-weight: 700 !important; }
.service-shortcuts button:hover { background: #dbeafe !important; }
.service-shortcuts i { margin-right: 6px !important; }
.service-card { box-shadow: 0 2px 8px rgba(15,23,42,.035) !important; }
.service-card:hover { box-shadow: 0 6px 18px rgba(15,23,42,.07) !important; }
.service-card > button { scroll-margin-top: 100px !important; }
.service-card > button > div.flex-1 > p, a.service-card p { font-size: 14px !important; line-height: 1.6 !important; color: #475569 !important; }
.service-card > button > div:first-child { width: 52px !important; height: 52px !important; }
.service-card > button > div:first-child i { font-size: 24px !important; }
.carrier-panel.open { max-height: none !important; }
.carrier-panel { scroll-margin-top: 100px !important; }
.service-card button:focus-visible, .service-card a:focus-visible, .service-shortcuts button:focus-visible { outline: 3px solid #2563eb !important; outline-offset: -3px !important; }
@media(max-width: 639px) {
 header.bg-vivid-hero { padding: 24px 0 !important; }
 header.bg-vivid-hero h1 { font-size: 30px !important; line-height: 1.15 !important; }
 header.bg-vivid-hero > div > div:first-child { margin-bottom: 14px !important; font-size: 10px !important; }
 .service-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; margin-top: 18px !important; }
 .service-shortcuts button { padding: 10px 6px !important; font-size: 13px !important; }
 .service-card > button { padding: 18px 16px !important; }
 .service-card > button > div:first-child { width: 40px !important; height: 40px !important; }
 .service-card > button > div:first-child i { font-size: 20px !important; }
 .service-card h2 { font-size: 18px !important; }
}
