/* ═══════════════════════════════════════════
   SERVICES — Elevated Bento Grid
   ═══════════════════════════════════════════ */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.bento-card{background:var(--white);border:1px solid var(--border2);border-radius:20px;padding:40px 34px;cursor:default;transition:all .5s var(--ease);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.bento-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--gradient);border-radius:20px 20px 0 0;opacity:0;transition:opacity .5s}
.bento-card::after{content:'';position:absolute;bottom:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,0.06) 0%,transparent 70%);transition:all .6s var(--ease);pointer-events:none;opacity:0}
.bento-card:hover{border-color:var(--border);transform:translateY(-6px);box-shadow:var(--glow)}
.bento-card:hover::before{opacity:1}
.bento-card:hover::after{transform:scale(2);opacity:1}

.bento-icon{width:56px;height:56px;background:var(--gradient-subtle);border:1px solid rgba(79,70,229,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px;transition:all .5s var(--ease)}
.bento-card:hover .bento-icon{background:linear-gradient(135deg,rgba(79,70,229,0.12),rgba(124,58,237,0.08));border-color:rgba(79,70,229,0.18);transform:scale(1.08);box-shadow:0 0 16px rgba(79,70,229,0.08)}

.bento-title{font-size:19px;font-weight:700;margin-bottom:12px;transition:all .4s;color:var(--text-heading)}
.bento-card:hover .bento-title{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}

.bento-desc{font-size:14px;color:var(--muted);line-height:1.8;font-weight:400}

.bento-cta{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:gap .4s var(--ease);cursor:pointer}
.bento-cta:hover{gap:12px}

@media(max-width:1024px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-card{padding:34px 28px}
}

@media(max-width:768px){
  .bento{gap:16px}
  .bento-card{padding:28px 24px}
  .bento-title{font-size:18px}
}

@media(max-width:640px){
  .bento{grid-template-columns:1fr;gap:16px}
  .bento-card{border-radius:16px;padding:28px 22px}
  .bento-card:hover{transform:none}
  .bento-icon{width:48px;height:48px;margin-bottom:18px;font-size:22px}
  .bento-title{font-size:18px}
  .bento-desc{font-size:14px;line-height:1.75}
}