/* ERPNext landing page */
.erpnext-page { color: #22202a; background: #fff; }
.erpnext-hero { padding: 80px 0 40px; background: linear-gradient(120deg, #f7f3f4 0%, #fff 62%); }
.erpnext-eyebrow { margin: 0 0 12px; color: #7e102c; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.erpnext-hero h1, .erpnext-section h2, .erpnext-process-section h2, .erpnext-review-section h2 { color: #17151a; font-weight: 700; line-height: 1.12; }
.erpnext-hero h1 { max-width: 760px; margin: 0 0 22px; font-size: clamp(2.3rem, 5vw, 4.5rem); }
.erpnext-lead { max-width: 680px; margin-bottom: 28px; color: #5e5961; font-size: 1.15rem; line-height: 1.75; }
.erpnext-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.erpnext-hero .primary-btn, .erpnext-review-form .primary-btn { border: 1px solid #7e102c; background: #7e102c; color: #fff; }
.erpnext-hero .primary-btn:hover, .erpnext-hero .primary-btn:focus, .erpnext-review-form .primary-btn:hover, .erpnext-review-form .primary-btn:focus { border-color: #5d0c21; background: #5d0c21; color: #fff; }
.secondary-btn { display: inline-block; padding: 10px 25px; border: 1px solid #7e102c; border-radius: 4px; color: #7e102c; font-weight: 600; line-height: 1.5; text-decoration: none; }
.secondary-btn:hover, .secondary-btn:focus { background: #7e102c; color: #fff; text-decoration: none; }
.erpnext-note { max-width: 680px; margin: 20px 0 0; color: #716b72; font-size: .9rem; line-height: 1.6; }
.erpnext-hero-panel { display: flex; min-height: 310px; margin-top: 30px; padding: 42px; flex-direction: column; justify-content: center; border-left: 6px solid #7e102c; background: #fff; box-shadow: 0 14px 38px rgba(34, 32, 42, .1); }
.erpnext-hero-panel i { margin-bottom: 24px; color: #7e102c; font-size: 3.2rem; }
.erpnext-hero-panel strong { margin-bottom: 12px; color: #17151a; font-size: 1.35rem; }
.erpnext-hero-panel span, .erpnext-section p, .erpnext-process-section p, .erpnext-review-section p { color: #66616a; line-height: 1.75; }
.erpnext-section, .erpnext-process-section, .erpnext-review-section { padding: 40px 0; }
.erpnext-muted-section, .erpnext-process-section { background: #f5f3f3; }
.erpnext-section-heading { max-width: 780px; margin-bottom: 42px; }
.erpnext-section-heading h2, .erpnext-review-section h2 { margin: 0 0 16px; font-size: clamp(2rem, 4vw, 3.2rem); }
.erpnext-service-card { height: calc(100% - 30px); margin-bottom: 30px; padding: 30px 25px; border: 1px solid rgba(126, 16, 44, .16); background: #fff; box-shadow: 0 8px 22px rgba(31, 22, 24, .05); }
.erpnext-service-card i { margin-bottom: 20px; color: #7e102c; font-size: 1.8rem; }
.erpnext-service-card h3, .erpnext-module-grid h3, .erpnext-step h3 { margin: 0 0 10px; color: #242126; font-size: 1.18rem; font-weight: 700; }
.erpnext-service-card p, .erpnext-module-grid p, .erpnext-step p { margin: 0; font-size: .95rem; }
.erpnext-scope-note { margin-top: 12px; padding: 20px 24px; border-left: 4px solid #7e102c; background: #f7f3f4; color: #5e5961; line-height: 1.65; }
.erpnext-module-grid > div { margin-bottom: 28px; }
.erpnext-module-grid > div h3 { padding-top: 18px; border-top: 2px solid rgba(126, 16, 44, .35); }
.erpnext-check-list, .erpnext-price-list { margin: 0; padding: 0; list-style: none; }
.erpnext-check-list li, .erpnext-price-list li { position: relative; margin-bottom: 16px; padding-left: 28px; color: #5e5961; line-height: 1.6; }
.erpnext-check-list li::before, .erpnext-price-list li::before { position: absolute; left: 0; color: #7e102c; content: '\f00c'; font-family: FontAwesome; }
.erpnext-step { height: calc(100% - 30px); margin-bottom: 30px; padding: 28px 24px; border: 1px solid #d8d2d4; background: #fff; }
.erpnext-step > span { display: block; margin-bottom: 16px; color: #7e102c; font-size: 1.8rem; font-weight: 700; }
.erpnext-pricing { background: #211d20; }
.erpnext-pricing h2, .erpnext-pricing p, .erpnext-pricing .erpnext-eyebrow { color: #fff; }
.erpnext-pricing .erpnext-eyebrow { color: #e9aebe; }
.erpnext-price-list li { color: #eee7e9; }
.erpnext-faq-section { background: #fff; }
.erpnext-faq { max-width: 900px; }
.erpnext-faq .card { border: 0; border-bottom: 1px solid #ddd; border-radius: 0; }
.erpnext-faq .card-header { padding: 0; border: 0; background: #fff; }
.erpnext-faq h3 { margin: 0; }
.erpnext-faq button { width: 100%; padding: 21px 5px; border: 0; background: transparent; color: #242126; font-size: 1.05rem; font-weight: 700; text-align: left; }
.erpnext-faq .card-body { padding: 0 5px 22px; color: #66616a; line-height: 1.7; }
.erpnext-review-section { background: #f5f3f3; }
.erpnext-review-form { padding: 30px; background: #fff; box-shadow: 0 12px 30px rgba(34, 32, 42, .08); }
.erpnext-review-form .form-group { margin-bottom: 20px; }
.erpnext-review-form label { display: block; margin-bottom: 7px; color: #242126; font-weight: 600; }
.erpnext-review-form input:not([type='checkbox']), .erpnext-review-form textarea { display: block; width: 100%; min-height: 46px; padding: 9px 12px; border: 1px solid #cfc9cc; border-radius: 4px; color: #242126; }
.erpnext-review-form textarea { min-height: 120px; resize: vertical; }
.erpnext-review-form input:focus, .erpnext-review-form textarea:focus { border-color: #7e102c; outline: 2px solid rgba(126, 16, 44, .16); }
.erpnext-review-form .optional { color: #777; font-size: .85rem; font-weight: 400; }
.erpnext-consent label { display: flex; gap: 9px; align-items: flex-start; font-weight: 400; }
.erpnext-consent input { flex: 0 0 auto; margin-top: 5px; }
.erpnext-consent a { color: #7e102c; text-decoration: underline; }
.erpnext-review-form .invalid-feedback { display: none; }
.erpnext-review-form.was-validated input:invalid, .erpnext-review-form.was-validated textarea:invalid { border-color: #b02a37; }
.erpnext-review-form.was-validated input:invalid + .invalid-feedback, .erpnext-review-form.was-validated textarea:invalid + .invalid-feedback { display: block; color: #b02a37; font-size: .85rem; }
@media (max-width: 991.98px) { .erpnext-hero { padding-top: 125px; } .erpnext-hero-panel { margin-top: 45px; } }
@media (max-width: 575.98px) { .erpnext-hero, .erpnext-section, .erpnext-process-section, .erpnext-review-section { padding: 65px 0; } .erpnext-hero-actions { align-items: stretch; flex-direction: column; } .erpnext-hero-actions a { text-align: center; } .erpnext-hero-panel, .erpnext-review-form { padding: 24px 20px; } }