:root{--icon-size:16px;--primary-color:#3B82F6;--text-color:#374151;--bg-color:#FFFFFF}body{font-display:swap}.text-accent-500{color:#0ea5e9}.text-accent-600{color:#0284c7}.hover\:text-accent-500:hover{color:#0ea5e9}.hover\:text-accent-600:hover{color:#0284c7}.loading{opacity:0;transition:opacity 0.3s ease-in;visibility:hidden}.loaded{opacity:1;visibility:visible}.loading-placeholder{min-height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}svg{width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size)}.service-request-btn{transition:all 0.3s ease;position:relative;overflow:hidden}.service-request-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(14 165 233 / .3)}.service-request-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.service-request-btn:hover::before{left:100%}.emergency-service{animation:emergency-pulse 2s infinite}@keyframes emergency-pulse{0%,100%{box-shadow:0 0 0 0 rgb(239 68 68 / .7)}50%{box-shadow:0 0 0 10px #fff0}}.emergency-service.pulse{animation:quick-pulse 0.5s ease-in-out}@keyframes quick-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.service-area-map{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.sprinkler-icon{color:#0ea5e9;transition:color 0.3s ease}.sprinkler-icon:hover{color:#0284c7}.service-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.service-badge.emergency{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.service-badge.maintenance{background-color:#f0f9ff;color:#0ea5e9;border:1px solid #bae6fd}.service-badge.installation{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.service-badge.repair{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.table-responsive{overflow-x:auto;margin:2rem 0;border-radius:.5rem;box-shadow:0 1px 3px rgb(0 0 0 / .1)}table{width:100%;border-collapse:collapse;margin:0}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background-color:#f9fafb;font-weight:600;color:#374151}tr:hover{background-color:#f9fafb}@media (max-width:768px){.table-responsive{margin:1rem 0}table{font-size:.875rem}thead{display:none}tbody{display:block}tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}td{display:block;text-align:left;border:none;padding:.5rem 0}td::before{content:attr(data-label) ": ";font-weight:600;color:#374151;margin-right:.5rem}}.prose{max-width:none;color:#374151}.prose p{margin-bottom:1rem}.prose h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#111827}.prose h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#111827}.prose h4{font-size:1.125rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:#111827}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem}.prose li{margin-bottom:.25rem}.prose blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#6b7280}.prose img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}@media (max-width:768px){.prose{font-size:.875rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.125rem}.prose h4{font-size:1rem}.lg\:flex-row{flex-direction:column}.lg\:w-2\/3,.lg\:w-1\/3{width:100%}.text-3xl{font-size:1.5rem;line-height:2rem}}