:root{--ink:#071b33;--blue:#1265b0;--aqua:#19c7b1;--lime:#c8fa4b;--paper:#f4f1ea;--muted:#526173}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.8}.top{height:82px;padding:0 5.8vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dce0;position:sticky;top:0;background:#f4f1eaf0;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font-family:"Readex Pro";font-weight:800;font-size:22px;line-height:1}.brand b{height:39px;width:39px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center}.brand small{display:block;margin-top:5px;font:500 9px/1 "IBM Plex Sans Arabic";color:var(--muted)}nav{display:flex;gap:30px}nav a{color:var(--ink);font-weight:600;text-decoration:none;font-size:14px}.top-cta,.button{background:var(--ink);color:#fff;text-decoration:none;padding:11px 17px;border-radius:3px;font-size:13px;font-weight:700;display:inline-block}.kicker{font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 24px;color:var(--blue)}.kicker i{display:inline-block;width:9px;height:9px;background:var(--aqua);border-radius:50%;margin-left:8px}.catalog-hero,.odoo-hero,.auto-hero{padding:11vw 12vw 8vw;background:linear-gradient(135deg,#f4f1ea,#e5f3ef);min-height:510px}.catalog-hero h1,.odoo-hero h1,.auto-hero h1{font:800 clamp(43px,6vw,88px)/1.18 "Readex Pro";letter-spacing:-.05em;margin:0}.catalog-hero h1 em,.odoo-hero h1 em,.auto-hero h1 em{font-style:normal;color:var(--blue)}.catalog-hero>p:last-child,.odoo-hero>p:last-child,.auto-hero>p:last-child{max-width:700px;font-size:19px;margin-top:25px}.catalog-grid{padding:5vw 5.8% 10vw;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f8fafb}.catalog-grid article{background:#fff;min-height:285px;padding:28px;display:flex;flex-direction:column;border:1px solid #dfe6e8}.catalog-grid span{color:var(--blue);font-size:12px;font-weight:700}.catalog-grid h2{font:700 27px/1.4 "Readex Pro";margin:15px 0}.catalog-grid p{font-size:15px;color:var(--muted);margin:0}.catalog-grid b{font-size:12px;margin:16px 0;color:var(--ink)}.catalog-grid a{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none}.catalog-strong{background:var(--ink)!important;color:#fff}.catalog-strong span,.catalog-strong a{color:var(--lime)!important}.catalog-strong p{color:#d6e3e9!important}.quote,.odoo-statement,.auto-rule{padding:10vw 12vw;text-align:center;background:var(--ink);color:#fff}.quote h2,.odoo-statement h2,.auto-rule h2{font:700 clamp(35px,4.8vw,72px)/1.25 "Readex Pro";letter-spacing:-.04em;margin:0}.quote>p:not(.kicker),.auto-rule p{color:#bfced9;max-width:700px;margin:25px auto}.odoo-map,.auto-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:50px;border-top:1px solid #a9c3c8;border-bottom:1px solid #a9c3c8;padding:22px 0}.odoo-map b,.auto-flow span{font:700 16px "Readex Pro"}.odoo-map i,.auto-flow i{font-style:normal;color:var(--aqua);font-size:23px}.odoo-services{padding:10vw 5.8%;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:var(--aqua)}.odoo-services h2{font:700 clamp(36px,4.8vw,68px)/1.25 "Readex Pro";letter-spacing:-.04em;margin:0}.odoo-list{border-top:1px solid #086f65}.odoo-list article{border-bottom:1px solid #086f65;padding:19px 0}.odoo-list b{font:700 21px "Readex Pro"}.odoo-list p{margin:7px 0 0}.automation-body{padding:10vw 5.8%;background:#f8fafb}.auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.auto-grid article{background:#fff;padding:26px;min-height:200px;border-top:4px solid var(--aqua)}.auto-grid b{font:700 21px "Readex Pro"}.auto-grid p{font-size:15px;color:var(--muted)}.auto-rule{background:var(--blue)}.auto-rule .button,.odoo-statement .button{background:var(--lime);color:var(--ink)}@media(max-width:800px){.top{padding:0 20px;height:70px}.top nav{display:none}.catalog-hero,.odoo-hero,.auto-hero{padding:110px 20px 70px;min-height:auto}.catalog-grid,.auto-grid{grid-template-columns:1fr;padding:60px 20px}.odoo-services{padding:70px 20px;grid-template-columns:1fr}.quote,.odoo-statement,.auto-rule{padding:80px 20px}.catalog-hero>p:last-child,.odoo-hero>p:last-child,.auto-hero>p:last-child{font-size:16px}}