/* Bluebird AGI — Homepage-only sections (dead on comparison pages) */
/* Linked from index.html in Stage 2. */

.compliance-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  border-bottom:1px solid rgba(13,42,110,0.07);
}

.compliance-row:last-child {
  border-bottom:none;
}

.compliance-label {
  font-size:.9rem;
  font-weight:600;
  color:var(--navy);
}

.compliance-status {
  font-size:.78rem;
  font-weight:600;
  color:#2E734C;
  background:rgba(46,115,76,.1);
  border:1px solid rgba(46,115,76,.25);
  padding:3px 10px;
  border-radius:999px;
}

.compliance-status.progress {
  color:#d97706;
  background:rgba(245,158,11,.08);
  border-color:rgba(245,158,11,.2);
}

.contact-grid {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:64px;
  align-items:flex-start;
}

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

.contact-method {
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid rgba(13,42,110,0.08);
}

.contact-method:last-child {
  border-bottom:none;
}

.contact-method-label {
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--text-dim);
}

.contact-method-val {
  font-size:.95rem;
  font-weight:600;
  color:var(--navy);
}

.form-card {
  background:var(--white);
  border:1.5px solid var(--card-border);
  border-radius:16px;
  padding:36px 32px;
  box-shadow:0 4px 24px rgba(13,42,110,0.08);
}

.form-field {
  margin-bottom:18px;
}

.form-field label {
  display:block;
  font-size:.82rem;
  font-weight:600;
  color:var(--text-mid);
  margin-bottom:6px;
}

.form-field input,.form-field textarea,.form-field select {
  width:100%;
  background:#fff;
  border:1.5px solid rgba(13,42,110,0.15);
  border-radius:8px;
  padding:11px 14px;
  color:var(--navy);
  font-family:inherit;
  font-size:.9rem;
  transition:border-color .15s;
}

.form-field input:focus,.form-field textarea:focus {
  outline:none;
  border-color:#2E734C;
}

.form-field textarea {
  min-height:100px;
  resize:vertical;
}

.form-field select option {
  background:#fff;
  color:var(--navy);
}

.form-note {
  font-size:.78rem;
  color:var(--text-dim);
  margin-top:10px;
}

.roadmap-tabs {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:32px;
}

.roadmap-tab {
  padding:7px 16px;
  border-radius:8px;
  font-size:.83rem;
  font-weight:600;
  cursor:pointer;
  border:1.5px solid var(--card-border);
  color:var(--text-muted);
  transition:all .15s;
  background:var(--white);
}

.roadmap-tab:hover,.roadmap-tab.active {
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}

.roadmap-shipped-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:40px;
}

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

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

.feature-status {
  display:inline-block;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding:3px 10px;
  border-radius:999px;
  margin-bottom:12px;
}

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

.status-progress {
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  border:1px solid rgba(37,99,235,.2);
}

.status-planned {
  background:rgba(13,42,110,.06);
  color:var(--text-muted);
  border:1px solid rgba(13,42,110,.12);
}

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

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

.vote-row {
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 18px;
  background:var(--white);
  border:1.5px solid var(--card-border);
  border-radius:10px;
  margin-bottom:10px;
  transition:box-shadow .15s;
}

.vote-row:hover {
  box-shadow:0 4px 16px rgba(13,42,110,0.08);
}

.vote-btn {
  width:46px;
  height:46px;
  border-radius:8px;
  background:var(--cream);
  border:1.5px solid rgba(35,66,97,0.2);
  color:var(--navy);
  font-size:.8rem;
  font-weight:800;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  flex-shrink:0;
  transition:background .15s;
}

.vote-btn:hover {
  background:#e8edf2;
  border-color:var(--navy);
}

.vote-title {
  font-size:.9rem;
  font-weight:700;
  color:var(--navy);
  flex:1;
}

.vote-meta {
  font-size:.75rem;
  color:var(--text-muted);
}

/* ── PAGE HERO (homepage ICP sub-pages) ── */
.page-hero {
  padding:clamp(48px,8vw,80px) 0;
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.35) 100%),url('../../assets/images/page-hero.jpg') top center/cover no-repeat;
  text-align:center;
}

.page-hero .section-eyebrow {
  display:block;
  margin-bottom:14px;
  color:var(--forest);
}

.page-hero h1 {
  font-size:clamp(2.2rem,5vw,3.4rem);
  font-weight:800;
  letter-spacing:-0.025em;
  line-height:1.1;
  margin-bottom:18px;
  color:#1a2e45;
  font-family:'Playfair Display',serif;
}

.page-hero p {
  font-size:1.1rem;
  color:rgba(240,246,252,0.75);
  max-width:600px;
  margin:0 auto;
  line-height:1.7;
}

/* ── BRIEF MOAT GRID ── */
@media(max-width:800px) {
  .brief-moat-grid {
    grid-template-columns:1fr !important;
  }
}

/* ── PAIN GRID RESPONSIVE ── */
@media(max-width:640px) {
  .pain-grid-responsive {
    grid-template-columns:1fr !important;
  }
}

@media(min-width:641px) and (max-width:900px) {
  .pain-grid-responsive {
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* ── ICP PAIN GRID ── */
@media(max-width:640px) {
  .icp-pain-grid {
    grid-template-columns:1fr !important;
  }
}

@media(min-width:641px) and (max-width:900px) {
  .icp-pain-grid {
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:768px) {
  .page-hero {
    min-height:320px;
    background-size: 100% 100%, auto 200% !important;
  }
}