.services-section{background-color:var(--color-slate-50,#fafafa);padding:1.25rem 0 4rem}.services-container{margin:0 auto;max-width:64rem;padding:0 1.5rem}.services-layout{display:grid;gap:2rem}@media (min-width:768px){.services-layout{gap:3rem;grid-template-columns:1fr 1fr}}.services-list{display:flex;flex-direction:column;gap:1rem}.service-list-item{align-items:center;background:#fff;border:1px solid var(--color-slate-200,#e2e8f0);border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s}.service-list-item:hover{border-color:var(--color-slate-400,#94a3b8)}.service-list-item.is-active{border-color:var(--color-slate-900,#0f172a);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.service-list-icon{align-items:center;background:var(--color-slate-100,#f1f5f9);border-radius:.5rem;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;transition:background .2s,color .2s;width:2.75rem}.service-list-item.is-active .service-list-icon{background:var(--color-slate-900,#0f172a)}.service-list-item.is-active .service-list-icon svg{color:#fff}.service-list-icon svg{color:var(--color-slate-700,#334155);height:1.5rem;width:1.5rem}.service-list-title{color:var(--color-slate-900,#0f172a);flex:1;font-weight:600}.service-list-chevron{color:var(--color-slate-400,#94a3b8);display:inline-flex}.service-list-chevron svg{height:1.25rem;width:1.25rem}.service-list-remove{background:none;border:none;border-radius:.375rem;color:var(--color-slate-400,#94a3b8);cursor:pointer;display:inline-flex;padding:.25rem;transition:color .15s}.service-list-remove:hover{color:#ef4444}.service-detail{animation:fadeIn .3s ease-out;background:#fff;border:1px solid var(--color-slate-200,#e2e8f0);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);flex-direction:column;padding:1.5rem}.service-detail-icon{align-items:center;background:var(--color-slate-900,#0f172a);border-radius:.5rem;display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.service-detail-icon svg{color:#fff;height:1.75rem;width:1.75rem}.service-detail-title,.service-detail-title-link{color:var(--color-slate-900,#0f172a);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-detail-title-link{align-items:center;display:inline-flex;gap:.375rem;text-decoration:none}.service-detail-title-link:hover .service-detail-title-link-text{text-decoration:underline}.service-detail-title-link-arrow{color:var(--brand-primary,#2563eb);display:inline-flex}.service-detail-title-link-arrow svg{height:1rem;width:1rem}.service-detail-description{color:var(--color-slate-600,#475569);line-height:1.6;margin-bottom:2rem}.service-detail-description.is-placeholder{color:var(--color-slate-400,#94a3b8);font-style:italic}.service-detail-divider{background:var(--color-slate-200,#e2e8f0);height:1px;margin-bottom:2rem}.service-detail-cta{background:var(--brand-primary);border-radius:.25rem;color:#fff;display:block;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background .2s}.service-detail-cta:hover{background:var(--brand-primary-hover)}.services-header{display:none;margin-bottom:3rem}.services-headline{color:var(--color-slate-900,#0f172a);font-size:1.875rem;font-weight:700;letter-spacing:-.025em}@media (min-width:768px){.services-headline{font-size:2.25rem}}.services-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{animation:fadeInUp .6s ease-out both;animation-delay:var(--delay,0s);border:1px solid var(--color-slate-200,#e2e8f0);border-radius:1rem;padding:2rem;position:relative;transition:all .3s}.service-card:hover{border-color:var(--color-slate-300,#cbd5e1);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.service-icon-wrapper{align-items:center;background:var(--color-slate-900,#0f172a);border-radius:.75rem;color:#fff;display:flex;height:3.5rem;justify-content:center;margin-bottom:1.25rem;width:3.5rem}.service-icon-wrapper svg{height:1.75rem;width:1.75rem}.service-icon-wrapper--editable{border:none;cursor:pointer;padding:0;position:relative}.service-icon-edit-indicator{align-items:center;background:var(--brand-primary);border-radius:50%;bottom:-4px;color:#fff;display:flex;height:1.25rem;justify-content:center;opacity:0;position:absolute;right:-4px;transition:opacity .15s;width:1.25rem}.service-icon-wrapper--editable:hover .service-icon-edit-indicator{opacity:1}.service-title{color:var(--color-slate-900,#0f172a);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.service-description{color:var(--color-slate-600,#475569);font-size:.875rem;line-height:1.6;margin:0}.service-description.is-placeholder{color:var(--color-slate-400,#94a3b8);font-style:italic}.services-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.services-add-button:disabled{cursor:not-allowed;opacity:.5}.services-limit{color:var(--color-slate-500,#64748b);font-size:.75rem;margin:0}@keyframes fadeInUp{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.service-card{animation:none}}.services-empty{color:var(--color-slate-500,#64748b);padding:3rem 0;text-align:center}.services-empty svg{color:var(--color-slate-400,#94a3b8);height:3rem;margin:0 auto 1rem;width:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.service-detail{animation:none}}