/* Generated by scripts/extract-page-css.cjs — do not edit.
   Was an inline <style> in features/ai-insights/index.html; moved out so the CSP can drop
   'unsafe-inline' from style-src. Its position in <head> is preserved,
   so the cascade is unchanged. */
.btn-ghost{font-size:14px;color:rgba(255,255,255,0.66);font-weight:400;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:1px;transition:color 150ms,border-color 150ms}
.btn-ghost:hover{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.5)}
.hero-stats{display:flex;gap:28px;margin-top:36px}
.stat{text-align:left}
.stat-num{font-size:26px;font-weight:700;color:var(--trust);letter-spacing:-1px;line-height:1}
.stat-lbl{font-size:12px;color:rgba(255,255,255,0.62);margin-top:2px;line-height:1.4}
.hero-visual{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:28px;backdrop-filter:blur(8px)}
.insight-header{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.insight-icon{width:28px;height:28px;background:var(--trust-dim);border-radius:8px;display:grid;place-items:center;font-size:14px;color:var(--trust)}
.insight-label{font-size:12px;font-weight:700;color:var(--trust);text-transform:uppercase;letter-spacing:0.5px}
.insight-block{background:rgba(106,213,238,0.06);border:1px solid rgba(106,213,238,0.15);border-radius:12px;padding:16px;margin-bottom:12px}
.insight-block p{font-size:13px;color:rgba(255,255,255,0.75);line-height:1.6;margin:0}
.insight-block strong{color:var(--trust)}
.insight-action{background:rgba(177,218,49,0.08);border:1px solid rgba(177,218,49,0.15);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:10px}
.action-label{font-size:10px;font-weight:700;color:var(--growth);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}
.action-text{font-size:12.5px;color:rgba(255,255,255,0.65);line-height:1.5}
