/* Bluebird AGI — Cards, steps, labels, pills, testimonials */

.card {
  background:var(--white);
  border:1px solid var(--sky-border);
  border-radius:12px;
  padding:24px 20px;
  transition:box-shadow .2s,border-color .2s;
  box-shadow:0 1px 4px rgba(35,66,97,0.06);
}

.card:hover {
  box-shadow:0 12px 40px var(--sky-border);
  border-color:rgba(35,66,97,0.25);
}

.icon-box {
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  flex-shrink:0;
}

.icon-green {
  background:rgba(46,115,76,0.12);
  border:1px solid rgba(46,115,76,0.25);
  color:#2E734C;
}

.icon-navy {
  background:rgba(13,42,110,0.08);
  border:1px solid rgba(13,42,110,0.15);
  color:var(--navy);
}

.icon-red {
  background:rgba(239,68,68,0.08);
  border:1px solid rgba(239,68,68,0.2);
  color:#dc2626;
}

.icon-amber {
  background:rgba(245,158,11,0.08);
  border:1px solid rgba(245,158,11,0.2);
  color:#d97706;
}

.icon-blue {
  background:rgba(59,130,246,0.08);
  border:1px solid rgba(59,130,246,0.2);
  color:#2563eb;
}

.steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

@media(max-width:700px) {
  .steps {
    grid-template-columns:1fr;
  }
}

.step {
  padding:28px 24px;
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:14px;
  box-shadow:0 2px 12px rgba(13,42,110,0.06);
}

.step-num {
  width:36px;
  height:36px;
  border-radius:50%;
  background:#234261;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:800;
  color:#fff;
  margin-bottom:16px;
}

.step h3 {
  font-size:.95rem;
  font-weight:700;
  margin-bottom:8px;
  color:var(--navy);
}

.step p {
  font-size:.83rem;
  color:var(--text-muted);
  line-height:1.6;
}

.step-note {
  margin-top:10px;
  font-size:.75rem;
  color:#2E734C;
  font-weight:600;
}

.callout {
  background:var(--cream);
  border:1px solid var(--sky-border);
  border-radius:14px;
  padding:24px 28px;
  margin-top:32px;
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.callout h4 {
  font-size:1rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:8px;
}

.callout p {
  font-size:.9rem;
  color:var(--text-muted);
  line-height:1.65;
}

.labels-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,80px);
  align-items:center;
}

@media(max-width:800px) {
  .labels-grid {
    grid-template-columns:1fr;
  }
}

.label-list {
  display:flex;
  flex-direction:column;
  gap:12px;
}

.label-card {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:16px 18px;
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:12px;
  transition:box-shadow .15s,border-color .15s;
}

.label-card:hover {
  box-shadow:0 4px 20px rgba(13,42,110,0.1);
  border-color:rgba(13,42,110,0.2);
}

.label-group-header {
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-dim);
  margin:6px 0 8px;
  padding-left:2px;
}

.pill {
  padding:5px 14px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  white-space:nowrap;
  flex-shrink:0;
}

.pill-urgent {
  background:rgba(239,68,68,.1);
  color:#dc2626;
  border:1px solid rgba(239,68,68,.25);
}

.pill-reply {
  background:rgba(37,99,235,.1);
  color:#1d4ed8;
  border:1px solid rgba(37,99,235,.25);
}

.pill-todo {
  background:rgba(46,115,76,.1);
  color:#2E734C;
  border:1px solid rgba(46,115,76,.25);
}

.pill-notify {
  background:rgba(245,158,11,.1);
  color:#b45309;
  border:1px solid rgba(245,158,11,.25);
}

.pill-sub {
  background:rgba(124,58,237,.1);
  color:#6d28d9;
  border:1px solid rgba(124,58,237,.2);
}

.pill-noise {
  background:rgba(13,42,110,.05);
  color:var(--text-muted);
  border:1px solid rgba(13,42,110,.15);
}

.label-card h4 {
  font-size:.87rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:3px;
}

.label-card p {
  font-size:.8rem;
  color:var(--text-muted);
  line-height:1.55;
  margin:0;
}

.industry-card {
  padding:24px 20px;
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:12px;
  text-align:center;
  transition:box-shadow .2s,transform .2s;
}

.industry-card:hover {
  box-shadow:0 8px 30px rgba(13,42,110,0.12);
  transform:translateY(-2px);
}

.industry-icon {
  font-size:2rem;
  margin-bottom:10px;
}

.industry-card h3 {
  font-size:.95rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:6px;
}

.industry-card p {
  font-size:.78rem;
  color:var(--text-muted);
  line-height:1.5;
  margin:0;
}

.trust-card {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:22px;
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:14px;
  transition:box-shadow .2s;
}

.trust-card:hover {
  box-shadow:0 6px 24px rgba(13,42,110,0.1);
}

.trust-card h4 {
  font-size:.9rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:6px;
}

.trust-card p {
  font-size:.82rem;
  color:var(--text-muted);
  line-height:1.6;
  margin:0;
}

.testimonials-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

@media(max-width:900px) {
  .testimonials-grid {
    grid-template-columns:1fr;
  }
}

.testimonial-card {
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:16px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  gap:16px;
  box-shadow:0 2px 16px rgba(13,42,110,0.06);
}

.stars {
  color:#f59e0b;
  font-size:.9rem;
  margin-bottom:4px;
}

.testimonial-quote {
  font-size:.9rem;
  color:var(--text-mid);
  line-height:1.75;
  flex:1;
  font-style:italic;
}

.testimonial-author {
  border-top:1px solid rgba(13,42,110,0.08);
  padding-top:14px;
}

.testimonial-name {
  font-size:.88rem;
  font-weight:800;
  color:var(--navy);
}

.testimonial-role {
  font-size:.78rem;
  color:var(--text-muted);
  margin-top:2px;
}

.founders-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:48px;
}

@media(max-width:800px) {
  .founders-grid {
    grid-template-columns:1fr;
  }
}

.founder-card {
  padding:28px 24px;
  background:var(--white);
  border:1px solid var(--card-border);
  border-radius:16px;
  box-shadow:0 2px 16px rgba(13,42,110,0.06);
}

.founder-name {
  font-size:1.05rem;
  font-weight:800;
  color:var(--navy);
  margin-bottom:4px;
}

.founder-role {
  font-size:.8rem;
  color:#2E734C;
  font-weight:700;
  margin-bottom:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.founder-bio {
  font-size:.85rem;
  color:var(--text-muted);
  line-height:1.7;
}