.services-grid-section{padding:88px 0;background-color:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:560px){.services-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media(min-width:1024px){.services-grid{gap:44px}}.service-card{position:relative;isolation:isolate;aspect-ratio:4 / 3;border-radius:28px;overflow:hidden;background:var(--bg-secondary);box-shadow:var(--shadow-md),var(--shadow-green);color:inherit;text-decoration:none;transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out)}@media(hover:hover){.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl),var(--shadow-green-lg)}}.service-card__media{position:absolute;inset:0;overflow:hidden}.service-card__photo{transition:transform .9s var(--ease-out);will-change:transform}@media(hover:hover){.service-card:hover .service-card__photo{transform:scale(1.09)}}.service-card__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,10,.95) 0%,rgba(8,12,10,.68) 34%,rgba(8,12,10,.12) 60%,transparent 74%);transition:background var(--dur-slow) var(--ease-out);pointer-events:none}@media(hover:hover){.service-card:hover .service-card__scrim{background:linear-gradient(to top,rgba(8,12,10,.97) 0%,rgba(8,12,10,.74) 36%,rgba(8,12,10,.16) 62%,transparent 76%)}}.service-card__icon{position:absolute;top:1.35rem;left:1.35rem;z-index:2;display:grid;place-items:center;width:50px;height:50px;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 8px 20px #080c0a38,var(--shadow-green);animation:service-icon-pulse 2.6s var(--ease-in-out) infinite;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}@keyframes service-icon-pulse{0%,to{box-shadow:0 8px 20px #080c0a38,0 0 #22c55e73}50%{box-shadow:0 8px 20px #080c0a38,0 0 0 8px #22c55e00}}@media(hover:hover){.service-card:hover .service-card__icon{background:var(--gradient-green);border-color:transparent;transform:scale(1.08)}}.service-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.4rem 1.25rem 1.5rem}@media(min-width:560px){.service-card__body{padding:1.85rem 1.5rem 1.9rem}}.service-card__title{font-size:clamp(1.28rem,1.1rem + .7vw,1.55rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.35)}.service-card__rule{display:block;width:34px;height:3px;margin:.65rem 0 .7rem;border-radius:var(--r-pill);background:var(--green-400);transition:width var(--dur-slow) var(--ease-out)}@media(hover:hover){.service-card:hover .service-card__rule{width:56px}}.service-card__desc{font-size:.92rem;color:#ffffffd6;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card__link{display:inline-flex;gap:.4rem;align-items:center;margin-top:.75rem;color:#fff;font-size:.82rem;font-weight:700}.service-card__link svg{transition:transform var(--dur) var(--ease-out)}@media(hover:hover){.service-card:hover .service-card__link svg{transform:translate(4px)}}@media(min-width:560px){.service-card__desc{-webkit-line-clamp:3}}@media(min-width:1024px){.service-card__body{padding:2.1rem 1.75rem 2.15rem}}.services-page__how{background-color:var(--bg-secondary)}@media(prefers-reduced-motion:reduce){.service-card,.service-card__photo,.service-card__scrim,.service-card__icon,.service-card__rule,.service-card__link svg{transition:none}.service-card__icon{animation:none}}