[data-animate]{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards;animation-fill-mode:forwards;animation-delay:var(--delay,0s);will-change:transform,opacity}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.teams-page{background:var(--bg);color:var(--text)}
.teams-page .container{max-width:1140px;margin:0 auto;padding:0 24px}

.teams-hero{padding:108px 0 72px;background:var(--hero-bg);position:relative;overflow:hidden}
.teams-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(680px 320px at 12% -8%,rgba(42,108,246,.16),transparent 62%),radial-gradient(600px 300px at 88% -12%,rgba(122,61,240,.14),transparent 62%);pointer-events:none;opacity:.75}
.teams-hero .container{position:relative;z-index:1;display:grid;gap:40px}
.hero-copy{max-width:720px}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(42,108,246,.12);color:var(--accent-1);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.hero-copy h1{margin:0;font-size:clamp(2.6rem,3.6vw,3.2rem);line-height:1.08}
.hero-copy .lead{margin:20px 0 28px;font-size:1.08rem;line-height:1.7;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-actions .btn-primary{background:var(--grad);color:#fff;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 16px 30px rgba(42,108,246,.22)}
.hero-actions .btn-ghost{padding:12px 24px;border-radius:999px;border:1px solid var(--border);font-weight:600;text-decoration:none;color:var(--text)}
.hero-actions .btn-ghost:hover{border-color:var(--accent-1);color:var(--accent-1)}
.team-types .hero-actions,
.company-size .hero-actions,
.team-testimonials .hero-actions{margin-top:15px;margin-bottom:15px}

.team-types,
.company-size,
.team-industries{padding:96px 0}
.team-types{background:var(--fg)}
.team-types .section-head{margin-top:40px}
.team-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.overview-card{background:var(--card);border-radius:20px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.overview-card h3{margin:0;font-size:1.32rem}
.overview-card p{margin:0;color:var(--muted)}
.overview-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:.95rem}
.overview-card ul li{padding-left:18px;position:relative}
.overview-card ul li::before{content:"•";position:absolute;left:0;color:var(--accent-1)}

.team-tabs{padding:96px 0;background:var(--fg)}
.section-head{text-align:center;max-width:760px;margin:0 auto 52px}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(42,108,246,.12);color:var(--accent-1);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.section-head h2{margin:0;font-size:clamp(2.1rem,3vw,2.6rem);line-height:1.14}
.section-head .intro{margin:18px 0 0;font-size:1.02rem;color:var(--muted)}

.tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.tab-card{position:relative;background:var(--card);border-radius:22px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}
.tab-card .tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(42,108,246,.12);color:var(--accent-1);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tab-card h3{margin:0;font-size:1.35rem}
.tab-card p{margin:0;color:var(--muted)}
.tab-card dl{margin:0;padding:0;display:grid;gap:12px;font-size:.95rem}
.tab-card dl div{display:flex;justify-content:space-between;gap:18px}
.tab-card dt{font-weight:600;color:var(--text)}
.tab-card dd{margin:0;color:var(--muted);text-align:right}

.team-leadership{padding:92px 0;background:var(--bg)}
.team-leadership .section-head{text-align:center;max-width:760px;margin:0 auto 48px}
.leader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.leader-card{background:var(--card);border-radius:20px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;gap:12px}
.leader-card img{width:100%;height:220px;object-fit:cover;border-radius:16px}
.leader-card h3{margin:0;font-size:1.2rem}
.leader-card p{margin:0;color:var(--muted)}
.leader-card a{color:var(--accent-1);font-weight:600;text-decoration:none}
.leader-card a:hover{text-decoration:underline}
.team-note{text-align:center;margin:32px auto 0;font-size:1.02rem;color:var(--muted)}
.team-testimonials{padding:96px 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.testimonial-card header{display:flex;flex-direction:column;gap:8px}
.testimonial-card h3{margin:0;font-size:1.2rem}
.testimonial-card .metric{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-1)}
.testimonial-card p{margin:0;color:var(--muted)}
.testimonial-card .author{margin-top:8px;font-size:.9rem;font-weight:600;color:var(--text)}

.team-cta{padding:96px 0;background:var(--fg)}
.team-cta .cta-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:40px;border-radius:24px;background:radial-gradient(560px 320px at 10% 10%,rgba(42,108,246,.18),transparent),radial-gradient(520px 300px at 90% 90%,rgba(122,61,240,.18),transparent),linear-gradient(135deg,rgba(42,108,246,.12),rgba(122,61,240,.12));border:1px solid var(--border);box-shadow:var(--shadow)}
.team-cta h2{margin:0;font-size:2.1rem}
.team-cta p{margin:10px 0 0;color:var(--muted);max-width:520px}
.team-cta .cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.team-cta .cta-actions .btn-primary{background:var(--grad);color:#fff;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none}
.team-cta .cta-actions .btn-ghost{padding:12px 24px;border-radius:999px;border:1px solid var(--border);font-weight:600;color:var(--text);text-decoration:none}
.team-cta .cta-actions .btn-ghost:hover{border-color:var(--accent-1);color:var(--accent-1)}

@media (max-width:768px){
  .teams-hero{padding:88px 0 64px}
  .team-types,
  .company-size,
  .team-industries{padding:80px 0}
  .team-types .section-head{margin-top:32px}
  .team-tabs{padding:80px 0}
  .team-leadership{padding:80px 0}
  .team-testimonials{padding:80px 0}
  .team-cta{padding:84px 0}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .tab-card dl div{flex-direction:column;align-items:flex-start;text-align:left}
  .tab-card dd{text-align:left}
}

@media (max-width:520px){
  .team-overview{gap:18px}
  .overview-card{padding:24px}
  .leader-grid{gap:18px}
  .leader-card{padding:22px}
  .testimonial-card{padding:26px}
  .team-cta .cta-card{padding:28px}
}

:root[data-theme="dark"] .teams-hero::before{opacity:.55}
:root[data-theme="dark"] .overview-card,
:root[data-theme="dark"] .tab-card,
:root[data-theme="dark"] .testimonial-card,
:root[data-theme="dark"] .team-cta .cta-card{background:rgba(18,24,46,.9);border-color:rgba(255,255,255,.12)}
:root[data-theme="dark"] .tab-card dd{color:#dfe3ff}
:root[data-theme="dark"] .leader-card{background:rgba(18,24,46,.9);border-color:rgba(255,255,255,.12)}