:root{--red:#c5292b;--ink:#23272b;--muted:#6d7177;--line:#e3e4e5;--paper:#faf9f7;--soft:#f6eeeb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:white;font:15px/1.65 'Segoe UI',Tahoma,Arial,sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #be3c2e;outline-offset:4px}input:focus{outline:2px solid var(--red);outline-offset:2px}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.topline{background:#252a2e;color:#e1e2e2;font-size:11px;letter-spacing:.3px}.topline .wrap{display:flex;justify-content:space-between;padding-block:8px}.store-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{width:168px;height:auto;display:block}.store-header nav{display:flex;gap:30px;height:100px;align-items:center;font-size:14px}.store-header nav a{position:relative}.store-header nav a.active{color:var(--red);font-weight:650}.store-header nav a.active:after{content:'';position:absolute;bottom:-37px;left:0;right:0;height:3px;background:var(--red)}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px}.button{border:1px solid var(--red);border-radius:7px;padding:13px 23px;background:var(--red);color:white;display:inline-flex;justify-content:center;align-items:center;gap:12px;line-height:1.5;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:#a91e21;transform:translateY(-1px)}.button.small{padding:10px 16px;font-size:12px}.button.outline{color:var(--ink);border-color:#d8d9db;background:transparent}.button.outline:hover{background:#f1f1ef}.hero{background:var(--paper);border-block:1px solid #eeeae7;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px;padding-block:65px 60px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--red);font-size:10px;font-weight:750;letter-spacing:1.9px}.eyebrow>span:first-child:empty{width:6px;height:6px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-2.8px;margin-block:22px;white-space:pre-line;font-weight:650}h1 em{font-style:normal;color:var(--red)}.lead{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:27px}.hero-notes{display:flex;gap:22px;font-size:11px;color:#676b6d;margin-top:22px}.hero-notes span:before{content:'✓';color:var(--red);margin-inline-end:6px}.system-art{height:385px;position:relative;background:radial-gradient(ellipse,#f0e6e1 0,transparent 70%)}.orbit{position:absolute;border:1px dashed #d6c9c4;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px}.orbit-two{width:410px;height:410px;border-color:#e6dcd6}.art-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.2px;color:#998980;white-space:nowrap}.art-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #e7dfdb;border-radius:15px;box-shadow:0 18px 50px #69514d12}.art-center img{width:132px}.art-center span{font-size:9px;letter-spacing:.6px;color:var(--muted)}.art-tile{position:absolute;display:flex;align-items:center;gap:11px;background:white;border:1px solid #e5e0dc;border-radius:10px;padding:15px 18px;box-shadow:0 13px 28px #44352e09;font-size:13px;font-weight:600;min-width:186px;direction:ltr}.art-tile small{display:block;font-size:9px;font-weight:400;color:#888c8d}.mini-icon{border-radius:9px;background:#f9efeb;color:var(--red);font-size:23px;display:grid;place-items:center;width:38px;height:38px}.tile-pms{top:51px;left:13px}.tile-acc{right:-10px;top:80px}.tile-acc .mini-icon{color:#358678;background:#edf5f0}.tile-hr{bottom:63px;left:-17px}.tile-hr .mini-icon{color:#8e7441;background:#f6f1e8}.tile-doc{bottom:24px;right:-1px}.tile-doc .mini-icon{color:#586b98;background:#edf1f7}.art-bottom{position:absolute;bottom:-16px;left:30px;font-size:9px;color:#868077;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;background:#608a70;border-radius:50%}.preview-notice{margin-top:24px;display:flex;align-items:center;gap:12px;background:#fbf7ee;border:1px solid #ece3d1;border-radius:7px;padding:11px 16px;font-size:11px;color:#7d6740}.preview-notice p{margin:0}.notice-icon{border:1px solid #ad976a;width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:50%;line-height:1}.catalog{padding-block:58px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{margin:10px 0 0;font-size:30px;letter-spacing:-1px;line-height:1.25;font-weight:600}.annual-pill{font-size:11px;padding:7px 13px;background:#f6f6f3;border:1px solid #e5e5e0;border-radius:30px;white-space:nowrap;color:#5a625b}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block:30px 25px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;border:0;border-radius:6px;padding:9px 13px;color:#777b80;font-size:12px}.filters button.selected{background:#252a2e;color:white}.search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #d5d7d9;width:200px;padding:4px;color:#6c7177}.search span{font-size:24px;line-height:1}.search input{border:0;min-width:0;width:100%;font-size:12px;padding:6px;background:transparent}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:11px;padding:26px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;min-height:406px;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 12px 32px #20242a0a;border-color:#c7c4c1}.product-card.featured{border-top:3px solid var(--red);padding-top:24px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.product-icon{width:45px;height:45px;border-radius:10px;background:#faeeea;color:var(--red);display:grid;place-items:center}.product-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.product-card[data-id=accounting] .product-icon{background:#edf4ef;color:#4d806c}.product-card[data-id=hr] .product-icon{background:#f7f1e7;color:#9c8247}.product-card[data-id=dms] .product-icon{background:#eef1f8;color:#667aab}.product-card[data-id=pos] .product-icon{background:#f4edf6;color:#946a9e}.card-tag{font-size:9px;font-weight:600;color:#8a7066;background:#f9f2ed;padding:4px 8px;border-radius:4px}.product-card h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin-bottom:5px;font-weight:650}.product-subtitle{font-size:11px;color:#777d81;margin-bottom:15px}.product-description{font-size:12px;line-height:1.8;color:#70777b;min-height:44px;margin-bottom:14px}.feature-list{font-size:12px;display:grid;gap:6px;padding:0;list-style:none;margin:0 0 22px}.feature-list div:before,.feature-list li:before{content:'✓';margin-inline-end:8px;color:#859786;font-size:11px}.card-bottom{margin-top:auto;border-top:1px solid #eee;padding-top:17px}.price-label{font-size:11px;color:#8b8b8b;margin-bottom:12px}.price-label strong{color:#434b50;font-weight:600;display:block}.card-bottom .button{width:100%;font-size:12px;padding:10px}.card-bottom .button.outline{border-color:#dbd9d6}.consult-card{background:#f7f5f2;border:1px dashed #d7d2ca;justify-content:center}.consult-card h3{font-size:27px;line-height:1.25;margin-bottom:15px}.consult-card p{font-size:13px;color:#747775}.consult-card .consult-icon{font-size:35px;line-height:1.4;color:#b99d8c;margin-bottom:23px}.consult-card a{margin-top:15px;align-self:start;font-size:12px;font-weight:600;border-bottom:1px solid #aaa;padding-bottom:3px}.how{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;border-block:1px solid var(--line);padding-block:40px;margin-bottom:58px}.how h2{font-size:25px;line-height:1.35;margin:12px 0;letter-spacing:-.8px;white-space:pre-line}.how-step>span{font-size:11px;color:#bd9a91;border-bottom:1px solid #e7dcd7;padding-bottom:5px;display:block;margin-bottom:15px}.how-step h3{font-size:14px;margin-bottom:8px}.how-step p{font-size:12px;color:var(--muted);margin-bottom:0}.help-band{border-radius:12px;background:#292c2f;color:white;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.help-band .eyebrow{color:#d9a494}.help-band h2{font-size:27px;font-weight:550;letter-spacing:-.7px;margin:10px 0 7px}.help-band p{font-size:12px;color:#bcbfc3;margin:0}.button.light{background:#fff;color:#303539;border-color:white;white-space:nowrap;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding-block:62px 75px}.faq h2{font-size:28px;font-weight:600;letter-spacing:-.8px}.faq details{border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px}.faq summary{font-size:13px;font-weight:600;cursor:pointer}.faq details p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}.store-footer{border-top:1px solid var(--line);padding-block:28px}.store-footer .wrap{display:flex;align-items:center;gap:24px;font-size:10px;color:#7d8285;flex-wrap:wrap}.store-footer .logo{width:120px}.store-footer p{margin:0;flex:1}.skip{position:fixed;top:-60px;left:12px;background:white;z-index:20;padding:10px}.skip:focus{top:10px}dialog{border:1px solid #dedbd6;border-radius:16px;padding:28px;width:min(580px,calc(100% - 28px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1b2328a6;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#f5f4f2;width:32px;height:32px;border-radius:50%;font-size:25px;line-height:1}dialog h2{font-size:28px;margin:12px 0 20px;letter-spacing:-.6px}.steps{display:flex;list-style:none;padding:0;gap:14px;font-size:11px;border-bottom:1px solid var(--line);margin:0 0 22px;color:#83878b}.steps li{padding:0 0 10px;flex:1}.steps li.current{color:var(--red);border-bottom:2px solid var(--red);font-weight:650}dialog p{font-size:13px;color:var(--muted)}.field-label{display:block;font-size:12px;font-weight:650;margin:16px 0 9px}.quantity{display:flex;width:165px;border:1px solid #d5d5d5;border-radius:7px;overflow:hidden}.quantity button{border:0;background:#f6f5f3;width:42px;font-size:20px}.quantity input{width:79px;text-align:center;border:0;padding:9px;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.field-note{font-size:11px!important;margin-top:7px}.term,.summary-total{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;padding:15px;background:#f6f5f2;border-radius:7px;margin-top:20px}.summary-total{background:transparent;border-block:1px solid var(--line);border-radius:0;padding:18px 0}.summary-total strong{color:var(--red);font-size:14px}.text-field{width:100%;padding:11px;border:1px solid #d4d7d9;border-radius:6px}.dialog-actions{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.dialog-actions .button{font-size:12px}.dialog-actions #next{margin-inline-start:auto}.payment-notice{background:#faf5e9;border:1px solid #e9ddbf;border-radius:7px;padding:14px;margin-top:20px;font-size:12px}.payment-notice p{margin:6px 0 0;font-size:12px}.consent{display:flex;align-items:start;gap:10px;font-size:12px;margin:20px 0}.consent input{margin-top:4px;accent-color:var(--red)}#review{display:grid;gap:10px;font-size:12px;overflow-wrap:anywhere}#review>div{display:flex;justify-content:space-between;gap:20px}#review strong{text-align:end}#checkout-error{color:#b42020;margin:10px 0 0}#complete{text-align:center;padding:20px 0}#complete h3{font-size:24px}.complete-icon{background:#edf4ef;color:#53765c;width:56px;height:56px;font-size:30px;border-radius:50%;margin:0 auto 20px}#complete .button{font-size:12px;margin:5px}[hidden]{display:none!important}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .system-art{direction:ltr}[dir=rtl] h1{font-size:57px}
@media(min-width:1450px){.hero-grid{padding-block:80px}.system-art{height:410px}}
@media(max-width:1050px){.store-header{gap:20px}.store-header nav{gap:18px}.header-actions .button{display:none}.hero-grid{gap:28px}.system-art{transform:scale(.85);transform-origin:center}.product-card{padding:20px}.product-card.featured{padding-top:18px}.filters button{padding:8px;font-size:11px}.how{gap:22px}.hero-notes{gap:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline{font-size:9px}.topline a{display:none}.store-header{min-height:115px;flex-wrap:wrap;gap:0;padding-top:18px}.store-header .logo{width:142px}.store-header nav{order:3;width:100%;height:50px;justify-content:space-between;font-size:12px}.store-header nav a.active:after{bottom:-14px}.header-actions{font-size:12px}.hero-grid{grid-template-columns:1fr;padding-block:38px;gap:0}.hero h1{font-size:48px;letter-spacing:-2px}.hero .lead{font-size:14px;max-width:95%}.system-art{display:none}.hero-notes{font-size:10px}.preview-notice{font-size:10px;align-items:start}.catalog{padding-block:35px}.section-heading{align-items:start}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.annual-pill{font-size:9px;padding:5px 9px}.catalog-toolbar{align-items:stretch;flex-direction:column;margin-block:22px}.search{width:100%;border:1px solid var(--line);border-radius:6px;padding:5px 10px}.filters{gap:4px}.filters button{padding:8px 10px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card{padding:18px;min-height:420px}.product-card h3{font-size:19px}.card-tag{font-size:8px}.card-top{gap:7px}.product-icon{width:36px;height:36px}.product-description{min-height:65px}.feature-list{font-size:11px}.how{grid-template-columns:1fr 1fr;gap:22px;padding-block:28px;margin-bottom:32px}.how h2{font-size:23px}.help-band{padding:25px;align-items:start;flex-direction:column}.help-band h2{font-size:24px}.faq{grid-template-columns:1fr;gap:12px;padding-block:36px}.faq h2{font-size:25px}.store-footer .wrap{gap:15px}.store-footer p{flex-basis:calc(100% - 150px)}[dir=rtl] h1{font-size:45px}}
@media(max-width:440px){.product-grid{grid-template-columns:1fr}.product-card{min-height:380px;padding:24px}.product-card.featured{padding-top:22px}.product-description{min-height:0}.section-heading{flex-direction:column;gap:14px}.how{grid-template-columns:1fr}.how-step>span{margin-bottom:8px}.how-step p{max-width:280px}.steps{gap:6px;font-size:10px}dialog{padding:22px}.summary-total{align-items:start}.summary-total strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preserve the full original navigation alongside the new store. */
.store-header{flex-wrap:wrap;gap:0;padding-top:22px}.store-header nav{order:3;width:100%;height:62px;justify-content:space-between;gap:18px;font-size:12px}.store-header nav>a{white-space:nowrap}.store-header nav a.active:after{bottom:-20px}.nav-policies{position:relative}.nav-policies summary{cursor:pointer;white-space:nowrap}.policy-links{position:absolute;inset-inline-end:0;top:calc(100% + 12px);min-width:190px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #23272b18;padding:7px;z-index:30;display:grid;gap:3px}.policy-links a{padding:8px 12px;white-space:nowrap;border-radius:4px}.policy-links a:hover{background:var(--paper);color:var(--red)}
@media(max-width:760px){.store-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:18px 10px;padding:22px 0 18px;font-size:11px}.store-header nav a.active:after{bottom:-7px}.store-header nav>a{white-space:normal}.policy-links{inset-inline-end:0}.header-actions .button{display:none}}
@media(max-width:380px){.store-header nav{font-size:10px;gap:16px 7px}}

.store-footer .footer-contact{display:flex;justify-content:space-between;align-items:start;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line);gap:25px}.footer-contact strong{display:block;font-size:18px;color:var(--ink);margin-bottom:8px}.store-footer .footer-contact p{font-size:11px}.footer-contact>div:last-child{display:grid;gap:5px;font-size:12px}@media(max-width:760px){.store-footer .footer-contact{flex-direction:column}.footer-contact strong{font-size:16px}}/* Serve the bundled open-source Tajawal font consistently across devices. */
@font-face{font-family:'Microchips Tajawal';src:url('../fonts/tajawal/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Microchips Tajawal';src:url('../fonts/tajawal/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Microchips Tajawal';src:url('../fonts/tajawal/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] .kufi-font,html[lang=ar] .LatoFont{font-family:'Microchips Tajawal',Tahoma,'Segoe UI',sans-serif!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] .store-header,html[lang=ar] .store-footer{font-family:'Microchips Tajawal',Tahoma,'Segoe UI',sans-serif!important;letter-spacing:0}
html[lang=ar] .product-description,html[lang=ar] .how-step p,html[lang=ar] .faq details p{font-size:14px}html[lang=ar] .feature-list,html[lang=ar] .filters button,html[lang=ar] .card-bottom .button{font-size:13px}html[lang=ar] .product-subtitle,html[lang=ar] .price-label{font-size:12px}