/* =========================================
   INDUSTRIES CSS - ALL 10 PAGES
   Single CSS file for all industry-specific designs
   ========================================= */

/* =========================================
   AUTO REPAIR - Industrial/Mechanical Theme
   ========================================= */

.auto-mechanic-hero {
    background: linear-gradient(135deg, #18181b 0%, #09090b 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.auto-mechanic-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(250,204,21,0.03) 2px, rgba(250,204,21,0.03) 4px),
        repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(250,204,21,0.03) 2px, rgba(250,204,21,0.03) 4px);
    opacity: 0.3;
}

.mechanic-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.wrench-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(250,204,21,0.1);
    border: 1px solid rgba(250,204,21,0.3);
    padding: 8px 16px;
    border-radius: 4px;
    color: #facc15;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-bottom: 24px;
    font-family: 'Courier New', monospace;
}

.wrench-badge svg {
    stroke: #facc15;
}

.mechanic-title {
    font-size: clamp(2.8rem, 5vw, 4.2rem);
    font-weight: 900;
    color: #fafafa;
    line-height: 1.1;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.mechanic-description {
    font-size: 1.125rem;
    color: #a1a1aa;
    line-height: 1.7;
    margin-bottom: 32px;
}

.diagnostic-readout {
    background: rgba(24,24,27,0.8);
    border: 2px solid #27272a;
    border-left: 4px solid #facc15;
    padding: 20px 24px;
    border-radius: 8px;
    margin-bottom: 32px;
    font-family: 'Courier New', monospace;
}

.readout-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #27272a;
}

.readout-line:last-child {
    border-bottom: none;
}

.readout-line.status-ok {
    border-left: 3px solid #22c55e;
    padding-left: 12px;
    margin-left: -12px;
}

.readout-label {
    color: #71717a;
    font-size: 0.875rem;
}

.readout-value {
    font-size: 1.25rem;
    font-weight: 700;
}

.readout-value.bad {
    color: #ef4444;
}

.readout-value.good {
    color: #22c55e;
}

.btn-mechanic-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #facc15;
    color: #09090b;
    padding: 18px 36px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 0 20px rgba(250,204,21,0.3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.btn-mechanic-primary:hover {
    background: #fde047;
    box-shadow: 0 0 30px rgba(250,204,21,0.5);
}

.mechanic-workbench {
    position: relative;
}

.workbench-panel {
    background: #18181b;
    border: 2px solid #27272a;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

.panel-header {
    background: linear-gradient(135deg, #27272a 0%, #18181b 100%);
    padding: 16px 20px;
    border-bottom: 2px solid #facc15;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indicator-lights {
    display: flex;
    gap: 8px;
}

.indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 8px currentColor;
}

.indicator.green {
    background: #22c55e;
}

.indicator.yellow {
    background: #facc15;
}

.panel-title {
    color: #fafafa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-family: 'Courier New', monospace;
}

.service-queue {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service-job {
    background: #09090b;
    border: 1px solid #27272a;
    border-left: 4px solid #3f3f46;
    padding: 16px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.service-job.active {
    border-left-color: #22c55e;
    background: rgba(34,197,94,0.05);
}

.service-job.incoming {
    border-left-color: #3b82f6;
    background: rgba(59,130,246,0.05);
}

.service-job.incoming.pulse {
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 rgba(59,130,246,0); }
    50% { box-shadow: 0 0 20px rgba(59,130,246,0.4); }
}

.job-status {
    background: #27272a;
    color: #a1a1aa;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 12px;
    font-family: 'Courier New', monospace;
}

.job-status.new {
    background: #3b82f6;
    color: white;
}

.job-details strong {
    display: block;
    color: #fafafa;
    font-size: 1rem;
    margin-bottom: 4px;
}

.job-details span {
    color: #71717a;
    font-size: 0.875rem;
}

.job-time {
    color: #a1a1aa;
    font-size: 0.8125rem;
    margin-top: 8px;
}

.ai-action-tag {
    margin-top: 8px;
    color: #22c55e;
    font-size: 0.8125rem;
    font-weight: 600;
}

.booked-by {
    margin-top: 4px;
    color: #22c55e;
    font-size: 0.75rem;
}

.auto-services-grid {
    padding: 100px 0;
    background: #fafafa;
}

.services-grid-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #09090b;
    margin-bottom: 60px;
}

.tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

.tool-card {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 32px 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.tool-card:hover {
    border-color: #facc15;
    box-shadow: 0 8px 30px rgba(250,204,21,0.2);
    transform: translateY(-4px);
}

.tool-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #e5e7eb;
}

.tool-icon.oil {
    background: #fef3c7;
    border-color: #facc15;
}

.tool-icon.oil svg {
    stroke: #ca8a04;
}

.tool-icon.brakes {
    background: #fee2e2;
    border-color: #ef4444;
}

.tool-icon.brakes svg {
    stroke: #dc2626;
}

.tool-icon.diagnostic {
    background: #dbeafe;
    border-color: #3b82f6;
}

.tool-icon.diagnostic svg {
    stroke: #2563eb;
}

.tool-icon.tires {
    background: #f3f4f6;
    border-color: #6b7280;
}

.tool-icon.tires svg {
    stroke: #374151;
}

.tool-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #09090b;
    margin-bottom: 12px;
}

.tool-card p {
    color: #52525b;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.auto-results-gauge {
    padding: 100px 0;
    background: #09090b;
}

.gauge-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #fafafa;
    margin-bottom: 60px;
}

.gauge-dashboard {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: center;
}

.gauge-meter {
    text-align: center;
}

.meter-visual {
    position: relative;
    width: 220px;
    margin: 0 auto;
}

.speedometer {
    width: 100%;
    height: auto;
}

.gauge-fill {
    transition: stroke-dashoffset 2s ease;
}

