.erp-reference-document { background: #f5f8fc; color: #1a2d4f; }
.erp-reference-page { overflow: hidden; background: #f5f8fc; color: #1a2d4f; }
.erp-reference-page .erp-reference-hero { position: relative; padding: 76px 24px 72px; color: #fff; background: linear-gradient(110deg, #071a35 0%, #0b3867 58%, #1976d2 100%); }
.erp-reference-page .erp-reference-hero::after { content: ''; position: absolute; right: 8%; bottom: -130px; width: 310px; height: 310px; border: 42px solid rgba(255,255,255,.08); border-radius: 50%; }
.erp-reference-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .75fr); align-items: center; gap: 56px; max-width: 1200px; margin: 0 auto; }
.erp-reference-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #ffd29a; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.erp-reference-eyebrow i { color: #ff9d43; }.erp-reference-hero h1 { max-width: 720px; margin: 0 0 18px; color: #fff; font-size: clamp(2.4rem,5vw,4.5rem); line-height: 1.02; }.erp-reference-hero h1 span { color: #ffb15c; }.erp-reference-hero-copy { max-width: 650px; color: #dceaff; font-size: 1.12rem; line-height: 1.7; }.erp-reference-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }.erp-reference-actions a, .erp-reference-cta a { display: inline-flex; align-items: center; gap: 9px; padding: 13px 20px; border-radius: 7px; font-weight: 800; text-decoration: none; }.erp-reference-primary { color: #fff; background: #ff7c2b; }.erp-reference-primary:hover { background: #e55d00; color: #fff; }.erp-reference-secondary { color: #fff; border: 1px solid rgba(255,255,255,.5); }.erp-reference-secondary:hover { background: rgba(255,255,255,.12); color: #fff; }
.erp-reference-panel { padding: 28px; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(0,0,0,.2); color: #0a2342; }.erp-reference-panel h2 { margin: 0 0 18px; color: #0a2342; font-size: 1.5rem; }.erp-reference-panel ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }.erp-reference-panel li { display: flex; align-items: center; gap: 11px; color: #3b5575; font-weight: 700; }.erp-reference-panel li i { color: #1976d2; }
.erp-reference-section { max-width: 1200px; margin: 0 auto; padding: 72px 24px; }.erp-reference-heading { max-width: 720px; margin-bottom: 34px; }.erp-reference-heading h2 { margin: 0 0 12px; color: #0a2342; font-size: clamp(1.8rem,3vw,2.7rem); line-height: 1.1; }.erp-reference-heading p { margin: 0; color: #526783; font-size: 1.05rem; line-height: 1.7; }.erp-reference-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }.erp-reference-card { display: flex; flex-direction: column; min-height: 210px; padding: 24px; background: #fff; border: 1px solid #e0eaf5; border-radius: 10px; box-shadow: 0 8px 22px rgba(10,35,66,.06); }.erp-reference-card-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px; color: #1976d2; background: #eaf3ff; border-radius: 9px; }.erp-reference-card h3 { margin: 0 0 9px; color: #0a2342; font-size: 1.2rem; }.erp-reference-card p { margin: 0; color: #526783; line-height: 1.6; }
.erp-reference-band { background: #eaf3ff; }.erp-reference-benefits { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 28px; margin: 0; padding: 0; list-style: none; }.erp-reference-benefits li { display: flex; gap: 11px; color: #273b57; line-height: 1.5; }.erp-reference-benefits i { margin-top: 4px; color: #1976d2; }.erp-reference-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }.erp-reference-chip { padding: 9px 13px; color: #1b4d83; background: #edf4ff; border: 1px solid #d6e6fb; border-radius: 99px; font-size: .92rem; font-weight: 700; }.erp-reference-faq { display: grid; gap: 12px; }.erp-reference-faq details { padding: 18px 20px; background: #fff; border: 1px solid #e0eaf5; border-radius: 8px; }.erp-reference-faq summary { color: #0a2342; cursor: pointer; font-weight: 800; }.erp-reference-faq p { margin: 13px 0 0; color: #526783; line-height: 1.6; }.erp-reference-cta { max-width: 1200px; margin: 0 auto 70px; padding: 46px 24px; color: #fff; background: #0a2342; text-align: center; }.erp-reference-cta h2 { margin: 0 0 12px; color: #fff; font-size: 2rem; }.erp-reference-cta p { max-width: 650px; margin: 0 auto 22px; color: #dceaff; line-height: 1.6; }
@media (max-width: 850px) { .erp-reference-hero-inner { grid-template-columns: 1fr; gap: 34px; }.erp-reference-services { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .erp-reference-hero { padding: 52px 20px 48px; }.erp-reference-section { padding: 52px 20px; }.erp-reference-services, .erp-reference-benefits { grid-template-columns: 1fr; }.erp-reference-actions a { width: 100%; justify-content: center; }.erp-reference-cta { margin-bottom: 40px; } }