/* ============================================================
   Credibility page + public Apply/inquiry form
   ============================================================ */

/* ---------- header + stats ---------- */
.cred-hero { padding: 72px 0 34px; }
.cred-hero h1 { max-width: 18ch; }
.cred-hero .sub { font-size: 1.15rem; color: var(--muted); max-width: 62ch; margin-bottom: 36px; }
.cred-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

/* ---------- mentor ---------- */
.mentor-card {
  display: grid; grid-template-columns: 120px 1fr; gap: 30px;
  background: var(--card); border: 1px solid var(--border-strong);
  border-radius: var(--radius); padding: 34px;
}
.mentor-avatar {
  width: 110px; height: 110px; border-radius: 22px; display: grid; place-items: center;
  font-size: 3rem; font-weight: 800;
  background: linear-gradient(150deg, rgba(52,211,153,.2), rgba(56,189,248,.18));
  border: 1px solid var(--border-strong); color: var(--accent);
}
.mentor-name { margin: 6px 0 2px; font-size: 1.6rem; }
.mentor-title { color: var(--accent-2); font-weight: 600; margin-bottom: 14px; }
.mentor-bio { color: var(--muted); max-width: 72ch; }
.mentor-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 22px; }
.mc-h { font-family: var(--mono); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); margin-bottom: 12px; }
.cred-pills { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cred-pills li {
  font-size: .82rem; padding: .38em .85em; border-radius: 999px;
  background: rgba(56,189,248,.08); border: 1px solid rgba(56,189,248,.28); color: var(--accent-2);
}
.mentor-src { margin-top: 22px; padding-top: 16px; border-top: 1px dashed var(--border); color: var(--faint); font-size: .82rem; }

/* ---------- guest speakers ---------- */
.guest-card { text-align: center; padding: 30px 24px; }
.guest-avatar {
  width: 66px; height: 66px; border-radius: 50%; margin: 0 auto 14px;
  display: grid; place-items: center; font-size: 1.6rem; font-weight: 800;
  background: linear-gradient(150deg, rgba(251,191,36,.2), rgba(167,139,250,.18));
  border: 1px solid var(--border-strong); color: var(--warn);
}
.guest-card h3 { font-size: 1.15rem; margin-bottom: 4px; }
.guest-org { color: var(--accent-2); font-weight: 600; font-size: .98rem; }
.guest-note { margin-top: 12px; font-family: var(--mono); font-size: .8rem; color: var(--faint); }

/* ---------- AIGU business ---------- */
.biz-card {
  display: grid; grid-template-columns: 54px 1fr; gap: 18px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 24px;
}
.biz-ico {
  width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center;
  font-size: 1.5rem; font-weight: 800; font-family: var(--mono);
  background: rgba(52,211,153,.1); border: 1px solid rgba(52,211,153,.3); color: var(--accent);
}
.biz-card h3 { margin: 0 0 6px; }
.biz-card p { margin: 0; color: var(--muted); font-size: .95rem; }

/* ---------- live portfolio ---------- */
.pf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.pf-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color .2s, transform .15s; }
.pf-card:hover { border-color: var(--border-strong); transform: translateY(-3px); }
.pf-view { position: relative; aspect-ratio: 4/3; background: #05070b; border-bottom: 1px solid var(--border); overflow: hidden; }
.pf-view iframe { width: 100%; height: 100%; border: 0; display: block; background: #fff; }
.pf-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; }
.pf-name { margin: 0 0 2px; font-size: 1.05rem; }
.pf-sector { color: var(--faint); font-size: .82rem; font-family: var(--mono); }
.pf-open {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;
  border: 1px solid var(--border-strong); color: var(--accent-2); text-decoration: none; font-size: 1.1rem;
}
.pf-open:hover { background: rgba(56,189,248,.1); text-decoration: none; }

/* ---------- contact ---------- */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-item { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; }
.ci-k { display: block; font-family: var(--mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin-bottom: 4px; }
.ci-v { color: var(--text); font-weight: 600; font-size: .95rem; }
a.ci-v { color: var(--accent-2); }

.cred-disc { margin-top: 22px; color: var(--faint); font-size: .82rem; max-width: 80ch; }

/* ============================================================
   PUBLIC APPLY / INQUIRY FORM
   ============================================================ */
.cred-apply { padding: 64px 0; }
.inq-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 40px; align-items: start; }
.inq-side { position: sticky; top: 84px; }
.inq-side h1 { margin: 8px 0 12px; }
.inq-side .check { margin-top: 22px; }
.inq-mini-contact { margin-top: 28px; display: grid; gap: 12px; padding: 18px; background: var(--card); border: 1px solid var(--border); border-radius: 14px; }
.inq-mini-contact div { display: flex; justify-content: space-between; gap: 12px; }
.inq-mini-contact span { color: var(--faint); font-size: .85rem; }
.inq-mini-contact a { font-weight: 600; }
.inq-main { min-width: 0; }

.inq-form { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; }
.inq-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.inq-group { border-top: 1px solid var(--border); padding-top: 18px; margin-top: 18px; }
.inq-group:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.inq-g-h { font-family: var(--mono); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.inq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.inq-field { margin-bottom: 14px; }
.inq-field label { display: block; font-size: .84rem; color: var(--muted); font-weight: 500; margin-bottom: 6px; }
.inq-field .req { color: var(--warn); }
.inq-form input, .inq-form select, .inq-form textarea {
  width: 100%; background: var(--bg-2); color: var(--text);
  border: 1px solid var(--border-strong); border-radius: 10px;
  padding: 11px 13px; font-family: var(--font); font-size: .95rem;
}
.inq-form textarea { resize: vertical; min-height: 80px; }
.inq-form input:focus, .inq-form select:focus, .inq-form textarea:focus {
  outline: none; border-color: rgba(52,211,153,.5); box-shadow: 0 0 0 3px rgba(52,211,153,.12);
}
.inq-form input[type="file"] { padding: 10px 12px; }
.inq-file-hint { display: block; margin-top: 6px; font-size: .8rem; }
.inq-file-list { margin-top: 8px; display: grid; gap: 4px; }
.inq-file-item { font-family: var(--mono); font-size: .8rem; color: var(--muted);
  background: var(--bg-2); border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inq-file-item.warn { color: var(--warn); border-color: rgba(251,191,36,.4); }

.inq-submit-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 6px; }
.inq-hint { font-size: .82rem; }

.inq-success { background: var(--card); border: 1px solid rgba(52,211,153,.3); border-radius: var(--radius); padding: 44px; text-align: center; }
.inq-success-ico { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 18px; display: grid; place-items: center; font-size: 1.8rem; background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.4); color: var(--accent); }
.inq-success h2 { margin-bottom: 8px; }
.inq-success p { color: var(--muted); max-width: 46ch; margin: 0 auto 14px; }
.inq-success .btn { margin-top: 14px; }

/* ---------- responsive ---------- */
@media (max-width: 900px) {
  .cred-stats { grid-template-columns: repeat(2, 1fr); }
  .mentor-card { grid-template-columns: 1fr; gap: 22px; }
  .mentor-avatar { width: 92px; height: 92px; }
  .mentor-cols, .inq-layout, .inq-row, .contact-grid { grid-template-columns: 1fr; }
  .pf-grid { grid-template-columns: 1fr; gap: 18px; }
  .pf-card.pf-extra { display: none; }
  .inq-side { position: static; }
  .cta-band { grid-template-columns: 1fr !important; }
}