.gauge-value {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.gauge-number {
    font-size: 3rem;
    font-weight: 800;
    color: #22c55e;
}

.gauge-unit {
    font-size: 1.5rem;
    color: #71717a;
}

.gauge-label {
    color: #a1a1aa;
    font-size: 0.875rem;
    margin-top: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-bars {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.bar-label {
    color: #a1a1aa;
    font-size: 0.875rem;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bar-track {
    background: #18181b;
    height: 16px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.bar-fill {
    height: 100%;
    border-radius: 8px;
    transition: width 1.5s ease;
}

.bar-value {
    color: #fafafa;
    font-size: 1.125rem;
    font-weight: 700;
}

.auto-mechanic-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #facc15 0%, #fde047 100%);
}

.cta-toolbox {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.toolbox-title {
    font-size: clamp(2.5rem, 5vw, 3.8rem);
    font-weight: 900;
    color: #09090b;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.toolbox-description {
    font-size: 1.25rem;
    color: #52525b;
    margin-bottom: 32px;
}

.btn-mechanic-secondary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #09090b;
    color: #facc15;
    padding: 20px 40px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.btn-mechanic-secondary:hover {
    background: #18181b;
    box-shadow: 0 15px 50px rgba(0,0,0,0.4);
}

/* Responsive for Auto Repair */
@media (max-width: 1024px) {
    .mechanic-grid {
        grid-template-columns: 1fr;
    }
    
    .gauge-dashboard {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .auto-mechanic-hero {
        padding: 80px 0 50px;
    }
}



/* =========================================
   PLUMBERS - Emergency Pipe Flow Design  
   Blue/Orange theme
   ========================================= */

.plumber-emergency-hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #0c4a6e 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.emergency-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.leak-alert {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(249, 115, 22, 0.2);
    border: 1px solid rgba(249, 115, 22, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fb923c;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.leak-alert svg {
    stroke: #f97316;
}

.emergency-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.orange-text {
    color: #f97316;
}

.emergency-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.emergency-stats-quick {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.quick-metric {
    display: flex;
    flex-direction: column;
}

.metric-value {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f97316;
    line-height: 1;
}

.metric-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}

.btn-plumber-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-plumber-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.6);
}

.pipe-flow-monitor {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.monitor-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f3f4f6;
}

.live-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #1f2937;
    font-size: 0.875rem;
}

.live-dot-plumber {
    width: 10px;
    height: 10px;
    background: #22c55e;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
}

.plumber-time {
    font-weight: 700;
    color: #6b7280;
}

.call-flow {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.flow-call {
    background: white;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    transition: all 0.3s ease;
}

.flow-call.critical {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.flow-call.standard {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.call-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.emergency-icon {
    background: #fee2e2;
}

.emergency-icon svg {
    stroke: #dc2626;
}

.standard-icon {
    background: #dbeafe;
}

.standard-icon svg {
    stroke: #2563eb;
}

.call-details {
    flex: 1;
}

.call-priority-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.call-priority-badge.urgent {
    background: #dc2626;
    color: white;
}

.call-priority-badge.normal {
    background: #3b82f6;
    color: white;
}

.call-details strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.call-details p {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 4px 0;
}

.ai-route {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.call-timer {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 600;
}

.plumber-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-plumber {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-plumber {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.result-card-plumber:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

.result-icon-plumber {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emergency-bg {
    background: linear-gradient(135deg, #dcfce7 0%, #d1fae5 100%);
}

.emergency-bg svg {
    stroke: #10b981;
}

.revenue-bg {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.revenue-bg svg {
    stroke: #f59e0b;
}

.time-bg {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.time-bg svg {
    stroke: #3b82f6;
}

.result-number-plumber {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
    line-height: 1;
    display: inline-block;
}

.result-symbol,
.result-unit {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #6b7280;
    margin-left: 8px;
}

.result-label-plumber {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-plumber {
    font-size: 0.875rem;
    color: #6b7280;
}

.plumber-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1e3a8a 0%, #0c4a6e 100%);
    color: white;
    text-align: center;
}

.cta-content-plumber {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-plumber {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-plumber {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-plumber-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-plumber-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.6);
}

.cta-trust-plumber {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: 32px;
    flex-wrap: wrap;
    color: rgba(255,255,255,0.8);
    font-size: 0.875rem;
}

/* Responsive for Plumbers */
@media (max-width: 1024px) {
    .emergency-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .plumber-emergency-hero {
        padding: 80px 0 50px;
    }
    
    .emergency-stats-quick {
        gap: 20px;
    }
    
    .cta-trust-plumber {
        flex-direction: column;
        gap: 16px;
    }
}


/* =========================================
   CHIROPRACTORS - Wellness/Pain Relief
   Green theme
   ========================================= */

.chiro-wellness-hero {
    background: linear-gradient(135deg, #065f46 0%, #047857 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
}

.wellness-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.wellness-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #6ee7b7;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.wellness-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.green-gradient {
    background: linear-gradient(135deg, #6ee7b7 0%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wellness-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.pain-scale-quick {
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
}

.scale-item {
    display: flex;
    flex-direction: column;
}

.scale-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: #10b981;
}

.scale-label {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.7);
    margin-top: 4px;
}

.btn-chiro-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #10b981;
    color: white;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(16, 185, 129, 0.4);
}

.btn-chiro-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(16, 185, 129, 0.6);
}

.spine-alignment-card {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.card-header-chiro {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.status-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
}

.pulse-dot-chiro {
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.pain-assessment {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.assessment-item {
    background: #f9fafb;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.assessment-item.urgent {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.pain-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.severe-icon {
    background: #fee2e2;
}

.severe-icon svg {
    stroke: #dc2626;
}

.maintenance-icon {
    background: #d1fae5;
}

.maintenance-icon svg {
    stroke: #10b981;
}

.pain-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.pain-badge.critical {
    background: #dc2626;
    color: white;
}

.pain-badge.wellness {
    background: #10b981;
    color: white;
}

.assessment-details strong {
    display: block;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.assessment-details p {
    font-size: 0.875rem;
    color: #6b7280;
}

.ai-decision {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.chiro-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-chiro {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-chiro {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.result-card-chiro {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.result-card-chiro:hover {
    transform: translateY(-8px);
}

.result-icon-chiro {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-icon-chiro svg {
    stroke: #10b981;
}

.result-number-chiro {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
}

.result-symbol-chiro,
.result-unit-chiro {
    font-size: clamp(2rem, 5vw, 3rem);
    color: #6b7280;
}

.result-label-chiro {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-chiro {
    font-size: 0.875rem;
    color: #6b7280;
}

.chiro-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #065f46 0%, #047857 100%);
    text-align: center;
    color: white;
}

.cta-content-chiro {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-chiro {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-chiro {
    font-size: 1.125rem;
    margin-bottom: 32px;
    color: rgba(255,255,255,0.9);
}

.btn-chiro-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #10b981;
    color: white;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}


/* =========================================
   MARKETING AGENCIES - ROI Dashboard
   Purple/Gradient theme
   ========================================= */

.marketing-roi-hero {
    background: linear-gradient(135deg, #581c87 0%, #7c3aed 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
}

.roi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.growth-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(168, 85, 247, 0.2);
    border: 1px solid rgba(168, 85, 247, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #c4b5fd;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.roi-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.purple-gradient {
    background: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.roi-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.roi-metrics-quick {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-quick-item {
    display: flex;
    flex-direction: column;
}

.metric-quick-value {
    font-size: 2.5rem;
    font-weight: 800;
    color: #a78bfa;
}

.metric-quick-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}

.btn-marketing-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a78bfa;
    color: white;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(167, 139, 250, 0.4);
}

.btn-marketing-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(167, 139, 250, 0.6);
}

.dashboard-roi-card {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.dashboard-roi-header {
    margin-bottom: 24px;
}

.live-leads {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
}

.pulse-dot-marketing {
    width: 10px;
    height: 10px;
    background: #a78bfa;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.lead-pipeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.pipeline-lead {
    background: #f9fafb;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
}

.pipeline-lead.qualified {
    border-left-color: #10b981;
    background: #ecfdf5;
}

.pipeline-lead.nurture {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.lead-value {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.lead-value.high-value {
    background: #10b981;
    color: white;
}

.lead-value.mid-value {
    background: #f59e0b;
    color: white;
}

.lead-info strong {
    display: block;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.lead-info p {
    font-size: 0.875rem;
    color: #6b7280;
}

.ai-qualify {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.roi-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3f4f6;
}

.summary-stat {
    display: flex;
    flex-direction: column;
}

.stat-label {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 4px;
}

.stat-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1f2937;
}

.marketing-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-marketing {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-marketing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.result-card-marketing {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.result-card-marketing:hover {
    transform: translateY(-8px);
}

.result-icon-marketing {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purple-bg {
    background: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%);
}

.purple-bg svg {
    stroke: #7c3aed;
}

.gradient-bg {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.gradient-bg svg {
    stroke: #f59e0b;
}

.success-bg {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.success-bg svg {
    stroke: #10b981;
}

.result-number-marketing {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
}

.result-symbol-marketing,
.result-unit-marketing {
    font-size: clamp(2rem, 5vw, 3rem);
    color: #6b7280;
}

.result-label-marketing {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-marketing {
    font-size: 0.875rem;
    color: #6b7280;
}

.marketing-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #581c87 0%, #7c3aed 100%);
    text-align: center;
    color: white;
}

.cta-content-marketing {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-marketing {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-marketing {
    font-size: 1.125rem;
    margin-bottom: 32px;
}

.btn-marketing-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a78bfa;
    color: white;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}


/* =========================================
   ELECTRICIANS - Safety Circuit
   Electric Blue theme
   ========================================= */

.electric-safety-hero {
    background: linear-gradient(135deg, #0c4a6e 0%, #075985 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
}

.safety-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.voltage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(56, 189, 248, 0.2);
    border: 1px solid rgba(56, 189, 248, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #7dd3fc;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.safety-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.electric-blue {
    color: #38bdf8;
}

.safety-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.safety-stats-grid {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.safety-stat {
    display: flex;
    flex-direction: column;
}

.safety-stat-value {
    font-size: 2.5rem;
    font-weight: 800;
    color: #38bdf8;
}

.safety-stat-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}

.btn-electric-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #38bdf8;
    color: #0c4a6e;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(56, 189, 248, 0.4);
}

.btn-electric-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(56, 189, 248, 0.6);
}

.circuit-board-card {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.circuit-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.live-circuit {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
}

.pulse-dot-electric {
    width: 10px;
    height: 10px;
    background: #38bdf8;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.voltage-indicator {
    font-weight: 700;
    color: #f59e0b;
}

.safety-calls {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.safety-call {
    background: #f9fafb;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.safety-call.critical-safety {
    border-left-color: #dc2626;
    background: #fef2f2;
}

.safety-call.standard-safety {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.hazard-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hazard-icon.danger {
    background: #fee2e2;
}

.hazard-icon.danger svg {
    stroke: #dc2626;
}

.hazard-icon.routine {
    background: #dbeafe;
}

.hazard-icon.routine svg {
    stroke: #3b82f6;
}

.hazard-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.hazard-badge.critical {
    background: #1f2937;
    color: white;
}

.hazard-badge.routine {
    background: #3b82f6;
    color: white;
}

.call-info-electric strong {
    display: block;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.call-info-electric p {
    font-size: 0.875rem;
    color: #6b7280;
}

.ai-route-electric {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.electric-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-electric {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-electric {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.result-card-electric {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.result-card-electric:hover {
    transform: translateY(-8px);
}

.result-icon-electric {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-icon-electric svg {
    stroke: #0284c7;
}

.result-number-electric {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
}

.result-symbol-electric,
.result-unit-electric {
    font-size: clamp(2rem, 5vw, 3rem);
    color: #6b7280;
}

.result-label-electric {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-electric {
    font-size: 0.875rem;
    color: #6b7280;
}

.electric-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0c4a6e 0%, #075985 100%);
    text-align: center;
    color: white;
}

.cta-content-electric {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-electric {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-electric {
    font-size: 1.125rem;
    margin-bottom: 32px;
}

.btn-electric-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #38bdf8;
    color: #0c4a6e;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}


/* =========================================
   FINANCIAL ADVISORS - Wealth Portfolio
   Navy/Gold theme
   ========================================= */

.financial-trust-hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
}

.trust-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 191, 36, 0.2);
    border: 1px solid rgba(251, 191, 36, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fde68a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.trust-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.gold-gradient {
    background: linear-gradient(135deg, #fde68a 0%, #fbbf24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.trust-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.trust-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.trust-metric-item {
    display: flex;
    flex-direction: column;
}

.trust-metric-value {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fbbf24;
}

.trust-metric-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.7);
    margin-top: 8px;
}

.btn-financial-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #1e3a8a;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);
}

.btn-financial-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.6);
}

.portfolio-card {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.portfolio-header {
    margin-bottom: 24px;
}

.live-prospects {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
}

.pulse-dot-financial {
    width: 10px;
    height: 10px;
    background: #fbbf24;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.prospect-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.prospect {
    background: #f9fafb;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.prospect.qualified-prospect {
    border-left-color: #fbbf24;
    background: #fffbeb;
}

.prospect.nurture-prospect {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.prospect-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.prospect-icon.premium {
    background: #fef3c7;
}

.prospect-icon.premium svg {
    stroke: #f59e0b;
}

.prospect-icon.standard {
    background: #dbeafe;
}

.prospect-icon.standard svg {
    stroke: #3b82f6;
}

.aum-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.aum-badge.high-value {
    background: #fbbf24;
    color: #1e3a8a;
}

.aum-badge.mid-value {
    background: #3b82f6;
    color: white;
}

.prospect-info strong {
    display: block;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.prospect-info p {
    font-size: 0.875rem;
    color: #6b7280;
}

.ai-qualify-financial {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.portfolio-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3f4f6;
}

.summary-item {
    display: flex;
    flex-direction: column;
}

.summary-label {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 4px;
}

.summary-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1f2937;
}

.financial-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-financial {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-financial {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.result-card-financial {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.result-card-financial:hover {
    transform: translateY(-8px);
}

.result-icon-financial {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gold-bg {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.gold-bg svg {
    stroke: #f59e0b;
}

.trust-bg {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.trust-bg svg {
    stroke: #3b82f6;
}

.clients-bg {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.clients-bg svg {
    stroke: #10b981;
}

.result-number-financial {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
}

.result-symbol-financial,
.result-unit-financial {
    font-size: clamp(2rem, 5vw, 3rem);
    color: #6b7280;
}

.result-label-financial {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-financial {
    font-size: 0.875rem;
    color: #6b7280;
}

.financial-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    text-align: center;
    color: white;
}

.cta-content-financial {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-financial {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-financial {
    font-size: 1.125rem;
    margin-bottom: 32px;
}

.btn-financial-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #1e3a8a;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}


/* =========================================
   RESPONSIVE FOR ALL PAGES
   ========================================= */

@media (max-width: 1024px) {
    .wellness-grid,
    .roi-grid,
    .safety-grid,
    .trust-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .chiro-wellness-hero,
    .marketing-roi-hero,
    .electric-safety-hero,
    .financial-trust-hero {
        padding: 80px 0 50px;
    }
    
    .pain-scale-quick,
    .roi-metrics-quick,
    .safety-stats-grid,
    .trust-metrics {
        gap: 20px;
    }
}


/* =========================================
   CAR DEALERSHIPS - Luxury Showroom
   Charcoal/Gold theme
   ========================================= */

.dealership-luxury-hero {
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.dealership-luxury-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.1) 0%, transparent 50%);
}

.showroom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.premium-badge-dealer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 191, 36, 0.15);
    border: 1px solid rgba(251, 191, 36, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fbbf24;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.premium-badge-dealer svg {
    fill: #fbbf24;
}

.showroom-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.gold-shine {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.showroom-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
    margin-bottom: 32px;
}

.deal-metrics-quick {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-dealer {
    display: flex;
    flex-direction: column;
}

.metric-value-dealer {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fbbf24;
    line-height: 1;
}

.metric-label-dealer {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.6);
    margin-top: 8px;
}

.btn-dealer-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #111827;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.3);
}

.btn-dealer-primary:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.5);
}

.inventory-dashboard {
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    border: 1px solid rgba(251, 191, 36, 0.2);
}

.dashboard-header-dealer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f3f4f6;
}

.live-leads-dealer {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #1f2937;
    font-size: 0.875rem;
}

.pulse-dot-dealer {
    width: 10px;
    height: 10px;
    background: #fbbf24;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.inventory-count {
    font-weight: 700;
    color: #6b7280;
    font-size: 0.875rem;
}

.lead-showcase {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.lead-card {
    background: #f9fafb;
    border-left: 4px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
}

.lead-card.premium-buyer {
    border-left-color: #fbbf24;
    background: #fffbeb;
}

.lead-card.browsing-buyer {
    border-left-color: #60a5fa;
    background: #eff6ff;
}

.buyer-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.premium-avatar {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.premium-avatar svg {
    stroke: #f59e0b;
}

.standard-avatar {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.standard-avatar svg {
    stroke: #3b82f6;
}

.buyer-details {
    flex: 1;
}

.budget-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.budget-badge.high-budget {
    background: #fbbf24;
    color: #78350f;
}

.budget-badge.mid-budget {
    background: #60a5fa;
    color: white;
}

.buyer-details strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.buyer-details p {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 4px 0;
}

.ai-action-dealer {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.deal-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3f4f6;
}

.summary-metric-dealer {
    display: flex;
    flex-direction: column;
}

.summary-label-dealer {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 4px;
}

.summary-value-dealer {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1f2937;
}

.dealership-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-dealer {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 60px;
}

.results-grid-dealer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-dealer {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-dealer:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #fbbf24;
}

.result-icon-dealer {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-icon {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.revenue-icon svg {
    stroke: #f59e0b;
}

.qual-icon {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.qual-icon svg {
    stroke: #10b981;
}

.drive-icon {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.drive-icon svg {
    stroke: #3b82f6;
}

.result-number-dealer {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1f2937;
    line-height: 1;
    display: inline-block;
}

.result-unit-dealer,
.result-percent-dealer {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #6b7280;
    margin-left: 8px;
}

.result-label-dealer {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 16px 0 8px;
}

.result-detail-dealer {
    font-size: 0.875rem;
    color: #6b7280;
}

.dealership-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
    position: relative;
    overflow: hidden;
}

.dealership-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 80% 50%, rgba(251, 191, 36, 0.15) 0%, transparent 50%);
}

.cta-content-dealer {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-dealer {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-dealer {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.85);
    margin-bottom: 32px;
}

.btn-dealer-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #111827;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.3);
}

.btn-dealer-cta:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.5);
}

/* Responsive for Car Dealerships */
@media (max-width: 1024px) {
    .showroom-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dealership-luxury-hero {
        padding: 80px 0 50px;
    }
    
    .deal-metrics-quick {
        gap: 20px;
    }
}


/* =========================================
   AUTO DETAILING - Premium Precision
   Chrome/Silver theme
   ========================================= */

.detailing-precision-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.detailing-precision-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(148, 163, 184, 0.15) 0%, transparent 50%);
}

.precision-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.excellence-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(148, 163, 184, 0.2);
    border: 1px solid rgba(148, 163, 184, 0.4);
    padding: 8px 16px;
    border-radius: 50px;
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.precision-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.chrome-shine {
    background: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.precision-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
    margin-bottom: 32px;
}

.service-tier-quick {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.tier-item {
    display: flex;
    flex-direction: column;
}

.tier-price {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}

.premium-tier .tier-price {
    color: #94a3b8;
}

.standard-tier .tier-price {
    color: #64748b;
}

.tier-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.6);
    margin-top: 8px;
}

.btn-detailing-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(148, 163, 184, 0.3);
}

.btn-detailing-primary:hover {
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(148, 163, 184, 0.5);
}

.service-interface {
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.interface-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.live-bookings {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #1e293b;
}

.pulse-dot-detail {
    width: 10px;
    height: 10px;
    background: #64748b;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.today-count {
    font-weight: 700;
    color: #64748b;
    font-size: 0.875rem;
}

.booking-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.booking-item {
    background: #f8fafc;
    border-left: 4px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
}

.booking-item.premium-service {
    border-left-color: #94a3b8;
    background: #f1f5f9;
}

.booking-item.standard-service {
    border-left-color: #cbd5e1;
    background: #f8fafc;
}

.service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.premium-icon {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}

.premium-icon svg {
    fill: #475569;
}

.standard-icon {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}

.standard-icon svg {
    stroke: #64748b;
}

.booking-info {
    flex: 1;
}

.price-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.price-badge.high-tier {
    background: #94a3b8;
    color: white;
}

.price-badge.mid-tier {
    background: #cbd5e1;
    color: #334155;
}

.booking-info strong {
    display: block;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
}

.booking-info p {
    font-size: 0.875rem;
    color: #64748b;
    margin: 4px 0;
}

.ai-note {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.revenue-bar {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f1f5f9;
}

.revenue-stat {
    display: flex;
    flex-direction: column;
}

.stat-label-detail {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 4px;
}

.stat-value-detail {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
}

.detailing-results {
    padding: 100px 0;
    background: #f8fafc;
}

.results-title-detail {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1e293b;
    margin-bottom: 60px;
}

.results-grid-detail {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-detail {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-detail:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #94a3b8;
}

.result-icon-detail {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-detail {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}

.revenue-detail svg {
    stroke: #475569;
}

.client-detail {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.client-detail svg {
    stroke: #3b82f6;
}

.quality-detail {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.quality-detail svg {
    fill: #f59e0b;
}

.result-number-detail {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
}

.result-unit-detail,
.result-percent-detail {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #64748b;
    margin-left: 8px;
}

.result-label-detail {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e293b;
    margin: 16px 0 8px;
}

.result-detail-text {
    font-size: 0.875rem;
    color: #64748b;
}

.detailing-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    position: relative;
    overflow: hidden;
}

.detailing-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(148, 163, 184, 0.2) 0%, transparent 50%);
}

.cta-content-detail {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-detail {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-detail {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.85);
    margin-bottom: 32px;
}

.btn-detailing-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(148, 163, 184, 0.3);
}

.btn-detailing-cta:hover {
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(148, 163, 184, 0.5);
}

/* Responsive for Auto Detailing */
@media (max-width: 1024px) {
    .precision-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .detailing-precision-hero {
        padding: 80px 0 50px;
    }
    
    .service-tier-quick {
        gap: 20px;
    }
}


/* =========================================
   CLEANING SERVICES - Fresh Sparkle
   Aqua/Fresh theme
   ========================================= */

.cleaning-sparkle-hero {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.cleaning-sparkle-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

.sparkle-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.fresh-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.fresh-badge svg {
    fill: white;
}

.sparkle-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.clean-shine {
    color: #ecfeff;
    text-shadow: 0 0 20px rgba(236, 254, 255, 0.5);
}

.sparkle-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.service-types-quick {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.type-item {
    display: flex;
    flex-direction: column;
}

.type-value {
    font-size: 2rem;
    font-weight: 800;
    color: white;
    line-height: 1;
}

.type-label {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.8);
    margin-top: 8px;
}

.btn-clean-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: white;
    color: #0891b2;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.btn-clean-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
}

.schedule-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.board-header-clean {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ecfeff;
}

.live-schedule {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #164e63;
}

.pulse-dot-clean {
    width: 10px;
    height: 10px;
    background: #06b6d4;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-total {
    font-weight: 700;
    color: #155e75;
    font-size: 0.875rem;
}

.job-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.job-card {
    background: #f0fdfa;
    border-left: 4px solid #5eead4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.job-card.urgent-job {
    border-left-color: #06b6d4;
    background: #cffafe;
}

.job-card.standard-job {
    border-left-color: #67e8f9;
    background: #ecfeff;
}

.job-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.deep-icon {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
}

.deep-icon svg {
    stroke: #0891b2;
}

.regular-icon {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.regular-icon svg {
    stroke: #10b981;
}

.job-details {
    flex: 1;
}

.job-type-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.job-type-badge.premium {
    background: #06b6d4;
    color: white;
}

.job-type-badge.recurring {
    background: #10b981;
    color: white;
}

.job-details strong {
    display: block;
    font-weight: 700;
    color: #164e63;
    margin-bottom: 4px;
}

.job-details p {
    font-size: 0.875rem;
    color: #155e75;
    margin: 4px 0;
}

.ai-schedule {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ecfeff;
}

.stat-clean {
    display: flex;
    flex-direction: column;
}

.stat-label-clean {
    font-size: 0.75rem;
    color: #155e75;
    margin-bottom: 4px;
}

.stat-value-clean {
    font-size: 1.5rem;
    font-weight: 800;
    color: #164e63;
}

.cleaning-results {
    padding: 100px 0;
    background: #f0fdfa;
}

.results-title-clean {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #164e63;
    margin-bottom: 60px;
}

.results-grid-clean {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-clean {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-clean:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #06b6d4;
}

.result-icon-clean {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boost-icon {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
}

.boost-icon svg {
    stroke: #0891b2;
}

.revenue-clean {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.revenue-clean svg {
    stroke: #10b981;
}

.fill-icon {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.fill-icon svg {
    stroke: #f59e0b;
}

.result-number-clean {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #164e63;
    line-height: 1;
}

.result-percent-clean,
.result-unit-clean {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #155e75;
    margin-left: 8px;
}

.result-label-clean {
    font-size: 1.125rem;
    font-weight: 700;
    color: #164e63;
    margin: 16px 0 8px;
}

.result-detail-clean {
    font-size: 0.875rem;
    color: #155e75;
}

.cleaning-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    text-align: center;
    color: white;
}

.cta-content-clean {
    max-width: 700px;
    margin: 0 auto;
}

.cta-title-clean {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    margin-bottom: 16px;
}

.cta-description-clean {
    font-size: 1.125rem;
    margin-bottom: 32px;
    color: rgba(255,255,255,0.9);
}

.btn-clean-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: white;
    color: #0891b2;
    padding: 20px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-clean-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
}

/* Responsive for Cleaning Services */
@media (max-width: 1024px) {
    .sparkle-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .cleaning-sparkle-hero {
        padding: 80px 0 50px;
    }
    
    .service-types-quick {
        gap: 20px;
    }
}



/* =========================================
   CONSULTING FIRMS - Executive Dashboard
   Deep Blue/Professional theme
   ========================================= */

.consulting-executive-hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.consulting-executive-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.2) 0%, transparent 50%);
}

.executive-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.strategy-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(96, 165, 250, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #93c5fd;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.executive-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.exec-gradient {
    background: linear-gradient(135deg, #60a5fa 0%, #93c5fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.executive-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.project-tiers {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.tier-consulting {
    display: flex;
    flex-direction: column;
}

.tier-val {
    font-size: 2.5rem;
    font-weight: 800;
    color: #60a5fa;
    line-height: 1;
}

.tier-lbl {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-consulting-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #60a5fa;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(96, 165, 250, 0.4);
}

.btn-consulting-primary:hover {
    background: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(96, 165, 250, 0.6);
}

.pipeline-dashboard {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.dashboard-header-consult {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #dbeafe;
}

.live-pipeline {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #1e3a8a;
}

.pulse-dot-consult {
    width: 10px;
    height: 10px;
    background: #3b82f6;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.pipeline-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e3a8a;
}

.opportunity-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.opportunity-card {
    background: #f8fafc;
    border-left: 4px solid #cbd5e1;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
}

.opportunity-card.high-value {
    border-left-color: #3b82f6;
    background: #eff6ff;
}

.opportunity-card.mid-value {
    border-left-color: #60a5fa;
    background: #f0f9ff;
}

.opp-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.opp-icon.enterprise {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.opp-icon.enterprise svg {
    stroke: #1e40af;
}

.opp-icon.growth {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}

.opp-icon.growth svg {
    stroke: #4f46e5;
}

.opp-info {
    flex: 1;
}

.value-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.value-badge.enterprise-badge {
    background: #3b82f6;
    color: white;
}

.value-badge.growth-badge {
    background: #60a5fa;
    color: white;
}

.opp-info strong {
    display: block;
    font-weight: 700;
    color: #1e3a8a;
    margin-bottom: 4px;
}

.opp-info p {
    font-size: 0.875rem;
    color: #475569;
    margin: 4px 0;
}

.ai-action-consult {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.pipeline-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #dbeafe;
}

.summary-item-consult {
    display: flex;
    flex-direction: column;
}

.summary-lbl {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 4px;
}

.summary-val {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e3a8a;
}

.consulting-results {
    padding: 100px 0;
    background: #f8fafc;
}

.results-title-consult {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1e3a8a;
    margin-bottom: 60px;
}

.results-grid-consult {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-consult {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-consult:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #3b82f6;
}

.result-icon-consult {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pipeline-icon {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.pipeline-icon svg {
    stroke: #1e40af;
}

.qual-consult {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.qual-consult svg {
    stroke: #10b981;
}

.response-consult {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.response-consult svg {
    stroke: #f59e0b;
}

.result-number-consult {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1e3a8a;
    line-height: 1;
}

.result-unit-consult,
.result-percent-consult {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #475569;
    margin-left: 8px;
}

.result-label-consult {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e3a8a;
    margin: 16px 0 8px;
}

.result-detail-consult {
    font-size: 0.875rem;
    color: #64748b;
}

.consulting-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    position: relative;
    overflow: hidden;
}

.consulting-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(59, 130, 246, 0.2) 0%, transparent 50%);
}

.cta-content-consult {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-consult {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-consult {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-consulting-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #60a5fa;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(96, 165, 250, 0.4);
}

.btn-consulting-cta:hover {
    background: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(96, 165, 250, 0.6);
}

/* Responsive for Consulting Firms */
@media (max-width: 1024px) {
    .executive-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .consulting-executive-hero {
        padding: 80px 0 50px;
    }
    
    .project-tiers {
        gap: 20px;
    }
}


/* =========================================
   CPAS/ACCOUNTANTS - Tax Ledger
   Green/Accounting theme
   ========================================= */

.cpa-ledger-hero {
    background: linear-gradient(135deg, #065f46 0%, #047857 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.cpa-ledger-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(16, 185, 129, 0.15) 0%, transparent 50%);
}

.ledger-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.tax-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(52, 211, 153, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #6ee7b7;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.ledger-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.balance-text {
    background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ledger-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.tax-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-cpa {
    display: flex;
    flex-direction: column;
}

.metric-num {
    font-size: 2.5rem;
    font-weight: 800;
    color: #6ee7b7;
    line-height: 1;
}

.metric-text {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-cpa-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #10b981;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(16, 185, 129, 0.4);
}

.btn-cpa-primary:hover {
    background: #059669;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(16, 185, 129, 0.6);
}

.client-ledger {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.ledger-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #d1fae5;
}

.live-clients {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #065f46;
}

.pulse-dot-cpa {
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.season-status {
    font-weight: 700;
    color: #047857;
    font-size: 0.875rem;
}

.client-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.client-entry {
    background: #f0fdf4;
    border-left: 4px solid #86efac;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
}

.client-entry.complex {
    border-left-color: #10b981;
    background: #d1fae5;
}

.client-entry.standard {
    border-left-color: #6ee7b7;
    background: #ecfdf5;
}

.complexity-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.complexity-icon.high {
    background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
}

.complexity-icon.high svg {
    stroke: #047857;
}

.complexity-icon.normal {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.complexity-icon.normal svg {
    stroke: #059669;
}

.client-data {
    flex: 1;
}

.complexity-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.complexity-badge.complex-badge {
    background: #10b981;
    color: white;
}

.complexity-badge.standard-badge {
    background: #6ee7b7;
    color: #064e3b;
}

.client-data strong {
    display: block;
    font-weight: 700;
    color: #065f46;
    margin-bottom: 4px;
}

.client-data p {
    font-size: 0.875rem;
    color: #047857;
    margin: 4px 0;
}

.ai-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.monthly-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #d1fae5;
}

.summary-cpa {
    display: flex;
    flex-direction: column;
}

.summary-title {
    font-size: 0.75rem;
    color: #047857;
    margin-bottom: 4px;
}

.summary-amount {
    font-size: 1.5rem;
    font-weight: 800;
    color: #065f46;
}

.cpa-results {
    padding: 100px 0;
    background: #f0fdf4;
}

.results-title-cpa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #065f46;
    margin-bottom: 60px;
}

.results-grid-cpa {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-cpa {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-cpa:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #10b981;
}

.result-icon-cpa {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.growth-cpa {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.growth-cpa svg {
    stroke: #047857;
}

.revenue-cpa {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.revenue-cpa svg {
    stroke: #f59e0b;
}

.qual-cpa {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.qual-cpa svg {
    stroke: #3b82f6;
}

.result-number-cpa {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #065f46;
    line-height: 1;
}

.result-percent-cpa,
.result-unit-cpa {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #047857;
    margin-left: 8px;
}

.result-label-cpa {
    font-size: 1.125rem;
    font-weight: 700;
    color: #065f46;
    margin: 16px 0 8px;
}

.result-detail-cpa {
    font-size: 0.875rem;
    color: #059669;
}

.cpa-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #065f46 0%, #047857 100%);
    position: relative;
    overflow: hidden;
}

.cpa-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(16, 185, 129, 0.2) 0%, transparent 50%);
}

.cta-content-cpa {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-cpa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-cpa {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-cpa-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #10b981;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(16, 185, 129, 0.4);
}

.btn-cpa-cta:hover {
    background: #059669;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(16, 185, 129, 0.6);
}

/* Responsive for CPAs */
@media (max-width: 1024px) {
    .ledger-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .cpa-ledger-hero {
        padding: 80px 0 50px;
    }
    
    .tax-metrics {
        gap: 20px;
    }
}


/* =========================================
   GYMS/FITNESS - Performance Tracker
   Orange/Energy theme
   ========================================= */

.gym-performance-hero {
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.gym-performance-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(251, 146, 60, 0.2) 0%, transparent 50%);
}

.performance-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.fitness-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 146, 60, 0.2);
    border: 1px solid rgba(254, 215, 170, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.performance-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.energy-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.performance-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.membership-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-gym {
    display: flex;
    flex-direction: column;
}

.metric-value-gym {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fed7aa;
    line-height: 1;
}

.metric-label-gym {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-gym-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-gym-primary:hover {
    background: #ea580c;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.6);
}

.member-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-members {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #9a3412;
}

.pulse-dot-gym {
    width: 10px;
    height: 10px;
    background: #f97316;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.monthly-goal {
    font-weight: 700;
    color: #c2410c;
    font-size: 0.875rem;
}

.lead-pipeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.lead-entry {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
    transition: all 0.3s ease;
}

.lead-entry.premium-member {
    border-left-color: #f97316;
    background: #fed7aa33;
}

.lead-entry.exploring-member {
    border-left-color: #fb923c;
    background: #ffedd5;
}

.goal-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.goal-icon.committed {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.goal-icon.committed svg {
    fill: #c2410c;
}

.goal-icon.browsing {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.goal-icon.browsing svg {
    stroke: #ea580c;
}

.lead-info {
    flex: 1;
}

.goal-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.goal-badge.serious {
    background: #f97316;
    color: white;
}

.goal-badge.exploring {
    background: #fdba74;
    color: #7c2d12;
}

.lead-info strong {
    display: block;
    font-weight: 700;
    color: #9a3412;
    margin-bottom: 4px;
}

.lead-info p {
    font-size: 0.875rem;
    color: #c2410c;
    margin: 4px 0;
}

.ai-conversion {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.monthly-progress {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.progress-stat {
    display: flex;
    flex-direction: column;
}

.stat-title-gym {
    font-size: 0.75rem;
    color: #c2410c;
    margin-bottom: 4px;
}

.stat-number-gym {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.gym-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-gym {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #9a3412;
    margin-bottom: 60px;
}

.results-grid-gym {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-gym {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-gym:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f97316;
}

.result-icon-gym {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.growth-gym {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.growth-gym svg {
    stroke: #c2410c;
}

.revenue-gym {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.revenue-gym svg {
    stroke: #10b981;
}

.conversion-gym {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.conversion-gym svg {
    stroke: #3b82f6;
}

.result-number-gym {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #9a3412;
    line-height: 1;
}

.result-percent-gym,
.result-unit-gym {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #c2410c;
    margin-left: 8px;
}

.result-label-gym {
    font-size: 1.125rem;
    font-weight: 700;
    color: #9a3412;
    margin: 16px 0 8px;
}

.result-detail-gym {
    font-size: 0.875rem;
    color: #ea580c;
}

.gym-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    position: relative;
    overflow: hidden;
}

.gym-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 146, 60, 0.2) 0%, transparent 50%);
}

.cta-content-gym {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-gym {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-gym {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-gym-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-gym-cta:hover {
    background: white;
    color: #c2410c;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Gyms */
@media (max-width: 1024px) {
    .performance-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .gym-performance-hero {
        padding: 80px 0 50px;
    }
    
    .membership-metrics {
        gap: 20px;
    }
}


/* =========================================
   MEDICAL SPAS - Luxury Treatment
   Rose/Gold theme
   ========================================= */

.medspa-luxury-hero {
    background: linear-gradient(135deg, #881337 0%, #9f1239 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.medspa-luxury-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(251, 207, 232, 0.15) 0%, transparent 50%);
}

.luxury-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.aesthetic-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 207, 232, 0.2);
    border: 1px solid rgba(252, 231, 243, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fce7f3;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.luxury-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.radiance-text {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.luxury-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.treatment-value {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.value-medspa {
    display: flex;
    flex-direction: column;
}

.value-num {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fbcfe8;
    line-height: 1;
}

.value-text {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-medspa-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ec4899;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.4);
}

.btn-medspa-primary:hover {
    background: #db2777;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(236, 72, 153, 0.6);
}

.treatment-calendar {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fce7f3;
}

.live-bookings-medspa {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #831843;
}

.pulse-dot-medspa {
    width: 10px;
    height: 10px;
    background: #ec4899;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #881337;
}

.appointment-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.appointment {
    background: #fdf2f8;
    border-left: 4px solid #f9a8d4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.appointment.premium-treatment {
    border-left-color: #ec4899;
    background: #fce7f3;
}

.appointment.standard-treatment {
    border-left-color: #f9a8d4;
    background: #fdf2f8;
}

.treatment-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.treatment-icon.luxury {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.treatment-icon.luxury svg {
    fill: #9f1239;
}

.treatment-icon.regular {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
}

.treatment-icon.regular svg {
    stroke: #be123c;
}

.appointment-details {
    flex: 1;
}

.treatment-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.treatment-badge.premium {
    background: #ec4899;
    color: white;
}

.treatment-badge.standard {
    background: #f9a8d4;
    color: #831843;
}

.appointment-details strong {
    display: block;
    font-weight: 700;
    color: #881337;
    margin-bottom: 4px;
}

.appointment-details p {
    font-size: 0.875rem;
    color: #9f1239;
    margin: 4px 0;
}

.ai-booking-medspa {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.weekly-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fce7f3;
}

.summary-medspa {
    display: flex;
    flex-direction: column;
}

.summary-label-medspa {
    font-size: 0.75rem;
    color: #9f1239;
    margin-bottom: 4px;
}

.summary-value-medspa {
    font-size: 1.5rem;
    font-weight: 800;
    color: #881337;
}

.medspa-results {
    padding: 100px 0;
    background: #fdf2f8;
}

.results-title-medspa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #881337;
    margin-bottom: 60px;
}

.results-grid-medspa {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-medspa {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-medspa:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #ec4899;
}

.result-icon-medspa {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-medspa {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.revenue-medspa svg {
    stroke: #9f1239;
}

.upsell-medspa {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.upsell-medspa svg {
    stroke: #10b981;
}

.retention-medspa {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.retention-medspa svg {
    stroke: #3b82f6;
}

.result-number-medspa {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #881337;
    line-height: 1;
}

.result-unit-medspa,
.result-percent-medspa {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9f1239;
    margin-left: 8px;
}

.result-label-medspa {
    font-size: 1.125rem;
    font-weight: 700;
    color: #881337;
    margin: 16px 0 8px;
}

.result-detail-medspa {
    font-size: 0.875rem;
    color: #be123c;
}

.medspa-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #881337 0%, #9f1239 100%);
    position: relative;
    overflow: hidden;
}

.medspa-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 207, 232, 0.2) 0%, transparent 50%);
}

.cta-content-medspa {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-medspa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-medspa {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-medspa-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ec4899;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.4);
}

.btn-medspa-cta:hover {
    background: white;
    color: #881337;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Medical Spas */
@media (max-width: 1024px) {
    .luxury-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .medspa-luxury-hero {
        padding: 80px 0 50px;
    }
    
    .treatment-value {
        gap: 20px;
    }
}


/* =========================================
   PERSONAL INJURY LAWYERS - Case Analyzer
   Dark Blue/Gold legal theme
   ========================================= */

.lawyer-case-hero {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.lawyer-case-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.1) 0%, transparent 50%);
}

.case-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.justice-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 191, 36, 0.2);
    border: 1px solid rgba(252, 211, 77, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fcd34d;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.case-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.verdict-text {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.case-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.case-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-lawyer {
    display: flex;
    flex-direction: column;
}

.metric-val-lawyer {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fbbf24;
    line-height: 1;
}

.metric-lbl-lawyer {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-lawyer-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #1e293b;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);
}

.btn-lawyer-primary:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.6);
}

.case-analyzer {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.analyzer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fef3c7;
}

.live-cases {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #78350f;
}

.pulse-dot-lawyer {
    width: 10px;
    height: 10px;
    background: #f59e0b;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.pipeline-total {
    font-size: 1.5rem;
    font-weight: 800;
    color: #92400e;
}

.case-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.case-item {
    background: #fffbeb;
    border-left: 4px solid #fde68a;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.case-item.high-severity {
    border-left-color: #f59e0b;
    background: #fef3c7;
}

.case-item.medium-severity {
    border-left-color: #fbbf24;
    background: #fffbeb;
}

.severity-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.severity-icon.critical {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.severity-icon.critical svg {
    stroke: #92400e;
}

.severity-icon.moderate {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}

.severity-icon.moderate svg {
    stroke: #b45309;
}

.case-info {
    flex: 1;
}

.severity-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.severity-badge.severe {
    background: #f59e0b;
    color: white;
}

.severity-badge.moderate {
    background: #fbbf24;
    color: #78350f;
}

.case-info strong {
    display: block;
    font-weight: 700;
    color: #78350f;
    margin-bottom: 4px;
}

.case-info p {
    font-size: 0.875rem;
    color: #92400e;
    margin: 4px 0;
}

.ai-case-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.case-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fef3c7;
}

.summary-lawyer {
    display: flex;
    flex-direction: column;
}

.summary-lbl-lawyer {
    font-size: 0.75rem;
    color: #92400e;
    margin-bottom: 4px;
}

.summary-val-lawyer {
    font-size: 1.5rem;
    font-weight: 800;
    color: #78350f;
}

.lawyer-results {
    padding: 100px 0;
    background: #fffbeb;
}

.results-title-lawyer {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #78350f;
    margin-bottom: 60px;
}

.results-grid-lawyer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-lawyer {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-lawyer:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f59e0b;
}

.result-icon-lawyer {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pipeline-lawyer {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.pipeline-lawyer svg {
    stroke: #92400e;
}

.qual-lawyer {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.qual-lawyer svg {
    stroke: #10b981;
}

.response-lawyer {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.response-lawyer svg {
    stroke: #3b82f6;
}

.result-number-lawyer {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #78350f;
    line-height: 1;
}

.result-unit-lawyer,
.result-percent-lawyer {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #92400e;
    margin-left: 8px;
}

.result-label-lawyer {
    font-size: 1.125rem;
    font-weight: 700;
    color: #78350f;
    margin: 16px 0 8px;
}

.result-detail-lawyer {
    font-size: 0.875rem;
    color: #b45309;
}

.lawyer-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    position: relative;
    overflow: hidden;
}

.lawyer-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 191, 36, 0.15) 0%, transparent 50%);
}

.cta-content-lawyer {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-lawyer {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-lawyer {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-lawyer-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: #1e293b;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);
}

.btn-lawyer-cta:hover {
    background: #fcd34d;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.6);
}

/* Responsive for Lawyers */
@media (max-width: 1024px) {
    .case-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .lawyer-case-hero {
        padding: 80px 0 50px;
    }
    
    .case-metrics {
        gap: 20px;
    }
}


/* =========================================
   PHOTOGRAPHERS - Portfolio Gallery
   Purple/Creative theme
   ========================================= */

.photographer-portfolio-hero {
    background: linear-gradient(135deg, #581c87 0%, #6b21a8 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.photographer-portfolio-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(192, 132, 252, 0.15) 0%, transparent 50%);
}

.portfolio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.creative-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(192, 132, 252, 0.2);
    border: 1px solid rgba(216, 180, 254, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #e9d5ff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.portfolio-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.capture-text {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.portfolio-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.shoot-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-photo {
    display: flex;
    flex-direction: column;
}

.metric-num-photo {
    font-size: 2.5rem;
    font-weight: 800;
    color: #d8b4fe;
    line-height: 1;
}

.metric-label-photo {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-photo-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a855f7;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4);
}

.btn-photo-primary:hover {
    background: #9333ea;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(168, 85, 247, 0.6);
}

.booking-gallery {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.gallery-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f3e8ff;
}

.live-shoots {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #581c87;
}

.pulse-dot-photo {
    width: 10px;
    height: 10px;
    background: #a855f7;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.season-bookings {
    font-weight: 700;
    color: #6b21a8;
    font-size: 0.875rem;
}

.shoot-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.shoot-card {
    background: #faf5ff;
    border-left: 4px solid #d8b4fe;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.shoot-card.premium-shoot {
    border-left-color: #a855f7;
    background: #f3e8ff;
}

.shoot-card.standard-shoot {
    border-left-color: #c084fc;
    background: #faf5ff;
}

.shoot-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.shoot-icon.wedding {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.shoot-icon.wedding svg {
    fill: #6b21a8;
}

.shoot-icon.portrait {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);
}

.shoot-icon.portrait svg {
    stroke: #7c3aed;
}

.shoot-details {
    flex: 1;
}

.package-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.package-badge.full-day {
    background: #a855f7;
    color: white;
}

.package-badge.mini {
    background: #d8b4fe;
    color: #581c87;
}

.shoot-details strong {
    display: block;
    font-weight: 700;
    color: #581c87;
    margin-bottom: 4px;
}

.shoot-details p {
    font-size: 0.875rem;
    color: #6b21a8;
    margin: 4px 0;
}

.ai-shoot-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.monthly-bookings {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3e8ff;
}

.booking-stat {
    display: flex;
    flex-direction: column;
}

.stat-label-photo {
    font-size: 0.75rem;
    color: #6b21a8;
    margin-bottom: 4px;
}

.stat-value-photo {
    font-size: 1.5rem;
    font-weight: 800;
    color: #581c87;
}

.photographer-results {
    padding: 100px 0;
    background: #faf5ff;
}

.results-title-photo {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #581c87;
    margin-bottom: 60px;
}

.results-grid-photo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-photo {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-photo:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #a855f7;
}

.result-icon-photo {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-photo {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.revenue-photo svg {
    stroke: #6b21a8;
}

.fill-photo {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.fill-photo svg {
    stroke: #3b82f6;
}

.response-photo {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.response-photo svg {
    stroke: #10b981;
}

.result-number-photo {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #581c87;
    line-height: 1;
}

.result-unit-photo,
.result-percent-photo {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #6b21a8;
    margin-left: 8px;
}

.result-label-photo {
    font-size: 1.125rem;
    font-weight: 700;
    color: #581c87;
    margin: 16px 0 8px;
}

.result-detail-photo {
    font-size: 0.875rem;
    color: #7c3aed;
}

.photographer-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #581c87 0%, #6b21a8 100%);
    position: relative;
    overflow: hidden;
}

.photographer-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(192, 132, 252, 0.2) 0%, transparent 50%);
}

.cta-content-photo {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-photo {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-photo {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-photo-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a855f7;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4);
}

.btn-photo-cta:hover {
    background: white;
    color: #581c87;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Photographers */
@media (max-width: 1024px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .photographer-portfolio-hero {
        padding: 80px 0 50px;
    }
    
    .shoot-metrics {
        gap: 20px;
    }
}


/* =========================================
   SPAS/WELLNESS - Treatment Calendar
   Teal/Zen theme
   ========================================= */

.spa-wellness-hero {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.spa-wellness-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(153, 246, 228, 0.15) 0%, transparent 50%);
}

.wellness-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.zen-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(153, 246, 228, 0.2);
    border: 1px solid rgba(204, 251, 241, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #ccfbf1;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.wellness-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.tranquil-text {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.wellness-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.treatment-stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.stat-spa {
    display: flex;
    flex-direction: column;
}

.stat-num-spa {
    font-size: 2.5rem;
    font-weight: 800;
    color: #99f6e4;
    line-height: 1;
}

.stat-label-spa {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-spa-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #14b8a6;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(20, 184, 166, 0.4);
}

.btn-spa-primary:hover {
    background: #0d9488;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(20, 184, 166, 0.6);
}

.treatment-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.board-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ccfbf1;
}

.live-wellness {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #134e4a;
}

.pulse-dot-spa {
    width: 10px;
    height: 10px;
    background: #14b8a6;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-total {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f766e;
}

.treatment-slots {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.slot-card {
    background: #f0fdfa;
    border-left: 4px solid #5eead4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.slot-card.premium-spa {
    border-left-color: #14b8a6;
    background: #ccfbf1;
}

.slot-card.standard-spa {
    border-left-color: #2dd4bf;
    background: #f0fdfa;
}

.wellness-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wellness-icon.deluxe {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
}

.wellness-icon.deluxe svg {
    fill: #0f766e;
}

.wellness-icon.basic {
    background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
}

.wellness-icon.basic svg {
    stroke: #0d9488;
}

.slot-info {
    flex: 1;
}

.service-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.service-badge.luxury {
    background: #14b8a6;
    color: white;
}

.service-badge.standard {
    background: #99f6e4;
    color: #134e4a;
}

.slot-info strong {
    display: block;
    font-weight: 700;
    color: #0f766e;
    margin-bottom: 4px;
}

.slot-info p {
    font-size: 0.875rem;
    color: #14b8a6;
    margin: 4px 0;
}

.ai-spa-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ccfbf1;
}

.summary-spa {
    display: flex;
    flex-direction: column;
}

.summary-spa-label {
    font-size: 0.75rem;
    color: #14b8a6;
    margin-bottom: 4px;
}

.summary-spa-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f766e;
}

.spa-results {
    padding: 100px 0;
    background: #f0fdfa;
}

.results-title-spa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #0f766e;
    margin-bottom: 60px;
}

.results-grid-spa {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-spa {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-spa:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #14b8a6;
}

.result-icon-spa {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-spa {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
}

.revenue-spa svg {
    stroke: #0f766e;
}

.booking-spa {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.booking-spa svg {
    stroke: #3b82f6;
}

.satisfaction-spa {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.satisfaction-spa svg {
    stroke: #10b981;
}

.result-number-spa {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #0f766e;
    line-height: 1;
}

.result-unit-spa,
.result-percent-spa {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #14b8a6;
    margin-left: 8px;
}

.result-label-spa {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f766e;
    margin: 16px 0 8px;
}

.result-detail-spa {
    font-size: 0.875rem;
    color: #0d9488;
}

.spa-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
    position: relative;
    overflow: hidden;
}

.spa-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(153, 246, 228, 0.2) 0%, transparent 50%);
}

.cta-content-spa {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-spa {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-spa {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-spa-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #14b8a6;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(20, 184, 166, 0.4);
}

.btn-spa-cta:hover {
    background: white;
    color: #0f766e;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Spas */
@media (max-width: 1024px) {
    .wellness-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .spa-wellness-hero {
        padding: 80px 0 50px;
    }
    
    .treatment-stats {
        gap: 20px;
    }
}


/* =========================================
   VETERINARIANS - Pet Health Tracker
   Red/Compassion theme
   ========================================= */

.vet-pet-hero {
    background: linear-gradient(135deg, #991b1b 0%, #b91c1c 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.vet-pet-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(252, 165, 165, 0.15) 0%, transparent 50%);
}

.pet-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.care-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(252, 165, 165, 0.2);
    border: 1px solid rgba(254, 202, 202, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fecaca;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.pet-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.compassion-text {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pet-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.vet-stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.stat-vet {
    display: flex;
    flex-direction: column;
}

.stat-value-vet {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fca5a5;
    line-height: 1;
}

.stat-text-vet {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-vet-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #dc2626;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(220, 38, 38, 0.4);
}

.btn-vet-primary:hover {
    background: #b91c1c;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(220, 38, 38, 0.6);
}

.patient-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fee2e2;
}

.live-patients {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7f1d1d;
}

.pulse-dot-vet {
    width: 10px;
    height: 10px;
    background: #dc2626;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.daily-count {
    font-weight: 700;
    color: #991b1b;
    font-size: 0.875rem;
}

.patient-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.patient-card {
    background: #fef2f2;
    border-left: 4px solid #fca5a5;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.patient-card.urgent {
    border-left-color: #dc2626;
    background: #fee2e2;
}

.patient-card.routine {
    border-left-color: #f87171;
    background: #fef2f2;
}

.urgency-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.urgency-icon.emergency {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
}

.urgency-icon.emergency svg {
    stroke: #991b1b;
}

.urgency-icon.normal {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.urgency-icon.normal svg {
    stroke: #b91c1c;
}

.patient-data {
    flex: 1;
}

.urgency-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.urgency-badge.critical {
    background: #dc2626;
    color: white;
}

.urgency-badge.standard {
    background: #fca5a5;
    color: #7f1d1d;
}

.patient-data strong {
    display: block;
    font-weight: 700;
    color: #7f1d1d;
    margin-bottom: 4px;
}

.patient-data p {
    font-size: 0.875rem;
    color: #991b1b;
    margin: 4px 0;
}

.ai-vet-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.daily-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fee2e2;
}

.stat-item-vet {
    display: flex;
    flex-direction: column;
}

.stat-lbl-vet {
    font-size: 0.75rem;
    color: #991b1b;
    margin-bottom: 4px;
}

.stat-val-vet {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7f1d1d;
}

.vet-results {
    padding: 100px 0;
    background: #fef2f2;
}

.results-title-vet {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7f1d1d;
    margin-bottom: 60px;
}

.results-grid-vet {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-vet {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-vet:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #dc2626;
}

.result-icon-vet {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-vet {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
}

.revenue-vet svg {
    stroke: #991b1b;
}

.capture-vet {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.capture-vet svg {
    stroke: #10b981;
}

.growth-vet {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-vet svg {
    stroke: #3b82f6;
}

.result-number-vet {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7f1d1d;
    line-height: 1;
}

.result-unit-vet,
.result-percent-vet {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #991b1b;
    margin-left: 8px;
}

.result-label-vet {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7f1d1d;
    margin: 16px 0 8px;
}

.result-detail-vet {
    font-size: 0.875rem;
    color: #b91c1c;
}

.vet-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #991b1b 0%, #b91c1c 100%);
    position: relative;
    overflow: hidden;
}

.vet-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(252, 165, 165, 0.2) 0%, transparent 50%);
}

.cta-content-vet {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-vet {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-vet {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-vet-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #dc2626;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(220, 38, 38, 0.4);
}

.btn-vet-cta:hover {
    background: white;
    color: #7f1d1d;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Vets */
@media (max-width: 1024px) {
    .pet-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .vet-pet-hero {
        padding: 80px 0 50px;
    }
    
    .vet-stats {
        gap: 20px;
    }
}


/* =========================================
   WEDDING PLANNERS - Event Timeline
   Pink/Romantic theme
   ========================================= */

.wedding-event-hero {
    background: linear-gradient(135deg, #be185d 0%, #db2777 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.wedding-event-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(251, 207, 232, 0.15) 0%, transparent 50%);
}

.event-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.romance-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 207, 232, 0.2);
    border: 1px solid rgba(252, 231, 243, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fce7f3;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.event-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.celebrate-text {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.event-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.wedding-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-wedding {
    display: flex;
    flex-direction: column;
}

.metric-amount-wedding {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fbcfe8;
    line-height: 1;
}

.metric-desc-wedding {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-wedding-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ec4899;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.4);
}

.btn-wedding-primary:hover {
    background: #db2777;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(236, 72, 153, 0.6);
}

.timeline-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fce7f3;
}

.live-events {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #831843;
}

.pulse-dot-wedding {
    width: 10px;
    height: 10px;
    background: #ec4899;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.season-total {
    font-weight: 700;
    color: #be185d;
    font-size: 0.875rem;
}

.wedding-pipeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.wedding-card {
    background: #fdf2f8;
    border-left: 4px solid #f9a8d4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.wedding-card.full-service {
    border-left-color: #ec4899;
    background: #fce7f3;
}

.wedding-card.day-of {
    border-left-color: #f472b6;
    background: #fdf2f8;
}

.service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.service-icon.premium-wedding {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.service-icon.premium-wedding svg {
    fill: #be185d;
}

.service-icon.coordination {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
}

.service-icon.coordination svg {
    stroke: #db2777;
}

.wedding-info {
    flex: 1;
}

.package-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.package-badge.luxury {
    background: #ec4899;
    color: white;
}

.package-badge.coordination-only {
    background: #fbcfe8;
    color: #831843;
}

.wedding-info strong {
    display: block;
    font-weight: 700;
    color: #831843;
    margin-bottom: 4px;
}

.wedding-info p {
    font-size: 0.875rem;
    color: #9f1239;
    margin: 4px 0;
}

.ai-wedding-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.annual-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fce7f3;
}

.summary-wedding {
    display: flex;
    flex-direction: column;
}

.summary-wedding-label {
    font-size: 0.75rem;
    color: #9f1239;
    margin-bottom: 4px;
}

.summary-wedding-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #831843;
}

.wedding-results {
    padding: 100px 0;
    background: #fdf2f8;
}

.results-title-wedding {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #831843;
    margin-bottom: 60px;
}

.results-grid-wedding {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-wedding {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-wedding:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #ec4899;
}

.result-icon-wedding {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-wedding {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.revenue-wedding svg {
    stroke: #be185d;
}

.conversion-wedding {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.conversion-wedding svg {
    stroke: #10b981;
}

.growth-wedding {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-wedding svg {
    stroke: #3b82f6;
}

.result-number-wedding {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #831843;
    line-height: 1;
}

.result-unit-wedding,
.result-percent-wedding {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9f1239;
    margin-left: 8px;
}

.result-label-wedding {
    font-size: 1.125rem;
    font-weight: 700;
    color: #831843;
    margin: 16px 0 8px;
}

.result-detail-wedding {
    font-size: 0.875rem;
    color: #be185d;
}

.wedding-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #be185d 0%, #db2777 100%);
    position: relative;
    overflow: hidden;
}

.wedding-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 207, 232, 0.2) 0%, transparent 50%);
}

.cta-content-wedding {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-wedding {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-wedding {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-wedding-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ec4899;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.4);
}

.btn-wedding-cta:hover {
    background: white;
    color: #831843;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Wedding Planners */
@media (max-width: 1024px) {
    .event-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .wedding-event-hero {
        padding: 80px 0 50px;
    }
    
    .wedding-metrics {
        gap: 20px;
    }
}


/* =========================================
   YOGA STUDIOS - Class Schedule
   Green/Mindfulness theme
   ========================================= */

.yoga-mindful-hero {
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.yoga-mindful-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(187, 247, 208, 0.15) 0%, transparent 50%);
}

.mindful-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.namaste-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(187, 247, 208, 0.2);
    border: 1px solid rgba(220, 252, 231, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #dcfce7;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.mindful-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.zen-text {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mindful-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.yoga-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-yoga {
    display: flex;
    flex-direction: column;
}

.metric-value-yoga {
    font-size: 2.5rem;
    font-weight: 800;
    color: #bbf7d0;
    line-height: 1;
}

.metric-label-yoga {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-yoga-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #22c55e;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.4);
}

.btn-yoga-primary:hover {
    background: #16a34a;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.6);
}

.schedule-studio {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.schedule-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #dcfce7;
}

.live-classes {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #14532d;
}

.pulse-dot-yoga {
    width: 10px;
    height: 10px;
    background: #22c55e;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.weekly-enrolled {
    font-weight: 700;
    color: #15803d;
    font-size: 0.875rem;
}

.class-roster {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.class-slot {
    background: #f0fdf4;
    border-left: 4px solid #86efac;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.class-slot.morning {
    border-left-color: #22c55e;
    background: #dcfce7;
}

.class-slot.evening {
    border-left-color: #4ade80;
    background: #f0fdf4;
}

.practice-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.practice-icon.sunrise {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.practice-icon.sunrise svg {
    stroke: #15803d;
}

.practice-icon.sunset {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.practice-icon.sunset svg {
    fill: #16a34a;
}

.class-details {
    flex: 1;
}

.level-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.level-badge.beginner {
    background: #22c55e;
    color: white;
}

.level-badge.advanced {
    background: #bbf7d0;
    color: #14532d;
}

.class-details strong {
    display: block;
    font-weight: 700;
    color: #14532d;
    margin-bottom: 4px;
}

.class-details p {
    font-size: 0.875rem;
    color: #15803d;
    margin: 4px 0;
}

.ai-yoga-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #dcfce7;
}

.stat-item-yoga {
    display: flex;
    flex-direction: column;
}

.stat-item-yoga .stat-label {
    font-size: 0.75rem;
    color: #15803d;
    margin-bottom: 4px;
}

.stat-item-yoga .stat-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: #14532d;
}

.yoga-results {
    padding: 100px 0;
    background: #f0fdf4;
}

.results-title-yoga {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #14532d;
    margin-bottom: 60px;
}

.results-grid-yoga {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-yoga {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-yoga:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #22c55e;
}

.result-icon-yoga {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-yoga {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.revenue-yoga svg {
    stroke: #15803d;
}

.fill-yoga {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.fill-yoga svg {
    stroke: #3b82f6;
}

.growth-yoga {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.growth-yoga svg {
    stroke: #f59e0b;
}

.result-number-yoga {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #14532d;
    line-height: 1;
}

.result-unit-yoga,
.result-percent-yoga {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #15803d;
    margin-left: 8px;
}

.result-label-yoga {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14532d;
    margin: 16px 0 8px;
}

.result-detail-yoga {
    font-size: 0.875rem;
    color: #16a34a;
}

.yoga-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%);
    position: relative;
    overflow: hidden;
}

.yoga-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(187, 247, 208, 0.2) 0%, transparent 50%);
}

.cta-content-yoga {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-yoga {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-yoga {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-yoga-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #22c55e;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.4);
}

.btn-yoga-cta:hover {
    background: white;
    color: #14532d;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

/* Responsive for Yoga Studios */
@media (max-width: 1024px) {
    .mindful-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .yoga-mindful-hero {
        padding: 80px 0 50px;
    }
    
    .yoga-metrics {
        gap: 20px;
    }
}


/* =========================================
   DERMATOLOGISTS - Skin Wellness  
   Peach/Clinical theme
   ========================================= */

.derm-skin-hero {
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.derm-skin-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 215, 170, 0.15) 0%, transparent 50%);
}

.skin-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.clinical-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 215, 170, 0.2);
    border: 1px solid rgba(254, 237, 213, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.skin-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.radiant-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.skin-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.derm-stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.stat-derm {
    display: flex;
    flex-direction: column;
}

.stat-num-derm {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.stat-lbl-derm {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-derm-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-derm-primary:hover {
    background: #ea580c;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.6);
}

.patient-schedule {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.schedule-header-derm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-appts {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7c2d12;
}

.pulse-dot-derm {
    width: 10px;
    height: 10px;
    background: #f97316;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-rev {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.appt-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.appt-card {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.appt-card.priority {
    border-left-color: #f97316;
    background: #ffedd5;
}

.appt-card.routine-derm {
    border-left-color: #fb923c;
    background: #fff7ed;
}

.concern-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.concern-icon.urgent {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.concern-icon.urgent svg {
    stroke: #9a3412;
}

.concern-icon.normal-derm {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.concern-icon.normal-derm svg {
    stroke: #c2410c;
}

.appt-info {
    flex: 1;
}

.urgency-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.urgency-tag.high {
    background: #f97316;
    color: white;
}

.urgency-tag.routine {
    background: #fdba74;
    color: #7c2d12;
}

.appt-info strong {
    display: block;
    font-weight: 700;
    color: #7c2d12;
    margin-bottom: 4px;
}

.appt-info p {
    font-size: 0.875rem;
    color: #9a3412;
    margin: 4px 0;
}

.ai-derm-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary-derm {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.summary-item-derm {
    display: flex;
    flex-direction: column;
}

.summary-label-derm {
    font-size: 0.75rem;
    color: #9a3412;
    margin-bottom: 4px;
}

.summary-value-derm {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7c2d12;
}

.derm-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-derm {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7c2d12;
    margin-bottom: 60px;
}

.results-grid-derm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-derm {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-derm:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f97316;
}

.result-icon-derm {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-derm {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-derm svg {
    stroke: #9a3412;
}

.booking-derm {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.booking-derm svg {
    stroke: #10b981;
}

.growth-derm {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-derm svg {
    stroke: #3b82f6;
}

.result-number-derm {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7c2d12;
    line-height: 1;
}

.result-unit-derm,
.result-percent-derm {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9a3412;
    margin-left: 8px;
}

.result-label-derm {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7c2d12;
    margin: 16px 0 8px;
}

.result-detail-derm {
    font-size: 0.875rem;
    color: #c2410c;
}

.derm-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    position: relative;
    overflow: hidden;
}

.derm-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 215, 170, 0.2) 0%, transparent 50%);
}

.cta-content-derm {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-derm {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-derm {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-derm-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-derm-cta:hover {
    background: white;
    color: #7c2d12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .skin-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .derm-skin-hero {
        padding: 80px 0 50px;
    }
    
    .derm-stats {
        gap: 20px;
    }
}


/* =========================================
   LANDSCAPERS - Seasonal Calendar
   Green/Outdoor theme
   ========================================= */

.landscape-season-hero {
    background: linear-gradient(135deg, #166534 0%, #16a34a 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.landscape-season-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(134, 239, 172, 0.15) 0%, transparent 50%);
}

.season-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.outdoor-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(134, 239, 172, 0.2);
    border: 1px solid rgba(187, 247, 208, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #bbf7d0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.season-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.bloom-text {
    background: linear-gradient(135deg, #bbf7d0 0%, #86efac 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.season-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.landscape-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-landscape {
    display: flex;
    flex-direction: column;
}

.metric-val-landscape {
    font-size: 2.5rem;
    font-weight: 800;
    color: #86efac;
    line-height: 1;
}

.metric-txt-landscape {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-landscape-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #22c55e;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.4);
}

.btn-landscape-primary:hover {
    background: #16a34a;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(34, 197, 94, 0.6);
}

.project-calendar {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.calendar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #dcfce7;
}

.live-projects {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #14532d;
}

.pulse-dot-landscape {
    width: 10px;
    height: 10px;
    background: #22c55e;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.season-bookings {
    font-size: 1.5rem;
    font-weight: 800;
    color: #166534;
}

.project-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.project-item {
    background: #f0fdf4;
    border-left: 4px solid #86efac;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.project-item.major {
    border-left-color: #22c55e;
    background: #dcfce7;
}

.project-item.regular {
    border-left-color: #4ade80;
    background: #f0fdf4;
}

.scope-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.scope-icon.large-project {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.scope-icon.large-project svg {
    fill: #166534;
}

.scope-icon.maintenance {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.scope-icon.maintenance svg {
    stroke: #16a34a;
}

.project-details {
    flex: 1;
}

.scope-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.scope-tag.premium {
    background: #22c55e;
    color: white;
}

.scope-tag.basic {
    background: #86efac;
    color: #14532d;
}

.project-details strong {
    display: block;
    font-weight: 700;
    color: #14532d;
    margin-bottom: 4px;
}

.project-details p {
    font-size: 0.875rem;
    color: #166534;
    margin: 4px 0;
}

.ai-landscape-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.season-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #dcfce7;
}

.stat-landscape {
    display: flex;
    flex-direction: column;
}

.stat-label-landscape {
    font-size: 0.75rem;
    color: #166534;
    margin-bottom: 4px;
}

.stat-number-landscape {
    font-size: 1.5rem;
    font-weight: 800;
    color: #14532d;
}

.landscape-results {
    padding: 100px 0;
    background: #f0fdf4;
}

.results-title-landscape {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #14532d;
    margin-bottom: 60px;
}

.results-grid-landscape {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-landscape {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-landscape:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #22c55e;
}

.result-icon-landscape {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-landscape {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.revenue-landscape svg {
    stroke: #166534;
}

.estimates-landscape {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.estimates-landscape svg {
    stroke: #3b82f6;
}

.growth-landscape {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.growth-landscape svg {
    stroke: #f59e0b;
}

.result-number-landscape {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #14532d;
    line-height: 1;
}

.result-unit-landscape,
.result-percent-landscape {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #166534;
    margin-left: 8px;
}

.result-label-landscape {
    font-size: 1.125rem;
    font-weight: 700;
    color: #14532d;
    margin: 16px 0 8px;
}

.result-detail-landscape {
    font-size: 0.875rem;
    color: #16a34a;
}

.landscape-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #166534 0%, #16a34a 100%);
    position: relative;
    overflow: hidden;
}

.landscape-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(134, 239, 172, 0.2) 0%, transparent 50%);
}

.cta-content-landscape {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-landscape {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-landscape {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-landscape-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #22c55e;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(34, 197, 94, 0.4);
}

.btn-landscape-cta:hover {
    background: white;
    color: #14532d;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .season-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .landscape-season-hero {
        padding: 80px 0 50px;
    }
    
    .landscape-metrics {
        gap: 20px;
    }
}


/* =========================================
   ROOFERS - Weather/Emergency Tracker
   Gray/Storm theme
   ========================================= */

.roof-weather-hero {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.roof-weather-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(156, 163, 175, 0.15) 0%, transparent 50%);
}

.weather-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.storm-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(209, 213, 219, 0.2);
    border: 1px solid rgba(229, 231, 235, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #e5e7eb;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.weather-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.urgent-text {
    background: linear-gradient(135deg, #f87171 0%, #dc2626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.weather-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.roof-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-roof {
    display: flex;
    flex-direction: column;
}

.metric-value-roof {
    font-size: 2.5rem;
    font-weight: 800;
    color: #9ca3af;
    line-height: 1;
}

.metric-text-roof {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-roof-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #4b5563;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(75, 85, 99, 0.4);
}

.btn-roof-primary:hover {
    background: #374151;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(75, 85, 99, 0.6);
}

.damage-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f3f4f6;
}

.live-inspections {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #111827;
}

.pulse-dot-roof {
    width: 10px;
    height: 10px;
    background: #4b5563;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-jobs {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1f2937;
}

.damage-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.damage-card {
    background: #f9fafb;
    border-left: 4px solid #9ca3af;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.damage-card.emergency {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.damage-card.standard {
    border-left-color: #6b7280;
    background: #f9fafb;
}

.damage-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.damage-icon.severe {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.damage-icon.severe svg {
    stroke: #b91c1c;
}

.damage-icon.minor {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}

.damage-icon.minor svg {
    stroke: #374151;
}

.damage-info {
    flex: 1;
}

.priority-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.priority-badge.critical {
    background: #ef4444;
    color: white;
}

.priority-badge.routine {
    background: #9ca3af;
    color: white;
}

.damage-info strong {
    display: block;
    font-weight: 700;
    color: #111827;
    margin-bottom: 4px;
}

.damage-info p {
    font-size: 0.875rem;
    color: #374151;
    margin: 4px 0;
}

.ai-roof-booking {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary-roof {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3f4f6;
}

.summary-roof {
    display: flex;
    flex-direction: column;
}

.summary-label-roof {
    font-size: 0.75rem;
    color: #374151;
    margin-bottom: 4px;
}

.summary-value-roof {
    font-size: 1.5rem;
    font-weight: 800;
    color: #111827;
}

.roof-results {
    padding: 100px 0;
    background: #f9fafb;
}

.results-title-roof {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #111827;
    margin-bottom: 60px;
}

.results-grid-roof {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-roof {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-roof:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #4b5563;
}

.result-icon-roof {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-roof {
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
}

.revenue-roof svg {
    stroke: #1f2937;
}

.capture-roof {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.capture-roof svg {
    stroke: #10b981;
}

.growth-roof {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-roof svg {
    stroke: #3b82f6;
}

.result-number-roof {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #111827;
    line-height: 1;
}

.result-unit-roof,
.result-percent-roof {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #1f2937;
    margin-left: 8px;
}

.result-label-roof {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    margin: 16px 0 8px;
}

.result-detail-roof {
    font-size: 0.875rem;
    color: #4b5563;
}

.roof-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    position: relative;
    overflow: hidden;
}

.roof-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(156, 163, 175, 0.2) 0%, transparent 50%);
}

.cta-content-roof {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-roof {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-roof {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-roof-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #4b5563;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(75, 85, 99, 0.4);
}

.btn-roof-cta:hover {
    background: white;
    color: #111827;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .weather-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .roof-weather-hero {
        padding: 80px 0 50px;
    }
    
    .roof-metrics {
        gap: 20px;
    }
}


/* =========================================
   E-COMMERCE - Sales Dashboard  
   Purple/Conversion theme
   ========================================= */

.ecom-sales-hero {
    background: linear-gradient(135deg, #6b21a8 0%, #7c3aed 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.ecom-sales-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(216, 180, 254, 0.15) 0%, transparent 50%);
}

.sales-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.shop-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(216, 180, 254, 0.2);
    border: 1px solid rgba(233, 213, 255, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #e9d5ff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.sales-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.convert-text {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sales-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.ecom-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-ecom {
    display: flex;
    flex-direction: column;
}

.metric-amt-ecom {
    font-size: 2.5rem;
    font-weight: 800;
    color: #d8b4fe;
    line-height: 1;
}

.metric-lbl-ecom {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-ecom-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #8b5cf6;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(139, 92, 246, 0.4);
}

.btn-ecom-primary:hover {
    background: #7c3aed;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(139, 92, 246, 0.6);
}

.orders-dashboard {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.dashboard-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f3e8ff;
}

.live-sales {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #581c87;
}

.pulse-dot-ecom {
    width: 10px;
    height: 10px;
    background: #8b5cf6;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #6b21a8;
}

.order-feed {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.order-item {
    background: #faf5ff;
    border-left: 4px solid #c084fc;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.order-item.high-value {
    border-left-color: #8b5cf6;
    background: #f3e8ff;
}

.order-item.standard-order {
    border-left-color: #a78bfa;
    background: #faf5ff;
}

.product-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.product-icon.premium {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.product-icon.premium svg {
    stroke: #6b21a8;
}

.product-icon.regular {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);
}

.product-icon.regular svg {
    stroke: #7c3aed;
}

.order-details {
    flex: 1;
}

.value-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.value-tag.high {
    background: #8b5cf6;
    color: white;
}

.value-tag.standard {
    background: #d8b4fe;
    color: #581c87;
}

.order-details strong {
    display: block;
    font-weight: 700;
    color: #581c87;
    margin-bottom: 4px;
}

.order-details p {
    font-size: 0.875rem;
    color: #6b21a8;
    margin: 4px 0;
}

.ai-ecom-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f3e8ff;
}

.stat-ecom-item {
    display: flex;
    flex-direction: column;
}

.stat-ecom-label {
    font-size: 0.75rem;
    color: #6b21a8;
    margin-bottom: 4px;
}

.stat-ecom-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #581c87;
}

.ecom-results {
    padding: 100px 0;
    background: #faf5ff;
}

.results-title-ecom {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #581c87;
    margin-bottom: 60px;
}

.results-grid-ecom {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-ecom {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-ecom:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #8b5cf6;
}

.result-icon-ecom {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-ecom {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.revenue-ecom svg {
    stroke: #6b21a8;
}

.conversion-ecom {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.conversion-ecom svg {
    stroke: #10b981;
}

.growth-ecom {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-ecom svg {
    stroke: #3b82f6;
}

.result-number-ecom {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #581c87;
    line-height: 1;
}

.result-unit-ecom,
.result-percent-ecom {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #6b21a8;
    margin-left: 8px;
}

.result-label-ecom {
    font-size: 1.125rem;
    font-weight: 700;
    color: #581c87;
    margin: 16px 0 8px;
}

.result-detail-ecom {
    font-size: 0.875rem;
    color: #7c3aed;
}

.ecom-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #6b21a8 0%, #7c3aed 100%);
    position: relative;
    overflow: hidden;
}

.ecom-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(216, 180, 254, 0.2) 0%, transparent 50%);
}

.cta-content-ecom {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-ecom {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-ecom {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-ecom-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #8b5cf6;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(139, 92, 246, 0.4);
}

.btn-ecom-cta:hover {
    background: white;
    color: #581c87;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .sales-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .ecom-sales-hero {
        padding: 80px 0 50px;
    }
    
    .ecom-metrics {
        gap: 20px;
    }
}


/* =========================================
   FLOORING - Installation Theme
   Brown/Wood theme
   ========================================= */

.flooring-install-hero {
    background: linear-gradient(135deg, #78350f 0%, #92400e 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.flooring-install-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(253, 186, 116, 0.15) 0%, transparent 50%);
}

.install-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.material-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(253, 186, 116, 0.2);
    border: 1px solid rgba(254, 215, 170, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.install-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.transform-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.install-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.flooring-stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.stat-flooring {
    display: flex;
    flex-direction: column;
}

.stat-val-flooring {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.stat-text-flooring {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-flooring-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #d97706;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(217, 119, 6, 0.4);
}

.btn-flooring-primary:hover {
    background: #92400e;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(217, 119, 6, 0.6);
}

.project-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.board-header-flooring {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-quotes {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #78350f;
}

.pulse-dot-flooring {
    width: 10px;
    height: 10px;
    background: #d97706;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #92400e;
}

.quote-pipeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.quote-card {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.quote-card.premium-install {
    border-left-color: #d97706;
    background: #ffedd5;
}

.quote-card.standard-install {
    border-left-color: #fb923c;
    background: #fff7ed;
}

.material-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.material-icon.hardwood {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.material-icon.hardwood svg {
    stroke: #92400e;
}

.material-icon.vinyl {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.material-icon.vinyl svg {
    stroke: #c2410c;
}

.quote-info {
    flex: 1;
}

.material-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.material-tag.luxury {
    background: #d97706;
    color: white;
}

.material-tag.basic {
    background: #fdba74;
    color: #78350f;
}

.quote-info strong {
    display: block;
    font-weight: 700;
    color: #78350f;
    margin-bottom: 4px;
}

.quote-info p {
    font-size: 0.875rem;
    color: #92400e;
    margin: 4px 0;
}

.ai-flooring-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-totals {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.total-flooring {
    display: flex;
    flex-direction: column;
}

.total-label-flooring {
    font-size: 0.75rem;
    color: #92400e;
    margin-bottom: 4px;
}

.total-value-flooring {
    font-size: 1.5rem;
    font-weight: 800;
    color: #78350f;
}

.flooring-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-flooring {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #78350f;
    margin-bottom: 60px;
}

.results-grid-flooring {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-flooring {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-flooring:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #d97706;
}

.result-icon-flooring {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-flooring {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-flooring svg {
    stroke: #92400e;
}

.quotes-flooring {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.quotes-flooring svg {
    stroke: #10b981;
}

.growth-flooring {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-flooring svg {
    stroke: #3b82f6;
}

.result-number-flooring {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #78350f;
    line-height: 1;
}

.result-unit-flooring,
.result-percent-flooring {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #92400e;
    margin-left: 8px;
}

.result-label-flooring {
    font-size: 1.125rem;
    font-weight: 700;
    color: #78350f;
    margin: 16px 0 8px;
}

.result-detail-flooring {
    font-size: 0.875rem;
    color: #c2410c;
}

.flooring-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #78350f 0%, #92400e 100%);
    position: relative;
    overflow: hidden;
}

.flooring-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(253, 186, 116, 0.2) 0%, transparent 50%);
}

.cta-content-flooring {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-flooring {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-flooring {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-flooring-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #d97706;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(217, 119, 6, 0.4);
}

.btn-flooring-cta:hover {
    background: white;
    color: #78350f;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .install-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .flooring-install-hero {
        padding: 80px 0 50px;
    }
    
    .flooring-stats {
        gap: 20px;
    }
}


/* =========================================
   FURNITURE STORES - Showroom Theme
   Beige/Home Decor theme
   ========================================= */

.furniture-showroom-hero {
    background: linear-gradient(135deg, #713f12 0%, #854d0e 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.furniture-showroom-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(250, 204, 21, 0.15) 0%, transparent 50%);
}

.showroom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.design-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(250, 204, 21, 0.2);
    border: 1px solid rgba(254, 240, 138, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fef08a;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.showroom-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.style-text {
    background: linear-gradient(135deg, #fef08a 0%, #fde047 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.showroom-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.furniture-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-furniture {
    display: flex;
    flex-direction: column;
}

.metric-amount-furniture {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fde047;
    line-height: 1;
}

.metric-period-furniture {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-furniture-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #eab308;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(234, 179, 8, 0.4);
}

.btn-furniture-primary:hover {
    background: #ca8a04;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(234, 179, 8, 0.6);
}

.sales-feed {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.feed-header-furniture {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fef9c3;
}

.live-inquiries {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #713f12;
}

.pulse-dot-furniture {
    width: 10px;
    height: 10px;
    background: #eab308;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-sales {
    font-size: 1.5rem;
    font-weight: 800;
    color: #854d0e;
}

.inquiry-stream {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.inquiry-item {
    background: #fefce8;
    border-left: 4px solid #fde047;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.inquiry-item.premium-furniture {
    border-left-color: #eab308;
    background: #fef9c3;
}

.inquiry-item.standard-furniture {
    border-left-color: #facc15;
    background: #fefce8;
}

.furniture-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.furniture-icon.living-room {
    background: linear-gradient(135deg, #fef08a 0%, #fde047 100%);
}

.furniture-icon.living-room svg {
    stroke: #854d0e;
}

.furniture-icon.bedroom {
    background: linear-gradient(135deg, #fef9c3 0%, #fef08a 100%);
}

.furniture-icon.bedroom svg {
    stroke: #a16207;
}

.inquiry-details {
    flex: 1;
}

.collection-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.collection-tag.luxury {
    background: #eab308;
    color: white;
}

.collection-tag.standard {
    background: #fde047;
    color: #713f12;
}

.inquiry-details strong {
    display: block;
    font-weight: 700;
    color: #713f12;
    margin-bottom: 4px;
}

.inquiry-details p {
    font-size: 0.875rem;
    color: #854d0e;
    margin: 4px 0;
}

.ai-furniture-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-summary-furniture {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fef9c3;
}

.summary-furniture {
    display: flex;
    flex-direction: column;
}

.summary-label-furniture {
    font-size: 0.75rem;
    color: #854d0e;
    margin-bottom: 4px;
}

.summary-number-furniture {
    font-size: 1.5rem;
    font-weight: 800;
    color: #713f12;
}

.furniture-results {
    padding: 100px 0;
    background: #fefce8;
}

.results-title-furniture {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #713f12;
    margin-bottom: 60px;
}

.results-grid-furniture {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-furniture {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-furniture:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #eab308;
}

.result-icon-furniture {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-furniture {
    background: linear-gradient(135deg, #fef08a 0%, #fde047 100%);
}

.revenue-furniture svg {
    stroke: #854d0e;
}

.visits-furniture {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.visits-furniture svg {
    stroke: #10b981;
}

.growth-furniture {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-furniture svg {
    stroke: #3b82f6;
}

.result-number-furniture {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #713f12;
    line-height: 1;
}

.result-unit-furniture,
.result-percent-furniture {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #854d0e;
    margin-left: 8px;
}

.result-label-furniture {
    font-size: 1.125rem;
    font-weight: 700;
    color: #713f12;
    margin: 16px 0 8px;
}

.result-detail-furniture {
    font-size: 0.875rem;
    color: #a16207;
}

.furniture-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #713f12 0%, #854d0e 100%);
    position: relative;
    overflow: hidden;
}

.furniture-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(250, 204, 21, 0.2) 0%, transparent 50%);
}

.cta-content-furniture {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-furniture {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-furniture {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-furniture-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #eab308;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(234, 179, 8, 0.4);
}

.btn-furniture-cta:hover {
    background: white;
    color: #713f12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .showroom-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .furniture-showroom-hero {
        padding: 80px 0 50px;
    }
    
    .furniture-metrics {
        gap: 20px;
    }
}


/* =========================================
   GENERAL CONTRACTORS - Build Theme
   Orange/Construction theme
   ========================================= */

.contractor-build-hero {
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.contractor-build-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 215, 170, 0.15) 0%, transparent 50%);
}

.build-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.construction-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 215, 170, 0.2);
    border: 1px solid rgba(254, 237, 213, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.build-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.construct-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.build-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.contractor-stats {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.stat-contractor {
    display: flex;
    flex-direction: column;
}

.stat-value-contractor {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.stat-label-contractor {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-contractor-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-contractor-primary:hover {
    background: #ea580c;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.6);
}

.project-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-bids {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7c2d12;
}

.pulse-dot-contractor {
    width: 10px;
    height: 10px;
    background: #f97316;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.bid-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.bid-item {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.bid-item.major-project {
    border-left-color: #f97316;
    background: #ffedd5;
}

.bid-item.minor-project {
    border-left-color: #fb923c;
    background: #fff7ed;
}

.scope-icon-contractor {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.scope-icon-contractor.full-remodel {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.scope-icon-contractor.full-remodel svg {
    stroke: #9a3412;
}

.scope-icon-contractor.minor-work {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.scope-icon-contractor.minor-work svg {
    stroke: #c2410c;
}

.bid-details {
    flex: 1;
}

.project-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.project-tag.large {
    background: #f97316;
    color: white;
}

.project-tag.small {
    background: #fdba74;
    color: #7c2d12;
}

.bid-details strong {
    display: block;
    font-weight: 700;
    color: #7c2d12;
    margin-bottom: 4px;
}

.bid-details p {
    font-size: 0.875rem;
    color: #9a3412;
    margin: 4px 0;
}

.ai-contractor-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-totals {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.total-contractor {
    display: flex;
    flex-direction: column;
}

.total-label-contractor {
    font-size: 0.75rem;
    color: #9a3412;
    margin-bottom: 4px;
}

.total-amount-contractor {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7c2d12;
}

.contractor-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-contractor {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7c2d12;
    margin-bottom: 60px;
}

.results-grid-contractor {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-contractor {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-contractor:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f97316;
}

.result-icon-contractor {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-contractor {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-contractor svg {
    stroke: #9a3412;
}

.estimates-contractor {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.estimates-contractor svg {
    stroke: #10b981;
}

.growth-contractor {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-contractor svg {
    stroke: #3b82f6;
}

.result-number-contractor {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7c2d12;
    line-height: 1;
}

.result-unit-contractor,
.result-percent-contractor {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9a3412;
    margin-left: 8px;
}

.result-label-contractor {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7c2d12;
    margin: 16px 0 8px;
}

.result-detail-contractor {
    font-size: 0.875rem;
    color: #c2410c;
}

.contractor-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    position: relative;
    overflow: hidden;
}

.contractor-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 215, 170, 0.2) 0%, transparent 50%);
}

.cta-content-contractor {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-contractor {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-contractor {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-contractor-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f97316;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.btn-contractor-cta:hover {
    background: white;
    color: #7c2d12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .build-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .contractor-build-hero {
        padding: 80px 0 50px;
    }
    
    .contractor-stats {
        gap: 20px;
    }
}


/* =========================================
   HOME BUILDERS - Custom Build Theme
   Slate/Dream Home theme
   ========================================= */

.builder-dream-hero {
    background: linear-gradient(135deg, #334155 0%, #475569 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.builder-dream-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(148, 163, 184, 0.15) 0%, transparent 50%);
}

.dream-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.home-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(148, 163, 184, 0.2);
    border: 1px solid rgba(203, 213, 225, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.dream-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.custom-text {
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.dream-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.builder-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-builder {
    display: flex;
    flex-direction: column;
}

.metric-value-builder {
    font-size: 2.5rem;
    font-weight: 800;
    color: #94a3b8;
    line-height: 1;
}

.metric-label-builder {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-builder-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #64748b;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(100, 116, 139, 0.4);
}

.btn-builder-primary:hover {
    background: #475569;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(100, 116, 139, 0.6);
}

.build-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.live-builds {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #1e293b;
}

.pulse-dot-builder {
    width: 10px;
    height: 10px;
    background: #64748b;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.year-total {
    font-size: 1.5rem;
    font-weight: 800;
    color: #334155;
}

.build-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.build-card {
    background: #f8fafc;
    border-left: 4px solid #94a3b8;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.build-card.custom-home {
    border-left-color: #64748b;
    background: #f1f5f9;
}

.build-card.spec-home {
    border-left-color: #94a3b8;
    background: #f8fafc;
}

.home-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.home-icon.luxury-build {
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
}

.home-icon.luxury-build svg {
    stroke: #334155;
}

.home-icon.standard-build {
    background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);
}

.home-icon.standard-build svg {
    stroke: #475569;
}

.build-info {
    flex: 1;
}

.build-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.build-type.premium {
    background: #64748b;
    color: white;
}

.build-type.standard {
    background: #94a3b8;
    color: white;
}

.build-info strong {
    display: block;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
}

.build-info p {
    font-size: 0.875rem;
    color: #334155;
    margin: 4px 0;
}

.ai-builder-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.year-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #f1f5f9;
}

.stat-item-builder {
    display: flex;
    flex-direction: column;
}

.stat-label-builder {
    font-size: 0.75rem;
    color: #334155;
    margin-bottom: 4px;
}

.stat-number-builder {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
}

.builder-results {
    padding: 100px 0;
    background: #f8fafc;
}

.results-title-builder {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #1e293b;
    margin-bottom: 60px;
}

.results-grid-builder {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-builder {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-builder:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #64748b;
}

.result-icon-builder {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-builder {
    background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
}

.revenue-builder svg {
    stroke: #334155;
}

.consults-builder {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.consults-builder svg {
    stroke: #10b981;
}

.growth-builder {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-builder svg {
    stroke: #3b82f6;
}

.result-number-builder {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
}

.result-unit-builder,
.result-percent-builder {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #334155;
    margin-left: 8px;
}

.result-label-builder {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e293b;
    margin: 16px 0 8px;
}

.result-detail-builder {
    font-size: 0.875rem;
    color: #475569;
}

.builder-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #334155 0%, #475569 100%);
    position: relative;
    overflow: hidden;
}

.builder-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(148, 163, 184, 0.2) 0%, transparent 50%);
}

.cta-content-builder {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-builder {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-builder {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-builder-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #64748b;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(100, 116, 139, 0.4);
}

.btn-builder-cta:hover {
    background: white;
    color: #1e293b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .dream-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .builder-dream-hero {
        padding: 80px 0 50px;
    }
    
    .builder-metrics {
        gap: 20px;
    }
}


/* =========================================
   INSURANCE AGENTS - Policy/Protection Theme
   Indigo/Coverage theme
   ========================================= */

.insurance-policy-hero {
    background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.insurance-policy-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(165, 180, 252, 0.15) 0%, transparent 50%);
}

.policy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.coverage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(165, 180, 252, 0.2);
    border: 1px solid rgba(199, 210, 254, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #c7d2fe;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.policy-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.protect-text {
    background: linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.policy-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.insurance-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-insurance {
    display: flex;
    flex-direction: column;
}

.metric-value-insurance {
    font-size: 2.5rem;
    font-weight: 800;
    color: #a5b4fc;
    line-height: 1;
}

.metric-label-insurance {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-insurance-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #818cf8;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(129, 140, 248, 0.4);
}

.btn-insurance-primary:hover {
    background: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(129, 140, 248, 0.6);
}

.quote-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header-insurance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e7ff;
}

.live-quotes-insurance {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #312e81;
}

.pulse-dot-insurance {
    width: 10px;
    height: 10px;
    background: #818cf8;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-quotes {
    font-size: 1.5rem;
    font-weight: 800;
    color: #4338ca;
}

.quote-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.quote-card {
    background: #eef2ff;
    border-left: 4px solid #a5b4fc;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.quote-card.comprehensive {
    border-left-color: #818cf8;
    background: #e0e7ff;
}

.quote-card.basic {
    border-left-color: #a5b4fc;
    background: #eef2ff;
}

.policy-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.policy-icon.full-coverage {
    background: linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 100%);
}

.policy-icon.full-coverage svg {
    stroke: #4338ca;
}

.policy-icon.standard-coverage {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}

.policy-icon.standard-coverage svg {
    stroke: #6366f1;
}

.quote-info-insurance {
    flex: 1;
}

.coverage-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.coverage-type.premium {
    background: #818cf8;
    color: white;
}

.coverage-type.standard {
    background: #a5b4fc;
    color: #312e81;
}

.quote-info-insurance strong {
    display: block;
    font-weight: 700;
    color: #312e81;
    margin-bottom: 4px;
}

.quote-info-insurance p {
    font-size: 0.875rem;
    color: #4338ca;
    margin: 4px 0;
}

.ai-insurance-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-summary-insurance {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #e0e7ff;
}

.summary-insurance-item {
    display: flex;
    flex-direction: column;
}

.summary-insurance-label {
    font-size: 0.75rem;
    color: #4338ca;
    margin-bottom: 4px;
}

.summary-insurance-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #312e81;
}

.insurance-results {
    padding: 100px 0;
    background: #eef2ff;
}

.results-title-insurance {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #312e81;
    margin-bottom: 60px;
}

.results-grid-insurance {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-insurance {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-insurance:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #818cf8;
}

.result-icon-insurance {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-insurance {
    background: linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 100%);
}

.revenue-insurance svg {
    stroke: #4338ca;
}

.quotes-insurance {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.quotes-insurance svg {
    stroke: #10b981;
}

.growth-insurance {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-insurance svg {
    stroke: #3b82f6;
}

.result-number-insurance {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #312e81;
    line-height: 1;
}

.result-unit-insurance,
.result-percent-insurance {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #4338ca;
    margin-left: 8px;
}

.result-label-insurance {
    font-size: 1.125rem;
    font-weight: 700;
    color: #312e81;
    margin: 16px 0 8px;
}

.result-detail-insurance {
    font-size: 0.875rem;
    color: #6366f1;
}

.insurance-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
    position: relative;
    overflow: hidden;
}

.insurance-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(165, 180, 252, 0.2) 0%, transparent 50%);
}

.cta-content-insurance {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-insurance {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-insurance {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-insurance-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #818cf8;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(129, 140, 248, 0.4);
}

.btn-insurance-cta:hover {
    background: white;
    color: #312e81;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .policy-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .insurance-policy-hero {
        padding: 80px 0 50px;
    }
    
    .insurance-metrics {
        gap: 20px;
    }
}


/* =========================================
   JEWELRY STORES - Luxury/Diamond Theme
   Rose Gold/Precious theme
   ========================================= */

.jewelry-luxury-hero {
    background: linear-gradient(135deg, #be123c 0%, #e11d48 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.jewelry-luxury-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(253, 164, 175, 0.15) 0%, transparent 50%);
}

.luxury-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.gem-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(253, 164, 175, 0.2);
    border: 1px solid rgba(254, 205, 211, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fecdd3;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.luxury-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.sparkle-text {
    background: linear-gradient(135deg, #fecdd3 0%, #fda4af 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.luxury-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.jewelry-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-jewelry {
    display: flex;
    flex-direction: column;
}

.metric-value-jewelry {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fda4af;
    line-height: 1;
}

.metric-label-jewelry {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-jewelry-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f43f5e;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 63, 94, 0.4);
}

.btn-jewelry-primary:hover {
    background: #e11d48;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(244, 63, 94, 0.6);
}

.sales-showcase {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.showcase-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffe4e6;
}

.live-jewelry {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #881337;
}

.pulse-dot-jewelry {
    width: 10px;
    height: 10px;
    background: #f43f5e;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-sales {
    font-size: 1.5rem;
    font-weight: 800;
    color: #be123c;
}

.inquiry-showcase {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.jewelry-inquiry {
    background: #fff1f2;
    border-left: 4px solid #fda4af;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.jewelry-inquiry.engagement {
    border-left-color: #f43f5e;
    background: #ffe4e6;
}

.jewelry-inquiry.standard {
    border-left-color: #fb7185;
    background: #fff1f2;
}

.gem-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gem-icon.diamond {
    background: linear-gradient(135deg, #fecdd3 0%, #fda4af 100%);
}

.gem-icon.diamond svg {
    stroke: #be123c;
}

.gem-icon.gemstone {
    background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%);
}

.gem-icon.gemstone svg {
    stroke: #e11d48;
}

.jewelry-info {
    flex: 1;
}

.piece-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.piece-type.premium {
    background: #f43f5e;
    color: white;
}

.piece-type.standard {
    background: #fda4af;
    color: #881337;
}

.jewelry-info strong {
    display: block;
    font-weight: 700;
    color: #881337;
    margin-bottom: 4px;
}

.jewelry-info p {
    font-size: 0.875rem;
    color: #be123c;
    margin: 4px 0;
}

.ai-jewelry-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary-jewelry {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffe4e6;
}

.summary-jewelry {
    display: flex;
    flex-direction: column;
}

.summary-label-jewelry {
    font-size: 0.75rem;
    color: #be123c;
    margin-bottom: 4px;
}

.summary-value-jewelry {
    font-size: 1.5rem;
    font-weight: 800;
    color: #881337;
}

.jewelry-results {
    padding: 100px 0;
    background: #fff1f2;
}

.results-title-jewelry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #881337;
    margin-bottom: 60px;
}

.results-grid-jewelry {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-jewelry {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-jewelry:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f43f5e;
}

.result-icon-jewelry {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-jewelry {
    background: linear-gradient(135deg, #fecdd3 0%, #fda4af 100%);
}

.revenue-jewelry svg {
    stroke: #be123c;
}

.appts-jewelry {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.appts-jewelry svg {
    stroke: #10b981;
}

.growth-jewelry {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-jewelry svg {
    stroke: #3b82f6;
}

.result-number-jewelry {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #881337;
    line-height: 1;
}

.result-unit-jewelry,
.result-percent-jewelry {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #be123c;
    margin-left: 8px;
}

.result-label-jewelry {
    font-size: 1.125rem;
    font-weight: 700;
    color: #881337;
    margin: 16px 0 8px;
}

.result-detail-jewelry {
    font-size: 0.875rem;
    color: #e11d48;
}

.jewelry-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #be123c 0%, #e11d48 100%);
    position: relative;
    overflow: hidden;
}

.jewelry-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(253, 164, 175, 0.2) 0%, transparent 50%);
}

.cta-content-jewelry {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-jewelry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-jewelry {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-jewelry-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f43f5e;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 63, 94, 0.4);
}

.btn-jewelry-cta:hover {
    background: white;
    color: #881337;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .luxury-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .jewelry-luxury-hero {
        padding: 80px 0 50px;
    }
    
    .jewelry-metrics {
        gap: 20px;
    }
}


/* =========================================
   LOCKSMITHS - Emergency/Security Theme
   Amber/Urgent theme
   ========================================= */

.locksmith-emergency-hero {
    background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.locksmith-emergency-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(252, 211, 77, 0.15) 0%, transparent 50%);
}

.emergency-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.security-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(252, 211, 77, 0.2);
    border: 1px solid rgba(254, 243, 199, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fef3c7;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.emergency-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.urgent-text {
    background: linear-gradient(135deg, #fef3c7 0%, #fcd34d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.emergency-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.locksmith-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-locksmith {
    display: flex;
    flex-direction: column;
}

.metric-value-locksmith {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fcd34d;
    line-height: 1;
}

.metric-label-locksmith {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-locksmith-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f59e0b;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(245, 158, 11, 0.4);
}

.btn-locksmith-primary:hover {
    background: #d97706;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(245, 158, 11, 0.6);
}

.dispatch-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.board-header-locksmith {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fef3c7;
}

.live-calls {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #78350f;
}

.pulse-dot-locksmith {
    width: 10px;
    height: 10px;
    background: #f59e0b;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #b45309;
}

.call-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.call-item {
    background: #fffbeb;
    border-left: 4px solid #fcd34d;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.call-item.emergency-call {
    border-left-color: #f59e0b;
    background: #fef3c7;
}

.call-item.standard-call {
    border-left-color: #fbbf24;
    background: #fffbeb;
}

.service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.service-icon.urgent {
    background: linear-gradient(135deg, #fef3c7 0%, #fcd34d 100%);
}

.service-icon.urgent svg {
    stroke: #b45309;
}

.service-icon.routine {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}

.service-icon.routine svg {
    stroke: #d97706;
}

.call-info {
    flex: 1;
}

.priority-level {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.priority-level.emergency {
    background: #f59e0b;
    color: white;
}

.priority-level.routine {
    background: #fcd34d;
    color: #78350f;
}

.call-info strong {
    display: block;
    font-weight: 700;
    color: #78350f;
    margin-bottom: 4px;
}

.call-info p {
    font-size: 0.875rem;
    color: #b45309;
    margin: 4px 0;
}

.ai-locksmith-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-totals-locksmith {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fef3c7;
}

.total-locksmith {
    display: flex;
    flex-direction: column;
}

.total-label-locksmith {
    font-size: 0.75rem;
    color: #b45309;
    margin-bottom: 4px;
}

.total-value-locksmith {
    font-size: 1.5rem;
    font-weight: 800;
    color: #78350f;
}

.locksmith-results {
    padding: 100px 0;
    background: #fffbeb;
}

.results-title-locksmith {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #78350f;
    margin-bottom: 60px;
}

.results-grid-locksmith {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-locksmith {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-locksmith:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f59e0b;
}

.result-icon-locksmith {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-locksmith {
    background: linear-gradient(135deg, #fef3c7 0%, #fcd34d 100%);
}

.revenue-locksmith svg {
    stroke: #b45309;
}

.dispatch-locksmith {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.dispatch-locksmith svg {
    stroke: #10b981;
}

.growth-locksmith {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-locksmith svg {
    stroke: #3b82f6;
}

.result-number-locksmith {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #78350f;
    line-height: 1;
}

.result-unit-locksmith,
.result-percent-locksmith {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #b45309;
    margin-left: 8px;
}

.result-label-locksmith {
    font-size: 1.125rem;
    font-weight: 700;
    color: #78350f;
    margin: 16px 0 8px;
}

.result-detail-locksmith {
    font-size: 0.875rem;
    color: #d97706;
}

.locksmith-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
    position: relative;
    overflow: hidden;
}

.locksmith-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(252, 211, 77, 0.2) 0%, transparent 50%);
}

.cta-content-locksmith {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-locksmith {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-locksmith {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-locksmith-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f59e0b;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(245, 158, 11, 0.4);
}

.btn-locksmith-cta:hover {
    background: white;
    color: #78350f;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .emergency-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .locksmith-emergency-hero {
        padding: 80px 0 50px;
    }
    
    .locksmith-metrics {
        gap: 20px;
    }
}


/* =========================================
   MORTGAGE BROKERS - Loan/Finance Theme
   Cyan/Home Loan theme
   ========================================= */

.mortgage-loan-hero {
    background: linear-gradient(135deg, #0e7490 0%, #0891b2 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.mortgage-loan-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(103, 232, 249, 0.15) 0%, transparent 50%);
}

.loan-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.finance-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(103, 232, 249, 0.2);
    border: 1px solid rgba(165, 243, 252, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #a5f3fc;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.loan-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.rate-text {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.loan-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.mortgage-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-mortgage {
    display: flex;
    flex-direction: column;
}

.metric-value-mortgage {
    font-size: 2.5rem;
    font-weight: 800;
    color: #67e8f9;
    line-height: 1;
}

.metric-label-mortgage {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-mortgage-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #06b6d4;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(6, 182, 212, 0.4);
}

.btn-mortgage-primary:hover {
    background: #0891b2;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(6, 182, 212, 0.6);
}

.application-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header-mortgage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #cffafe;
}

.live-apps {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #164e63;
}

.pulse-dot-mortgage {
    width: 10px;
    height: 10px;
    background: #06b6d4;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.quarter-volume {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0e7490;
}

.app-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.app-item {
    background: #ecfeff;
    border-left: 4px solid #67e8f9;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.app-item.purchase {
    border-left-color: #06b6d4;
    background: #cffafe;
}

.app-item.refinance {
    border-left-color: #22d3ee;
    background: #ecfeff;
}

.loan-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.loan-icon.home-purchase {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
}

.loan-icon.home-purchase svg {
    stroke: #0e7490;
}

.loan-icon.refi {
    background: linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%);
}

.loan-icon.refi svg {
    stroke: #0891b2;
}

.app-info {
    flex: 1;
}

.loan-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.loan-type.purchase {
    background: #06b6d4;
    color: white;
}

.loan-type.refi {
    background: #67e8f9;
    color: #164e63;
}

.app-info strong {
    display: block;
    font-weight: 700;
    color: #164e63;
    margin-bottom: 4px;
}

.app-info p {
    font-size: 0.875rem;
    color: #0e7490;
    margin: 4px 0;
}

.ai-mortgage-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.quarter-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #cffafe;
}

.summary-mortgage {
    display: flex;
    flex-direction: column;
}

.summary-label-mortgage {
    font-size: 0.75rem;
    color: #0e7490;
    margin-bottom: 4px;
}

.summary-value-mortgage {
    font-size: 1.5rem;
    font-weight: 800;
    color: #164e63;
}

.mortgage-results {
    padding: 100px 0;
    background: #ecfeff;
}

.results-title-mortgage {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #164e63;
    margin-bottom: 60px;
}

.results-grid-mortgage {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-mortgage {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-mortgage:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #06b6d4;
}

.result-icon-mortgage {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.volume-mortgage {
    background: linear-gradient(135deg, #a5f3fc 0%, #67e8f9 100%);
}

.volume-mortgage svg {
    stroke: #0e7490;
}

.qualified-mortgage {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.qualified-mortgage svg {
    stroke: #10b981;
}

.growth-mortgage {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-mortgage svg {
    stroke: #3b82f6;
}

.result-number-mortgage {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #164e63;
    line-height: 1;
}

.result-unit-mortgage,
.result-percent-mortgage {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #0e7490;
    margin-left: 8px;
}

.result-label-mortgage {
    font-size: 1.125rem;
    font-weight: 700;
    color: #164e63;
    margin: 16px 0 8px;
}

.result-detail-mortgage {
    font-size: 0.875rem;
    color: #0891b2;
}

.mortgage-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0e7490 0%, #0891b2 100%);
    position: relative;
    overflow: hidden;
}

.mortgage-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(103, 232, 249, 0.2) 0%, transparent 50%);
}

.cta-content-mortgage {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-mortgage {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-mortgage {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-mortgage-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #06b6d4;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(6, 182, 212, 0.4);
}

.btn-mortgage-cta:hover {
    background: white;
    color: #164e63;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .loan-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .mortgage-loan-hero {
        padding: 80px 0 50px;
    }
    
    .mortgage-metrics {
        gap: 20px;
    }
}


/* =========================================
   MOVING COMPANIES - Relocation Theme
   Orange/Moving theme
   ========================================= */

.moving-relocation-hero {
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.moving-relocation-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 215, 170, 0.15) 0%, transparent 50%);
}

.relocation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.moving-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 215, 170, 0.2);
    border: 1px solid rgba(254, 237, 213, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.relocation-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.boxes-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.relocation-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.moving-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-moving {
    display: flex;
    flex-direction: column;
}

.metric-value-moving {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.metric-label-moving {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-moving-primary{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-moving-primary:hover {
    background: #f97316;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 146, 60, 0.6);
}

.booking-calendar {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.calendar-header-moving {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-bookings {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7c2d12;
}

.pulse-dot-moving {
    width: 10px;
    height: 10px;
    background: #fb923c;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.booking-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.booking-item {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.booking-item.local-move {
    border-left-color: #fb923c;
    background: #ffedd5;
}

.booking-item.longdist-move {
    border-left-color: #f97316;
    background: #fff7ed;
}

.move-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.move-icon.residential {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.move-icon.residential svg {
    stroke: #9a3412;
}

.move-icon.commercial {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.move-icon.commercial svg {
    stroke: #c2410c;
}

.booking-info {
    flex: 1;
}

.move-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.move-type.local {
    background: #fb923c;
    color: white;
}

.move-type.longdist {
    background: #fdba74;
    color: #7c2d12;
}

.booking-info strong {
    display: block;
    font-weight: 700;
    color: #7c2d12;
    margin-bottom: 4px;
}

.booking-info p {
    font-size: 0.875rem;
    color: #9a3412;
    margin: 4px 0;
}

.ai-moving-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-summary-moving {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.summary-moving {
    display: flex;
    flex-direction: column;
}

.summary-label-moving {
    font-size: 0.75rem;
    color: #9a3412;
    margin-bottom: 4px;
}

.summary-value-moving {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7c2d12;
}

.moving-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-moving {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7c2d12;
    margin-bottom: 60px;
}

.results-grid-moving {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-moving {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-moving:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #fb923c;
}

.result-icon-moving {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-moving {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-moving svg {
    stroke: #9a3412;
}

.bookings-moving {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-moving svg {
    stroke: #10b981;
}

.growth-moving {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-moving svg {
    stroke: #3b82f6;
}

.result-number-moving {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7c2d12;
    line-height: 1;
}

.result-unit-moving,
.result-percent-moving {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9a3412;
    margin-left: 8px;
}

.result-label-moving {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7c2d12;
    margin: 16px 0 8px;
}

.result-detail-moving {
    font-size: 0.875rem;
    color: #c2410c;
}

.moving-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    position: relative;
    overflow: hidden;
}

.moving-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 215, 170, 0.2) 0%, transparent 50%);
}

.cta-content-moving {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-moving {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-moving {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-moving-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-moving-cta:hover {
    background: white;
    color: #7c2d12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .relocation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .moving-relocation-hero {
        padding: 80px 0 50px;
    }
    
    .moving-metrics {
        gap: 20px;
    }
}


/* =========================================
   OPTOMETRISTS - Vision/Eye Care Theme
   Blue/Vision theme
   ========================================= */

.optometry-vision-hero {
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.optometry-vision-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(125, 211, 252, 0.15) 0%, transparent 50%);
}

.vision-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.eye-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(125, 211, 252, 0.2);
    border: 1px solid rgba(186, 230, 253, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #bae6fd;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.vision-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.sight-text {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.vision-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.optometry-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-optometry {
    display: flex;
    flex-direction: column;
}

.metric-value-optometry {
    font-size: 2.5rem;
    font-weight: 800;
    color: #7dd3fc;
    line-height: 1;
}

.metric-label-optometry {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-optometry-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #0ea5e9;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(14, 165, 233, 0.4);
}

.btn-optometry-primary:hover {
    background: #0284c7;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(14, 165, 233, 0.6);
}

.appointment-scheduler {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.scheduler-header-optometry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0f2fe;
}

.live-appts {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #075985;
}

.pulse-dot-optometry {
    width: 10px;
    height: 10px;
    background: #0ea5e9;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0369a1;
}

.appt-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.appt-card {
    background: #f0f9ff;
    border-left: 4px solid #7dd3fc;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.appt-card.comprehensive {
    border-left-color: #0ea5e9;
    background: #e0f2fe;
}

.appt-card.routine {
    border-left-color: #38bdf8;
    background: #f0f9ff;
}

.exam-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.exam-icon.full-exam {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
}

.exam-icon.full-exam svg {
    stroke: #0369a1;
}

.exam-icon.basic-exam {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
}

.exam-icon.basic-exam svg {
    stroke: #0284c7;
}

.appt-details {
    flex: 1;
}

.exam-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.exam-type.full {
    background: #0ea5e9;
    color: white;
}

.exam-type.basic {
    background: #7dd3fc;
    color: #075985;
}

.appt-details strong {
    display: block;
    font-weight: 700;
    color: #075985;
    margin-bottom: 4px;
}

.appt-details p {
    font-size: 0.875rem;
    color: #0369a1;
    margin: 4px 0;
}

.ai-optometry-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary-optometry {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #e0f2fe;
}

.summary-opt {
    display: flex;
    flex-direction: column;
}

.summary-label-opt {
    font-size: 0.75rem;
    color: #0369a1;
    margin-bottom: 4px;
}

.summary-value-opt {
    font-size: 1.5rem;
    font-weight: 800;
    color: #075985;
}

.optometry-results {
    padding: 100px 0;
    background: #f0f9ff;
}

.results-title-optometry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #075985;
    margin-bottom: 60px;
}

.results-grid-optometry {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-optometry {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-optometry:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #0ea5e9;
}

.result-icon-optometry {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-optometry {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
}

.revenue-optometry svg {
    stroke: #0369a1;
}

.bookings-optometry {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-optometry svg {
    stroke: #10b981;
}

.growth-optometry {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-optometry svg {
    stroke: #3b82f6;
}

.result-number-optometry {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #075985;
    line-height: 1;
}

.result-unit-optometry,
.result-percent-optometry {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #0369a1;
    margin-left: 8px;
}

.result-label-optometry {
    font-size: 1.125rem;
    font-weight: 700;
    color: #075985;
    margin: 16px 0 8px;
}

.result-detail-optometry {
    font-size: 0.875rem;
    color: #0284c7;
}

.optometry-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
    position: relative;
    overflow: hidden;
}

.optometry-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(125, 211, 252, 0.2) 0%, transparent 50%);
}

.cta-content-optometry {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-optometry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-optometry {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-optometry-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #0ea5e9;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(14, 165, 233, 0.4);
}

.btn-optometry-cta:hover {
    background: white;
    color: #075985;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .vision-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .optometry-vision-hero {
        padding: 80px 0 50px;
    }
    
    .optometry-metrics {
        gap: 20px;
    }
}


/* =========================================
   ORTHODONTISTS - Smile/Alignment Theme
   Purple/Braces theme
   ========================================= */

.ortho-smile-hero {
    background: linear-gradient(135deg, #7e22ce 0%, #9333ea 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.ortho-smile-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(233, 213, 255, 0.15) 0%, transparent 50%);
}

.smile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.braces-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(233, 213, 255, 0.2);
    border: 1px solid rgba(243, 232, 255, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #e9d5ff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.smile-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.align-text {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.smile-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.ortho-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-ortho {
    display: flex;
    flex-direction: column;
}

.metric-value-ortho {
    font-size: 2.5rem;
    font-weight: 800;
    color: #d8b4fe;
    line-height: 1;
}

.metric-label-ortho {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-ortho-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a855f7;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4);
}

.btn-ortho-primary:hover {
    background: #9333ea;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(168, 85, 247, 0.6);
}

.treatment-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header-ortho {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #faf5ff;
}

.live-treatments {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #581c87;
}

.pulse-dot-ortho {
    width: 10px;
    height: 10px;
    background: #a855f7;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.quarter-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7e22ce;
}

.treatment-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.treatment-case {
    background: #f5f3ff;
    border-left: 4px solid #d8b4fe;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.treatment-case.full-braces {
    border-left-color: #a855f7;
    background: #faf5ff;
}

.treatment-case.clear-aligners {
    border-left-color: #c084fc;
    background: #f5f3ff;
}

.case-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.case-icon.comprehensive {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.case-icon.comprehensive svg {
    stroke: #7e22ce;
}

.case-icon.aligner {
    background: linear-gradient(135deg, #faf5ff 0%, #e9d5ff 100%);
}

.case-icon.aligner svg {
    stroke: #9333ea;
}

.case-details {
    flex: 1;
}

.treatment-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.treatment-type.full {
    background: #a855f7;
    color: white;
}

.treatment-type.clear {
    background: #d8b4fe;
    color: #581c87;
}

.case-details strong {
    display: block;
    font-weight: 700;
    color: #581c87;
    margin-bottom: 4px;
}

.case-details p {
    font-size: 0.875rem;
    color: #7e22ce;
    margin: 4px 0;
}

.ai-ortho-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.quarter-summary-ortho {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #faf5ff;
}

.summary-ortho {
    display: flex;
    flex-direction: column;
}

.summary-label-ortho {
    font-size: 0.75rem;
    color: #7e22ce;
    margin-bottom: 4px;
}

.summary-value-ortho {
    font-size: 1.5rem;
    font-weight: 800;
    color: #581c87;
}

.ortho-results {
    padding: 100px 0;
    background: #f5f3ff;
}

.results-title-ortho {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #581c87;
    margin-bottom: 60px;
}

.results-grid-ortho {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-ortho {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-ortho:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #a855f7;
}

.result-icon-ortho {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-ortho {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
}

.revenue-ortho svg {
    stroke: #7e22ce;
}

.consults-ortho {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.consults-ortho svg {
    stroke: #10b981;
}

.growth-ortho {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-ortho svg {
    stroke: #3b82f6;
}

.result-number-ortho {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #581c87;
    line-height: 1;
}

.result-unit-ortho,
.result-percent-ortho {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #7e22ce;
    margin-left: 8px;
}

.result-label-ortho {
    font-size: 1.125rem;
    font-weight: 700;
    color: #581c87;
    margin: 16px 0 8px;
}

.result-detail-ortho {
    font-size: 0.875rem;
    color: #9333ea;
}

.ortho-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #7e22ce 0%, #9333ea 100%);
    position: relative;
    overflow: hidden;
}

.ortho-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(233, 213, 255, 0.2) 0%, transparent 50%);
}

.cta-content-ortho {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-ortho {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-ortho {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-ortho-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #a855f7;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4);
}

.btn-ortho-cta:hover {
    background: white;
    color: #581c87;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .smile-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .ortho-smile-hero {
        padding: 80px 0 50px;
    }
    
    .ortho-metrics {
        gap: 20px;
    }
}


/* =========================================
   PAINTERS - Transformation/Color Theme
   Coral/Paint theme
   ====================================== ====== */

.painters-transform-hero {
    background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.painters-transform-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 215, 170, 0.15) 0%, transparent 50%);
}

.transform-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.paint-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 215, 170, 0.2);
    border: 1px solid rgba(254, 237, 213, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.transform-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.color-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.transform-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.painters-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-painters {
    display: flex;
    flex-direction: column;
}

.metric-value-painters {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.metric-label-painters {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-painters-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-painters-primary:hover {
    background: #f97316;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 146, 60, 0.6);
}

.project-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header-painters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-projects {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7c2d12;
}

.pulse-dot-painters {
    width: 10px;
    height: 10px;
    background: #fb923c;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.project-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.project-card {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.project-card.interior {
    border-left-color: #fb923c;
    background: #ffedd5;
}

.project-card.exterior {
    border-left-color: #f97316;
    background: #fff7ed;
}

.paint-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.paint-icon.indoor {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.paint-icon.indoor svg {
    stroke: #9a3412;
}

.paint-icon.outdoor {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.paint-icon.outdoor svg {
    stroke: #c2410c;
}

.project-info {
    flex: 1;
}

.project-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.project-type.interior-type {
    background: #fb923c;
    color: white;
}

.project-type.exterior-type {
    background: #fdba74;
    color: #7c2d12;
}

.project-info strong {
    display: block;
    font-weight: 700;
    color: #7c2d12;
    margin-bottom: 4px;
}

.project-info p {
    font-size: 0.875rem;
    color: #9a3412;
    margin: 4px 0;
}

.ai-painters-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-summary-painters {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.summary-painters {
    display: flex;
    flex-direction: column;
}

.summary-label-painters {
    font-size: 0.75rem;
    color: #9a3412;
    margin-bottom: 4px;
}

.summary-value-painters {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7c2d12;
}

.painters-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-painters {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7c2d12;
    margin-bottom: 60px;
}

.results-grid-painters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-painters {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-painters:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #fb923c;
}

.result-icon-painters {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-painters {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-painters svg {
    stroke: #9a3412;
}

.bookings-painters {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-painters svg {
    stroke: #10b981;
}

.growth-painters {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-painters svg {
    stroke: #3b82f6;
}

.result-number-painters {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7c2d12;
    line-height: 1;
}

.result-unit-painters,
.result-percent-painters {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9a3412;
    margin-left: 8px;
}

.result-label-painters {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7c2d12;
    margin: 16px 0 8px;
}

.result-detail-painters {
    font-size: 0.875rem;
    color: #c2410c;
}

.painters-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
    position: relative;
    overflow: hidden;
}

.painters-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 215, 170, 0.2) 0%, transparent 50%);
}

.cta-content-painters {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-painters {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-painters {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-painters-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-painters-cta:hover {
    background: white;
    color: #7c2d12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .transform-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .painters-transform-hero {
        padding: 80px 0 50px;
    }
    
    .painters-metrics {
        gap: 20px;
    }
}


/* =========================================
   PEST CONTROL - Protection/Emergency Theme
   Red/Urgent theme
   ========================================= */

.pest-protect-hero {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.pest-protect-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 202, 202, 0.15) 0%, transparent 50%);
}

.protect-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.pest-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 202, 202, 0.2);
    border: 1px solid rgba(254, 226, 226, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fecaca;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.protect-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.urgent-text {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.protect-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.pest-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-pest {
    display: flex;
    flex-direction: column;
}

.metric-value-pest {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fca5a5;
    line-height: 1;
}

.metric-label-pest {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-pest-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f87171;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(248, 113, 113, 0.4);
}

.btn-pest-primary:hover {
    background: #ef4444;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(248, 113, 113, 0.6);
}

.service-dispatch {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.dispatch-header-pest {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fee2e2;
}

.live-calls {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7f1d1d;
}

.pulse-dot-pest {
    width: 10px;
    height: 10px;
    background: #f87171;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.week-bookings {
    font-size: 1.5rem;
    font-weight: 800;
    color: #991b1b;
}

.call-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.service-call {
    background: #fef2f2;
    border-left: 4px solid #fca5a5;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.service-call.urgent-call {
    border-left-color: #f87171;
    background: #fee2e2;
}

.service-call.routine-call {
    border-left-color: #fca5a5;
    background: #fef2f2;
}

.call-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.call-icon.emergency {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
}

.call-icon.emergency svg {
    stroke: #991b1b;
}

.call-icon.scheduled {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.call-icon.scheduled svg {
    stroke: #b91c1c;
}

.call-info {
    flex: 1;
}

.service-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.service-type.urgent {
    background: #f87171;
    color: white;
}

.service-type.routine {
    background: #fca5a5;
    color: #7f1d1d;
}

.call-info strong {
    display: block;
    font-weight: 700;
    color: #7f1d1d;
    margin-bottom: 4px;
}

.call-info p {
    font-size: 0.875rem;
    color: #991b1b;
    margin: 4px 0;
}

.ai-pest-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.week-summary-pest {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fee2e2;
}

.summary-pest {
    display: flex;
    flex-direction: column;
}

.summary-label-pest {
    font-size: 0.75rem;
    color: #991b1b;
    margin-bottom: 4px;
}

.summary-value-pest {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7f1d1d;
}

.pest-results {
    padding: 100px 0;
    background: #fef2f2;
}

.results-title-pest {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7f1d1d;
    margin-bottom: 60px;
}

.results-grid-pest {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-pest {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-pest:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f87171;
}

.result-icon-pest {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-pest {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
}

.revenue-pest svg {
    stroke: #991b1b;
}

.bookings-pest {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-pest svg {
    stroke: #10b981;
}

.growth-pest {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-pest svg {
    stroke: #3b82f6;
}

.result-number-pest {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7f1d1d;
    line-height: 1;
}

.result-unit-pest,
.result-percent-pest {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #991b1b;
    margin-left: 8px;
}

.result-label-pest {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7f1d1d;
    margin: 16px 0 8px;
}

.result-detail-pest {
    font-size: 0.875rem;
    color: #b91c1c;
}

.pest-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    position: relative;
    overflow: hidden;
}

.pest-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 202, 202, 0.2) 0%, transparent 50%);
}

.cta-content-pest {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-pest {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-pest {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-pest-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f87171;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(248, 113, 113, 0.4);
}

.btn-pest-cta:hover {
    background: white;
    color: #7f1d1d;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .protect-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pest-protect-hero {
        padding: 80px 0 50px;
    }
    
    .pest-metrics {
        gap: 20px;
    }
}


/* =========================================
   PET GROOMERS - Pampering/Pet Care Theme
   Pink/Happy Pets theme
   ========================================= */

.groomers-pamper-hero {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.groomers-pamper-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(251, 207, 232, 0.15) 0%, transparent 50%);
}

.pamper-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.groom-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 207, 232, 0.2);
    border: 1px solid rgba(252, 231, 243, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fbcfe8;
    font-size:  0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.pamper-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.fluffy-text {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pamper-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.groomers-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-groomers {
    display: flex;
    flex-direction: column;
}

.metric-value-groomers {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f9a8d4;
    line-height: 1;
}

.metric-label-groomers {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-groomers-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f472b6;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 114, 182, 0.4);
}

.btn-groomers-primary:hover {
    background: #ec4899;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(244, 114, 182, 0.6);
}

.appointment-book {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.book-header-groomers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fce7f3;
}

.live-appointments {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #831843;
}

.pulse-dot-groomers {
    width: 10px;
    height: 10px;
    background: #f472b6;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9f1239;
}

.appointment-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.appt-item {
    background: #fdf2f8;
    border-left: 4px solid #f9a8d4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.appt-item.full-groom {
    border-left-color: #f472b6;
    background: #fce7f3;
}

.appt-item.quick-service {
    border-left-color: #f9a8d4;
    background: #fdf2f8;
}

.groom-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.groom-icon.deluxe {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
}

.groom-icon.deluxe svg {
    stroke: #9f1239;
}

.groom-icon.express {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.groom-icon.express svg {
    stroke: #be123c;
}

.appt-data {
    flex: 1;
}

.service-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.service-type.deluxe {
    background: #f472b6;
    color: white;
}

.service-type.express {
    background: #f9a8d4;
    color: #831843;
}

.appt-data strong {
    display: block;
    font-weight: 700;
    color: #831843;
    margin-bottom: 4px;
}

.appt-data p {
    font-size: 0.875rem;
    color: #9f1239;
    margin: 4px 0;
}

.ai-groomers-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-summary-groomers {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fce7f3;
}

.summary-groomers {
    display: flex;
    flex-direction: column;
}

.summary-label-groomers {
    font-size: 0.75rem;
    color: #9f1239;
    margin-bottom: 4px;
}

.summary-value-groomers {
    font-size: 1.5rem;
    font-weight: 800;
    color: #831843;
}

.groomers-results {
    padding: 100px 0;
    background: #fdf2f8;
}

.results-title-groomers {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #831843;
    margin-bottom: 60px;
}

.results-grid-groomers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-groomers {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-groomers:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f472b6;
}

.result-icon-groomers {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-groomers {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
}

.revenue-groomers svg {
    stroke: #9f1239;
}

.bookings-groomers {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-groomers svg {
    stroke: #10b981;
}

.growth-groomers {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-groomers svg {
    stroke: #3b82f6;
}

.result-number-groomers {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #831843;
    line-height: 1;
}

.result-unit-groomers,
.result-percent-groomers {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9f1239;
    margin-left: 8px;
}

.result-label-groomers {
    font-size: 1.125rem;
    font-weight: 700;
    color: #831843;
    margin: 16px 0 8px;
}

.result-detail-groomers {
    font-size: 0.875rem;
    color: #be123c;
}

.groomers-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    position: relative;
    overflow: hidden;
}

.groomers-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 207, 232, 0.2) 0%, transparent 50%);
}

.cta-content-groomers {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-groomers {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-groomers {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-groomers-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f472b6;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 114, 182, 0.4);
}

.btn-groomers-cta:hover {
    background: white;
    color: #831843;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .pamper-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .groomers-pamper-hero {
        padding: 80px 0 50px;
    }
    
    .groomers-metrics {
        gap: 20px;
    }
}


/* =========================================
   PHYSICAL THERAPISTS - Recovery/Healing Theme
   Green/PT theme
   ========================================= */

.pt-recovery-hero {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.pt-recovery-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(167, 243, 208, 0.15) 0%, transparent 50%);
}

.recovery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.therapy-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(167, 243, 208, 0.2);
    border: 1px solid rgba(209, 250, 229, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #a7f3d0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.recovery-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.heal-text {
    background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.recovery-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.pt-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-pt {
    display: flex;
    flex-direction: column;
}

.metric-value-pt {
    font-size: 2.5rem;
    font-weight: 800;
    color: #6ee7b7;
    line-height: 1;
}

.metric-label-pt {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-pt-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #34d399;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(52, 211, 153, 0.4);
}

.btn-pt-primary:hover {
    background: #10b981;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(52, 211, 153, 0.6);
}

.session-schedule {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.schedule-header-pt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #d1fae5;
}

.live-sessions {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #064e3b;
}

.pulse-dot-pt {
    width: 10px;
    height: 10px;
    background: #34d399;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-bookings {
    font-size: 1.5rem;
    font-weight: 800;
    color: #047857;
}

.session-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.session-card {
    background: #ecfdf5;
    border-left: 4px solid #6ee7b7;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.session-card.initial {
    border-left-color: #34d399;
    background: #d1fae5;
}

.session-card.followup {
    border-left-color: #6ee7b7;
    background: #ecfdf5;
}

.therapy-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.therapy-icon.eval {
    background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
}

.therapy-icon.eval svg {
    stroke: #047857;
}

.therapy-icon.treatment {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.therapy-icon.treatment svg {
    stroke: #059669;
}

.session-info {
    flex: 1;
}

.session-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.session-type.initial-eval {
    background: #34d399;
    color: white;
}

.session-type.ongoing {
    background: #6ee7b7;
    color: #064e3b;
}

.session-info strong {
    display: block;
    font-weight: 700;
    color: #064e3b;
    margin-bottom: 4px;
}

.session-info p {
    font-size: 0.875rem;
    color: #047857;
    margin: 4px 0;
}

.ai-pt-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-summary-pt {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #d1fae5;
}

.summary-pt {
    display: flex;
    flex-direction: column;
}

.summary-label-pt {
    font-size: 0.75rem;
    color: #047857;
    margin-bottom: 4px;
}

.summary-value-pt {
    font-size: 1.5rem;
    font-weight: 800;
    color: #064e3b;
}

.pt-results {
    padding: 100px 0;
    background: #ecfdf5;
}

.results-title-pt {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #064e3b;
    margin-bottom: 60px;
}

.results-grid-pt {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-pt {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-pt:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #34d399;
}

.result-icon-pt {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-pt {
    background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
}

.revenue-pt svg {
    stroke: #047857;
}

.bookings-pt {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-pt svg {
    stroke: #10b981;
}

.growth-pt {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-pt svg {
    stroke: #3b82f6;
}

.result-number-pt {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #064e3b;
    line-height: 1;
}

.result-unit-pt,
.result-percent-pt {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #047857;
    margin-left: 8px;
}

.result-label-pt {
    font-size: 1.125rem;
    font-weight: 700;
    color: #064e3b;
    margin: 16px 0 8px;
}

.result-detail-pt {
    font-size: 0.875rem;
    color: #059669;
}

.pt-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    position: relative;
    overflow: hidden;
}

.pt-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(167, 243, 208, 0.2) 0%, transparent 50%);
}

.cta-content-pt {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-pt {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-pt {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-pt-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #34d399;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(52, 211, 153, 0.4);
}

.btn-pt-cta:hover {
    background: white;
    color: #064e3b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .recovery-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pt-recovery-hero {
        padding: 80px 0 50px;
    }
    
    .pt-metrics {
        gap: 20px;
    }
}


/* =========================================
   PLASTIC SURGEONS - Transformation/Beauty Theme
   Rose/Aesthetic theme
   ========================================= */

.surgery-transform-hero {
    background: linear-gradient(135deg, #be123c 0%, #e11d48 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.surgery-transform-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(251, 207, 232, 0.15) 0%, transparent 50%);
}

.transform-surgery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.surgery-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(251, 207, 232, 0.2);
    border: 1px solid rgba(252, 231, 243, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fbcfe8;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.transform-surgery-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.beauty-text {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.transform-surgery-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.surgery-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-surgery {
    display: flex;
    flex-direction: column;
}

.metric-value-surgery {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f9a8d4;
    line-height: 1;
}

.metric-label-surgery {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-surgery-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f43f5e;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 63, 94, 0.4);
}

.btn-surgery-primary:hover {
    background: #e11d48;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(244, 63, 94, 0.6);
}

.consult-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-header-surgery {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fce7f3;
}

.live-consults {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #881337;
}

.pulse-dot-surgery {
    width: 10px;
    height: 10px;
    background: #f43f5e;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-procedures {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9f1239;
}

.consult-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.consult-item {
    background: #fdf2f8;
    border-left: 4px solid #f9a8d4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.consult-item.comprehensive {
    border-left-color: #f43f5e;
    background: #fce7f3;
}

.consult-item.minor {
    border-left-color: #f9a8d4;
    background: #fdf2f8;
}

.procedure-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.procedure-icon.major-surgery {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
}

.procedure-icon.major-surgery svg {
    stroke: #9f1239;
}

.procedure-icon.minor-procedure {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.procedure-icon.minor-procedure svg {
    stroke: #be123c;
}

.consult-data {
    flex: 1;
}

.procedure-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.procedure-type.major {
    background: #f43f5e;
    color: white;
}

.procedure-type.minor-proc {
    background: #f9a8d4;
    color: #881337;
}

.consult-data strong {
    display: block;
    font-weight: 700;
    color: #881337;
    margin-bottom: 4px;
}

.consult-data p {
    font-size: 0.875rem;
    color: #9f1239;
    margin: 4px 0;
}

.ai-surgery-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-summary-surgery {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fce7f3;
}

.summary-surgery {
    display: flex;
    flex-direction: column;
}

.summary-label-surgery {
    font-size: 0.75rem;
    color: #9f1239;
    margin-bottom: 4px;
}

.summary-value-surgery {
    font-size: 1.5rem;
    font-weight: 800;
    color: #881337;
}

.surgery-results {
    padding: 100px 0;
    background: #fdf2f8;
}

.results-title-surgery {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #881337;
    margin-bottom: 60px;
}

.results-grid-surgery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-surgery {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-surgery:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #f43f5e;
}

.result-icon-surgery {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-surgery {
    background: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%);
}

.revenue-surgery svg {
    stroke: #9f1239;
}

.privacy-surgery {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.privacy-surgery svg {
    stroke: #10b981;
}

.growth-surgery {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-surgery svg {
    stroke: #3b82f6;
}

.result-number-surgery {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #881337;
    line-height: 1;
}

.result-unit-surgery,
.result-percent-surgery {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9f1239;
    margin-left: 8px;
}

.result-label-surgery {
    font-size: 1.125rem;
    font-weight: 700;
    color: #881337;
    margin: 16px 0 8px;
}

.result-detail-surgery {
    font-size: 0.875rem;
    color: #be123c;
}

.surgery-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #be123c 0%, #e11d48 100%);
    position: relative;
    overflow: hidden;
}

.surgery-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(251, 207, 232, 0.2) 0%, transparent 50%);
}

.cta-content-surgery {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-surgery {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-surgery {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-surgery-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f43f5e;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(244, 63, 94, 0.4);
}

.btn-surgery-cta:hover {
    background: white;
    color: #881337;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .transform-surgery-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .surgery-transform-hero {
        padding: 80px 0 50px;
    }
    
    .surgery-metrics {
        gap: 20px;
    }
}


/* ====================================== ===
   PODIATRISTS - Foot Care/Pain Relief Theme
   Teal/Podiatry theme
   ========================================= */

.podiatry-care-hero {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.podiatry-care-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(153, 246, 228, 0.15) 0%, transparent 50%);
}

.care-foot-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.podiatry-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(153, 246, 228, 0.2);
    border: 1px solid rgba(204, 251, 241, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #99f6e4;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.care-foot-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.step-text {
    background: linear-gradient(135deg, #99f6e4 0%, #5eead4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.care-foot-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.podiatry-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-podiatry {
    display: flex;
    flex-direction: column;
}

.metric-value-podiatry {
    font-size: 2.5rem;
    font-weight: 800;
    color: #5eead4;
    line-height: 1;
}

.metric-label-podiatry {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-podiatry-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #2dd4bf;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(45, 212, 191, 0.4);
}

.btn-podiatry-primary:hover {
    background: #14b8a6;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(45, 212, 191, 0.6);
}

.treatment-calendar {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.calendar-header-podiatry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ccfbf1;
}

.live-treatments {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #134e4a;
}

.pulse-dot-podiatry {
    width: 10px;
    height: 10px;
    background: #2dd4bf;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.day-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f766e;
}

.treatment-slots {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.slot-card {
    background: #f0fdfa;
    border-left: 4px solid #5eead4;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.slot-card.urgent {
    border-left-color: #2dd4bf;
    background: #ccfbf1;
}

.slot-card.routine {
    border-left-color: #5eead4;
    background: #f0fdfa;
}

.treatment-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.treatment-icon.urgent-care {
    background: linear-gradient(135deg, #99f6e4 0%, #5eead4 100%);
}

.treatment-icon.urgent-care svg {
    stroke: #0f766e;
}

.treatment-icon.routine-care {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
}

.treatment-icon.routine-care svg {
    stroke: #14b8a6;
}

.slot-info {
    flex: 1;
}

.treatment-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.treatment-type.urgent-type {
    background: #2dd4bf;
    color: white;
}

.treatment-type.routine-type {
    background: #5eead4;
    color: #134e4a;
}

.slot-info strong {
    display: block;
    font-weight: 700;
    color: #134e4a;
    margin-bottom: 4px;
}

.slot-info p {
    font-size: 0.875rem;
    color: #0f766e;
    margin: 4px 0;
}

.ai-podiatry-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.day-summary-podiatry {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ccfbf1;
}

.summary-podiatry {
    display: flex;
    flex-direction: column;
}

.summary-label-podiatry {
    font-size: 0.75rem;
    color: #0f766e;
    margin-bottom: 4px;
}

.summary-value-podiatry {
    font-size: 1.5rem;
    font-weight: 800;
    color: #134e4a;
}

.podiatry-results {
    padding: 100px 0;
    background: #f0fdfa;
}

.results-title-podiatry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #134e4a;
    margin-bottom: 60px;
}

.results-grid-podiatry {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-podiatry {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-podiatry:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #2dd4bf;
}

.result-icon-podiatry {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-podiatry {
    background: linear-gradient(135deg, #99f6e4 0%, #5eead4 100%);
}

.revenue-podiatry svg {
    stroke: #0f766e;
}

.bookings-podiatry {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.bookings-podiatry svg {
    stroke: #10b981;
}

.growth-podiatry {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-podiatry svg {
    stroke: #3b82f6;
}

.result-number-podiatry {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #134e4a;
    line-height: 1;
}

.result-unit-podiatry,
.result-percent-podiatry {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #0f766e;
    margin-left: 8px;
}

.result-label-podiatry {
    font-size: 1.125rem;
    font-weight: 700;
    color: #134e4a;
    margin: 16px 0 8px;
}

.result-detail-podiatry {
    font-size: 0.875rem;
    color: #14b8a6;
}

.podiatry-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
    position: relative;
    overflow: hidden;
}

.podiatry-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(153, 246, 228, 0.2) 0%, transparent 50%);
}

.cta-content-podiatry {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-podiatry {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-podiatry {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-podiatry-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #2dd4bf;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(45, 212, 191, 0.4);
}

.btn-podiatry-cta:hover {
    background: white;
    color: #134e4a;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .care-foot-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .podiatry-care-hero {
        padding: 80px 0 50px;
    }
    
    .podiatry-metrics {
        gap: 20px;
    }
}


/* =========================================
   SOLAR COMPANIES - Clean Energy/Power Theme
   Amber/Solar theme
   ========================================= */

.solar-power-hero {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.solar-power-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 243, 199, 0.15) 0%, transparent 50%);
}

.power-sun-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.solar-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 243, 199, 0.2);
    border: 1px solid rgba(254, 249, 195, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fef3c7;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.power-sun-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.sunshine-text {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.power-sun-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.solar-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-solar {
    display: flex;
    flex-direction: column;
}

.metric-value-solar {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fde68a;
    line-height: 1;
}

.metric-label-solar {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-solar-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);
}

.btn-solar-primary:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 191, 36, 0.6);
}

.install-pipeline {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.pipeline-header-solar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #fef3c7;
}

.live-pipeline {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #78350f;
}

.pulse-dot-solar {
    width: 10px;
    height: 10px;
    background: #fbbf24;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.quarter-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #92400e;
}

.pipeline-stages {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.stage-card {
    background: #fffbeb;
    border-left: 4px solid #fde68a;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.stage-card.consultation {
    border-left-color: #fbbf24;
    background: #fef3c7;
}

.stage-card.installation {
    border-left-color: #fde68a;
    background: #fffbeb;
}

.stage-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stage-icon.consult {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.stage-icon.consult svg {
    stroke: #92400e;
}

.stage-icon.install {
    background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
}

.stage-icon.install svg {
    stroke: #a16207;
}

.stage-data {
    flex: 1;
}

.stage-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.stage-type.consultation-type {
    background: #fbbf24;
    color: white;
}

.stage-type.install-type {
    background: #fde68a;
    color: #78350f;
}

.stage-data strong {
    display: block;
    font-weight: 700;
    color: #78350f;
    margin-bottom: 4px;
}

.stage-data p {
    font-size: 0.875rem;
    color: #92400e;
    margin: 4px 0;
}

.ai-solar-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.quarter-summary-solar {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #fef3c7;
}

.summary-solar {
    display: flex;
    flex-direction: column;
}

.summary-label-solar {
    font-size: 0.75rem;
    color: #92400e;
    margin-bottom: 4px;
}

.summary-value-solar {
    font-size: 1.5rem;
    font-weight: 800;
    color: #78350f;
}

.solar-results {
    padding: 100px 0;
    background: #fffbeb;
}

.results-title-solar {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #78350f;
    margin-bottom: 60px;
}

.results-grid-solar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-solar {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-solar:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #fbbf24;
}

.result-icon-solar {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-solar {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.revenue-solar svg {
    stroke: #92400e;
}

.consults-solar {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.consults-solar svg {
    stroke: #10b981;
}

.growth-solar {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-solar svg {
    stroke: #3b82f6;
}

.result-number-solar {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #78350f;
    line-height: 1;
}

.result-unit-solar,
.result-percent-solar {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #92400e;
    margin-left: 8px;
}

.result-label-solar {
    font-size: 1.125rem;
    font-weight: 700;
    color: #78350f;
    margin: 16px 0 8px;
}

.result-detail-solar {
    font-size: 0.875rem;
    color: #d97706;
}

.solar-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    position: relative;
    overflow: hidden;
}

.solar-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 243, 199, 0.2) 0%, transparent 50%);
}

.cta-content-solar {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-solar {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-solar {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-solar-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fbbf24;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);
}

.btn-solar-cta:hover {
    background: white;
    color: #78350f;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .power-sun-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .solar-power-hero {
        padding: 80px 0 50px;
    }
    
    .solar-metrics {
        gap: 20px;
    }
}


/* =========================================
   TOWING SERVICES - Emergency/Rescue Theme
   Orange/Urgent theme
   ========================================= */

.towing-rescue-hero {
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.towing-rescue-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(254, 215, 170, 0.15) 0%, transparent 50%);
}

.rescue-road-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.towing-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(254, 215, 170, 0.2);
    border: 1px solid rgba(254, 237, 213, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #fed7aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.rescue-road-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.rescue-text {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.rescue-road-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.towing-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-towing {
    display: flex;
    flex-direction: column;
}

.metric-value-towing {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fdba74;
    line-height: 1;
}

.metric-label-towing {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-towing-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-towing-primary:hover {
    background: #f97316;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(251, 146, 60, 0.6);
}

.dispatch-board {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.board-header-towing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ffedd5;
}

.live-dispatch {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #7c2d12;
}

.pulse-dot-towing {
    width: 10px;
    height: 10px;
    background: #fb923c;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.shift-revenue {
    font-size: 1.5rem;
    font-weight: 800;
    color: #9a3412;
}

.dispatch-queue {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.dispatch-job {
    background: #fff7ed;
    border-left: 4px solid #fdba74;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.dispatch-job.emergency {
    border-left-color: #fb923c;
    background: #ffedd5;
}

.dispatch-job.standard {
    border-left-color: #fdba74;
    background: #fff7ed;
}

.job-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.job-icon.urgent {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.job-icon.urgent svg {
    stroke: #9a3412;
}

.job-icon.routine {
    background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
}

.job-icon.routine svg {
    stroke: #c2410c;
}

.job-data {
    flex: 1;
}

.job-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.job-type.emergency-type {
    background: #fb923c;
    color: white;
}

.job-type.standard-type {
    background: #fdba74;
    color: #7c2d12;
}

.job-data strong {
    display: block;
    font-weight: 700;
    color: #7c2d12;
    margin-bottom: 4px;
}

.job-data p {
    font-size: 0.875rem;
    color: #9a3412;
    margin: 4px 0;
}

.ai-towing-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.shift-summary-towing {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #ffedd5;
}

.summary-towing {
    display: flex;
    flex-direction: column;
}

.summary-label-towing {
    font-size: 0.75rem;
    color: #9a3412;
    margin-bottom: 4px;
}

.summary-value-towing {
    font-size: 1.5rem;
    font-weight: 800;
    color: #7c2d12;
}

.towing-results {
    padding: 100px 0;
    background: #fff7ed;
}

.results-title-towing {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #7c2d12;
    margin-bottom: 60px;
}

.results-grid-towing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-towing {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-towing:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #fb923c;
}

.result-icon-towing {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-towing {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}

.revenue-towing svg {
    stroke: #9a3412;
}

.response-towing {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.response-towing svg {
    stroke: #10b981;
}

.growth-towing {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-towing svg {
    stroke: #3b82f6;
}

.result-number-towing {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #7c2d12;
    line-height: 1;
}

.result-unit-towing,
.result-percent-towing {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #9a3412;
    margin-left: 8px;
}

.result-label-towing {
    font-size: 1.125rem;
    font-weight: 700;
    color: #7c2d12;
    margin: 16px 0 8px;
}

.result-detail-towing {
    font-size: 0.875rem;
    color: #ea580c;
}

.towing-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    position: relative;
    overflow: hidden;
}

.towing-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(254, 215, 170, 0.2) 0%, transparent 50%);
}

.cta-content-towing {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-towing {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-towing {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-towing-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fb923c;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(251, 146, 60, 0.4);
}

.btn-towing-cta:hover {
    background: white;
    color: #7c2d12;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .rescue-road-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .towing-rescue-hero {
        padding: 80px 0 50px;
    }
    
    .towing-metrics {
        gap: 20px;
    }
}


/* =========================================
   WINDOW INSTALLATION - Clarity/View Theme
   Sky Blue/Windows theme
   ========================================= */

.window-view-hero {
    background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%);
    padding: 120px 0 80px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

.window-view-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 25% 50%, rgba(186, 230, 253, 0.15) 0%, transparent 50%);
}

.view-clear-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.window-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(186, 230, 253, 0.2);
    border: 1px solid rgba(224, 242, 254, 0.3);
    padding: 8px 16px;
    border-radius: 50px;
    color: #bae6fd;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.view-clear-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    color: white;
    line-height: 1.1;
    margin-bottom: 24px;
}

.crystal-text {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.view-clear-description {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.7;
    margin-bottom: 32px;
}

.window-metrics {
    display: flex;
    gap: 40px;
    margin-bottom: 32px;
}

.metric-window {
    display: flex;
    flex-direction: column;
}

.metric-value-window {
    font-size: 2.5rem;
    font-weight: 800;
    color: #7dd3fc;
    line-height: 1;
}

.metric-label-window {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    margin-top: 8px;
}

.btn-window-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #38bdf8;
    color: white;
    padding: 18px 36px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(56, 189, 248, 0.4);
}

.btn-window-primary:hover {
    background: #0ea5e9;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(56, 189, 248, 0.6);
}

.project-tracker {
    background: white;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.tracker-header-window {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0f2fe;
}

.live-projects {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #075985;
}

.pulse-dot-window {
    width: 10px;
    height: 10px;
    background: #38bdf8;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.month-total {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0c4a6e;
}

.project-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.project-card {
    background: #f0f9ff;
    border-left: 4px solid #7dd3fc;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 16px;
}

.project-card.whole-home {
    border-left-color: #38bdf8;
    background: #e0f2fe;
}

.project-card.single-room {
    border-left-color: #7dd3fc;
    background: #f0f9ff;
}

.project-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.project-icon.full-house {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
}

.project-icon.full-house svg {
    stroke: #0c4a6e;
}

.project-icon.partial {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
}

.project-icon.partial svg {
    stroke: #0369a1;
}

.project-info {
    flex: 1;
}

.project-type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.project-type.full-home {
    background: #38bdf8;
    color: white;
}

.project-type.partial-install {
    background: #7dd3fc;
    color: #075985;
}

.project-info strong {
    display: block;
    font-weight: 700;
    color: #075985;
    margin-bottom: 4px;
}

.project-info p {
    font-size: 0.875rem;
    color: #0369a1;
    margin: 4px 0;
}

.ai-window-action {
    margin-top: 8px;
    color: #10b981;
    font-size: 0.875rem;
    font-weight: 600;
}

.month-summary-window {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 2px solid #e0f2fe;
}

.summary-window {
    display: flex;
    flex-direction: column;
}

.summary-label-window {
    font-size: 0.75rem;
    color: #0369a1;
    margin-bottom: 4px;
}

.summary-value-window {
    font-size: 1.5rem;
    font-weight: 800;
    color: #075985;
}

.window-results {
    padding: 100px 0;
    background: #f0f9ff;
}

.results-title-window {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    color: #075985;
    margin-bottom: 60px;
}

.results-grid-window {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-card-window {
    background: white;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.result-card-window:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    border-top-color: #38bdf8;
}

.result-icon-window {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.revenue-window {
    background: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
}

.revenue-window svg {
    stroke: #0c4a6e;
}

.estimates-window {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.estimates-window svg {
    stroke: #10b981;
}

.growth-window {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.growth-window svg {
    stroke: #3b82f6;
}

.result-number-window {
    font-size: clamp(3.5rem, 10vw, 5rem);
    font-weight: 800;
    color: #075985;
    line-height: 1;
}

.result-unit-window,
.result-percent-window {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: #0369a1;
    margin-left: 8px;
}

.result-label-window {
    font-size: 1.125rem;
    font-weight: 700;
    color: #075985;
    margin: 16px 0 8px;
}

.result-detail-window {
    font-size: 0.875rem;
    color: #0ea5e9;
}

.window-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%);
    position: relative;
    overflow: hidden;
}

.window-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 70% 50%, rgba(186, 230, 253, 0.2) 0%, transparent 50%);
}

.cta-content-window {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cta-title-window {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
}

.cta-description-window {
    font-size: 1.125rem;
    color: rgba(255,255,255,0.9);
    margin-bottom: 32px;
}

.btn-window-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #38bdf8;
    color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(56, 189, 248, 0.4);
}

.btn-window-cta:hover {
    background: white;
    color: #075985;
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(255,255,255,0.3);
}

@media (max-width: 1024px) {
    .view-clear-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .window-view-hero {
        padding: 80px 0 50px;
    }
    
    .window-metrics {
        gap: 20px;
    }
}


/* =========================================
   🎉 100% COMPLETE! ALL 50 PAGES CSS DONE!
   END OF FILE
   All industry pages CSS
   ========================================= */