/* ERP reference styling; all product copy stays in erp.php. */
.ps-page { --ps-accent:#1677ff; --ps-ink:#092651; --ps-muted:#6b80a0; background:#fff; }
.ps-page .ps-wrap { width:min(1200px,calc(100% - 64px)); }
.ps-page .ps-hero { padding:54px 0; background:radial-gradient(ellipse at 100% 70%,#15599d70,transparent 50%),linear-gradient(115deg,#062044,#041c3c 65%,#092e59); }
.ps-page .ps-hero:before { inset:-140px auto auto -170px; width:300px; height:300px; border:45px solid #1561d05c; border-radius:50%; background:none; opacity:1; mask-image:none; }
.ps-page .ps-hero:after { content:""; position:absolute; right:-100px; bottom:-200px; width:450px; height:450px; border:60px solid #1d6dc433; border-radius:50%; pointer-events:none; }
.ps-page .ps-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:45px; z-index:1; }
.ps-page .ps-kicker { padding:5px 13px; background:#1e6ecf70; border-color:#3c8bec80; font-size:11px; letter-spacing:.03em; text-transform:none; }
.ps-page .ps-hero h1 { margin:16px 0; font-size:clamp(30px,3.3vw,43px); line-height:1.15; letter-spacing:-.035em; font-weight:800; }
.ps-page .ps-hero h1 span { color:#32d3ff; }
.ps-page .ps-hero p { max-width:540px; color:#d4e4f7; font-size:15px; line-height:1.8; margin-bottom:0; }
.ps-page .ps-panel { position:relative; padding:270px 18px 15px; border:1px solid #76b9f22e; border-radius:18px; background:linear-gradient(130deg,#ffffff13,#ffffff05); box-shadow:0 24px 60px #00112640; transform:perspective(1000px) rotateY(-5deg); }
.ps-page .ps-panel:before { content:""; position:absolute; top:-18px; left:-20px; right:-20px; height:285px; background:url('erp-dashboard.svg') center/contain no-repeat; }
.ps-page .ps-panel-head { color:#fff; border-color:#ffffff18; font-size:15px; padding-bottom:10px; margin-bottom:8px; }
.ps-page .ps-panel-item { color:#dbeaff; padding:8px 0; border-color:#ffffff12; font-size:12px; }
.ps-page .ps-panel-item i { color:#20d6a0; }
.ps-page .ps-panel-item b { color:#7ce7c0; background:#11b67f20; font-size:10px; }
.ps-page .ps-section { padding:52px 0 42px; }
.ps-page .ps-center { background:linear-gradient(180deg,#fff,#f5fbff); }
.ps-page .ps-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#2377e3; font-size:11px; letter-spacing:.18em; }
.ps-page .ps-eyebrow:before,.ps-page .ps-eyebrow:after { content:""; width:25px; height:1px; background:#9fcfff; }
.ps-page .ps-title { color:#082653; font-size:clamp(27px,2.8vw,36px); margin:12px auto 16px; }
.ps-page .ps-copy { max-width:800px; font-size:14px; line-height:1.8; }
.ps-page .ps-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:35px; }
.ps-page .ps-card { --card-color:#2479ff; --card-tint:#e9f0ff; position:relative; grid-template-columns:44px minmax(0,1fr); gap:6px 15px; padding:23px 23px 36px; border:1px solid #e3edf8; border-radius:13px; background:linear-gradient(120deg,#fff,#fbfdff); box-shadow:0 7px 22px #174b8010; }
.ps-page .ps-card:nth-child(2) { --card-color:#06bc63; --card-tint:#e3f9ec; }
.ps-page .ps-card:nth-child(3) { --card-color:#913dff; --card-tint:#f1e7ff; }
.ps-page .ps-card:nth-child(4) { --card-color:#ff972a; --card-tint:#fff1df; }
.ps-page .ps-card:nth-child(5) { --card-color:#f45295; --card-tint:#ffe9f1; }
.ps-page .ps-card:nth-child(6) { --card-color:#0dc2ca; --card-tint:#e0f8f8; }
.ps-page .ps-card:nth-child(7) { --card-color:#6663ff; --card-tint:#ebebff; }
.ps-page .ps-card:nth-child(8) { --card-color:#844bff; --card-tint:#eee7ff; }
.ps-page .ps-icon { grid-row:span 2; width:44px; height:44px; padding:9px; margin:0; border-radius:12px; background:var(--card-tint); color:#fff; font-size:17px; }
.ps-page .ps-icon i { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:var(--card-color); box-shadow:0 3px 8px color-mix(in srgb,var(--card-color) 25%,transparent); }
.ps-page .ps-card h3 { margin:0; font-size:14px; line-height:1.45; align-self:start; }
.ps-page .ps-card p { grid-column:2; font-size:12px; line-height:1.75; }
.ps-page .ps-card:after { content:'\2192'; position:absolute; right:15px; bottom:12px; display:grid; place-items:center; width:22px; height:22px; border:1px solid #deedff; border-radius:50%; color:#2786ff; background:#f3f9ff; font-size:15px; }
.ps-page .ps-card:hover { transform:translateY(-4px); border-color:#b4d9ff; }
.ps-page .ps-section-soft { position:relative; overflow:hidden; padding:48px 0; background:radial-gradient(ellipse at 100% 90%,#d5eaff,transparent 60%),linear-gradient(100deg,#eaf7ff,#f2faff); }
.ps-page .ps-split { grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.7fr); gap:28px; }
.ps-page .ps-split:after { content:""; min-height:240px; align-self:end; background:url('erp-dashboard.svg') center bottom/110% auto no-repeat; transform:rotate(-8deg); }
.ps-page .ps-split .ps-eyebrow { justify-content:flex-start; font-size:10px; }
.ps-page .ps-split .ps-eyebrow:before,.ps-page .ps-split .ps-eyebrow:after { content:none; }
.ps-page .ps-split .ps-title { font-size:29px; margin-top:10px; }
.ps-page .ps-split .ps-copy { font-size:12px; }
.ps-page .ps-benefits { gap:12px; }
.ps-page .ps-benefit { align-items:center; padding:14px 12px; gap:9px; border:1px solid #e5f0fb; border-radius:9px; font-size:11px; box-shadow:0 5px 15px #2b78c008; }
.ps-page .ps-benefit i { margin:0; color:#05bb7b; font-size:15px; }
.ps-page .ps-industries span { background:#fff; border-color:#e0ebf7; color:#24528b; font-size:13px; }
.ps-page .ps-cta-box { background:radial-gradient(ellipse at 90% 0,#1660aa80,transparent 60%),#06244b; border-radius:20px; box-shadow:0 15px 35px #103a6820; }
@media(max-width:1000px) {
 .ps-page .ps-hero-grid { gap:25px; }
 .ps-page .ps-panel { padding-top:225px; }.ps-page .ps-panel:before { height:245px; }
 .ps-page .ps-split { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }.ps-page .ps-split:after { display:none; }
 .ps-page .ps-card { padding:18px 16px 36px; gap:7px 10px; }
}
@media(max-width:760px) {
 .ps-page .ps-wrap { width:calc(100% - 36px); }
 .ps-page .ps-hero { padding:34px 0; }.ps-page .ps-hero-grid { grid-template-columns:1fr; gap:35px; }
 .ps-page .ps-hero h1 { font-size:35px; }.ps-page .ps-hero p { font-size:14px; }
 .ps-page .ps-panel { max-width:520px; margin:auto; padding-top:260px; transform:none; }.ps-page .ps-panel:before { height:285px; }
 .ps-page .ps-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
 .ps-page .ps-card { grid-template-columns:36px minmax(0,1fr); }.ps-page .ps-icon { width:36px; height:36px; padding:4px; }
 .ps-page .ps-section { padding:35px 0; }.ps-page .ps-split { grid-template-columns:1fr; gap:25px; }
 .ps-page .ps-split .ps-copy { font-size:14px; }.ps-page .ps-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ps-page .ps-benefit { font-size:12px; }
}
@media(max-width:480px) {
 .ps-page .ps-hero h1 { font-size:30px; }.ps-page .ps-panel { padding-top:190px; }.ps-page .ps-panel:before { height:215px; left:-8px; right:-8px; }
 .ps-page .ps-feature-grid { grid-template-columns:1fr; }.ps-page .ps-card { padding:21px 20px 35px; grid-template-columns:44px minmax(0,1fr); gap:6px 14px; }
 .ps-page .ps-icon { width:44px; height:44px; padding:8px; }.ps-page .ps-card h3 { font-size:15px; }.ps-page .ps-card p { font-size:13px; }
 .ps-page .ps-benefit { font-size:11px; padding:12px 10px; }.ps-page .ps-title { font-size:28px; }
}
/* Dedicated 3D artwork, with intrinsic sizing to keep both visuals uncropped. */
.ps-page .ps-panel { padding:0 18px 16px; transform:none; background:transparent; border:0; box-shadow:none; }
.ps-page .ps-panel:before,.ps-page .ps-split:after { content:none; }
.ps-page .erp-hero-art { width:100%; height:auto; margin:0 auto 8px; filter:drop-shadow(0 18px 22px #00122e40); }
.ps-page .ps-panel-head { margin-top:0; }
.ps-page .ps-split { grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,.85fr); gap:24px; }
.ps-page .erp-benefits-art { width:100%; height:auto; align-self:center; filter:drop-shadow(0 12px 14px #3774a71a); }
@media(max-width:1000px) {
 .ps-page .ps-split { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
 .ps-page .erp-benefits-art { grid-column:1/-1; width:min(460px,100%); justify-self:center; }
}
@media(max-width:760px) {
 .ps-page .ps-panel { padding:0 0 12px; }
 .ps-page .ps-split { grid-template-columns:1fr; gap:24px; }
 .ps-page .erp-hero-art { max-width:520px; }
 .ps-page .erp-benefits-art { grid-column:1; width:min(420px,100%); }
}
/* Reference composition: compact banner, nine pastel cards, three-part benefits. */
.ps-page .ps-hero { padding:38px 0 32px; }
.ps-page .ps-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:30px; }
.ps-page .ps-hero h1 { max-width:570px; font-size:clamp(30px,3.25vw,43px); }
.ps-page .ps-hero p { font-size:14px; line-height:1.75; }
.ps-page .ps-panel { padding:0; backdrop-filter:none; border-radius:0; }
.ps-page .ps-panel:hover { transform:none; }
.ps-page .erp-hero-art { width:112%; max-width:112%; margin:-12px -6% -12px; }
.ps-page .erp-hero-overview { margin-top:20px; }
.ps-page .erp-hero-overview .ps-panel-head { font-size:11px; gap:6px; margin:0 0 9px; padding:0; opacity:.85; }
.ps-page .erp-hero-overview .ps-panel-head i { width:20px; height:20px; font-size:10px; background:#1b6ac044; color:#66d8ff; }
.ps-page .erp-hero-overview { display:flex; flex-wrap:wrap; gap:8px 16px; }
.ps-page .erp-hero-overview .ps-panel-head { width:100%; }
.ps-page .erp-hero-overview .ps-panel-item { display:flex; border:0; padding:0; gap:6px; font-size:10px; }
.ps-page .erp-hero-overview .ps-panel-item b { font-size:8px; padding:2px 4px; border-radius:4px; }
.ps-page .ps-section.ps-center { padding:42px 0; }
.ps-page .ps-title span { color:#147dff; }
.ps-page .ps-center > .ps-wrap > .ps-copy { max-width:750px; font-size:13px; }
.ps-page .ps-feature-grid { gap:18px; margin-top:34px; }
.ps-page .ps-card { min-height:148px; padding:22px 22px 34px; }
.ps-page .ps-card h3 { font-size:14px; }
.ps-page .ps-card p { font-size:12px; }
.ps-page .ps-section-soft { padding:38px 0 30px; }
.ps-page .ps-split { grid-template-columns:minmax(0,.95fr) minmax(0,1.5fr) minmax(0,.8fr); gap:24px; }
.ps-page .ps-split .ps-title { font-size:30px; line-height:1.12; }
.ps-page .ps-split .ps-title span { color:#16a8e5; }
.ps-page .ps-benefits { gap:12px; }
.ps-page .ps-benefit { min-height:52px; font-size:11px; }
.ps-page .erp-benefits-art { width:135%; max-width:135%; margin-left:-8%; align-self:end; }
@media(min-width:761px) and (max-width:1000px) {
 .ps-page .ps-wrap { width:calc(100% - 44px); }
 .ps-page .ps-split { grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr) minmax(0,.75fr); gap:15px; }
 .ps-page .erp-benefits-art { grid-column:auto; width:135%; max-width:135%; }
 .ps-page .ps-split .ps-title { font-size:24px; }.ps-page .ps-split .ps-copy { font-size:11px; }
 .ps-page .ps-benefit { padding:10px 8px; font-size:10px; gap:6px; }
}
@media(max-width:760px) {
 .ps-page .ps-hero { padding:30px 0; }
 .ps-page .ps-hero-grid { grid-template-columns:1fr; gap:20px; }
 .ps-page .ps-hero h1 { font-size:34px; }
 .ps-page .erp-hero-art { width:100%; max-width:520px; margin:0 auto; }
 .ps-page .ps-split { grid-template-columns:1fr; gap:24px; }
 .ps-page .erp-benefits-art { grid-column:auto; width:min(380px,100%); max-width:100%; margin:0; justify-self:center; }
 .ps-page .ps-split .ps-copy { font-size:14px; }
 .ps-page .ps-card { min-height:155px; }
}
@media(max-width:480px) {
 .ps-page .ps-hero h1 { font-size:30px; }
 .ps-page .ps-card { min-height:0; padding:22px 20px 36px; }
 .ps-page .ps-card p { font-size:13px; }
}
/* Larger benefits copy and tighter spacing. */
.ps-page .ps-section-soft { padding:26px 0; }
.ps-page .ps-split { gap:18px; }
.ps-page .ps-split .ps-title { font-size:32px; margin:8px 0 14px; }
.ps-page .ps-split .ps-copy { font-size:14px; line-height:1.65; }
.ps-page .ps-benefits { gap:9px; }
.ps-page .ps-benefit { font-size:13px; line-height:1.45; min-height:48px; padding:12px 10px; }
.ps-page .erp-benefits-art { width:125%; max-width:125%; margin-left:-5%; align-self:center; }
@media(min-width:761px) and (max-width:1000px) {
 .ps-page .ps-split { gap:14px; }
 .ps-page .ps-split .ps-title { font-size:27px; }
 .ps-page .ps-split .ps-copy { font-size:13px; }
 .ps-page .ps-benefit { font-size:12px; }
}
@media(max-width:760px) {
 .ps-page .ps-split { gap:18px; }
 .ps-page .ps-split .ps-title { font-size:30px; }
 .ps-page .ps-split .ps-copy { font-size:15px; }
 .ps-page .ps-benefit { font-size:13px; }
 .ps-page .erp-benefits-art { width:min(380px,100%); max-width:100%; margin:0; }
}
/* Feature cards: readable copy and a restrained color-matched hover. */
.ps-page .ps-feature-grid { gap:18px; }
.ps-page .ps-card { min-height:160px; padding:24px; column-gap:16px; row-gap:8px; border-radius:15px; background:#fff; box-shadow:0 5px 18px #174b8009; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease; }
.ps-page .ps-card:after { content:none; }
.ps-page .ps-card h3 { font-size:16px; line-height:1.4; font-weight:700; }
.ps-page .ps-card p { font-size:14px; line-height:1.7; color:#627896; }
.ps-page .ps-card .ps-icon { border-radius:12px; background:var(--card-tint); color:#fff; transform:none; transition:box-shadow .2s ease; }
.ps-page .ps-card:hover { transform:none; border-color:color-mix(in srgb,var(--card-color) 35%,#e3edf8); background:#fff; box-shadow:0 8px 24px #174b8012; }
.ps-page .ps-card:hover .ps-icon { border-radius:12px; background:var(--card-tint); color:#fff; transform:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--card-color) 8%,transparent); }
@media(max-width:1000px) and (min-width:761px) {
 .ps-page .ps-card { padding:20px 16px; column-gap:12px; }
 .ps-page .ps-card h3 { font-size:15px; }
 .ps-page .ps-card p { font-size:13px; }
}
@media(max-width:760px) {
 .ps-page .ps-card { min-height:0; padding:22px 18px; column-gap:12px; }
 .ps-page .ps-card h3 { font-size:16px; }
 .ps-page .ps-card p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .ps-page .ps-card,.ps-page .ps-card .ps-icon { transition:none; }
}