/* ============================================================
   FLAGSHIP
   ============================================================ */
.flagship__inner {
  display: grid; grid-template-columns: 1fr 0.85fr; gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}
.flagship__list { margin: 30px 0 34px; display: flex; flex-direction: column; gap: 14px; }
.flagship__list li { display: flex; align-items: center; gap: 12px; font-size: var(--t-sm); color: var(--text-2); }
.flagship__tick {
  width: 22px; height: 22px; border-radius: 50%; flex: none;
  background: rgba(107,127,100,0.15); color: var(--t-forest);
  display: flex; align-items: center; justify-content: center; font-size: 0.7rem;
}
.flagship__actions { display: flex; flex-wrap: wrap; gap: 14px; }

.flagship__panel { padding: 30px 26px; display: flex; flex-direction: column; gap: 16px; }
.flagship__panel-head { display: flex; align-items: center; justify-content: space-between; }
.flagship__panel-mark { font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; }
.flagship__panel-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--t-sage); }
.flagship__panel-row { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--surface-sunk); border-radius: var(--r-md); }
.flagship__mini-avatar {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--t-forest); color: var(--t-cream); font-size: 0.7rem; font-weight: 700;
}
.flagship__mini-avatar--alt { background: var(--t-rose-ink); }
.flagship__panel-line { display: flex; flex-direction: column; gap: 2px; }
.flagship__panel-line b { font-size: var(--t-sm); }
.flagship__panel-line em { font-size: var(--t-xs); color: var(--text-3); font-style: normal; }
.flagship__panel-msg { padding: 14px; border-radius: var(--r-md); background: rgba(183,106,116,0.08); }
.flagship__panel-msg p { font-size: var(--t-xs); line-height: 1.5; margin-bottom: 6px; }
.flagship__panel-msg span { font-size: 0.7rem; color: var(--text-3); }

@media (max-width: 900px) {
  .flagship__inner { grid-template-columns: 1fr; }
  .flagship__visual { order: -1; max-width: 380px; margin: 0 auto; }
}