.services{background:var(--background);padding:8rem 0;position:relative;overflow:hidden}.services:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0ea5e90d 0%,#0000 60%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:10%;left:-10%}.sl-title-tag{color:#0ea5e9;text-transform:uppercase;letter-spacing:.1em;background:#0ea5e91a;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:800;display:inline-flex}.section-title{text-align:center;z-index:1;margin-bottom:4rem;position:relative}.section-title h2{letter-spacing:-.03em;color:var(--foreground);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.section-title p{color:var(--muted-foreground);max-width:650px;margin:0 auto;font-size:1.15rem;line-height:1.7}.services-grid{z-index:1;grid-template-columns:1fr;gap:1.5rem;display:grid;position:relative}@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{z-index:1;background:#fff;border:1px solid #0000000a;border-radius:2rem;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.dark .service-card{background:#0f172a;border-color:#ffffff0d}.service-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#0ea5e90d,#0000);transition:opacity .4s;position:absolute;inset:0}.service-card:hover{border-color:#0ea5e933;transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.dark .service-card:hover{border-color:#0ea5e966;box-shadow:0 20px 40px #0000004d}.service-card:hover:before{opacity:1}.service-icon-wrapper{color:#0ea5e9;background:#0ea5e91a;border-radius:1.25rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.dark .service-icon-wrapper{color:#38bdf8;background:#0ea5e926}.service-card:hover .service-icon-wrapper{color:#fff;background:#0ea5e9;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #0ea5e94d}.service-title{letter-spacing:-.01em;color:var(--foreground);margin-bottom:.75rem;font-size:1.35rem;font-weight:800}.service-desc{color:var(--muted-foreground);flex:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.service-link{color:#0ea5e9;align-items:center;gap:.5rem;margin-top:auto;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.service-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-link{color:#0284c7}.dark .service-card:hover .service-link{color:#38bdf8}.service-card:hover .service-link svg{transform:translate(6px)}.services-action{z-index:1;justify-content:center;margin-top:4rem;display:flex;position:relative}@media (max-width:768px){.services{padding:5rem 0}.section-title{margin-bottom:2.5rem}.section-title p{font-size:1rem}.service-card{padding:2rem}}@media (max-width:480px){.services{padding:3.5rem 0}.section-title h2{font-size:clamp(1.6rem,7vw,2.2rem)}.service-card{border-radius:1.5rem;padding:1.75rem}.service-title{font-size:1.15rem}.service-desc{margin-bottom:1.5rem;font-size:.95rem}.service-icon-wrapper{width:56px;height:56px;margin-bottom:1.5rem}.services-action{margin-top:2.5rem}}@media (max-width:360px){.service-card{border-radius:1.25rem;padding:1.5rem}.service-title{font-size:1.05rem}}