.wx-erp-hero { background:#f3f1e9; padding:76px 0; }
.wx-erp-hero-grid,.wx-erp-split { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
.wx-erp-hero h1 { font-size:clamp(3rem,5.2vw,5rem); line-height:1.05; letter-spacing:-.055em; font-weight:600; margin:0 0 26px; }
.wx-erp-hero h1 em { font-family:Georgia,serif; font-weight:400; color:#396b59; }
.wx-erp-tags { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; font-size:.78rem; color:#396b59; font-weight:700; }
.wx-erp-map { background:#183c32; color:white; padding:30px; border-radius:4px 70px 4px 4px; box-shadow:14px 14px 0 #d8e0d6; }
.wx-erp-map-head { font-size:.7rem; letter-spacing:.16em; color:#bcd3be; }
.wx-erp-map-core { padding:35px 0; text-align:center; border-bottom:1px solid #507064; }
.wx-erp-map-core strong { font-size:3.6rem; font-weight:500; letter-spacing:-.05em; display:block; }
.wx-erp-map-core > span { font-size:.85rem; color:#cfddd2; }
.wx-erp-map-nodes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:24px; }
.wx-erp-map-nodes > div { background:#2d5044; padding:18px; }
.wx-erp-map-nodes span { display:block; color:#dce6aa; font-size:1.6rem; margin-bottom:12px; }
.wx-erp-map-nodes strong,.wx-erp-map-nodes small { display:block; }
.wx-erp-map-nodes small { color:#cfddd2; font-size:.72rem; margin-top:7px; }
.wx-erp-map > p { color:#bdcec2; font-size:.7rem; margin:20px 0 0; }
.wx-erp-checks { padding-left:20px; line-height:1.8; color:var(--wx-muted); }
.wx-erp-checks li { margin-bottom:10px; }
.wx-erp-services { padding:80px 0; background:#f6f7f3; }
.wx-erp-service-list { margin-top:40px; border-top:1px solid #ced8ce; }
.wx-erp-service-list article { display:grid; grid-template-columns:50px 1fr 1.25fr; gap:30px; border-bottom:1px solid #ced8ce; padding:30px 0; align-items:start; }
.wx-erp-service-list article > span { color:#396b59; font-size:.8rem; padding-top:4px; }
.wx-erp-service-list h3 { font-size:1.3rem; line-height:1.4; margin:0; letter-spacing:-.025em; }
.wx-erp-service-list p { margin:0; color:var(--wx-muted); line-height:1.8; }
.wx-erp-photo img { display:block; width:100%; height:480px; object-fit:cover; }
.wx-erp-photo > span { display:block; background:#183c32; color:#fff; padding:20px; font-size:.85rem; }
.wx-erp-workflows article { border-top:1px solid var(--wx-line); padding:18px 0; }
.wx-erp-workflows h3 { margin:0 0 8px; font-size:1.15rem; }
.wx-erp-workflows p { margin:0; color:var(--wx-muted); line-height:1.7; }
.wx-erp-hosting { padding:80px 0; background:#f3f1e9; }
.wx-erp-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:38px; }
.wx-erp-plans article { background:white; padding:30px; border-top:4px solid #396b59; }
.wx-erp-plans article > span { color:#396b59; font-size:.72rem; font-weight:700; letter-spacing:.12em; }
.wx-erp-plans h3 { font-size:2.8rem; font-weight:600; margin:22px 0 12px; letter-spacing:-.04em; }
.wx-erp-plans h3 small { font-size:.9rem; font-weight:400; letter-spacing:0; color:var(--wx-muted); }
.wx-erp-annual { font-size:.85rem; line-height:1.7; color:#396b59; }
.wx-erp-plans ul { padding-left:18px; color:var(--wx-muted); line-height:2; margin:24px 0; font-size:.9rem; }
.wx-erp-plans .wx-btn { width:100%; padding-inline:12px; }
.wx-erp-plan-note { font-size:.85rem; line-height:1.8; color:var(--wx-muted); margin-top:28px; }
.wx-erp-plan-note a { color:var(--wx-brand); text-decoration:underline; }
.wx-erp-plan-details { border-top:1px solid #ced8ce; margin-top:28px; padding-top:20px; }
.wx-erp-plan-details summary { cursor:pointer; font-weight:600; }
.wx-erp-table-scroll { overflow-x:auto; margin-top:25px; }
.wx-erp-table-scroll table { border-collapse:collapse; width:100%; min-width:650px; font-size:.85rem; background:white; }
.wx-erp-table-scroll td,.wx-erp-table-scroll th { border:1px solid #dde3dc; padding:14px; text-align:center; }
.wx-erp-table-scroll th { background:#183c32; color:white; }
.wx-erp-table-scroll td a { color:var(--wx-brand); }
.wx-erp-table-scroll img { width:15px; height:15px; }
.wx-erp-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:40px; }
.wx-erp-steps article { border-top:1px solid var(--wx-line); padding-top:20px; }
.wx-erp-steps article > div { display:flex; gap:14px; align-items:center; }
.wx-erp-steps h3 { margin:0; }
.wx-erp-steps span { font-size:.8rem; color:#396b59; }
.wx-erp-steps p { line-height:1.8; color:var(--wx-muted); font-size:.95rem; }
.wx-erp-faq { padding:64px 0; background:#f6f7f3; }
.wx-erp-faq .wx-container { max-width:900px; }
.wx-erp-faq details { padding:22px 0; border-bottom:1px solid var(--wx-line); }
.wx-erp-faq summary { font-weight:600; cursor:pointer; line-height:1.6; }
.wx-erp-faq p { line-height:1.8; color:var(--wx-muted); }
.wx-erp-cta { background:#dfe8da; padding:65px 0; }
.wx-erp-cta .wx-container { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.wx-erp-cta h2 { font-size:clamp(2rem,4vw,3.3rem); letter-spacing:-.04em; line-height:1.15; margin:0; }
@media(max-width:960px) { .wx-erp-hero-grid,.wx-erp-split { grid-template-columns:1fr; gap:38px; } .wx-erp-plans { gap:12px; } .wx-erp-plans article { padding:22px 16px; } .wx-erp-steps { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .wx-erp-hero { padding:42px 0; } .wx-erp-hero h1 { font-size:clamp(2.7rem,11.5vw,4rem); } .wx-erp-map { padding:22px; max-width:calc(100% - 10px); box-shadow:10px 10px 0 #d8e0d6; } .wx-erp-map-nodes > div { padding:14px 10px; } .wx-erp-map-nodes strong { font-size:.9rem; } .wx-erp-service-list article { grid-template-columns:30px 1fr; gap:12px; } .wx-erp-service-list p { grid-column:2; } .wx-erp-plans,.wx-erp-steps { grid-template-columns:1fr; } .wx-erp-plans article { padding:28px; } .wx-erp-photo img { height:350px; } .wx-erp-services,.wx-erp-hosting { padding:60px 0; } .wx-erp-cta .wx-container { display:grid; } .wx-erp-cta .wx-btn { width:100%; } }