:root{
  --brand-1:#ec4899; --brand-2:#8b5cf6; --text-1:#0f172a; --text-2:#334155; --surface-1:#ffffff; --surface-2:#f8fafc;
}
.igb-hero{ text-align:center; font-size:clamp(28px,3.2vw,40px); background:linear-gradient(90deg,var(--brand-1),var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent; margin:24px 0 8px}
.igb-sub{ text-align:center; color:var(--text-2); margin:0 0 18px }
.igb-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 24px }
.igb-kpi{ display:flex; flex-direction:column; align-items:center; gap:4px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:var(--surface-1) }
.igb-kpi strong{ font-size:22px; color:var(--text-1) } .igb-kpi span{ color:var(--text-2) }
.igb-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:10px 0 22px }
.igb-card{ border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff }
.igb-card h4{ margin:.2rem 0 .1rem }
.igb-btn{ display:inline-block; padding:10px 12px; border-radius:10px; background:var(--brand-1); color:#fff; text-decoration:none }
.igb-gen{ border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff; margin:24px 0 }
.igb-chips{ display:flex; gap:8px; flex-wrap:wrap; margin:8px 0 12px }
.chip{ padding:6px 12px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; cursor:pointer }
.chip.active{ border-color:#d946ef }
.igb-row{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 }
.igb-row input, .igb-row select{ padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px }
.igb-primary{ padding:10px 14px; border-radius:10px; background:var(--brand-1); color:#fff; border:none; cursor:pointer }
.igb-out{ display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px dashed #e5e7eb; border-radius:8px; padding:10px; background:#f8fafc; margin-top:8px }
.copy{ padding:6px 10px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; cursor:pointer }
.copy.ok{ background:#e7fee7; border-color:#bbf7d0 }
.igb-ad{ min-height:280px; border:1px dashed #e5e7eb; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#64748b; margin:20px 0 }
.igb-latest{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
.igb-post-card{ border:1px solid #e5e7eb; border-radius:12px; padding:14px; background:#fff }
.igb-faq ul{ margin:.2rem 0; }
@media (max-width:781px){
  .igb-kpis{ grid-template-columns:1fr }
  .igb-latest{ grid-template-columns:1fr }
  .igb-row{ flex-direction:column }
}