body.captia-crm-hud { --crm-hairline:rgba(156,183,205,.15); background:#0a0e15; }
body.captia-crm-hud .main { background:radial-gradient(ellipse 75% 650px at 85% 0,#31435633,transparent 80%),#0b0f17; }
body.captia-crm-hud .main:before { display:none; }
body.captia-crm-hud .sidebar { background:linear-gradient(170deg,#111925,#0b1018 65%); border-right:1px solid #a5b7d21c; }
body.captia-crm-hud .nav-item { border-radius:13px; margin-bottom:5px; padding:12px 15px; }
body.captia-crm-hud .nav-item.active { background:linear-gradient(100deg,#80b7ca22,#9d88d013); border-color:#9dc1cf38; color:#ddf0f3; box-shadow:none; }
body.captia-crm-hud .topbar { border-bottom:1px solid #a5b7d21c; background:#0c111be8; backdrop-filter:blur(18px); }
body.captia-crm-hud .topbar h1 { font-family:var(--font-body)!important; font-size:22px; letter-spacing:-.035em; }
body.captia-crm-hud .view { position:relative; z-index:1; }
body.captia-crm-hud .view-intro { max-width:65ch; font-size:15px; line-height:1.65; color:#aebcd0; margin-bottom:24px; }
body.captia-crm-hud .kpi-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
body.captia-crm-hud .kpi { min-height:150px; border-radius:22px; padding:23px; border:1px solid #a5b7d226; background:linear-gradient(145deg,#1b2632,#111822); box-shadow:0 12px 32px #0002; }
body.captia-crm-hud .kpi:nth-child(3n) { background:linear-gradient(145deg,#172d30,#111822); }
body.captia-crm-hud .kpi:nth-child(4n) { background:linear-gradient(145deg,#272337,#111822); }
body.captia-crm-hud .kpi .k-val { font-family:var(--font-body)!important; font-size:clamp(27px,2.7vw,40px); font-weight:600; letter-spacing:-.055em; }
body.captia-crm-hud .kpi .k-label { font-family:var(--font-body)!important; font-size:12px; letter-spacing:0; text-transform:none; color:#b7c9d8; }
body.captia-crm-hud .kpi .k-label:after,body.captia-crm-hud .kpi:after,body.captia-crm-hud .panel-head:after { display:none; }
body.captia-crm-hud .panel { border:1px solid #a5b7d223; border-radius:24px; background:linear-gradient(145deg,#151e2aee,#0f1621); box-shadow:0 16px 48px #0002; }
body.captia-crm-hud .panel-head h3 { font-family:var(--font-body)!important; font-size:19px; letter-spacing:-.025em; }
body.captia-crm-hud .kpi:hover,body.captia-crm-hud .panel:hover { transform:none; }
body.captia-crm-hud .kpi:before,body.captia-crm-hud .panel:before { display:none; }
body.captia-crm-hud .tbl th { color:#9db2c6; font-size:11px; letter-spacing:.04em; padding-top:16px; padding-bottom:16px; }
body.captia-crm-hud .tbl td { border-bottom-color:#a5b7d21c; padding-top:17px; padding-bottom:17px; }
body.captia-crm-hud .tbl tbody tr:hover { background:#7faac90a; }
body.captia-crm-hud .badge { border-radius:8px; }
body.captia-crm-hud .btn { border-radius:12px; }
body.captia-crm-hud input,body.captia-crm-hud select,body.captia-crm-hud textarea { border-radius:12px; }
.crm-organic-atmosphere { position:absolute; top:90px; right:3%; width:min(520px,60%); height:180px; pointer-events:none; opacity:.16; z-index:0; overflow:hidden; }
.crm-organic-atmosphere .service-art-canvas { position:absolute; inset:0; width:100%; height:100%; mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
body.captia-crm-hud .crm-demo-notice { padding:10px 15px; margin-bottom:18px; border:1px solid #a8c3d132; border-radius:12px; background:#92b4c20d; color:#afc4d5; font-size:12px; }
body.light.captia-crm-hud .main { background:radial-gradient(ellipse at 90% 0,#d4e8e9,transparent 70%),#f3f6f8; }
body.light.captia-crm-hud .sidebar,body.light.captia-crm-hud .topbar { background:#f7fafbed; }
body.light.captia-crm-hud .kpi,body.light.captia-crm-hud .panel { background:linear-gradient(140deg,#fff,#f0f6f8); border-color:#233f5a24; box-shadow:0 12px 35px #24384d08; }
body.light.captia-crm-hud .nav-item.active { color:#183d49; }
body.light.captia-crm-hud .kpi .k-label,body.light.captia-crm-hud .view-intro,body.light.captia-crm-hud .crm-demo-notice { color:#476073; }
@media(max-width:1200px) { body.captia-crm-hud .kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { body.captia-crm-hud .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } body.captia-crm-hud .kpi { min-height:135px; padding:17px; } body.captia-crm-hud .panel { padding:20px; } .crm-organic-atmosphere { display:none; } }

.demand-focus{margin:18px 0 24px}.demand-focus>p{color:#aebed0;line-height:1.65}.demand-focus-row{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid #adc5df20}.demand-focus-row>div{min-width:0}.demand-focus-row p{margin:8px 0;color:#c1cddd}.demand-focus-row small{display:block;color:#9eafc3;font-size:12px;overflow-wrap:anywhere}.demand-focus-row>div:last-child{text-align:right;font-size:12px;max-width:42%}@media(max-width:600px){.demand-focus-row{flex-direction:column;gap:10px}.demand-focus-row>div:last-child{text-align:left;max-width:100%}}

/* Icon containers must own their box; inline spans clipped the SVGs. */
body.captia-crm-hud .integ-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;line-height:1;border-radius:13px;overflow:visible;padding:10px;box-sizing:border-box}body.captia-crm-hud .integ-ic svg{display:block;width:24px;height:24px;min-width:24px;flex:none;overflow:visible}body.captia-crm-hud .integ-card h3{font-family:var(--font-body)!important;font-size:19px;line-height:1.3;letter-spacing:-.025em}body.captia-crm-hud .integ-top{margin-bottom:18px}#ig-feedback{color:#b8c9dd;line-height:1.6;font-size:13px}