.sbm-demo{--navy:#10243d;--navy2:#173858;--teal:#0c9a9a;--ink:#17283d;--muted:#66788a;--line:#e4ebf1;--pale:#f4f8fb;color:var(--ink);font-family:Tahoma,Arial,sans-serif;max-width:1240px;margin:24px auto;padding:0 16px 30px;line-height:1.7;box-sizing:border-box}.sbm-demo *{box-sizing:border-box}.sbm-demo-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px 32px 34px;background:linear-gradient(125deg,#10243d 0%,#173858 65%,#087f89 130%);color:#fff;box-shadow:0 16px 40px rgba(16,36,61,.14)}.sbm-demo-hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-90px;top:-150px;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.025)}.sbm-demo-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.sbm-demo-mark{display:grid;place-items:center;width:52px;height:48px;border-radius:14px;background:#fff;color:var(--navy);font-size:16px;font-weight:900;letter-spacing:.5px}.sbm-demo-brand strong,.sbm-demo-brand small{display:block}.sbm-demo-brand strong{font-size:16px}.sbm-demo-brand small{color:#c8d8e5;font-size:12px}.sbm-demo-pill{position:absolute;left:30px;top:32px;z-index:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:99px;padding:7px 12px;font-size:11px;color:#effaff}.sbm-demo-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f7c65c;margin-left:7px}.sbm-demo-hero h1{position:relative;z-index:1;font-size:clamp(26px,4vw,38px);line-height:1.3;margin:34px 0 10px;color:#fff}.sbm-demo-hero>p{position:relative;z-index:1;max-width:720px;color:#d8e5ef;margin:0;font-size:15px}.sbm-demo-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px;position:relative;z-index:1}.sbm-demo-hero-tags span{border-radius:8px;background:rgba(255,255,255,.1);padding:6px 11px;font-size:12px;color:#f2f8fb}.sbm-demo-section{margin-top:30px}.sbm-demo-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}.sbm-demo-section-head small{color:var(--teal);font-weight:700;font-size:12px}.sbm-demo-section h2,.sbm-demo-bottom h2{font-size:22px;line-height:1.35;margin:3px 0 0;color:var(--navy)}.sbm-demo-date,.sbm-demo-muted{font-size:12px;color:var(--muted)}.sbm-demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sbm-demo-kpi{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px;min-height:118px;box-shadow:0 6px 18px rgba(16,36,61,.035)}.sbm-demo-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;font-size:23px;font-weight:700}.sbm-demo-icon.blue{background:#e8f1ff;color:#2467c7}.sbm-demo-icon.teal{background:#e1f7f4;color:#078b80}.sbm-demo-icon.violet{background:#f0eaff;color:#7451c8}.sbm-demo-icon.amber{background:#fff3db;color:#b67a12}.sbm-demo-kpi small,.sbm-demo-kpi strong,.sbm-demo-kpi em{display:block}.sbm-demo-kpi small{font-size:12px;color:var(--muted)}.sbm-demo-kpi strong{font-size:27px;line-height:1.35;color:var(--navy);font-weight:800}.sbm-demo-kpi em{font-style:normal;font-size:10px;color:#8593a0}.sbm-demo-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sbm-demo-modules article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(16,36,61,.035);min-height:192px}.sbm-demo-module-icon{width:42px;height:42px;border-radius:12px;background:#e5f7f6;color:#087f89;display:grid;place-items:center;font-size:23px}.sbm-demo-modules h3{font-size:16px;margin:12px 0 5px;color:var(--navy)}.sbm-demo-modules p{font-size:12px;color:var(--muted);margin:0 0 14px;min-height:42px}.sbm-demo-modules b{display:inline-block;font-size:11px;color:#087f89;background:#e9f8f6;padding:5px 9px;border-radius:7px}.sbm-demo-modules b.sbm-demo-status{background:#fff4df;color:#95610b}.sbm-demo-bottom{margin-top:28px;border-radius:18px;background:#edf7f7;border:1px solid #d9eeee;padding:20px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:center}.sbm-demo-bottom>div{display:flex;align-items:flex-start;gap:13px}.sbm-demo-bottom-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#d3f0eb;color:#078b80;font-size:22px;font-weight:800}.sbm-demo-bottom h2{font-size:18px}.sbm-demo-bottom p{font-size:12px;color:#566e7b;margin:6px 0 0}.sbm-demo-bottom aside{background:rgba(255,255,255,.7);border-radius:12px;padding:13px 15px}.sbm-demo-bottom aside strong{font-size:12px;color:#805b15}.sbm-demo-bottom aside p{margin-top:3px}.sbm-demo-footer{text-align:center;color:#82909e;font-size:11px;margin-top:22px}.sbm-demo-footer span{padding:0 6px;color:var(--teal)}@media(max-width:850px){.sbm-demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sbm-demo-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.sbm-demo-pill{position:relative;display:inline-block;left:auto;top:auto;margin-top:18px}.sbm-demo-hero h1{margin-top:20px}.sbm-demo-bottom{grid-template-columns:1fr}}@media(max-width:520px){.sbm-demo{padding:0 10px 20px;margin:12px auto}.sbm-demo-hero{padding:22px 18px 24px;border-radius:18px}.sbm-demo-kpis,.sbm-demo-modules{grid-template-columns:1fr}.sbm-demo-kpi{min-height:100px}.sbm-demo-section-head{align-items:flex-start;flex-direction:column}.sbm-demo-modules article{min-height:0}.sbm-demo-modules p{min-height:0}.sbm-demo-brand strong{font-size:14px}}