*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Sarabun',sans-serif;font-size:16px;color:#e8edf5;background:#0b1426;line-height:1.7}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* NAV */
.navbar{position:fixed;top:0;width:100%;background:rgba(11,20,38,.95);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.5px}
.logo-th{font-size:.9rem;color:#64b5f6;margin-left:4px;font-weight:400}
.nav-links{list-style:none;display:flex;gap:28px;align-items:center}
.nav-links a{font-size:.95rem;color:#90aac8;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-cta{background:#1565c0;color:#fff!important;padding:7px 18px;border-radius:6px;font-weight:600;transition:background .2s!important}
.nav-cta:hover{background:#1976d2!important}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px 60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1426 0%,#0d1f3c 50%,#0a2040 100%)}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231565c0' fill-opacity='0.05'%3E%3Cpath d='M0 0h40v40H0zm40 40h40v40H40z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-content{max-width:680px;width:100%;margin:0 auto;position:relative;z-index:1;text-align:center}
.hero-badge{display:inline-block;background:rgba(21,101,192,.25);border:1px solid rgba(100,181,246,.3);color:#90caf9;padding:6px 16px;border-radius:20px;font-size:.85rem;margin-bottom:20px}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px}
.accent{color:#42a5f5}
.hero-sub{font-size:1.1rem;color:#8faac4;margin-bottom:28px}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-bottom:32px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.hs{display:flex;flex-direction:column;align-items:center}
.hs-n{font-size:1.6rem;font-weight:700;color:#42a5f5}
.hs-l{font-size:.8rem;color:#607d9a;margin-top:2px}
.hs-div{width:1px;background:rgba(255,255,255,.1)}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.btn-primary{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:13px 30px;border-radius:8px;font-size:1rem;font-weight:600;transition:opacity .2s;border:none;cursor:pointer}
.btn-primary:hover{opacity:.88}
.btn-outline{background:transparent;color:#42a5f5;border:1.5px solid #42a5f5;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;transition:background .2s}
.btn-outline:hover{background:rgba(66,165,245,.1)}

/* WHY */
.why-section{background:#0e1d35;padding:48px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.why-grid{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.why-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px}
.why-icon{font-size:2.2rem;margin-bottom:10px}
.why-item h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}
.why-item p{font-size:.9rem;color:#7a95b0}

/* SECTION */
.section{padding:72px 0;background:#0b1426}
.section-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:8px}
.section-sub{text-align:center;color:#6e8aaa;margin-bottom:48px;font-size:1rem}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.svc-card{background:#0e1d35;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;position:relative}
.svc-card:hover{border-color:#1976d2;transform:translateY(-3px)}
.svc-card.featured{border-color:#1565c0;background:linear-gradient(135deg,#0e1d35,#112040)}
.featured-badge{position:absolute;top:-1px;right:20px;background:#1565c0;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:0 0 8px 8px}
.svc-icon{font-size:2.4rem;margin-bottom:14px}
.svc-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px}
.svc-card p{font-size:.9rem;color:#7a95b0;margin-bottom:14px;flex:1}
.svc-card ul{list-style:none;margin-bottom:20px}
.svc-card ul li{font-size:.88rem;color:#8faac4;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.svc-card ul li:last-child{border-bottom:none}
.svc-btn{display:inline-block;color:#42a5f5;font-size:.9rem;font-weight:600;margin-top:auto;transition:color .2s}
.svc-btn:hover{color:#90caf9}

/* PRICING */
.pricing-section{padding:72px 0;background:#080f1e}
.section-title.light{color:#fff}
.section-sub.light{color:#5a7a9e}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}
.price-card{background:#0e1d35;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:32px 24px;display:flex;flex-direction:column;position:relative}
.price-card.popular{border-color:#1976d2;background:linear-gradient(135deg,#0e1d35,#101f40)}
.popular-tag{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:#1976d2;color:#fff;font-size:.75rem;font-weight:700;padding:4px 16px;border-radius:0 0 10px 10px;white-space:nowrap}
.price-tier{font-size:.85rem;font-weight:700;color:#42a5f5;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.price-main{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:4px}
.price-unit{font-size:1rem;font-weight:400;color:#6e8aaa}
.price-desc{font-size:.88rem;color:#6e8aaa;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.price-features{list-style:none;margin-bottom:24px;flex:1}
.price-features li{font-size:.9rem;color:#8faac4;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.price-features li:last-child{border-bottom:none}
.price-btn{display:block;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s;cursor:pointer;border:none}
.price-btn.solid{background:#1565c0;color:#fff}
.price-btn.solid:hover{background:#1976d2}
.price-btn.outline{background:transparent;color:#42a5f5;border:1.5px solid #1565c0}
.price-btn.outline:hover{background:rgba(21,101,192,.15)}
.pricing-note{text-align:center;margin-top:20px;font-size:.85rem;color:#4a6a8a}

/* SPECS */
.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
@media(max-width:700px){.specs-grid{grid-template-columns:1fr}}
.spec-group{background:#0e1d35;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:24px}
.spec-group h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem}
.spec-row:last-child{border-bottom:none}
.spec-row span:first-child{color:#6e8aaa}
.spec-row span:last-child{color:#c8d8ec;font-weight:600;text-align:right;max-width:55%}

/* CONTACT */
.contact-section{padding:72px 0;background:#080f1e}
.contact-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;margin-top:32px;align-items:start}
.contact-info h3{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:6px}
.contact-info>p{color:#6e8aaa;margin-bottom:20px;font-size:.95rem}
.cinfo-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:.95rem;color:#90aac8}
.contact-form{display:flex;flex-direction:column;gap:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,select,textarea{background:#0e1d35;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 14px;color:#e8edf5;font-family:'Sarabun',sans-serif;font-size:.95rem;outline:none;transition:border-color .2s;width:100%}
input:focus,select:focus,textarea:focus{border-color:#1976d2}
select option{background:#0e1d35}
.form-submit{background:#1565c0;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:'Sarabun',sans-serif}
.form-submit:hover{background:#1976d2}

/* FOOTER */
.footer{background:#050c1a;text-align:center;padding:24px;font-size:.85rem;color:#3a5a7a;border-top:1px solid rgba(255,255,255,.05)}

@media(max-width:700px){
  .contact-wrap{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero-stats{gap:20px}
}

/* ERPLIFE business solutions */
.erp-section{padding:96px 0;background:radial-gradient(circle at 80% 10%,rgba(70,55,190,.24),transparent 38%),linear-gradient(145deg,#07101f,#101b36);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(105,92,255,.25);scroll-margin-top:60px}
.erp-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}
.erp-eyebrow{color:#8f84ff;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.erp-eyebrow.center{text-align:center}
.erp-hero-grid h2{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.12;color:#fff;letter-spacing:-.035em}
.erp-hero-grid h2 span{color:#8f84ff}
.erp-lead{max-width:680px;color:#91a5bd;margin:20px 0 28px;font-size:1.04rem}
.erp-actions{display:flex;gap:14px;flex-wrap:wrap}
.erp-overview-card{background:linear-gradient(145deg,rgba(143,132,255,.16),rgba(14,29,53,.9));border:1px solid rgba(143,132,255,.35);border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.erp-overview-label{font-size:.72rem;color:#9e98e9;letter-spacing:.12em;text-transform:uppercase}
.erp-overview-card>strong{display:block;font-size:3.6rem;color:#fff;line-height:1.1;margin:8px 0}
.erp-overview-card>p{color:#8499b3}
.erp-overview-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.erp-overview-facts b,.erp-overview-facts span{display:block}.erp-overview-facts b{font-size:1.25rem;color:#a9a2ff}.erp-overview-facts span{font-size:.7rem;color:#7087a2;margin-top:3px}
.modules-section{scroll-margin-top:60px;background:#0a1323}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.09)}
.module-card{min-height:230px;padding:24px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent)}
.module-card>span{font-size:.7rem;color:#8f84ff}.module-card h3{font-size:1.05rem;color:#fff;margin:38px 0 10px}.module-card p{font-size:.85rem;color:#7f96b0}
.erp-pricing-section{padding:80px 0;background:#070e1b;scroll-margin-top:60px}
.suite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:900px;margin:0 auto 28px}
.suite-card{position:relative;padding:32px;background:#0e1d35;border:1px solid rgba(255,255,255,.1);border-radius:16px}.suite-card.recommended{border-color:#8f84ff}.suite-card.ai-card{background:linear-gradient(145deg,#151943,#0e1d35);border-color:rgba(143,132,255,.42)}
.suite-tag{position:absolute;right:24px;top:0;background:#8f84ff;color:#0b0c1e;padding:5px 12px;border-radius:0 0 8px 8px;font-weight:700;font-size:.72rem}.suite-name{color:#a8a2ff;font-weight:700}.suite-price{font-size:2.15rem;color:#fff;font-weight:700;margin:8px 0}.suite-price small{font-size:.9rem;color:#7890aa;font-weight:400}.suite-card>p:not(.suite-name){color:#7890aa;font-size:.88rem}.suite-card ul{list-style:none;margin:20px 0}.suite-card li{padding:7px 0;color:#9bafc5;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.suite-card li::before{content:'✓';color:#8f84ff;margin-right:8px}
.pricing-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.pricing-detail{background:#0c192d;border:1px solid rgba(255,255,255,.08);padding:25px;border-radius:12px}.pricing-detail h3{color:#fff;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#879db5}.detail-row b{color:#b3acf8;text-align:right}.pricing-detail p{color:#657f9b;font-size:.8rem;margin-top:12px}
.product-pricing-block{margin-top:34px;background:#0c192d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px}.block-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.block-heading h3{font-size:1.5rem;color:#fff}.block-heading>p{max-width:440px;color:#6f88a3;font-size:.86rem;text-align:right}.tms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tms-grid article{background:#101f36;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:18px}.tms-grid h4{color:#fff;margin-bottom:8px}.tms-grid strong{display:block;color:#69b9ff;font-size:1.15rem;line-height:1.35}.tms-grid strong small{font-size:.7rem;color:#7590aa}.tms-grid p{color:#7088a1;font-size:.78rem;margin-top:10px}
.annual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.annual-card{background:linear-gradient(145deg,#0c192d,#101d34);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:24px}.annual-card h3{color:#fff}.annual-card strong{display:block;font-size:1.45rem;color:#69b9ff;margin:10px 0}.annual-card>p:last-child{color:#778fa8;font-size:.85rem}
.commercial-note{text-align:center;color:#637d99;font-size:.8rem;margin-top:22px}
.implementation-section{background:#0b1426;scroll-margin-top:60px}.implementation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.implementation-grid article{padding:25px;border-left:2px solid #8f84ff;background:#0e1d35}.implementation-grid article>span{color:#8f84ff;font-size:.7rem}.implementation-grid h3{color:#fff;margin:24px 0 8px}.implementation-grid p{color:#758da7;font-size:.86rem}.implementation-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:22px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.implementation-prices div{background:#0c192d;padding:20px}.implementation-prices span,.implementation-prices strong{display:block}.implementation-prices span{color:#718ba6;font-size:.8rem}.implementation-prices strong{color:#fff;margin-top:4px}
.credits-card{margin-top:22px;padding:24px;background:linear-gradient(135deg,rgba(143,132,255,.1),#0e1d35);border:1px solid rgba(143,132,255,.25);border-radius:12px}.credits-card h3{color:#fff;margin-bottom:14px}.credits-grid{display:flex;flex-wrap:wrap;gap:8px}.credits-grid span{padding:7px 11px;border:1px solid rgba(143,132,255,.25);border-radius:6px;color:#a9a4e8;font-size:.78rem;background:rgba(7,14,27,.5)}
:focus-visible{outline:3px solid #64b5f6;outline-offset:3px}
@media(max-width:900px){.erp-hero-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.tms-grid{grid-template-columns:repeat(2,1fr)}.implementation-grid,.implementation-prices{grid-template-columns:1fr}.erp-overview-card{max-width:620px}}
@media(max-width:700px){.navbar{position:sticky}.nav-inner{height:auto;min-height:60px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}.nav-links{order:3;width:100%;overflow-x:auto;gap:20px;padding:8px 0}.nav-links li{flex:none}.nav-links a{min-height:40px;display:flex;align-items:center;white-space:nowrap}.hero{min-height:auto;padding-top:72px}.erp-section{padding:64px 0}.erp-hero-grid{gap:28px}.erp-overview-facts{grid-template-columns:1fr}.suite-grid,.pricing-detail-grid,.annual-grid{grid-template-columns:1fr}.module-grid,.tms-grid{grid-template-columns:1fr}.module-card{min-height:190px}.block-heading{display:block}.block-heading>p{text-align:left;margin-top:8px}.product-pricing-block{padding:18px}.detail-row{display:block}.detail-row b{display:block;text-align:left;margin-top:4px}.suite-price{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Partner-facing ERPLIFE presentation layer */
.solution-fit-section{padding:74px 0;background:linear-gradient(135deg,#07111f 0%,#0d1d31 100%);border-block:1px solid rgba(66,165,245,.16)}
.solution-fit-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.65fr);gap:48px;align-items:end;margin-bottom:30px}
.solution-fit-head h2{margin-top:8px;color:#f2f7fc;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.18}
.solution-fit-head>p{color:#a9bbcc;line-height:1.75}
.solution-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.solution-fit-grid article{padding:25px;border:1px solid rgba(66,165,245,.18);border-radius:14px;background:rgba(11,27,45,.88)}
.solution-fit-grid span{color:#42a5f5;font:700 .72rem/1.4 monospace;letter-spacing:.12em}
.solution-fit-grid h3{margin:20px 0 10px;color:#fff;font-size:1.14rem}
.solution-fit-grid p{color:#9fb2c5;line-height:1.72}
.solution-fit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.solution-fit-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.serverhub-presentation{border-top:1px solid rgba(0,212,255,.22);border-bottom:1px solid rgba(0,212,255,.22)}
.product-division{padding:4.5rem 0 3.5rem;background:linear-gradient(135deg,#07152a,#0b1f3a);border-top:1px solid rgba(99,102,241,.35);text-align:center}
.product-division h2{font-size:clamp(2rem,5vw,3.5rem);margin:.45rem 0 1rem;color:#fff;letter-spacing:-.03em}
.product-division p:last-child{max-width:820px;margin:0 auto;color:#a9b9d1;line-height:1.8}
@media(max-width:800px){.solution-fit-head{grid-template-columns:1fr;gap:16px}.solution-fit-grid{grid-template-columns:1fr}}