.cr-heard-about { font-family: Inter, system-ui, sans-serif; color: #ecf6fb; }
.cr-heard-about-shell { max-width: 720px; margin: 0 auto; padding: 28px 24px; border: 1px solid rgba(12, 192, 223, 0.22); border-radius: 24px; background: #0d1820; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18); }
.cr-heard-about-kicker { margin: 0 0 10px; color: #7dd3fc; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.cr-heard-about h2 { margin: 0; font-size: 32px; line-height: 1.05; }
.cr-heard-about-copy { margin: 12px 0 0; color: rgba(236, 246, 251, 0.78); font-size: 15px; line-height: 1.6; }
.cr-heard-about-form { display: grid; gap: 12px; margin-top: 22px; }
.cr-heard-about-form label { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.04); font-size: 15px; }
.cr-heard-about-form input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: #0cc0df; }
.cr-heard-about-other { display: grid; gap: 8px; padding-top: 6px; }
.cr-heard-about-other[hidden] { display: none !important; }
.cr-heard-about-other label { padding: 0; border: none; background: transparent; font-size: 13px; color: rgba(236, 246, 251, 0.8); }
.cr-heard-about-other input { width: 100%; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; background: rgba(255, 255, 255, 0.06); color: #ecf6fb; font: inherit; }
.cr-heard-about button { width: 100%; padding: 14px 18px; border: none; border-radius: 999px; background: #0cc0df; color: #06202a; font: inherit; font-weight: 800; cursor: pointer; }
.cr-heard-about button[disabled] { opacity: 0.7; cursor: progress; }
.cr-heard-about-status { min-height: 22px; margin: 0; color: rgba(236, 246, 251, 0.78); font-size: 14px; }
.cr-heard-about-status.is-success { color: #86efac; }
.cr-heard-about-status.is-error { color: #fca5a5; }
.cr-heard-about-success[hidden] { display: none !important; }
.cr-heard-about-success { display: grid; place-items: center; text-align: center; min-height: 180px; }
.cr-heard-about-success h2 { max-width: 460px; }
@media (max-width: 640px) { .cr-heard-about-shell { padding: 22px 18px; border-radius: 20px; }
.cr-heard-about h2 { font-size: 26px; }
}
.cr-quickstart{font-family:Inter,system-ui,sans-serif;color:#edf7fb}
.cr-quickstart-shell{max-width:980px;margin:0 auto;padding:34px 24px;border:1px solid rgba(12,192,223,.18);border-radius:28px;background:#101820;box-shadow:0 22px 56px rgba(0,0,0,.22)}
.cr-quickstart-kicker{margin:0 0 10px;color:#7dd3fc;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cr-quickstart h2{margin:0;font-size:40px;line-height:1.04;letter-spacing:-.04em}
.cr-quickstart-lead{max-width:760px;margin:14px auto 0;color:rgba(237,247,251,.78);font-size:16px;line-height:1.65;text-align:center}
.cr-quickstart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.cr-quickstart-card{display:flex;gap:14px;align-items:flex-start;min-height:156px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04)}
.cr-step-num{display:grid;place-items:center;min-width:40px;height:40px;border-radius:999px;background:#0cc0df;color:#05212a;font-size:16px;font-weight:800;flex-shrink:0}
.cr-step-label{color:#0cc0df;font-weight:700;font-size:14px;white-space:nowrap;flex-shrink:0;line-height:40px}
.cr-quickstart-card h3,.cr-callout h3,.cr-footer-heading{margin:0;font-size:18px;line-height:1.2}
.cr-quickstart-card p,.cr-callout p{margin:8px 0 0;color:rgba(237,247,251,.76);font-size:14px;line-height:1.62}
.cr-inline-icon{display:inline-block;vertical-align:middle;margin:0 1px -2px;opacity:.9}
.cr-callout-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;align-items:stretch}
.cr-callout{display:flex;flex-direction:column;justify-content:flex-start;min-height:182px;padding:18px;border-radius:20px;border:1px solid rgba(12,192,223,.18);background:rgba(255,255,255,.04)}
.cr-example-wrap,.cr-footer-section{margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.03)}
.cr-example-label{margin-bottom:14px;color:#7dd3fc;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cr-auto-card{position:relative;display:flex;align-items:stretch;gap:12px;padding:18px;border-radius:18px;background:#1a1d24;border:1px solid #2e333b}
.cr-auto-main{flex:1;min-width:0}
.cr-auto-title-row,.cr-auto-info-row,.cr-auto-actions{display:flex!important;align-items:center!important}
.cr-auto-title-row{gap:10px!important}
.cr-auto-favicon{width:22px;height:22px;border-radius:6px;background:#0cc0df;color:#05212a;font-size:9px;font-weight:800;display:grid;place-items:center;flex:0 0 auto}
.cr-auto-title-group{min-width:0;flex:1}
.cr-auto-title{font-size:14px;font-weight:700;color:#f3f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important}
.cr-auto-live-dot{width:16px;height:16px;border-radius:999px;background:#49c688;flex:0 0 auto}
.cr-auto-info-row{justify-content:space-between!important;gap:12px!important;margin-top:10px!important;font-size:12px!important}
.cr-auto-next{display:inline-flex;align-items:center;gap:6px;color:rgba(213,224,236,.82)}
.cr-auto-steps{color:#0cc0df;font-weight:700;white-space:nowrap}
.cr-auto-actions{gap:6px!important;margin-top:12px!important;flex-wrap:wrap!important}
.cr-auto-btn{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:7px!important;border:1px solid #3a3f4a!important;background:#1f232b!important;color:rgba(224,228,234,.82)!important;flex:0 0 auto!important;box-sizing:border-box!important}
.cr-auto-btn-run{color:#4fc0e0!important}
.cr-auto-btn-settings{margin-left:auto!important}
.cr-footer-section{text-align:center}
.cr-footer-heading{font-size:20px}
.cr-footer-preview{display:flex!important;align-items:center!important;justify-content:space-around!important;margin-top:18px!important;padding:14px 16px!important;border-radius:14px!important;background:#131619!important;border:1px solid rgba(255,255,255,.07)!important}
.cr-footer-preview-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;color:#5a6170!important}
.cr-footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important;text-align:left!important}
.cr-footer-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important;box-sizing:border-box!important}
.cr-footer-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;margin-bottom:10px!important;border-radius:10px!important;color:#0cc0df!important;background:rgba(12,192,223,.08)!important;border:1px solid rgba(12,192,223,.2)!important;flex-shrink:0!important}
.cr-footer-item-title{display:block!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;color:#edf7fb!important}
.cr-footer-item-copy{display:block!important;margin-top:8px!important;color:rgba(237,247,251,.76)!important;font-size:14px!important;line-height:1.62!important}
@media(max-width:820px){.cr-quickstart h2{font-size:32px}
.cr-quickstart-grid,.cr-callout-row,.cr-footer-grid{grid-template-columns:1fr}
}
@media(max-width:640px){.cr-quickstart-shell{padding:26px 18px;border-radius:24px}
.cr-quickstart h2{font-size:28px}
.cr-quickstart-lead{font-size:15px}
.cr-quickstart-card,.cr-callout,.cr-example-wrap,.cr-footer-section{padding:16px}
.cr-footer-preview{width:100%;gap:12px;padding:14px}
}