.services{background-color:var(--base-500);width:100vw;min-height:100vh;color:var(--base-100);padding:8rem 0;position:relative;overflow:hidden}.services .container{flex-direction:column;gap:4rem;display:flex}.services .services-header{text-align:center;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.services .services-header-callout{color:var(--base-350);margin-bottom:.5rem}.services .services-header-title{color:var(--base-100)}.services .services-header-title h2{letter-spacing:-.15rem;font-size:3.5rem;font-weight:550;line-height:1.2}.services .services-header-description{color:var(--base-300);max-width:800px;margin:0 auto}.services .services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.services .service-card{background-color:var(--base-450);cursor:pointer;will-change:transform,border-color;border:1px solid #665f5640;border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.65,0,.076,1);display:flex;position:relative;overflow:hidden}.services .service-card:hover{background-color:#1e1e1ecc;border-color:#f5f5f526;transform:translateY(-8px)}.services .service-card-content{z-index:2;flex-direction:column;gap:1.5rem;height:100%;display:flex;position:relative}.services .service-card-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f50d;border:1px solid #f5f5f51a;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2rem;transition:all .4s cubic-bezier(.65,0,.076,1);display:flex}.services .service-card-icon img{object-fit:contain;filter:invert();opacity:.9;width:2.25rem;height:2.25rem;transition:all .4s cubic-bezier(.65,0,.076,1)}.services .service-card:hover .service-card-icon{background:#f5f5f51a;border-color:#f5f5f533;transform:scale(1.05)}.services .service-card:hover .service-card-icon img{opacity:1;transform:scale(1.1)}.services .service-card-header h3{letter-spacing:-.05rem;color:var(--base-100);font-size:2rem;font-weight:550;line-height:1.2}.services .service-card-description{color:var(--base-300);flex:1}.services .service-card-description p{line-height:1.6}.services .service-card-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.services .service-tag{color:var(--base-200);white-space:nowrap;background:#f5f5f50d;border:1px solid #f5f5f51a;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-block}.services .service-card:hover .service-tag{background:#f5f5f514;border-color:#f5f5f526}.services .service-card-glow{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle,#f5f5f508 0%,#0000 70%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.services .service-card-glow.active{opacity:1}@media (max-width:1000px){.services{padding:4rem 0}.services .container{gap:3rem}.services .services-header-title h2{letter-spacing:-.05rem;font-size:2rem}.services .services-grid{grid-template-columns:1fr;gap:1rem}.services .service-card{padding:1.5rem}.services .service-card-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.services .service-card-icon img{width:2rem;height:2rem}.services .service-card-header h3{font-size:1.5rem}.services .service-card:hover{transform:translateY(-4px)}}@media (max-width:600px){.services .service-card-tags{gap:.35rem}.services .service-tag{padding:.4rem .85rem;font-size:.8rem}}
