*{margin:0;padding:0;box-sizing:border-box}
:root{--green:#007a33;--green2:#0b8f3a;--green3:#21a84f;--light:#f7faf8;--muted:#46624f;--text:#063b1e;--border:rgba(0,122,51,.22)}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 0%,#fff 0,#f8fbf9 35%,#eef6f1 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,122,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,122,51,.035) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.site-header{width:min(1560px,calc(100% - 70px));height:105px;margin:25px auto 0;padding:0 34px;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 45px rgba(0,70,25,.08);position:relative;z-index:10}
.brand img{width:330px;height:auto;display:block}.nav{display:flex;align-items:center;gap:38px}.nav a{font-size:18px;font-weight:850;text-decoration:none;color:var(--text);position:relative}.nav a:hover,.nav a.active{color:var(--green2)}.nav a.active:after{content:"";position:absolute;left:0;bottom:-14px;width:100%;height:3px;background:var(--green2);border-radius:10px}.demo-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:900}.demo-btn{background:linear-gradient(135deg,var(--green3),var(--green));color:white;padding:16px 28px;border-radius:40px;box-shadow:0 14px 30px rgba(0,122,51,.22)}.demo-btn span,.btn span{font-size:25px}.menu-toggle{display:none;border:0;background:transparent;color:var(--green);font-size:32px}
.hero{width:min(1560px,calc(100% - 80px));margin:62px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.eyebrow{display:inline-block;padding:10px 22px;border-radius:999px;background:#e7f5eb;color:var(--green);border:1px solid var(--border);font-weight:900;letter-spacing:2px}.hero h1,.page-hero h1{margin-top:22px;font-size:clamp(42px,5vw,76px);line-height:1.1;font-weight:950;letter-spacing:-2px;color:var(--text)}.hero h1 span,.page-hero h1 span{color:var(--green2)}.hero p,.page-hero p{margin-top:24px;color:var(--muted);font-size:22px;line-height:1.65;max-width:720px}.actions{display:flex;gap:20px;margin-top:38px}.btn{height:64px;min-width:210px;padding:0 26px;border-radius:20px}.btn.primary{background:linear-gradient(135deg,var(--green3),var(--green));color:#fff;box-shadow:0 14px 30px rgba(0,122,51,.22)}.btn.ghost{background:#fff;color:var(--green);border:1px solid var(--border)}
.hero-board{min-height:760px;position:relative;display:grid;place-items:center}.erp-title{position:absolute;top:0;font-size:110px;font-weight:950;color:var(--green);letter-spacing:4px}.erp-subtitle{position:absolute;top:120px;font-size:30px;font-weight:800;color:var(--green)}.finance-board{width:812px;height: 480px;border-radius:22px;background:#fff;border:1px solid rgba(0,122,51,.18);box-shadow:0 28px 65px rgba(0,60,25,.14);overflow:hidden;position:relative;z-index:2}.finance-board h3{background:linear-gradient(180deg,var(--green2),var(--green));color:#fff;text-align:center;font-size:38px;padding:25px}.finance-sample{padding:1px;background:#fff}.finance-sample img{width:105%;display:block;border-radius:20px}.finance-board p{text-align:center;color:var(--green);font-size:24px;font-weight:900;padding:0 0 30px;margin:0}
.stats{width:min(1280px,calc(100% - 70px));margin:40px auto 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stats div{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;text-align:center;box-shadow:0 15px 35px rgba(0,60,25,.08)}.stats strong{font-size:38px;color:var(--green);display:block}.stats span{color:var(--muted);font-weight:700}
.page-hero{width:min(1050px,calc(100% - 60px));margin:80px auto 50px;text-align:center}.page-hero p{margin-left:auto;margin-right:auto}.section-title{text-align:center;width:min(980px,calc(100% - 60px));margin:80px auto 42px}.section-title span{font-weight:900;color:var(--green);letter-spacing:2px}.section-title h2{font-size:clamp(34px,4vw,56px);margin-top:16px}.section-title p{color:var(--muted);font-size:20px;line-height:1.6;margin-top:16px}
.module-grid,.resource-grid,.about-grid,.solution-layout{width:min(1280px,calc(100% - 70px));margin:40px auto 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.module-card,.resource-grid article,.about-grid div,.solution-panel{background:#fff;border:1px solid var(--border);border-radius:26px;padding:26px;text-align:center;text-decoration:none;color:var(--text);box-shadow:0 18px 45px rgba(0,60,25,.08);transition:.25s}.module-card:hover,.resource-grid article:hover,.about-grid div:hover,.solution-panel:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(0,80,30,.13)}
.module-image{height:170px;border:1px solid rgba(0,122,51,.16);border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:22px;overflow:hidden}.module-image img{width:92%;height:69%;object-fit:cover;display:block}.module-card h3,.resource-grid h3,.about-grid h3,.solution-panel h2{font-size:24px;margin-bottom:16px}.module-card p,.resource-grid p,.about-grid p,.solution-panel p{font-size:17px;line-height:1.65;color:var(--muted)}.module-card span{display:inline-block;margin-top:22px;color:var(--green);font-weight:900}.solution-layout{grid-template-columns:repeat(3,1fr)}
.footer{width:min(1560px,calc(100% - 70px));margin:0 auto 40px;background:#fff;border:1px solid var(--border);border-radius:28px;padding:38px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:35px;box-shadow:0 18px 45px rgba(0,60,25,.08)}.footer img{width:260px}.footer h4{margin-bottom:14px;color:var(--green)}.footer p,.footer a{display:block;text-decoration:none;color:var(--muted);margin-top:10px;line-height:1.55}
.latest{width:min(1050px,calc(100% - 70px));margin:0 auto 90px;background:#fff;border:1px solid var(--border);border-radius:26px;padding:35px;box-shadow:0 18px 45px rgba(0,60,25,.08)}.latest h2{font-size:36px;margin-bottom:20px}.latest div{border-top:1px solid var(--border);padding:22px 0}.latest span{color:var(--green);font-weight:900}.latest p{color:var(--muted);margin-top:7px}
.detail-hero{width:min(1280px,calc(100% - 70px));margin:75px auto 50px;display:grid;grid-template-columns:1fr .75fr;gap:45px;align-items:center}.detail-hero h1{font-size:clamp(44px,5vw,78px);line-height:1.12;color:var(--text)}.detail-hero h1 span{color:var(--green)}.detail-hero p{margin-top:24px;color:var(--muted);font-size:22px;line-height:1.65}.detail-image{height:360px;border:1px solid var(--border);border-radius:34px;background:#fff;display:grid;place-items:center;box-shadow:0 22px 55px rgba(0,60,25,.12);overflow:hidden}.detail-image img{width:84%;height:144%;object-fit:cover}
.content-grid{width:min(1280px,calc(100% - 70px));margin:45px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.panel{border:1px solid var(--border);border-radius:28px;background:#fff;padding:34px;box-shadow:0 18px 45px rgba(0,60,25,.08)}.panel h2{font-size:32px;margin-bottom:18px;color:var(--green)}.panel p,.panel li{color:var(--muted);font-size:17px;line-height:1.75}.panel ul{padding-left:22px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-list span{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#f2fbf5;color:var(--text);font-weight:800}
.workflow{width:min(1280px,calc(100% - 70px));margin:0 auto 85px}.workflow h2{text-align:center;font-size:42px;margin-bottom:30px;color:var(--text)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{padding:28px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(0,60,25,.08)}.step strong{color:var(--green);font-size:28px}.step h3{margin-top:14px}.step p{margin-top:12px;color:var(--muted);line-height:1.6}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report{padding:22px;border:1px solid var(--border);border-radius:18px;background:#f2fbf5;font-weight:800}.cta{width:min(1280px,calc(100% - 70px));margin:0 auto 90px;border:1px solid var(--border);background:#fff;border-radius:28px;padding:44px 50px;box-shadow:0 18px 45px rgba(0,60,25,.08)}.cta h2{font-size:clamp(30px,3.5vw,52px)}.cta p{margin:15px 0 28px;color:var(--muted);font-size:19px}
@media(max-width:1200px){.site-header{width:calc(100% - 40px)}.brand img{width:260px}.nav{gap:22px}.hero{grid-template-columns:1fr}.hero-board{transform:scale(.8);transform-origin:top center}.module-grid,.resource-grid,.about-grid,.stats,.footer{grid-template-columns:repeat(2,1fr)}.solution-layout{grid-template-columns:1fr}.detail-hero,.content-grid{grid-template-columns:1fr}.steps,.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:auto;min-height:88px;padding:18px}.brand img{width:220px}.demo-btn{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:95px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero,.stats,.module-grid,.resource-grid,.about-grid,.solution-layout,.footer,.detail-hero,.content-grid,.workflow,.report-grid,.cta{width:calc(100% - 40px);grid-template-columns:1fr}.hero h1,.page-hero h1,.detail-hero h1{font-size:42px}.actions{flex-direction:column}.btn{width:100%}.hero-board{min-height:580px;transform:scale(.48);transform-origin:top center}.footer{grid-template-columns:1fr}.steps,.feature-list{grid-template-columns:1fr}}