:root { --eba-navy:#03162e; --eba-blue:#1268c8; --eba-green:#0c8755; --eba-violet:#6235b8; --eba-gold:#ffcb18; --eba-ink:#071b34; --eba-muted:#5c6b7d; --eba-line:#d6e0eb; --eba-paper:#f6f9fc; }
.eba-page { overflow:hidden; color:var(--eba-ink); background:var(--eba-paper); font-family:Manrope,"Source Sans 3",sans-serif; }.eba-page * { box-sizing:border-box; }.eba-wrap { width:min(1440px,calc(100% - 56px)); margin:auto; }.eba-kicker { display:block; color:var(--eba-blue); font:800 11px/1.2 "Space Grotesk",sans-serif; letter-spacing:.13em; text-transform:uppercase; }.eba-kicker::before { content:""; display:inline-block; width:9px; height:9px; margin:0 9px 1px 0; border-radius:50%; background:var(--eba-gold); box-shadow:0 0 0 6px rgba(255,203,24,.16); }
.eba-hero { position:relative; display:flex; align-items:center; min-height:650px; overflow:hidden; background:var(--eba-navy); color:#fff; }.eba-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,22,46,.96) 0%,rgba(3,22,46,.87) 44%,rgba(3,22,46,.36) 100%); }.eba-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.74) contrast(1.08); }.eba-hero-wrap { position:relative; z-index:1; }.eba-hero-copy { max-width:760px; padding:90px 0; }.eba-hero .eba-kicker { color:var(--eba-gold); }.eba-hero h1 { max-width:760px; margin:18px 0 24px; color:#fff; font:700 clamp(47px,6.2vw,84px)/.96 "Space Grotesk",sans-serif; letter-spacing:-.075em; }.eba-hero p { max-width:610px; margin:0; color:#dce8f6; font-size:18px; line-height:1.65; }.eba-button { display:inline-flex; align-items:center; gap:18px; margin-top:32px; padding:16px 20px; background:var(--eba-gold); color:var(--eba-navy); font-size:14px; font-weight:800; text-decoration:none; transition:transform .2s ease,gap .2s ease,background .2s ease; }.eba-button:hover { gap:25px; transform:translateY(-2px); background:#fff; }.eba-hero-index { position:absolute; right:0; bottom:46px; color:#d9e7f7; font:700 11px "Space Grotesk",sans-serif; letter-spacing:.14em; }.eba-hero-index::before { content:""; display:inline-block; width:42px; margin:0 11px 3px 0; border-top:2px solid var(--eba-gold); }
.eba-value { padding:74px 0 68px; background:#fff; }.eba-value-head { max-width:850px; margin:0 auto 43px; text-align:center; }.eba-value-head h2,.eba-section-head h2,.eba-platform h2,.eba-cta h2 { margin:14px 0 14px; font:700 clamp(31px,3.7vw,53px)/1.01 "Space Grotesk",sans-serif; letter-spacing:-.065em; }.eba-value-head p { max-width:620px; margin:auto; color:var(--eba-muted); font-size:15px; line-height:1.65; }.eba-value-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--eba-line); }.eba-value-grid article { min-height:160px; padding:24px 25px 15px; border-right:1px solid var(--eba-line); text-align:center; }.eba-value-grid article:last-child { border:0; }.eba-value-grid b { display:grid; place-items:center; width:38px; height:38px; margin:0 auto 14px; background:#e9f2ff; color:var(--eba-blue); font-size:14px; }.eba-value-grid article:nth-child(2) b { background:#e2f7ef; color:var(--eba-green); }.eba-value-grid article:nth-child(3) b { background:#f1eaff; color:var(--eba-violet); }.eba-value-grid article:nth-child(4) b { background:#fff4d4; color:#a87300; }.eba-value-grid strong { display:block; font-size:15px; line-height:1.2; }.eba-value-grid span { display:block; max-width:190px; margin:8px auto 0; color:var(--eba-muted); font-size:14px; line-height:1.5; }
.eba-solutions { padding:95px 0; border-top:1px solid var(--eba-line); background:linear-gradient(145deg,#f6f9fc,#fff); }.eba-section-head { display:grid; grid-template-columns:1fr .64fr; gap:70px; align-items:end; margin-bottom:46px; }.eba-section-head h2 { max-width:750px; }.eba-section-head p { margin:0; color:var(--eba-muted); font-size:15px; line-height:1.65; }.eba-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.eba-solution { display:flex; min-height:590px; flex-direction:column; border:1px solid var(--eba-line); background:#fff; transition:transform .25s ease,box-shadow .25s ease; }.eba-solution:hover { transform:translateY(-7px); box-shadow:0 20px 42px rgba(3,22,46,.12); }.eba-solution header { display:flex; align-items:center; gap:17px; min-height:138px; padding:27px 25px; color:#fff; background:var(--eba-blue); }.eba-erp header { background:var(--eba-green); }.eba-titania header { background:var(--eba-violet); }.eba-solution-icon { display:grid; place-items:center; width:68px; height:68px; flex:0 0 68px; border:1px solid rgba(255,255,255,.45); background:rgba(255,255,255,.08); }.eba-solution-icon img { width:48px; height:48px; object-fit:contain; filter:brightness(0) invert(1); }.eba-erp .eba-solution-icon img { filter:none; }.eba-titania-icon { color:#fff; font:700 35px/1 "Space Grotesk",sans-serif; }.eba-solution header span { display:block; margin-bottom:6px; color:rgba(255,255,255,.75); font-size:11px; font-weight:800; letter-spacing:.12em; }.eba-solution h3 { margin:0; font:700 clamp(20px,2vw,28px)/1.05 "Space Grotesk",sans-serif; letter-spacing:-.055em; }.eba-solution-body { flex:1; padding:28px 26px 22px; }.eba-solution-body h4 { margin:0 0 22px; color:var(--eba-blue); font-size:17px; line-height:1.25; }.eba-erp .eba-solution-body h4 { color:var(--eba-green); }.eba-titania .eba-solution-body h4 { color:var(--eba-violet); }.eba-solution ul { display:grid; gap:14px; margin:0; padding:0; list-style:none; }.eba-solution li { position:relative; padding-left:18px; color:#3f4e61; font-size:14px; line-height:1.45; }.eba-solution li::before { content:""; position:absolute; top:.5em; left:0; width:7px; height:7px; border-radius:50%; background:var(--eba-blue); }.eba-erp li::before { background:var(--eba-green); }.eba-titania li::before { background:var(--eba-violet); }.eba-solution footer { display:grid; gap:5px; min-height:91px; padding:18px 26px; background:#edf5ff; color:var(--eba-blue); }.eba-erp footer { background:#eaf7f0; color:var(--eba-green); }.eba-titania footer { background:#f4efff; color:var(--eba-violet); }.eba-solution footer b { font-size:14px; letter-spacing:.1em; text-transform:uppercase; }.eba-solution footer span { font-size:14px; line-height:1.45; }
.eba-platform { padding:94px 0; background:var(--eba-navy); color:#fff; }.eba-platform-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:center; }.eba-platform .eba-kicker { color:var(--eba-gold); }.eba-platform h2 { max-width:570px; color:#fff; }.eba-platform p { max-width:560px; color:#d5e3f2; font-size:15px; line-height:1.7; }.eba-platform a { display:inline-flex; gap:12px; margin-top:24px; color:var(--eba-gold); font-size:14px; font-weight:800; text-decoration:none; }.eba-platform-products { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }.eba-platform-products article { min-height:214px; padding:28px 22px; border-left:1px solid rgba(255,255,255,.18); }.eba-platform-products article:first-child { border:0; }.eba-platform-products img { display:block; width:67px; height:67px; margin-bottom:28px; object-fit:contain; }.eba-platform-products h3 { margin:0; color:#fff; font-size:16px; }.eba-platform-products p { margin:8px 0 0; color:#c8d9ec; font-size:14px; line-height:1.5; }
.eba-method { padding:94px 0 0; background:#fff; }.eba-method-head { margin-bottom:42px; }.eba-method-track { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--eba-line); }.eba-method-track article { position:relative; min-height:205px; padding:26px 23px; border-right:1px solid var(--eba-line); }.eba-method-track article:last-child { border:0; }.eba-method-track article:not(:last-child)::after { content:"→"; position:absolute; z-index:2; top:46px; right:4px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--eba-gold); color:var(--eba-navy); font-weight:900; }.eba-method-track b { color:var(--eba-blue); font-size:14px; letter-spacing:.12em; }.eba-method-track article:nth-child(2) b { color:var(--eba-green); }.eba-method-track article:nth-child(3) b { color:var(--eba-violet); }.eba-method-track article:nth-child(4) b { color:#c58b00; }.eba-method-track h3 { margin:32px 0 8px; font:700 21px/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }.eba-method-track p { margin:0; color:var(--eba-muted); font-size:14px; line-height:1.55; }
.eba-reasons { padding:0 0 94px; background:#fff; }.eba-reasons .eba-wrap { padding:43px 38px; background:var(--eba-navy); color:#fff; }.eba-reasons h2 { margin:0 0 30px; color:var(--eba-gold); font:700 clamp(27px,3vw,42px)/1 "Space Grotesk",sans-serif; letter-spacing:-.06em; }.eba-reason-grid { display:grid; grid-template-columns:repeat(5,1fr); }.eba-reason-grid article { padding:0 20px; border-left:1px solid rgba(255,255,255,.22); }.eba-reason-grid article:first-child { padding-left:0; border:0; }.eba-reason-grid b { display:block; color:#fff; font-size:14px; line-height:1.3; }.eba-reason-grid span { display:block; margin-top:8px; color:#cbd9e9; font-size:14px; line-height:1.5; }
.eba-cta { padding:74px 0; background:var(--eba-gold); }.eba-cta .eba-wrap { display:flex; justify-content:space-between; align-items:end; gap:30px; }.eba-cta .eba-kicker { color:var(--eba-navy); }.eba-cta h2 { max-width:770px; margin-bottom:0; }.eba-cta .eba-button { flex:0 0 auto; margin:0; background:var(--eba-navy); color:#fff; }.eba-cta .eba-button:hover { background:#fff; color:var(--eba-navy); }
@media (max-width:1100px) { .eba-solution-grid,.eba-platform-products { grid-template-columns:1fr; }.eba-solution { min-height:0; }.eba-platform-layout,.eba-section-head { grid-template-columns:1fr; gap:30px; }.eba-platform-products article { min-height:0; display:flex; align-items:center; gap:22px; border:0; border-top:1px solid rgba(255,255,255,.18); }.eba-platform-products article:first-child { border-top:0; }.eba-platform-products img { flex:0 0 60px; width:60px; height:60px; margin:0; }.eba-method-track,.eba-reason-grid { grid-template-columns:repeat(3,1fr); }.eba-method-track article:nth-child(3)::after { display:none; }.eba-reason-grid article:nth-child(4) { padding-left:0; border:0; margin-top:28px; } }
@media (max-width:700px) { .eba-wrap { width:min(100% - 32px,1440px); }.eba-hero { min-height:570px; }.eba-hero-copy { padding:82px 0; }.eba-hero h1 { font-size:clamp(43px,12vw,64px); }.eba-hero p { font-size:16px; }.eba-hero-index { right:0; bottom:25px; }.eba-value,.eba-solutions,.eba-platform,.eba-method { padding:66px 0; }.eba-value-grid,.eba-method-track,.eba-reason-grid { grid-template-columns:1fr; }.eba-value-grid article { min-height:0; padding:20px; border:0; border-top:1px solid var(--eba-line); }.eba-solution header { min-height:122px; }.eba-method-track article { min-height:0; padding:21px 0 21px 70px; border:0; border-top:1px solid var(--eba-line); }.eba-method-track article:not(:last-child)::after { content:"↓"; top:auto; right:auto; bottom:-13px; left:20px; }.eba-method-track h3 { margin:6px 0; }.eba-method-track b { position:absolute; top:24px; left:0; }.eba-reasons { padding-bottom:66px; }.eba-reasons .eba-wrap { padding:32px 24px; }.eba-reason-grid article,.eba-reason-grid article:first-child,.eba-reason-grid article:nth-child(4) { margin:0; padding:18px 0; border:0; border-top:1px solid rgba(255,255,255,.2); }.eba-reason-grid article:first-child { border-top:0; }.eba-cta { padding:58px 0; }.eba-cta .eba-wrap { display:block; }.eba-cta .eba-button { margin-top:28px; } }

.eba-value-grid b { width:72px; height:72px; margin-bottom:16px; background:#e9f2ff; color:inherit; }.eba-value-grid b img { width:52px; height:52px; object-fit:contain; }.eba-value-grid article:nth-child(2) b { background:#e2f7ef; }.eba-value-grid article:nth-child(3) b { background:#fff4d4; }.eba-value-grid article:nth-child(4) b { background:#f1eaff; }