.oc-services-grid{grid-template-columns:1fr;gap:20px;display:grid}.oc-service-card{border-radius:var(--radius-lg);background:var(--bg-main);transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth);border:1px solid #4fccc426;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.oc-service-card:hover{border-color:var(--brand-primary);transform:translateY(-6px);box-shadow:0 20px 40px -20px #0a132b2e}.oc-service-panel{background:var(--wash-teal);min-height:80px;color:var(--brand-primary-deep);justify-content:center;align-items:center;padding:28px 24px;display:flex;position:relative}.oc-service-panel:after{content:"";background:#4fccc433;height:1px;position:absolute;bottom:0;left:24px;right:24px}.oc-service-icon{border-radius:var(--radius-md);background:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.oc-service-body{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.oc-service-body h3{color:var(--text-main);margin:0;font-size:1.375rem;font-weight:800;line-height:1.3}.oc-service-body p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.oc-service-cta{color:var(--brand-primary);transition:gap var(--transition-fast);align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:.9375rem;font-weight:700;display:inline-flex}.oc-service-card:hover .oc-service-cta{gap:10px}.oc-services-grid>.oc-service-card:nth-child(4n+2){border-color:#f2a65a26}.oc-services-grid>.oc-service-card:nth-child(4n+2) .oc-service-panel{background:var(--wash-cream);color:var(--brand-accent-warm-deep)}.oc-services-grid>.oc-service-card:nth-child(4n+2) .oc-service-panel:after{background:#f2a65a33}.oc-services-grid>.oc-service-card:nth-child(4n+2):hover{border-color:var(--brand-accent-warm)}.oc-services-grid>.oc-service-card:nth-child(4n+2) .oc-service-cta{color:var(--brand-accent-warm-deep)}.oc-services-grid>.oc-service-card:nth-child(4n+3){border-color:#a78bfa26}.oc-services-grid>.oc-service-card:nth-child(4n+3) .oc-service-panel{background:var(--wash-lilac);color:#7c3aed}.oc-services-grid>.oc-service-card:nth-child(4n+3) .oc-service-panel:after{background:#a78bfa33}.oc-services-grid>.oc-service-card:nth-child(4n+3):hover{border-color:var(--brand-accent-violet)}.oc-services-grid>.oc-service-card:nth-child(4n+3) .oc-service-cta{color:#7c3aed}.oc-services-grid>.oc-service-card:nth-child(4n+4){border-color:#4ade8026}.oc-services-grid>.oc-service-card:nth-child(4n+4) .oc-service-panel{background:var(--wash-mint);color:#15803d}.oc-services-grid>.oc-service-card:nth-child(4n+4) .oc-service-panel:after{background:#4ade8033}.oc-services-grid>.oc-service-card:nth-child(4n+4):hover{border-color:#4ade80}.oc-services-grid>.oc-service-card:nth-child(4n+4) .oc-service-cta{color:#15803d}@media (min-width:768px){.oc-services-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.oc-service-card{flex-direction:row}.oc-service-panel{width:88px;min-height:unset;flex-shrink:0;padding:32px 18px}.oc-service-panel:after{top:24px;bottom:24px;left:unset;width:1px;height:auto;right:0}.oc-service-body{padding:28px 28px 28px 24px}}