*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#06182b;
  --navy-2:#0a223b;
  --blue:#1468e8;
  --blue-2:#2e8cff;
  --cyan:#25baff;
  --text:#0b1830;
  --muted:#657083;
  --line:#e3e9f1;
  --soft:#f6f9fd;
  --white:#fff;
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{height:40px;background:#06182b;color:#fff;font-size:13px}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.topbar-left{display:flex;gap:34px}.topbar a{opacity:.95}
.socials{display:flex;gap:22px;font-weight:700}
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;flex-direction:column;line-height:1}
.logo-main{font-size:40px;font-weight:800;letter-spacing:-2px;color:#1457a9}
.logo-main span{color:#0a2c5d}.logo small{font-size:9px;letter-spacing:.6px;margin-left:2px;color:#3e4d64}
.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.nav a{position:relative}.nav a:not(.email-btn):after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--blue);transform:scaleX(0);transition:.2s}
.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.email-btn{padding:13px 18px;background:linear-gradient(135deg,#0f59d8,#0b4ac2);color:#fff;border-radius:7px;box-shadow:0 8px 20px rgba(20,104,232,.25)}
.menu-btn{display:none;border:0;background:none}.menu-btn span{display:block;width:24px;height:2px;background:#111;margin:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,#0b3357 0,#06182b 43%,#041323 100%);color:#fff}
.hero-pattern{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(90deg,transparent 49%,#29aaff 50%,transparent 51%),linear-gradient(transparent 49%,#29aaff 50%,transparent 51%);background-size:90px 90px}
.hero-inner{min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative}
.eyebrow{color:#24a8ff;font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:16px}
.hero h1{font-size:56px;line-height:1.05;letter-spacing:-2px;max-width:650px}
.hero h1 span{display:block;color:#2d8cff}
.hero-text{font-size:18px;color:#ecf3fb;max-width:600px;margin:22px 0 30px}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:7px;font-weight:700;font-size:14px;transition:.2s}
.btn.primary{background:linear-gradient(135deg,#1269ee,#0d53cc);color:#fff;box-shadow:0 10px 26px rgba(14,94,220,.32)}
.btn.outline{border:1px solid #4bb3ff;color:#fff;background:transparent}
.btn:hover{transform:translateY(-2px)}
.erp-visual{position:relative;height:420px}
.erp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #1683ed;box-shadow:0 0 0 16px rgba(22,131,237,.1),0 0 50px rgba(22,131,237,.35);background:radial-gradient(circle,#0a2744,#06182b)}
.erp-core strong{font-size:56px;line-height:1}.erp-core span{text-align:center;font-size:12px;line-height:1.2}
.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(39,151,244,.35)}
.orbit-1{width:240px;height:240px}.orbit-2{width:330px;height:330px}.orbit-3{width:410px;height:410px}
.module{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:600}
.module i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-style:normal;font-size:26px;color:#55c7ff;border:1px solid rgba(70,180,255,.18);background:rgba(7,31,53,.7)}
.finance{left:50%;top:1%;transform:translateX(-50%)}.sales{left:5%;top:30%}.inventory{right:2%;top:30%}.purchase{left:5%;bottom:18%}.hr{right:0;bottom:18%}.reports{left:50%;bottom:0;transform:translateX(-50%)}
.benefits{background:#fff;padding:0 0 14px}
.benefits-grid{transform:translateY(6px);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(11,24,48,.04)}
.benefits article{display:flex;gap:15px;padding:26px 20px;border-right:1px solid var(--line)}.benefits article:last-child{border-right:0}
.benefit-icon,.card-icon{flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;color:#1269e8;font-size:26px;font-weight:800}
.benefits h3{font-size:14px}.benefits p{font-size:12px;color:var(--muted);margin-top:4px}
.section{padding:86px 0}.soft{background:var(--soft)}
.section-title{text-align:center;max-width:760px;margin:0 auto 42px}.section-title p{color:#1269e8;font-weight:800;font-size:13px;letter-spacing:.8px}
.section-title h2{font-size:38px;letter-spacing:-1.2px;margin:6px 0}.section-title span{color:var(--muted)}
.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 22px rgba(11,24,48,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(11,24,48,.1)}
.card h3{font-size:16px;margin:15px 0 8px}.card p{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-card{min-height:150px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(11,24,48,.06)}
.stat-card strong{font-size:30px;color:#1269e8}.stat-card span{font-size:13px;color:var(--muted)}
.eyebrow.blue{color:#1269e8}.about-copy h2{font-size:42px;line-height:1.12;margin-bottom:18px}.about-copy>p{color:var(--muted)}
.about-copy ul{list-style:none;margin-top:22px}.about-copy li{margin:12px 0;padding-left:26px;position:relative}.about-copy li:before{content:"✓";position:absolute;left:0;color:#1269e8;font-weight:800}
.dark-section{background:#06182b;color:#fff}.section-title.light span{color:#a9bed3}
.dark-card{padding:28px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.dark-card>span{color:#26afff;font-size:12px;font-weight:800}.dark-card h3{margin:20px 0 8px}.dark-card p{font-size:13px;color:#a7bbcf}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-card{background:#fff;border-radius:16px;padding:26px;border:1px solid var(--line)}.process-card span{font-size:36px;font-weight:800;color:#d9e9ff}.process-card h3{margin:8px 0}.process-card p{font-size:13px;color:var(--muted)}
.contact-cta{padding:76px 0;background:linear-gradient(135deg,#0a2a49,#06182b);color:#fff}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-inner h2{font-size:38px}.contact-inner p{color:#b8cada}.contact-actions{display:flex;gap:14px;flex-wrap:wrap}
footer{background:#03101d;color:#9bb0c5;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-logo .logo-main{font-size:30px}.footer-logo small{color:#93a8bf}
.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
  .nav{position:absolute;top:84px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:22px;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.15)}
  .nav.open{display:flex}.menu-btn{display:block}.nav a:not(.email-btn):after{display:none}
  .hero-inner,.split{grid-template-columns:1fr}.hero-inner{padding:80px 0}.erp-visual{height:400px}
  .benefits-grid,.cards.four,.process-grid{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1180px)}.topbar{height:auto;padding:8px 0}.topbar-inner,.topbar-left{flex-direction:column;gap:4px;align-items:flex-start}.socials{display:none}
  .logo-main{font-size:32px}.hero h1{font-size:42px}.hero-inner{padding:60px 0}.erp-visual{height:350px;transform:scale(.85)}
  .benefits-grid,.cards.four,.cards.three,.process-grid,.about-visual{grid-template-columns:1fr}
  .benefits article{border-right:0;border-bottom:1px solid var(--line)}.contact-inner,.footer-inner{flex-direction:column;align-items:flex-start}
  .section{padding:66px 0}.section-title h2,.about-copy h2,.contact-inner h2{font-size:32px}
}