.cta-bar{
display:flex; gap:14px; flex-wrap:wrap;
}
.cta-bar .btn{min-width:190px} .section-head{
margin:0 auto 28px auto;
text-align:center; max-width:820px;
color:var(--sp-muted);
} .services-grid{
--gap:22px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:var(--gap);
}
@media (max-width:1024px){
.services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.services-grid{grid-template-columns:1fr}
}
.service-card{
display:block;
background:#fff;
border-radius:var(--sp-radius-lg);
padding:28px 22px;
box-shadow:var(--sp-shadow);
position:relative;
transition:transform .15s ease, box-shadow .2s ease;
text-decoration:none; color:inherit;
}
.service-card:hover{transform:translateY(-3px); box-shadow:var(--sp-shadow-lg)}
.service-card:focus-visible{outline:3px solid var(--sp-green-300); outline-offset:3px} .service-card::before{
content:"";
position:absolute; inset:0 0 auto 0; height:6px;
border-radius:var(--sp-radius-lg) var(--sp-radius-lg) 0 0;
background:linear-gradient(90deg,var(--sp-green-500),var(--sp-green-700));
opacity:.18;
} .service-card__title{
font-weight:800; color:var(--sp-green-900);
font-size:clamp(18px,2.2vw,22px);
text-align:center; margin-bottom:.45em;
}
.service-card__desc{
color:var(--sp-muted);
text-align:center; margin-bottom:18px;
} .service-card__cta{
display:inline-flex; align-items:center; justify-content:center;
min-width:180px;
} .section--soft{
background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(16,185,129,0));
} .header-nav .btn{box-shadow:none} :root{
--cta-bg: #10b981; --cta-bg-hover: #0ea371; --cta-shadow: 0 10px 22px rgba(0,0,0,.18);
}
a.btn, button.btn,
.btn--solid, .btn--outline, .service-card__cta, .ft-btn, .ft-btn--primary { display: inline-flex;
align-items: center;
justify-content: center;
min-width: 190px;
padding: .85rem 1.35rem; border-radius: 14px; border: 0;
background: var(--cta-bg);
color: #fff !important;
font-weight: 800; line-height: 1;
text-decoration: none !important;
box-shadow: var(--cta-shadow);
transition: background .18s ease, transform .08s ease, box-shadow .18s ease;
} a.btn:hover, button.btn:hover,
.btn--solid:hover, .btn--outline:hover,
.service-card__cta:hover, .ft-btn:hover, .ft-btn--primary:hover{
background: var(--cta-bg-hover);
box-shadow: 0 12px 26px rgba(0,0,0,.22);
}
a.btn:active, button.btn:active,
.btn--solid:active, .btn--outline:active,
.service-card__cta:active, .ft-btn:active, .ft-btn--primary:active{
transform: translateY(1px);
}
a.btn:focus-visible, button.btn:focus-visible,
.service-card__cta:focus-visible, .ft-btn:focus-visible{
outline: 0;
box-shadow: 0 0 0 3px rgba(255,255,255,.7), 0 0 0 5px rgba(16,185,129,.6);
} .btn--outline{ background: var(--cta-bg) !important; color:#fff !important; border:0 !important; } .cta-bar .btn, .footer-cta .ft-btn, .service-card__cta { margin: 8px 6px 0; }