/* ERP service landing page. Uses the existing Alula Tech brand and local fonts. */
.erp-hero{padding:66px 0 56px;background:radial-gradient(ellipse at 85% 35%,#dbeaff 0,transparent 52%),linear-gradient(120deg,#f9fcff,#edf4ff);overflow:hidden}
.erp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center}
.erp-hero-copy h1{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.4px;line-height:1.13;margin-bottom:20px}
.erp-hero-copy h1 span{color:var(--blue)}
.erp-hero-copy p{font-size:14px;line-height:1.65;color:#425473;margin-bottom:16px}
.erp-hero-copy .erp-lead{font-size:17px;font-weight:500;color:var(--text)}
.erp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.erp-actions .btn{font-size:13px;padding:13px 17px;justify-content:center}
.erp-actions .btn svg{flex-shrink:0}
.erp-hero-art{min-width:0;margin-right:-48px}
.erp-hero-art img{width:100%;height:auto;filter:drop-shadow(0 20px 24px #10357318)}
.erp-hero-art figcaption{text-align:center;color:#5c6680;font-size:11px;margin-top:-12px}
.erp-overview{padding:52px 0;background:linear-gradient(110deg,#f4f9ff,#fff 70%)}
.erp-overview-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:46px;align-items:center}
.erp-overview-copy h2{font-size:clamp(24px,2.5vw,31px);letter-spacing:-.7px;margin-bottom:16px}
.erp-overview-copy p{font-size:15px;color:var(--muted);line-height:1.65}
.erp-overview .section-label{font-size:11px;letter-spacing:.5px}
.erp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px}
.erp-checks li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:#425473}
.erp-checks svg{width:17px;height:17px;flex-shrink:0;color:var(--blue);background:#e7efff;border-radius:50%;padding:2px;margin-top:2px}
.erp-workspace{border:1px solid #dce8ff;border-radius:12px;background:#fff;box-shadow:0 15px 35px #0b5cff12;transform:rotate(-2deg);overflow:hidden}
.erp-workspace-top{display:flex;gap:18px;align-items:center;padding:12px 16px;border-bottom:1px solid #e8effc;font-size:11px;color:#5c6680}
.erp-window-dots{display:flex;gap:5px}.erp-window-dots b{width:6px;height:6px;background:#b6cdf6;border-radius:50%}
.erp-workspace-body{display:grid;grid-template-columns:52px 1fr;min-height:272px}
.erp-workspace-sidebar{background:linear-gradient(160deg,#163e85,#071b4d);padding:18px 12px;display:flex;flex-direction:column;gap:20px}
.erp-workspace-sidebar svg{color:#fff;width:25px;height:25px}.erp-workspace-sidebar span{height:4px;border-radius:4px;background:#91b5f2;opacity:.55}
.erp-workspace-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;background:#f4f8ff}
.erp-workspace-tile{background:#fff;border:1px solid #e4edfc;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px 4px;gap:9px}
.erp-workspace-tile svg{width:25px;height:25px;color:var(--module-color)}.erp-workspace-tile span{font-size:10px;font-weight:600;text-align:center}
.erp-mini-chart{grid-column:1/-1;display:flex;gap:9px;align-items:flex-end;height:65px;padding:12px 12px 0;background:#fff;border-radius:7px;border-bottom:2px solid #e6edfa}
.erp-mini-chart span{width:9%;height:45%;background:linear-gradient(#85b6ff,#0b5cff);border-radius:2px 2px 0 0}
.erp-mini-chart span:nth-child(3n){height:85%}.erp-mini-chart span:nth-child(2n){height:65%}.erp-mini-chart span:last-child{height:100%}
.erp-section{padding:30px 0}
.erp-section .section-head{max-width:100%;margin-bottom:24px}
.erp-section .section-label{font-size:11px;letter-spacing:.5px;margin-bottom:6px}
.erp-section h2{font-size:clamp(24px,2.5vw,31px);letter-spacing:-.6px}
#erp-modules{scroll-margin-top:96px;padding-top:38px}
.erp-tone-blue{--module-color:#0b5cff;--module-bg:#edf4ff;--module-icon-bg:#dfeaff}
.erp-tone-green{--module-color:#009968;--module-bg:#effbf7;--module-icon-bg:#d6f5e9}
.erp-tone-purple{--module-color:#6632ce;--module-bg:#f8f3ff;--module-icon-bg:#eee1ff}
.erp-tone-orange{--module-color:#ed8318;--module-bg:#fffbf3;--module-icon-bg:#ffedcf}
.erp-tone-pink{--module-color:#d6245c;--module-bg:#fff4f7;--module-icon-bg:#ffe1eb}
.erp-tone-cyan{--module-color:#0098bf;--module-bg:#effbff;--module-icon-bg:#cef4ff}
.erp-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.erp-module{display:flex;flex-direction:column;min-width:0;background:linear-gradient(140deg,var(--module-bg),#fff);padding:20px 17px 16px;border:1px solid var(--module-bg);border-radius:12px;scroll-margin-top:96px;transition:box-shadow .2s,border-color .2s}
.erp-module:hover{box-shadow:0 8px 24px #0927650c;border-color:var(--module-icon-bg)}
.erp-module-icon{width:48px;height:48px;padding:9px;background:var(--module-icon-bg);border-radius:10px;margin-bottom:13px;display:flex;align-items:center;justify-content:center}
.erp-module-icon svg{width:29px;height:29px;color:var(--module-color)}
.erp-module h3{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:10px;letter-spacing:-.35px}
.erp-module>p{font-size:12px;line-height:1.65;color:#51617e;margin-bottom:12px}
.erp-module ul{margin-bottom:17px}.erp-module li{display:flex;align-items:flex-start;gap:6px;color:#51617e;font-size:12px;line-height:1.5;margin:4px 0}
.erp-module li svg{width:12px;height:12px;flex-shrink:0;color:var(--module-color);margin-top:3px}
.erp-module-detail{margin-top:auto}.erp-module-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--blue);cursor:pointer;padding:5px 0}
.erp-module-detail summary::-webkit-details-marker,.erp-faq summary::-webkit-details-marker{display:none}
.erp-module-detail summary>span{font-size:18px;line-height:1}.erp-module-detail[open] summary>span{transform:rotate(45deg)}
.erp-module-detail p{margin:9px 0;font-size:12px;line-height:1.6;color:#51617e}.erp-module-detail .card-link{font-size:12px;line-height:1.5}
.erp-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}
.erp-process li{position:relative;border:1px solid #e4edfc;border-radius:12px;padding:20px 24px;background:linear-gradient(#fff,#fbfdff)}
.erp-process li:not(:last-child)::after{content:'→';position:absolute;right:-32px;top:47%;color:var(--blue);font-size:25px}
.erp-process-icon{width:48px;height:48px;background:var(--blue);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto 16px}
.erp-process-icon svg{width:25px;height:25px}.erp-process h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:12px}
.erp-process h3 span{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:50%;color:#fff;font-size:12px}
.erp-process p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}
.erp-small-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.erp-small-card{padding:20px 16px 16px;text-align:center;border:1px solid #edf2fc;border-radius:12px;box-shadow:0 4px 15px #0b5cff03}
.erp-small-card>svg{width:37px;height:37px;color:var(--module-color,var(--blue));margin-bottom:12px}
.erp-small-card h3{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:10px;letter-spacing:-.2px}
.erp-small-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.erp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start}
.erp-faq{border:1px solid #dfe9fc;border-radius:8px;background:#fff}
.erp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;list-style:none;font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}
.erp-faq summary span{font-size:19px;color:var(--blue);flex-shrink:0}.erp-faq[open] summary{color:var(--blue)}.erp-faq[open] summary span{transform:rotate(45deg)}
.erp-faq p{font-size:14px;line-height:1.7;color:var(--muted);padding:0 18px 18px;margin:0}
.erp-cta{padding:0 0 36px;margin-top:4px}.erp-cta .cta-banner{padding:32px 36px;gap:30px}.erp-cta .cta-text h2{font-size:27px;line-height:1.25}.erp-cta .cta-text p{font-size:13px;margin-top:12px}.erp-cta .btn{font-size:14px;white-space:nowrap}
.erp-cta .cta-icon-wrapper svg{width:34px;height:34px}
summary:focus-visible,.erp-actions a:focus-visible,.erp-module-detail a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
@media(max-width:1100px){.erp-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.erp-hero-art{margin-right:0}.erp-process{gap:30px}.erp-process li{padding:20px 16px}.erp-process li:not(:last-child)::after{right:-23px}.erp-small-card{padding:18px 12px}.erp-cta .cta-banner{flex-direction:column}}
@media(max-width:900px){.erp-hero{padding:48px 0}.erp-hero-grid{grid-template-columns:1fr;gap:10px}.erp-hero-copy{max-width:690px}.erp-hero-art{max-width:650px;margin:0 auto}.erp-hero-art img{max-height:450px;object-fit:contain}.erp-overview-grid{grid-template-columns:1fr;gap:32px}.erp-workspace{max-width:420px;width:100%;margin:auto}.erp-small-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.erp-process{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-process li::after{display:none}}
@media(max-width:600px){.erp-hero{padding:32px 0}.erp-hero-copy h1{letter-spacing:-.8px}.erp-hero-copy .erp-lead{font-size:16px}.erp-actions{flex-direction:column;gap:10px}.erp-actions .btn{width:100%;font-size:14px;padding:14px 12px}.erp-hero-art figcaption{font-size:10px;margin-top:0}.erp-overview{padding:36px 0}.erp-checks{grid-template-columns:1fr}.erp-section{padding:24px 0}.erp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.erp-module{padding:18px 14px}.erp-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-faq-grid{grid-template-columns:1fr;gap:10px}.erp-cta .cta-banner{padding:28px 20px}.erp-cta .cta-text h2{font-size:25px}.erp-cta .btn{white-space:normal;width:100%;justify-content:center;font-size:13px}.erp-cta .cta-features{font-size:11px;gap:10px}}
@media(max-width:400px){.erp-module-grid,.erp-process{grid-template-columns:1fr}.erp-module h3{font-size:17px}.erp-module>p,.erp-module li,.erp-module-detail p,.erp-module-detail summary{font-size:14px}.erp-module-detail .card-link{font-size:13px}.erp-hero-art figcaption{max-width:230px;margin:auto}.erp-workspace-modules{padding:10px;gap:7px}.erp-workspace-tile span{font-size:9px}.erp-workspace-top{font-size:10px}.erp-small-card{padding:16px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.erp-module{transition:none}}