/* Generated by scripts/extract-page-css.cjs — do not edit.
   Was an inline <style> in features/pulse-surveys/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(--growth);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)}
.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.demo-title{font-size:13px;font-weight:600;color:rgba(255,255,255,0.9)}
.demo-live{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--growth);font-weight:600}
.demo-dot{width:6px;height:6px;background:var(--growth);border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.demo-q{font-size:13.5px;color:rgba(255,255,255,0.8);margin-bottom:16px;line-height:1.5}
.demo-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.demo-opt{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(255,255,255,0.06);border-radius:10px;border:1px solid rgba(255,255,255,0.06)}
.demo-opt-lbl{font-size:12.5px;color:rgba(255,255,255,0.68)}
.demo-bar-wrap{flex:1;margin:0 12px;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden}
.demo-bar{height:100%;background:var(--growth);border-radius:2px}
.demo-pct{font-size:11px;color:var(--growth);font-weight:600;min-width:28px;text-align:right}
.ai-pill{display:flex;align-items:flex-start;gap:8px;background:var(--trust-dim);border:1px solid rgba(106,213,238,0.2);border-radius:12px;padding:12px 14px;margin-top:16px}
.ai-icon{font-size:13px;line-height:1.4;color:var(--trust);flex-shrink:0}
.ai-text{font-size:12px;color:rgba(255,255,255,0.65);line-height:1.6}
.ai-label{font-size:10px;font-weight:700;color:var(--trust);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px}
