:root{--p:#2563eb;--d:#0f172a;--m:#64748b;--l:#f8fafc;--b:#e2e8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;color:#334155;line-height:1.7}
.navbar{background:#fff}.navbar.scrolled{box-shadow:0 8px 30px #0001}.brand{font-weight:800;color:var(--d)}.brand span{color:var(--p)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--m);line-height:1}
.nav-link{font-weight:600;color:#334155!important}.nav-link:hover{color:var(--p)!important}.btn-primary{background:var(--p);border-color:var(--p);border-radius:10px;padding:11px 22px;font-weight:600}
.hero{padding:150px 0 90px;background:radial-gradient(circle at 90% 15%,#dbeafe,transparent 35%),linear-gradient(#fff,#f8fbff)}
.eyebrow{display:inline-flex;gap:8px;color:var(--p);background:#eff6ff;border:1px solid #dbeafe;padding:7px 13px;border-radius:50px;font-size:13px;font-weight:700}
.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;font-weight:800;color:var(--d);letter-spacing:-2px}.hero h1 span{color:var(--p)}.hero p{font-size:18px;color:var(--m)}
.art,.cardx{border:1px solid var(--b);background:#fff;border-radius:20px;box-shadow:0 12px 35px #0f172a0a}.art{overflow:hidden}.bar{height:42px;background:#f8fafc;border-bottom:1px solid var(--b);padding:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#cbd5e1;margin-right:5px}.dash{padding:22px}.dashnav{height:230px;background:#eff6ff;border-radius:15px}.stat{padding:18px;border:1px solid var(--b);border-radius:14px}
.section{padding:90px 0}.light{background:var(--l)}.title{text-align:center;margin-bottom:45px}.title h2{font-weight:800;color:var(--d);font-size:40px}.muted{color:var(--m)}
.cardx{padding:28px;height:100%;transition:.25s}.cardx:hover{transform:translateY(-6px);box-shadow:0 22px 45px #0f172a15}.icon{width:54px;height:54px;border-radius:14px;background:#eff6ff;color:var(--p);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.cardx h3{font-weight:700;color:var(--d);font-size:20px}
.erp{background:var(--d);border-radius:24px;padding:30px;color:#fff}.module{background:#ffffff0d;border:1px solid #ffffff18;border-radius:14px;padding:18px;height:100%}.module i{color:#93c5fd}.module h4{font-size:15px;margin:9px 0}.module p{font-size:12px;color:#94a3b8;margin:0}
.num{font-size:36px;font-weight:800;color:var(--p)}.step{padding:25px;border:1px solid var(--b);border-radius:18px;height:100%}.stepno{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:#fff;font-weight:800}
.pagehero{padding:145px 0 70px;background:linear-gradient(135deg,#eff6ff,#fff)}.pagehero h1{font-size:52px;font-weight:800;color:var(--d)}
.cta{padding:70px 0;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.footer{background:var(--d);color:#94a3b8;padding:65px 0 25px}.footer h5{color:#fff}.footer a{color:#94a3b8}.social{width:38px;height:38px;border:1px solid #334155;border-radius:50%;display:inline-grid;place-items:center;margin-right:6px}
.portimg{height:200px;border-radius:15px;background:linear-gradient(135deg,#dbeafe,#f8fafc);display:grid;place-items:center;color:var(--p);font-size:50px}.filter{border:1px solid var(--b);background:#fff;border-radius:30px;padding:8px 17px;margin:4px}.filter.active{background:var(--p);color:#fff}
.form-control,.form-select{padding:13px;border-radius:10px;border-color:var(--b)}
@media(max-width:991px){.hero{padding-top:120px}.art{margin-top:35px}.pagehero h1{font-size:42px}}@media(max-width:575px){.section{padding:65px 0}.title h2{font-size:31px}.pagehero h1{font-size:36px}}