/* Bluebird AGI — Hero, inbox mockup, ICP hero variants */

.page-hero-icp {
  background:var(--dark-radial);
  padding:clamp(80px,14vw,120px) 0 clamp(60px,10vw,80px);
  position:relative;
  overflow:hidden;
}

.icp-hero-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(46,115,76,0.2);
  border:1px solid rgba(46,115,76,0.4);
  color:var(--sky-deep);
  padding:6px 14px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:22px;
}

.icp-hero h1 {
  font-size:clamp(2.4rem,5vw,3.8rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-0.03em;
  color:#1a2e45;
  margin-bottom:20px;
  font-family:'Playfair Display',serif;
}

.icp-hero h1 em {
  font-style:normal;
  color:var(--sky-deep);
}

.icp-hero p {
  font-size:1.1rem;
  color:rgba(240,246,252,0.75);
  line-height:1.7;
  max-width:540px;
  margin-bottom:36px;
}

.icp-trust-row {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:12px;
}

.icp-trust-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.78rem;
  font-weight:600;
  color:rgba(240,246,252,0.6);
}

.icp-pain-card {
  background:#fff;
  border:1px solid rgba(13,42,110,0.1);
  border-radius:14px;
  padding:24px;
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.icp-pain-num {
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(239,68,68,0.1);
  border:1.5px solid rgba(239,68,68,0.3);
  color:#ef4444;
  font-weight:900;
  font-size:.9rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.hero-wrap {
  background:var(--dark-radial);
  padding:clamp(48px,8vw,88px) 0 clamp(64px,10vw,108px);
}

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

@media(max-width:900px) {
  .hero-grid {
    grid-template-columns:1fr;
    text-align:center;
  }
}

.hero-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(46,115,76,0.2);
  border:1px solid rgba(46,115,76,0.4);
  color:var(--sky-deep);
  padding:6px 14px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:22px;
}

.pulse {
  width:6px;
  height:6px;
  background:var(--sky-deep);
  border-radius:50%;
  animation:pulse 2s ease-in-out infinite;
  display:inline-block;
}

@keyframes pulse {
  0%,100% {
    opacity:1;
    transform:scale(1);
  }
  50% {
    opacity:.5;
    transform:scale(.8);
  }
}

.hero h1 {
  font-size:clamp(2.6rem,5vw,4.4rem);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-0.025em;
  color:#f0f6ff;
  margin-bottom:22px;
}

.hero h1 em {
  font-style:normal;
  color:var(--sky-deep);
}

.hero-sub {
  font-size:1.1rem;
  color:var(--text-mid);
  line-height:1.7;
  margin-bottom:36px;
  max-width:520px;
}

@media(max-width:900px) {
  .hero-sub {
    margin-inline:auto;
  }
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:28px;
}

@media(max-width:900px) {
  .hero-actions {
    justify-content:center;
  }
}

.trust-row {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

@media(max-width:900px) {
  .trust-row {
    justify-content:center;
  }
}

.trust-badge {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.78rem;
  color:rgba(240,246,252,0.6);
  font-weight:500;
}

.trust-badge svg {
  color:var(--sky-deep);
}

.inbox-mockup {
  background:#0d1e3a;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(13,42,110,0.3),0 0 0 1px rgba(13,42,110,0.1);
}

@media(max-width:900px) {
  .inbox-mockup {
    max-width:500px;
    margin:40px auto 0;
  }
}

.mockup-header {
  background:rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mockup-dots {
  display:flex;
  gap:6px;
}

.mockup-dot {
  width:10px;
  height:10px;
  border-radius:50%;
}

.mockup-title {
  font-size:.75rem;
  font-weight:600;
  color:rgba(212,236,247,0.5);
}

.brief-banner {
  background:linear-gradient(135deg,rgba(46,115,76,.18),rgba(46,115,76,.06));
  border-bottom:1px solid rgba(46,115,76,.2);
  padding:10px 16px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.77rem;
  color:var(--sky-deep);
  font-weight:600;
}

.email-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,0.04);
}

.email-lbl {
  display:inline-flex;
  align-items:center;
  padding:3px 9px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  white-space:nowrap;
  flex-shrink:0;
  width:100px;
  justify-content:center;
}

.lbl-urgent {
  background:rgba(239,68,68,.15);
  color:#fc8080;
  border:1px solid rgba(239,68,68,.3);
}

.lbl-reply {
  background:rgba(59,130,246,.15);
  color:#93c5fd;
  border:1px solid rgba(59,130,246,.3);
}

.lbl-todo {
  background:rgba(46,115,76,.2);
  color:var(--sky-deep);
  border:1px solid rgba(46,115,76,.35);
}

.lbl-noise {
  background:rgba(255,255,255,.05);
  color:rgba(212,236,247,.45);
  border:1px solid rgba(255,255,255,.08);
}

.email-content {
  flex:1;
  min-width:0;
}

.email-sender {
  font-size:.8rem;
  font-weight:700;
  color:#d4ecf7;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.email-subject {
  font-size:.75rem;
  color:rgba(212,236,247,.65);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:1px;
}

.email-time {
  font-size:.7rem;
  color:rgba(212,236,247,.4);
  flex-shrink:0;
}

.mockup-score {
  background:rgba(46,115,76,.08);
  border-top:1px solid rgba(46,115,76,.15);
  padding:10px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.score-item {
  text-align:center;
}

.score-val {
  font-size:1.1rem;
  font-weight:800;
  color:var(--sky-deep);
}

.score-val.dim {
  color:rgba(212,236,247,.35);
}

.score-lbl {
  font-size:.65rem;
  color:rgba(212,236,247,.4);
  text-transform:uppercase;
  letter-spacing:.08em;
}