.service-hero{padding-block:var(--space-5)}.service-hero-grid{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.service-content{width:100%;max-width:650px}.service-content .page-title{margin:0;font-size:clamp(2.75rem,5vw,4rem)}.service-content .page-description{margin-left:0}.service-actions{gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-pill);white-space:nowrap;min-height:52px;transition:var(--transition-normal);justify-content:center;align-items:center;padding:14px 28px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.btn-secondary{border:var(--border-default);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.service-visual{position:relative}.service-dashboard{width:100%;max-width:560px;padding:var(--space-7);box-shadow:var(--shadow-glow);margin-inline:auto}.dashboard-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.dashboard-header span{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:12px;height:12px}.dashboard-header p{font-size:var(--text-sm)}.dashboard-title{padding:var(--space-4);background:var(--color-surface-soft);border-radius:var(--radius-md);color:var(--color-text)}.dashboard-highlight{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-5);border:var(--border-default);border-radius:var(--radius-md);display:flex}.dashboard-highlight h3{margin-top:var(--space-2)}.dashboard-highlight strong{color:var(--color-primary);font-size:var(--text-xl)}.dashboard-stats{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-stat{padding:var(--space-5);background:var(--color-surface-soft);border-radius:var(--radius-md)}.dashboard-stat span{color:var(--color-text-muted);font-size:var(--text-sm);display:block}.dashboard-stat strong{margin-top:var(--space-2);font-size:var(--text-xl);display:block}@media (width<=900px){.service-hero-grid{grid-template-columns:1fr}.service-content{text-align:center;max-width:100%}.service-content .page-description{margin-inline:auto}.service-actions{justify-content:center}.service-visual{width:100%}}@media (width<=640px){.service-content .page-title{font-size:clamp(2rem,9vw,2.75rem)}.service-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.service-dashboard{padding:var(--space-5)}.dashboard-highlight{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}}@media (width<=480px){.service-dashboard{padding:20px}.dashboard-stat{padding:18px}}.service-comparison{padding-block:var(--space-9)}.comparison-wrapper{align-items:center;gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:1fr auto 1fr;display:grid}.comparison-card{padding:var(--space-6)}.comparison-header{margin-bottom:var(--space-5)}.comparison-badge{border-radius:var(--radius-pill);font-size:var(--text-sm);padding:8px 18px;font-weight:600;display:inline-flex}.comparison-badge-before{color:var(--color-text-muted);background:#ffffff14}.comparison-badge-after{color:var(--color-primary);background:#ff4d0026}.comparison-list{gap:var(--space-4);flex-direction:column;display:flex}.comparison-list li{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-default);display:flex}.comparison-list li:last-child{border-bottom:none}.comparison-list span{color:var(--color-text-muted);font-size:var(--text-sm)}.comparison-list strong{text-align:right;color:var(--color-text)}.comparison-after{box-shadow:var(--shadow-glow)}.comparison-arrow{font-size:var(--text-3xl);color:var(--color-primary);font-weight:700}.comparison-summary{margin-top:var(--space-7);padding:var(--space-6);text-align:center}.comparison-summary p{max-width:900px;margin-inline:auto}@media (width<=900px){.comparison-wrapper{grid-template-columns:1fr}.comparison-arrow{margin-inline:auto;transform:rotate(90deg)}}@media (width<=640px){.comparison-card{padding:var(--space-5)}.comparison-list li{align-items:flex-start;gap:var(--space-2);flex-direction:column}.comparison-list strong{text-align:left}.comparison-summary{padding:var(--space-5)}}
