/* CODE MAP IT - Step 2 Homepage styles */
:root{--cm-navy:#102b55;--cm-blue:#1769e0;--cm-ink:#172b49;--cm-muted:#687991;--cm-line:#e4edf8;--cm-pale:#f4f8fe}
.cm-hero{position:relative;overflow:hidden;padding:88px 0 90px;background:radial-gradient(ellipse at 90% 42%,#e5f0ff 0,transparent 36%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.cm-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9e8fc;border-radius:30px;padding:9px 13px;background:#fff;color:var(--cm-blue);font-size:10px;font-weight:800;letter-spacing:1.6px}
.cm-eyebrow span{width:7px;height:7px;border-radius:50%;background:#1bb879}
.cm-hero h1{max-width:720px;margin:23px 0 20px;color:var(--cm-navy);font-size:clamp(43px,5.5vw,68px);line-height:1.07;font-weight:800;letter-spacing:-3.2px}
.cm-hero h1 em,.cm-section-heading h2 em,.cm-title em{font-style:normal;color:var(--cm-blue)}
.cm-hero-copy{max-width:590px;margin-bottom:27px;color:var(--cm-muted);font-size:15px;line-height:1.9}
.cm-btn{padding:13px 22px;font-size:14px;font-weight:700;border-radius:8px}
.cm-btn-outline{padding:12px 21px;border-radius:8px;font-size:14px;font-weight:700}
.cm-trustline{margin-top:24px;color:#718198;font-size:11px;font-weight:600}.cm-trustline span{color:#18a66d}.cm-trustline b{padding:0 10px;color:#bdc9d8}
.cm-hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}
.cm-orbit{position:absolute;border:1px solid #d8e7fb;border-radius:50%;transform:rotate(-24deg)}.cm-orbit-one{width:390px;height:260px}.cm-orbit-two{width:330px;height:220px}
.cm-dashboard{position:relative;width:100%;max-width:420px;border:1px solid #dce8f7;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 28px 75px rgba(22,67,124,.15);transform:rotate(1deg)}
.cm-dashboard-bar{height:43px;display:flex;align-items:center;gap:13px;padding:0 15px;background:#f8faff;border-bottom:1px solid #e9eff8;color:#8a9ab0;font-size:8px;font-weight:800;letter-spacing:1px}.cm-window-dots{color:#b8cce6;letter-spacing:2px}
.cm-dashboard-body{padding:23px}.cm-dashboard-body>small{display:block;margin-bottom:13px;color:#8a9ab0;font-size:8px;font-weight:800;letter-spacing:1.5px}
.cm-dashboard-feature{display:flex;align-items:center;gap:13px;padding:17px;border-radius:11px;background:linear-gradient(110deg,#102b55,#1769e0);color:#fff}.cm-feature-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#ffffff25;font-weight:800}.cm-dashboard-feature strong,.cm-dashboard-feature small{display:block}.cm-dashboard-feature strong{font-size:12px}.cm-dashboard-feature small{margin-top:4px;color:#d6e6ff;font-size:9px}
.cm-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.cm-dashboard-grid div{padding:12px;border:1px solid #e7eef8;border-radius:9px}.cm-dashboard-grid b,.cm-dashboard-grid strong,.cm-dashboard-grid small{display:block}.cm-dashboard-grid b{color:var(--cm-blue);font-size:8px}.cm-dashboard-grid strong{margin-top:6px;color:var(--cm-navy);font-size:11px}.cm-dashboard-grid small{margin-top:3px;color:#8998aa;font-size:8px}
.cm-float{position:absolute;padding:11px 14px;border:1px solid #e3ebf6;border-radius:9px;background:#fff;box-shadow:0 10px 30px #102b5518;color:#42536a;font-size:10px;font-weight:700}.cm-float-top{top:29px;right:-4px}.cm-float-top:first-letter{color:#1bb879}.cm-float-bottom{bottom:23px;left:-6px;color:var(--cm-blue)}
.cm-value-strip{padding:23px 0;background:#f3f7fd;border-top:1px solid #edf3fb;border-bottom:1px solid #edf3fb}.cm-value-strip span,.cm-kicker{color:var(--cm-blue);font-size:9px;font-weight:800;letter-spacing:1.9px}.cm-value-strip p{margin:0;color:#687991;font-size:12px;line-height:1.8}
.cm-section{padding:86px 0}.cm-section-soft{background:#f5f8fd}.cm-section-heading{max-width:680px;margin:0 auto}.cm-section-heading h2,.cm-title{margin:12px 0;color:var(--cm-navy);font-size:clamp(30px,4vw,43px);font-weight:800;letter-spacing:-1.6px;line-height:1.2}.cm-section-heading p,.cm-section-copy{color:var(--cm-muted);font-size:13px;line-height:1.9}
.cm-service-card{padding:26px;border:1px solid var(--cm-line);border-radius:13px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cm-service-card:hover{transform:translateY(-4px);border-color:#c8dcfa;box-shadow:0 18px 38px #16437c12}.cm-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#bdc9d8;font-size:10px;font-weight:800}.cm-service-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:var(--cm-blue);font-size:21px;font-weight:700}.cm-service-card h3{color:var(--cm-navy);font-size:16px;font-weight:700}.cm-service-card p{min-height:48px;margin:9px 0 15px;color:var(--cm-muted);font-size:11px;line-height:1.8}.cm-service-card>a,.cm-product-card>a{color:var(--cm-blue);font-size:10px;font-weight:800}.cm-service-card>a b{margin-left:5px}
.cm-title{margin-top:10px}.cm-section-copy{max-width:600px}.cm-product-card{height:100%;padding:13px;border:1px solid var(--cm-line);border-radius:12px;background:#fff}.cm-product-art{min-height:128px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:32px;font-weight:800;letter-spacing:2px}.cm-art-erp{background:linear-gradient(135deg,#1d75e8,#8bbcff)}.cm-art-hrm{background:linear-gradient(135deg,#5148b8,#a69bff)}.cm-art-pos{background:linear-gradient(135deg,#078ba9,#68d4e7)}.cm-art-crm{background:linear-gradient(135deg,#102b55,#4b78b9)}.cm-product-card h3{margin:15px 3px 5px;color:var(--cm-navy);font-size:13px;font-weight:700}.cm-product-card p{margin:0 3px 10px;color:var(--cm-muted);font-size:10px;line-height:1.7}.cm-note{margin:17px 0 0;color:#8290a3;font-size:10px}
.cm-infra-panel{padding:47px;border-radius:17px;background:radial-gradient(circle at 90% 0%,#ffffff35,transparent 35%),linear-gradient(115deg,#102b55,#1769e0);color:#fff}.cm-kicker-light{color:#c8dcff}.cm-infra-panel h2{max-width:650px;margin:12px 0;color:#fff;font-size:clamp(29px,4vw,40px);font-weight:800;letter-spacing:-1.4px}.cm-infra-panel p{max-width:630px;color:#d8e7ff;font-size:12px;line-height:1.9}.cm-infra-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cm-infra-tags span{padding:7px 11px;border:1px solid #ffffff45;border-radius:30px;color:#fff;font-size:9px;font-weight:600}
.cm-benefit{height:100%;padding:23px;border:1px solid #e2eaf5;border-radius:12px;background:#fff}.cm-benefit>span{color:var(--cm-blue);font-size:10px;font-weight:800}.cm-benefit h3{margin:15px 0 7px;color:var(--cm-navy);font-size:14px;font-weight:700}.cm-benefit p{margin:0;color:var(--cm-muted);font-size:10px;line-height:1.8}
.cm-bottom-cta{padding:72px 0 82px;background:#f7faff;text-align:center}.cm-bottom-cta h2{margin:12px 0;color:var(--cm-navy);font-size:clamp(29px,4vw,38px);font-weight:800;letter-spacing:-1px}.cm-bottom-cta p{margin:0 auto 22px;color:var(--cm-muted);font-size:12px;line-height:1.8}
@media(max-width:991.98px){.cm-hero{padding:65px 0}.cm-hero-art{min-height:350px}.cm-section{padding:68px 0}}
@media(max-width:575.98px){.cm-hero{padding:49px 0}.cm-hero h1{font-size:42px;letter-spacing:-2px}.cm-hero-art{min-height:320px}.cm-dashboard-body{padding:16px}.cm-float-top{right:0;top:4px}.cm-float-bottom{left:0;bottom:2px}.cm-section{padding:60px 0}.cm-infra-panel{padding:29px 22px}.cm-value-strip p{margin-top:7px}}
