/* 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. */
.step{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;position:relative}
.step-num{width:36px;height:36px;background:var(--trust-light);color:var(--trust-dark);border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:700;margin-bottom:18px}
.step h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-0.3px}
.step p{font-size:14px;color:var(--text-2);line-height:1.7}
.features{background:var(--comm);padding:80px 5%}
.features-inner{max-width:1080px;margin:0 auto}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.feat-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:28px}
.feat-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}
.feat-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:-0.3px}
.feat-card p{font-size:13.5px;color:rgba(255,255,255,0.66);line-height:1.7}
.compare{background:var(--surface);padding:80px 5%;color:var(--text)}
.compare-inner{max-width:900px;margin:0 auto}
.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:36px}
.compare-table{width:100%;border-collapse:collapse;min-width:520px}
.compare-table th{font-size:13px;font-weight:600;color:var(--text-2);padding:12px 16px;text-align:left;border-bottom:2px solid var(--border)}
.compare-table th:first-child{width:40%}
.compare-table td{font-size:14px;padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text)}
.compare-table tr:last-child td{border-bottom:none}
.check{color:var(--growth-text);font-weight:700}
.cross{color:#9ca3af}
.cta-strip{background:var(--trust);padding:72px 5%;text-align:center}
.cta-inner{max-width:540px;margin:0 auto}
.cta-strip h2{font-size:clamp(26px,3.5vw,38px);font-weight:700;letter-spacing:-1.2px;color:var(--comm);margin-bottom:12px}
.cta-strip p{font-size:15px;color:rgba(40,42,43,0.78);font-weight:300;margin-bottom:24px}
.cta-strip a{display:inline-flex;align-items:center;gap:8px;background:var(--comm);color:#fff;padding:14px 32px;border-radius:100px;font-size:15px;font-weight:600;transition:background-color 160ms var(--ease-out),color 160ms var(--ease-out),border-color 160ms var(--ease-out),box-shadow 160ms var(--ease-out),transform 160ms var(--ease-out)}
.cta-strip a:hover{background:var(--comm-mid);transform:translateY(-2px)}
.cta-strip a:active{transform:scale(0.97)}
@media(max-width:768px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.steps{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.feat-grid{grid-template-columns:1fr}}
