:root{
  --navy:#1B3A6B;--navy2:#2A5298;--navy-dark:#0c1f3d;
  --orange:#E8671A;--orange2:#F58035;--orange-pale:#FFF4ED;
  --bg:#F2F5FB;--white:#fff;--text:#111827;--muted:#64748b;
  --border:#dce6f5;--r-sm:8px;--r-md:14px;--r-lg:22px;
  /* ERP Plus unique accent — teal/purple gradient */
  --plus:#6366f1;--plus2:#8b5cf6;--plus-light:#eef2ff;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}

/* TOPBAR */
.topbar{background:var(--navy-dark);padding:9px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left a{font-family:'Space Mono',monospace;font-size:.72rem;color:#8ba6cc;letter-spacing:.5px;margin-right:20px;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:6px;}
.tbsoc{font-family:'Space Mono',monospace;font-size:.68rem;color:#6b88a8;border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:4px;transition:.2s;letter-spacing:1px;}
.tbsoc:hover{background:var(--orange);color:#fff;border-color:var(--orange);}

/* NAV */
nav{background:var(--white);border-bottom:2px solid var(--border);padding:0 48px;height:68px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:500;box-shadow:rgba(27,58,107,.18) 0 4px 32px;}
.logo-img-nav{height:44px;width:auto;object-fit:contain;}
.logo-text-nav{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:2px;color:var(--navy);display:none;}
.logo-text-nav span{color:var(--orange);}
.nav-links{display:flex;gap:2px;align-items:center;}
.nav-links a{font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:500;color:var(--navy);padding:8px 14px;border-radius:var(--r-sm);transition:.2s;}
.nav-links a:hover{background:var(--bg);}
.nav-links a.active{color:var(--orange);background:var(--orange-pale);}
.nav-cta{background:var(--navy)!important;color:#fff!important;font-weight:700!important;padding:10px 22px!important;border-radius:var(--r-sm)!important;}
.nav-cta:hover{background:var(--orange)!important;}

/* ── UNIQUE HERO — diagonal split with floating mobile card ── */
.plus-hero{background:linear-gradient(135deg,var(--navy-dark) 0%,#1a1a3e 50%,#0d2247 100%);min-height:520px;padding:70px 48px 60px;position:relative;overflow:hidden;}
.plus-hero::before{content:'PLUS';position:absolute;bottom:-30px;right:-15px;font-family:'Bebas Neue',sans-serif;font-size:16rem;color:rgba(99,102,241,.06);letter-spacing:10px;line-height:1;pointer-events:none;}
/* purple glow accent */
.plus-hero::after{content:'';position:absolute;top:-100px;right:200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;}
.plus-hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;position:relative;z-index:1;}
.breadcrumb{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:1px;color:rgba(255,255,255,.35);margin-bottom:20px;display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:rgba(255,255,255,.35);transition:.2s;}
.breadcrumb a:hover{color:var(--orange2);}
.breadcrumb .bc-cur{color:var(--orange2);}
.plus-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:20px;}
.plus-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#818cf8;animation:blink 2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.plus-hero h1{font-family:'Bebas Neue',sans-serif;font-size:6.5rem;letter-spacing:3px;line-height:.95;color:var(--white);margin-bottom:16px;}
.plus-hero h1 .ora{color:var(--orange2);}
.plus-hero h1 .pur{color:#ffffff;}
.plus-sub{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.8;max-width:480px;margin-bottom:32px;}
.plus-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.btn-plus{background:#e8671a;color:#fff;padding:13px 28px;border-radius:var(--r-sm);font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(99,102,241,.4);}
.btn-plus:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.5);}
.btn-outline-w{background:transparent;color:rgba(255,255,255,.75);padding:12px 24px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.2);font-size:.93rem;font-weight:500;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
/*.btn-outline-w:hover{border-color:#a5b4fc;color:#a5b4fc;}*/
.btn-outline-w:hover{border-color:var(--orange2);color:var(--orange2);}
.plus-trust{display:flex;gap:20px;flex-wrap:wrap;}
.pt-item{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:6px;}
.pt-item::before{content:'';width:5px;height:5px;border-radius:50%;background:#818cf8;}

/* right — floating phone mockup card */
.plus-mockup{position:relative;}
.pm-phone{background:linear-gradient(160deg,#1e1b4b 0%,#312e81 100%);border-radius:28px;padding:28px;border:2px solid rgba(99,102,241,.3);box-shadow:0 24px 64px rgba(0,0,0,.4);position:relative;overflow:hidden;}
.pm-phone::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,transparent 60%);}
.pm-tag{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:16px;}
.pm-app-bar{background:rgba(255,255,255,.06);border-radius:var(--r-md);padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
.pm-app-label{font-family:'Space Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:1px;text-transform:uppercase;}
.pm-app-val{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:#a5b4fc;letter-spacing:2px;}
.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.pm-tile{background:rgba(255,255,255,.06);border-radius:var(--r-sm);padding:12px;border:1px solid rgba(99,102,241,.2);transition:.2s;}
.pm-tile:hover{background:rgba(99,102,241,.2);}
.pm-tile-n{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--orange2);letter-spacing:2px;line-height:1;margin-bottom:2px;}
.pm-tile-l{font-family:'Space Mono',monospace;font-size:.55rem;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;}
.pm-features{display:flex;flex-direction:column;gap:6px;}
.pm-feat{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.65);background:rgba(255,255,255,.04);border-radius:6px;padding:8px 10px;}
.pm-feat-ico{font-size:.9rem;flex-shrink:0;}

/* ── STATS STRIP ── */
/*.sbar{background:linear-gradient(90deg,var(--plus),var(--plus2));padding:0;}*/
.sbar{background:#1b3a6b;}
.sbar-in{display:flex;max-width:1200px;margin:0 auto;}
.sb{flex:1;padding:20px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.15);}
.sb:last-child{border-right:none;}
.sb:hover{background:rgba(255,255,255,.08);}
.sn{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:#fff;letter-spacing:2px;line-height:1;margin-bottom:3px;}
.sl{font-family:'Space Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.7);letter-spacing:1px;text-transform:uppercase;}

/* ── SECTIONS ── */
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--navy-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-plus{background:linear-gradient(135deg,#1e1b4b,#2e1065);padding:80px 0;}
.section-plus-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow-txt{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--orange2);letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:12px;}
.eyebrow-plus{color:#a5b4fc;}
h2{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;letter-spacing:2px;color:var(--navy);margin-bottom:14px;line-height:1;}
h2 span{color:var(--orange);}
.h2-white{color:var(--white);}
.h2-purple span{color:#a5b4fc;}
.sdesc{font-size:1.02rem;color:var(--muted);line-height:1.8;max-width:640px;margin-bottom:48px;}
.sdesc-white{color:rgba(255,255,255,.6);}
.rev{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}

/* ── ERP vs ERP PLUS COMPARISON ── */
.compare-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);}
.comp-col{padding:0;}
.comp-head{padding:24px 28px;display:flex;align-items:center;gap:12px;}
.comp-head-erp{background:var(--navy-dark);}
.comp-head-plus{background:linear-gradient(135deg,var(--plus),var(--plus2));}
.comp-head-ico{font-size:1.6rem;}
.comp-head-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:2px;color:#fff;line-height:1;}
.comp-head-sub{font-family:'Space Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.comp-rows{display:flex;flex-direction:column;}
.comp-row{display:flex;align-items:center;gap:10px;padding:13px 28px;border-bottom:1px solid var(--border);}
.comp-row:last-child{border-bottom:none;}
.comp-row:nth-child(even){background:var(--bg);}
.comp-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;}
.cc-yes{background:var(--orange);color:#fff;}
.cc-plus{background:linear-gradient(135deg,var(--plus),var(--plus2));color:#fff;}
.cc-no{background:var(--border);color:var(--muted);}
.comp-label{font-size:.88rem;color:var(--navy);font-weight:500;}

/* ── MODULES TABS ── */
.mod-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px;}
.mod-tab{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;background:var(--bg);border:1.5px solid var(--border);color:var(--navy);padding:8px 16px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;}
.mod-tab:hover{border-color:var(--plus);color:var(--plus);}
.mod-tab.active{background:var(--plus);border-color:var(--plus);color:#fff;}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.mod-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);padding:20px;transition:.25s;}
.mod-card:hover{border-color:var(--plus);background:var(--plus-light);transform:translateY(-3px);}
.mod-card:hover .mc-ico{transform:scale(1.1);}
.mc-ico{font-size:1.8rem;margin-bottom:10px;transition:.2s;}
.mc-name{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:1.5px;color:var(--navy);margin-bottom:6px;line-height:1;}
.mc-desc{font-size:.82rem;color:var(--muted);line-height:1.6;}

/* ── DEALER APP SECTION ── */
.dealer-wrap{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center;}
.da-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.da-feat{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border-radius:var(--r-md);padding:16px;border:1.5px solid transparent;transition:.25s;}
.da-feat:hover{border-color:var(--plus);background:var(--plus-light);}
.da-feat-ico{width:40px;height:40px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--plus),var(--plus2));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.da-feat-title{font-family:'DM Sans',sans-serif;font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:3px;}
.da-feat-txt{font-size:.83rem;color:var(--muted);line-height:1.5;}
.da-phone{background:linear-gradient(160deg,#1e1b4b,#2e1065);border-radius:24px;padding:24px;border:2px solid rgba(99,102,241,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);}
.dap-header{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
.dap-status{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:blink 2s ease-in-out infinite;}
.dap-metric{background:rgba(255,255,255,.07);border-radius:var(--r-md);padding:16px;margin-bottom:10px;}
.dap-m-label{font-family:'Space Mono',monospace;font-size:.55rem;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.dap-m-val{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#a5b4fc;letter-spacing:2px;line-height:1;}
.dap-list{display:flex;flex-direction:column;gap:6px;}
.dap-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border-radius:var(--r-sm);padding:9px 12px;}
.dap-item-ico{font-size:.9rem;}
.dap-item-txt{font-size:.8rem;color:rgba(255,255,255,.65);}

/* ── INDUSTRIES PILLS ── */
.ind-tags{display:flex;flex-wrap:wrap;gap:10px;}
.ind-tag{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:10px 20px;font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:500;color:var(--navy);cursor:default;transition:.25s;}
.ind-tag:hover{border-color:var(--plus);background:var(--plus-light);color:var(--plus);transform:translateY(-2px);}
.ind-tag-ico{font-size:1.1rem;}

/* ── WHY PLUS ── */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;}
.wc{background:rgba(255,255,255,.04);padding:28px 22px;transition:.25s;}
.wc:hover{background:rgba(99,102,241,.15);}
.wc:hover .wc-n{color:#a5b4fc;}
.wc-ico{font-size:2rem;margin-bottom:14px;}
.wc-n{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:2px;color:#fff;line-height:1;margin-bottom:8px;transition:.2s;}
.wc-txt{font-size:.84rem;color:rgba(255,255,255,.5);line-height:1.65;}

/* ── TECH STACK ── */
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.tc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:20px;text-align:center;transition:.25s;}
.tc:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);}
.tc-ico{font-size:1.6rem;margin-bottom:8px;}
.tc-name{font-family:'DM Sans',sans-serif;font-size:.88rem;font-weight:700;color:#fff;margin-bottom:3px;}
.tc-role{font-family:'Space Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.4);letter-spacing:.5px;}

/* ── SYSTEM REQ ── */
.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.req-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg);border-radius:var(--r-md);padding:14px 16px;border:1.5px solid transparent;transition:.25s;}
.req-item:hover{border-color:var(--plus);background:var(--plus-light);}
.req-check{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--plus),var(--plus2));display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.req-check svg{width:11px;height:11px;color:#fff;}
.req-text{font-size:.88rem;color:var(--navy);line-height:1.5;font-weight:500;}

/* ── FAQ ── */
.faq-list{display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:.25s;}
.faq-item:hover{border-color:var(--plus);}
.faq-item.open{border-color:var(--plus);}
.faq-item.open .faq-q{background:var(--plus-light);}
.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--plus);}
.faq-q{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;}
.faq-q-text{font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;color:var(--navy);}
.faq-badge{background:var(--plus-light);color:var(--plus);font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;padding:4px 8px;border-radius:4px;flex-shrink:0;}
.faq-icon{font-size:1.2rem;color:var(--muted);transition:transform .25s,color .25s;flex-shrink:0;}
.faq-a{display:none;padding:0 22px 18px;font-size:.87rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--border);padding-top:14px;}
.faq-item.open .faq-a{display:block;}

/* ── RELATED ── */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rel-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);padding:22px;transition:.25s;display:block;}
.rel-card:hover{border-color:var(--orange);background:var(--orange-pale);transform:translateY(-3px);}
.rel-ico{font-size:1.4rem;margin-bottom:10px;}
.rel-title{font-family:'DM Sans',sans-serif;font-size:.92rem;font-weight:700;color:var(--navy);margin-bottom:3px;}
.rel-sub{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--muted);letter-spacing:.5px;}

/* ── CTA ── */
.ctas{background:linear-gradient(135deg,var(--navy-dark) 0%,#1e1b4b 100%);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.ctas::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 25% 50%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(circle at 75% 50%,rgba(232,103,26,.08) 0%,transparent 50%);}
.ctas-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.ctas h2{color:var(--white);font-size:4rem;margin-bottom:16px;}
.ctas h2 span{color:#a5b4fc;}
.ctas p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.8;margin-bottom:38px;}
.ctag{margin-top:24px;font-family:'Space Mono',monospace;font-size:.62rem;color:rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

.mod-card .mc-ico img {
    max-width: 45px;
    width: 100%;
    height: 100%;
}

.prod-hero-right {
    min-height: 360px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    justify-content: right;
    position: relative;
    z-index: 2;
}

.prod-hero-right img {
    /*width: 100%;*/
    max-width: 520px;
    /*max-height: 419px;*/
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 22px 45px rgba(0,0,0,.25));
    animation: productHeroFloat 4s ease-in-out infinite alternate;
}

@keyframes productHeroFloat {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-14px);
    }
}

@media(max-width: 900px) {
    .prod-hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .prod-hero-right {
        min-height: auto;
        justify-content: center !important;
    }

    .prod-hero-right img {
        max-height: 280px;
    }
}

@media(max-width: 520px) {
    .prod-hero-right img {
        max-height: 220px;
    }
}

@media(max-width:1024px){.plus-hero-in{grid-template-columns:1fr;}.dealer-wrap{grid-template-columns:1fr;}.compare-wrap{grid-template-columns:1fr;}.mod-grid{grid-template-columns:1fr 1fr;}.why-grid{grid-template-columns:1fr 1fr;}.tech-grid{grid-template-columns:1fr 1fr;}.related-grid{grid-template-columns:1fr 1fr;}.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.4rem;}.ctas h2{font-size:2.8rem;}.plus-hero h1{font-size:4.2rem;}.sbar-in{flex-wrap:wrap;}.sb{min-width:50%;border-bottom:1px solid rgba(255,255,255,.15);}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.section-plus-in,.ctas,.ft,.fb{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-links{display:none;}.plus-hero{padding:40px 20px;}.plus-hero h1{font-size:3.2rem;}h2{font-size:2rem;}.mod-grid,.req-grid{grid-template-columns:1fr;}.why-grid{grid-template-columns:1fr 1fr;}.tech-grid{grid-template-columns:1fr 1fr;}.related-grid{grid-template-columns:1fr;}.ft{grid-template-columns:1fr;}.fb{flex-direction:column;gap:10px;}}