.service-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--s-5);position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);cursor:default;will-change:transform}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-subtle);opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}.service-card:hover{border-color:var(--border-accent);box-shadow:var(--glow-violet),var(--shadow-card);transform:translateY(-4px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg))}.service-card:hover:before{opacity:1}.service-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#a96bb91a;border:1px solid rgba(169,107,185,.2);border-radius:var(--radius-md);margin-bottom:var(--s-4);color:var(--violet);transition:background var(--dur-fast),transform var(--dur-base) var(--ease-spring)}.service-card:hover .service-card__icon{background:#a96bb933;transform:scale(1.1)}.service-card__icon svg{width:24px;height:24px}.service-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--s-2);letter-spacing:var(--tracking-snug)}.service-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--s-4)}.service-card__list{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-5)}.service-card__list li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--text-muted)}.service-card__list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gradient);flex-shrink:0}.service-card__cta{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--violet);text-decoration:none;transition:gap var(--dur-fast),color var(--dur-fast)}.service-card__cta:hover{gap:var(--s-3);color:var(--paper)}.service-card__cta svg{width:14px;height:14px}.portfolio-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);aspect-ratio:4/3}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portfolio-card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.portfolio-card:hover .portfolio-card__img{transform:scale(1.05)}.portfolio-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-4);opacity:.8;transition:opacity var(--dur-base)}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card__tags{display:flex;gap:var(--s-1);flex-wrap:wrap;margin-bottom:var(--s-2)}.portfolio-card__tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--violet);background:#a96bb926;border:1px solid rgba(169,107,185,.3);padding:2px var(--s-2);border-radius:var(--radius-full)}.portfolio-card__title{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-snug)}.portfolio-card__metric{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--coral);margin-top:var(--s-1)}.portfolio-card__arrow{position:absolute;top:var(--s-4);right:var(--s-4);width:36px;height:36px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-spring)}.portfolio-card:hover .portfolio-card__arrow{opacity:1;transform:scale(1)}.portfolio-card__arrow svg{width:16px;height:16px}.testimonial-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);flex-shrink:0}.testimonial-card__stars{display:flex;gap:2px;color:var(--coral)}.testimonial-card__stars svg{width:16px;height:16px;fill:currentColor}.testimonial-card__quote{font-size:var(--text-base);color:var(--paper);line-height:var(--leading-relaxed);flex:1;font-style:italic}.testimonial-card__author{display:flex;align-items:center;gap:var(--s-3)}.testimonial-card__avatar{width:44px;height:44px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background:var(--surface-3);border:2px solid var(--border-muted);flex-shrink:0;background:var(--gradient)}.testimonial-card__name{font-weight:600;font-size:var(--text-sm);color:var(--paper);line-height:1.2}.testimonial-card__role{font-size:var(--text-xs);color:var(--text-dim)}.case-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);transition:transform var(--dur-base),border-color var(--dur-base),box-shadow var(--dur-base)}.case-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--glow-violet)}.case-card__metric{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.case-card__label{font-size:var(--text-sm);color:var(--text-muted)}.case-card__client{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-dim)}.case-card__title{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-snug);flex:1}
