@font-face { font-family: 'DM Sans'; src: url('assets/fonts/dm-sans-latin.woff2') format('woff2'); font-style: normal; font-weight: 100 1000; font-display: swap; }
/* Blue ribbon, cyan orbit, and lime nova from the original logo. */
:root { --navy:#041b36; --panel:#092b47; --blue:#0066cc; --primary:var(--blue); --blue-hover:#004fa3; --blue-light:#65d9ff; --brand-cyan:#00cddd; --brand-teal:#00bfae; --brand-green:#8be000; --cyan-soft:#e9fafd; --lime-soft:#f0fadf; --ink:#082b49; --muted:#587080; --line:#dbe9ee; --sans:'DM Sans',Arial,sans-serif; --mono:Consolas,'Courier New',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; color:var(--ink); background:#fff; font:15px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; color:inherit; border:0; }
a { color:inherit; text-decoration:none; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,[tabindex]:focus-visible { outline:3px solid var(--blue-light); outline-offset:5px; }
input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:650; }
::selection { background:var(--brand-green); color:var(--navy); }
.container { width:calc(100% - 112px); max-width:1280px; margin-inline:auto; }
.section-space { padding-block:104px; }
.icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.svg-library { position:absolute; width:0; height:0; overflow:hidden; }
.eyebrow { display:flex; align-items:center; gap:9px; font:10px/1.5 var(--mono); letter-spacing:1.3px; }
.status-dot { width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--brand-green); box-shadow:0 0 0 4px #8be00018; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:52px; padding:15px 22px; font-size:12px; font-weight:600; border:1px solid transparent; border-radius:4px; transition:background .2s,border-color .2s,transform .2s; }
.button:hover { transform:translateY(-2px); }
.button .icon { width:18px; height:18px; }
.button-small { padding:11px 17px; min-height:42px; gap:23px; font-size:11px; }
.button-blue,.button-dark { background:var(--blue); color:#fff; }
.button-blue:hover,.button-dark:hover { background:var(--blue-hover); }
.button-outline { border-color:#ffffff35; color:#fff; background:transparent; }
.button-outline:hover { border-color:var(--brand-cyan); background:#00cddd12; }
.button-white { background:var(--brand-green); color:var(--navy); }
.button-white:hover { background:#a5ef36; }
.text-link { display:inline-flex; align-items:center; gap:14px; font-size:12px; font-weight:500; }
.text-link .icon { width:16px; height:16px; transition:transform .2s; }
.text-link:hover .icon { transform:translate(2px,-2px); }
.skip-link { position:fixed; top:-100px; left:20px; padding:12px 20px; background:var(--blue); color:white; z-index:100; }
.skip-link:focus { top:12px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
[hidden] { display:none!important; }

/* Masthead and engineering canvas */
.site-header { height:91px; position:relative; z-index:10; background:var(--navy); color:#fff; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:100%; border-bottom:1px solid #ffffff12; }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:650; font-size:23px; line-height:1; letter-spacing:-.9px; }
.brand-mark { display:block; width:80px; height:44px; flex-shrink:0; object-fit:contain; }
.brand-wordmark { display:flex; flex-direction:column; gap:7px; }
.brand-nova { color:var(--brand-cyan); background:linear-gradient(110deg,var(--brand-cyan),var(--brand-green)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.brand-descriptor { font-size:8px; font-weight:500; letter-spacing:3.3px; text-transform:uppercase; color:var(--blue-light); }
.main-nav { display:flex; align-items:center; gap:34px; }
.main-nav>a:not(.button) { font-size:12px; color:#acb7cb; }
.main-nav>a:hover { color:#fff; }
.menu-toggle { display:none; }
.dark-intro { background:var(--navy); color:#fff; position:relative; isolation:isolate; overflow:hidden; }
.dark-intro:before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 84% 45%,#00cddd19,transparent 54%),radial-gradient(ellipse at 65% 90%,#8be00009,transparent 45%); }
.hero { display:grid; grid-template-columns:1.02fr 1fr; align-items:center; gap:65px; padding-top:76px; padding-bottom:77px; }
.hero-copy .eyebrow { color:#a3b4d2; font-size:9px; letter-spacing:1.2px; }
.hero h1 { font-size:clamp(60px,5.7vw,82px); font-weight:650; line-height:1.045; letter-spacing:-4px; margin-top:27px; }
.hero h1>span { color:var(--brand-cyan); }
.hero-description { max-width:445px; margin-top:27px; color:#9eabc2; font-size:14px; line-height:1.85; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:31px; }
.hero-actions .text-link { font-size:11px; color:#c3cee1; }
.hero-platforms { display:flex; align-items:center; gap:11px; margin-top:35px; color:#6f809f; font:7px var(--mono); letter-spacing:1px; }
.hero-platforms i { height:3px; width:3px; background:#4f6388; border-radius:50%; }
.system-panel { background:var(--panel); border:1px solid #20546a; border-radius:8px; box-shadow:0 24px 100px #0002; min-width:0; overflow:hidden; }
.system-panel-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:19px 21px; border-bottom:1px solid #26314a; color:#91a5c8; font:8px var(--mono); letter-spacing:.7px; }
.system-panel-header>span:first-child { display:flex; align-items:center; gap:8px; }
.system-panel-header i { width:5px; height:5px; background:var(--brand-green); border-radius:50%; }
.panel-index { color:#506787; }
.system-tabs { display:flex; padding:16px 20px 0; gap:6px; }
.system-tabs button { padding:8px 14px; border-radius:4px; font-size:10px; color:#7d8fac; background:transparent; border:1px solid transparent; }
.system-tabs button[aria-selected=true] { color:var(--blue-light); background:#073d55; border-color:#08758c; }
.system-tabs button:hover { color:#fff; }
.system-stage { position:relative; height:290px; margin:5px 17px 0; isolation:isolate; }
.stage-grid { position:absolute; inset:0; z-index:-1; background-image:radial-gradient(#485e823a .8px,transparent .8px); background-size:17px 17px; mask-image:linear-gradient(transparent,#000 20% 80%,transparent); }
.system-connectors { position:absolute; width:100%; height:100%; overflow:visible; }
.system-connectors path { fill:none; stroke:#168ba5; stroke-width:1; stroke-dasharray:4 4; }
.system-connectors circle { fill:var(--brand-green); filter:drop-shadow(0 0 4px #8be00080); }
.system-node { position:absolute; width:142px; display:flex; align-items:center; gap:9px; background:#142139; border:1px solid #2b4165; padding:12px 10px; border-radius:5px; box-shadow:0 8px 14px #0001; }
.node-one { left:4%; top:11%; }.node-two { right:4%; top:11%; }.node-three { left:4%; bottom:11%; }.node-four { right:4%; bottom:11%; }
.node-icon { color:#7e9bc9; display:grid; place-items:center; width:25px; height:27px; border-right:1px solid #2a4164; padding-right:6px; flex-shrink:0; }
.node-icon .icon { width:17px; height:17px; }
.system-node strong { display:block; font-size:9px; font-weight:500; color:#d0dcf0; }
.system-node small { display:block; font-size:6px; color:#6b82a7; margin-top:2px; }
.system-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:123px; height:92px; border:1px solid var(--brand-teal); border-radius:7px; background:linear-gradient(130deg,#07335b,#064538); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 0 8px #00cddd09,0 0 40px #00cddd19; }
.system-core>.system-logo { display:block; width:64px; height:32px; object-fit:contain; }
.system-core>strong { font-size:11px; letter-spacing:-.2px; line-height:1.4; margin-top:3px; font-weight:600; }
.system-brand-descriptor { display:block; font-size:.58em; letter-spacing:.09em; line-height:1; }
.system-core>span { font:5px var(--mono); letter-spacing:1.2px; color:#a7c5ff; margin-top:5px; }
.stage-coordinate { position:absolute; bottom:0; font:5px var(--mono); letter-spacing:1px; color:#4b6286; }
.coordinate-one { left:0; }.coordinate-two { right:0; }
.system-caption { margin:23px 21px 0; padding:17px 0; display:flex; align-items:center; gap:12px; border-top:1px solid #263550; }
.system-caption-icon { width:33px; height:33px; display:grid; place-items:center; border-radius:5px; border:1px solid #283c5d; background:#172540; color:#7da3eb; flex-shrink:0; }
.system-caption-icon .icon { width:17px; height:17px; }
.system-caption strong { font-size:10px; font-weight:500; color:#cdd8ec; }
.system-caption p { font-size:8px; color:#7589aa; margin-top:3px; }
.system-count { margin-left:auto; color:#a2bcf3; font-size:23px; font-weight:500; line-height:1; text-align:right; }
.system-count>span { font:5px var(--mono); letter-spacing:1px; display:block; margin-top:6px; color:#637b9f; }
.system-bottom { display:flex; justify-content:space-between; gap:10px; padding:12px 21px; border-top:1px solid #263550; background:#0d172a; color:#617799; font:6px var(--mono); letter-spacing:.8px; }
.system-bottom span:last-child { letter-spacing:0; color:#50678a; font-family:var(--sans); }
.hero-baseline { border-top:1px solid #ffffff12; display:flex; align-items:center; justify-content:space-between; padding:19px 0; color:#526786; font:7px var(--mono); letter-spacing:1.2px; }
.hero-baseline a { display:flex; align-items:center; gap:16px; color:#a6b4cf; font-size:7px; }
.hero-baseline a span { font-size:16px; line-height:1; color:var(--blue-light); }

/* An industry index, lead case study, and varied portfolio grid */
.business-strip { background:var(--cyan-soft); border-bottom:1px solid var(--line); }
.business-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:27px; }
.business-strip-inner>p { font-size:12px; color:#7b8495; line-height:1.7; white-space:nowrap; }
.business-strip-inner>p strong { color:#35435b; font-weight:550; }
.business-strip-inner>div { display:flex; flex:1; align-items:center; justify-content:flex-end; gap:37px; }
.business-strip-inner>div span { color:#647187; font-size:12px; font-weight:500; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; }
.section-heading .eyebrow { color:#5a77a8; }
h2 { font-size:49px; line-height:1.12; letter-spacing:-2px; font-weight:600; }
.section-heading h2 { margin-top:19px; }
.section-heading>p { max-width:325px; padding-bottom:3px; font-size:13px; line-height:1.9; color:var(--muted); }
.project-toolbar { display:flex; align-items:center; justify-content:space-between; margin-top:35px; padding-bottom:17px; border-bottom:1px solid var(--line); margin-bottom:27px; gap:20px; }
.project-filters { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.filter { background:transparent; color:#7b8494; padding:8px 12px; border-radius:4px; font-size:11px; transition:color .2s,background .2s; }
.filter span { display:inline-block; margin-left:4px; font:9px var(--mono); color:#7392cf; }
.filter:hover { background:var(--cyan-soft); color:var(--blue-hover); }.filter.active { background:var(--lime-soft); color:#365600; }
.work-count { font:8px var(--mono); color:#97a1b1; }
.project-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:25px; }
.project-card { grid-column:span 6; border:1px solid var(--line); border-radius:8px; overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.project-card:hover { border-color:var(--brand-cyan); box-shadow:0 10px 30px #0066cc0c; }
.project-card:nth-child(2),.project-card:nth-child(3) { grid-column:span 6; }
.project-open { width:100%; text-align:left; padding:0; background:#fff; display:flex; flex-direction:column; height:100%; }
.project-art { height:320px; overflow:hidden; position:relative; isolation:isolate; width:100%; border-bottom:1px solid var(--line); }
.project-info { padding:21px 21px 23px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex:1; width:100%; }
.project-type { font:7px var(--mono); letter-spacing:.7px; color:#7587a3; }
.project-info h3 { font-size:23px; letter-spacing:-.8px; margin-top:7px; line-height:1.3; }
.project-info p { font-size:11px; color:#7c8799; line-height:1.7; margin-top:6px; max-width:300px; }
.round-arrow { display:grid; place-items:center; border:1px solid #dce4f1; width:32px; height:32px; border-radius:4px; color:#7082a0; flex-shrink:0; transition:color .2s,background .2s; }
.round-arrow .icon { width:15px; height:15px; }
.project-open:hover .round-arrow { color:#fff; background:var(--blue); border-color:var(--blue); }
.project-card:first-child { grid-column:1/-1; }
.project-card:first-child .project-open { display:grid; grid-template-columns:.78fr 1.22fr; background:#f8faff; min-height:430px; }
.project-card:first-child .project-art { grid-column:2; grid-row:1; height:430px; min-height:430px; border:0; border-left:1px solid var(--line); }
.project-card:first-child .project-info { grid-column:1; grid-row:1; flex-direction:column; align-items:flex-start; justify-content:center; gap:27px; padding:40px; }
.project-card:first-child .project-type { font-size:8px; color:#6e88b8; letter-spacing:1px; }
.project-card:first-child h3 { font-size:36px; letter-spacing:-1.4px; margin-top:13px; }
.project-card:first-child .project-info p { font-size:13px; line-height:1.9; max-width:300px; margin-top:16px; color:#6f7c91; }
.project-card:first-child .round-arrow { display:none; }
.case-link { display:flex; align-items:center; gap:24px; font-size:11px; margin-top:27px; color:#2f5bc0; font-weight:600; }
.case-link .icon { width:17px; height:17px; }
.project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art { height:320px; }
.project-card:last-child { grid-column:1/-1; }
.project-card:last-child .project-open { display:grid; grid-template-columns:1.1fr .9fr; }
.project-card:last-child .project-art { height:350px; border-bottom:0; border-right:1px solid var(--line); }
.project-card:last-child .project-info { padding:40px; }
.project-card:last-child h3 { font-size:30px; }
.project-card:last-child .project-info p { font-size:13px; max-width:300px; }
.more-projects { margin-top:35px; }
.more-projects-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; gap:20px; }
.more-projects-heading .eyebrow { color:#5d7195; font-size:8px; }
.more-projects-heading>span:last-child { font-size:10px; color:#8d98aa; }
.project-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.project-list>button { display:flex; align-items:center; gap:12px; border:1px solid var(--line); border-radius:5px; background:#fff; text-align:left; padding:19px 15px; transition:background .2s; }
.project-list>button:hover { background:#f4f7ff; }
.list-icon { display:grid; place-items:center; width:30px; height:32px; color:#6482bf; background:#eff4ff; border-radius:4px; flex-shrink:0; }
.list-icon .icon { width:17px; height:17px; }
.project-list strong { display:block; font-size:11px; font-weight:550; line-height:1.4; }
.project-list small { display:block; font-size:8px; color:#8b96a9; margin-top:3px; }
.project-list>button>.icon { width:15px; height:15px; margin-left:auto; color:#879fc9; }
.project-visual-note { margin-top:15px; text-align:right; font-size:8px; color:#939eaf; }
.micro { font:6px var(--mono); letter-spacing:.7px; color:#8a9ab5; }

.erp-art{background:#d9e2f2}.erp-screen{position:absolute;top:60px;left:30px;right:30px;border:1px solid #d0d7e3;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #35446019;transform:rotate(-3deg);transition:transform .4s}.project-open:hover .erp-screen{transform:rotate(-1deg) translateY(-3px)}.product-topbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #d9e2f2;font-size:8px}.product-topbar>span{display:flex;align-items:center;gap:5px}.product-topbar small{font-size:5px;font-weight:400;letter-spacing:.7px;color:#75849f}.product-square{background:var(--primary);border-radius:4px;padding:2px 5px;color:white;font-size:11px}.product-topbar-right{font-size:6px;color:#7d8ba4}.product-topbar i{width:12px;height:12px;background:#ced5e2;border-radius:50%;display:inline-block;margin-left:7px}.erp-body{display:flex}.mock-sidebar{width:85px;border-right:1px solid #e3e9f6;padding:12px 7px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.mock-sidebar>span{padding:5px 4px;font-size:5px;color:#74839e;border-radius:3px}.mock-sidebar .selected{background:#dde5f4;color:#354769}.erp-content{padding:14px;flex:1;min-width:0}.mock-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px}.mock-heading strong{font-weight:500}.mock-heading>span{font-size:5px;border:1px solid #d6dff1;border-radius:3px;padding:2px 5px}.erp-stats{display:flex;gap:7px;margin-top:11px}.erp-stats>div{flex:1;border:1px solid #d6dff1;border-radius:4px;padding:7px;display:flex;flex-direction:column;gap:2px}.erp-stats small{font-size:5px;color:#74839f}.erp-stats strong{font-size:13px;font-weight:500;letter-spacing:-.4px}.erp-stats span{font-size:4px;color:#8794ac}.mock-table{border:1px solid #d6dff1;border-radius:4px;margin-top:10px;padding:8px}.mock-table>div,.mock-table>p{display:flex;justify-content:space-between;align-items:center;gap:7px}.mock-table>div{font-size:6px;margin-bottom:6px}.mock-table>div>strong{font-weight:500}.mock-table>div>span{font-size:4px;color:#828fa8}.mock-table>p{font-size:5px;border-top:1px solid #e4eaf6;padding-block:5px;color:#74839e}.mock-table>p:first-of-type{font-size:4px;color:#97a2b6}.mock-tag{font-size:4px;font-weight:400;background:#e2e9f5;border-radius:3px;color:#677794;padding:2px 4px}.mock-tag.beige{background:#f7f0df;color:#ac9660}.art-chip{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;background:#ffffffd9;border-radius:4px;border:1px solid #fff;font-size:7px;color:#64738f;box-shadow:0 2px 8px #3f4d6808}.art-chip .icon{width:11px;height:11px}.nestora-art{background:#f0ebdf}.nestora-art .art-label{color:#9a8a6a}.pos-screen{position:absolute;top:64px;left:29px;right:29px;background:#fffefa;border:1px solid #e6dcc7;border-radius:7px;overflow:hidden;box-shadow:0 10px 30px #806d4615;transform:rotate(3deg);transition:transform .4s}.project-open:hover .pos-screen{transform:rotate(1deg) translateY(-3px)}.nestora-word{font-size:15px;letter-spacing:-.5px;font-weight:600}.nestora-word span{color:#c5a25b;font-size:5px;align-self:flex-end;margin-bottom:6px}.pos-screen .product-topbar>span:last-child{font-size:6px;color:#71809c}.pos-body{display:flex}.pos-products{width:62%;padding:12px}.pos-search{font-size:5px;color:#8895ad;background:#ebf0f9;border:1px solid #dbe3f3;border-radius:3px;padding:5px}.pos-tabs{display:flex;gap:10px;align-items:center;font-size:4px;color:#7987a2;margin-top:7px}.pos-tabs .selected{background:#d3def1;padding:3px 5px;border-radius:3px;color:#5a6881}.stationery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.stationery-grid>div{background:#f9f7ef;border:1px solid #dce4f3;border-radius:4px;padding:5px;display:flex;flex-direction:column}.stationery-grid b{font-size:4px;font-weight:500;margin-top:4px}.stationery-grid small{font-size:4px;color:#9a947c}.stationery{height:24px;display:block;position:relative;margin-inline:auto;width:40px}.notebook:before{content:'';position:absolute;width:20px;height:24px;left:8px;border-radius:2px;background:#cfae83;box-shadow:inset 3px 0 #b78f60;transform:rotate(-10deg)}.notebook:after{content:'';position:absolute;width:9px;height:3px;left:14px;top:7px;background:#e8d3b6;transform:rotate(-10deg)}.pencils{background:linear-gradient(90deg,transparent 7px,#bd805f 7px 10px,transparent 10px 13px,#cfb574 13px 16px,transparent 16px 19px,#6e7e9d 19px 22px,transparent 22px 25px,#7887a2 25px 28px,transparent 28px);transform:rotate(12deg);height:22px;top:1px}.pen:after{content:'';position:absolute;height:25px;width:4px;left:18px;top:0;background:#505c73;border-radius:3px;transform:rotate(25deg);box-shadow:inset 0 6px #a9b3c4}.paper:after{content:'';position:absolute;width:22px;height:23px;background:repeating-linear-gradient(#ece3d2 0 4px,#ddd2bb 4px 5px);left:8px;transform:rotate(-8deg);box-shadow:-2px 2px #c1b28f}.pos-bill{width:38%;background:#ecf1f9;border-left:1px solid #d2ddf0;padding:12px 10px}.pos-bill>strong{display:flex;justify-content:space-between;font-size:7px;font-weight:500}.pos-bill>strong span{background:#d3dae8;border-radius:3px;font-size:5px;padding:1px 4px}.pos-bill>p{font-size:5px;margin-top:13px;color:#7685a0;display:flex;justify-content:space-between;gap:4px}.pos-bill>p b{font-weight:500;color:#4f5b72}.pos-total{border-top:1px dashed #cad1de;margin-top:19px;padding-top:10px;display:flex;flex-direction:column}.pos-total small{font-size:5px;color:#7d8ba4}.pos-total strong{font-size:18px;font-weight:500;letter-spacing:-.7px}.mock-pay{display:block;text-align:center;background:#516486;color:white;font-size:5px;padding:6px;border-radius:3px;margin-top:10px}.nestora-art .art-chip{color:#9a8a67}.hitham-art{background:#d8dee8;display:flex;align-items:center;justify-content:center;padding:27px}.hitham-window{background:#fbf8ec;border:1px solid #fff;overflow:hidden;border-radius:5px;width:100%;box-shadow:0 12px 26px #333b4a12;transition:transform .4s}.project-open:hover .hitham-window{transform:translateY(-4px)}.hitham-nav{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 17px}.hitham-nav>span{font-family:Georgia,serif;font-size:13px;letter-spacing:2px;color:#394252;text-align:center}.hitham-nav>span>span{display:block;font-family:var(--sans);font-size:3px;letter-spacing:1px;margin-top:1px}.hitham-nav small{font-size:5px;color:#657592}.hitham-scene{position:relative;height:192px;overflow:hidden;background:#c3cddf}.hitham-scene img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center 62%}.hitham-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3eedddf,transparent 75%)}.hitham-scene>div{position:absolute;left:21px;top:33px;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.hitham-scene>div>span:first-child{font-size:4px;letter-spacing:1px;color:#4c5972}.hitham-scene strong{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:400;color:#343d4d;margin-top:9px;letter-spacing:-.4px}.hitham-shop{background:#353d4d;padding:6px 9px;color:#f6f3e6;font-size:4px;border-radius:2px;margin-top:12px}.zaverii-art{background:#eee3dc;display:flex;flex-direction:column;align-items:center;padding-top:25px}.jewellery-wordmark{font-family:var(--serif);font-size:29px;letter-spacing:5px;line-height:1.2;color:#674e40;text-align:center}.jewellery-wordmark>span{display:block;font-family:var(--sans);font-size:4px;letter-spacing:1.3px;margin-top:7px;color:#9e8c7e}.jewel-display{width:82%;height:139px;margin-top:7px;background:radial-gradient(ellipse at 50% 90%,#d9c9b9,transparent 65%);transition:transform .4s}.jewel-display svg{width:100%;height:100%;filter:drop-shadow(0 6px 4px #876d3f23)}.project-open:hover .jewel-display{transform:translateY(-4px)}.jewellery-caption{font-size:5px;letter-spacing:1.8px;color:#9a8473;margin-top:3px}.jewellery-pill{border-bottom:1px solid #b6a18a;font-size:6px;padding-bottom:4px;color:#806649;margin-top:13px}.hr-art{background:#dbe3f3;padding:35px 28px;display:flex;align-items:center}.hr-screen{background:#f9fafd;width:100%;border:1px solid #fff;border-radius:5px;box-shadow:0 14px 26px #2f394c10;transform:rotate(-2deg);transition:transform .4s}.project-open:hover .hr-screen{transform:rotate(0) translateY(-4px)}.hr-screen-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dbe3f3}.hr-screen-top>span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:500}.hr-screen-top svg{width:15px;height:15px;color:#536077}.hr-screen-top small{font-size:5px;color:#8b98af}.hr-greeting{display:flex;flex-direction:column;padding:15px 16px 11px}.hr-greeting span{font-size:4px;letter-spacing:.8px;color:#808ea7}.hr-greeting strong{font-size:13px;font-weight:500;letter-spacing:-.4px;margin-top:4px}.hr-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 16px 14px}.hr-tiles>div{display:flex;flex-direction:column;border:1px solid #d9e2f2;border-radius:4px;padding:11px 7px}.person-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#c8d2e5;color:#5e6c87;font-size:6px;margin-bottom:7px}.person-avatar.peach{background:#f0ddce;color:#b08764}.person-avatar.violet{background:#e4dfea;color:#9281a4}.hr-tiles b{font-size:5px;font-weight:500}.hr-tiles small{font-size:4px;color:#8794ac;margin-top:2px}.hr-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dde5f4;padding:7px 16px;font-size:4px;color:#7786a1}.hr-bottom small{font-size:4px}.pharmacy-art{background:#dde5f4;padding:35px 28px;display:flex;align-items:center}.pharmacy-screen{background:#f9fafd;width:100%;border:1px solid #fff;border-radius:5px;box-shadow:0 14px 26px #2f394c10;transform:rotate(2deg);transition:transform .4s}.project-open:hover .pharmacy-screen{transform:rotate(0) translateY(-4px)}.dispense-brand{display:flex;align-items:center;padding:12px 16px;gap:5px;font-size:13px;letter-spacing:-.5px;color:#344565;border-bottom:1px solid #dfe6f4;font-weight:500}.dispense-brand>span{background:#445676;color:#fff;font-size:13px;line-height:18px;text-align:center;width:18px;border-radius:4px}.dispense-brand small{font-size:5px;margin-left:auto;color:#96a1b6;font-weight:400;letter-spacing:0}.pharmacy-layout{display:flex;gap:15px;padding:20px 17px}.pharmacy-layout>div:first-child{flex:1}.pharmacy-layout .micro{font-size:4px;color:#8996ad}.pharmacy-layout>div>strong{display:block;font-size:17px;line-height:1.2;letter-spacing:-.5px;margin-top:6px;font-weight:500}.medicine-row{display:flex;align-items:flex-end;gap:9px;margin-top:16px;padding-left:3px;height:43px}.medicine-pack{display:inline-block;width:26px;height:41px;background:#e4dcd5;transform:rotate(-8deg);border-radius:1px;border-bottom:9px solid #d5b5a0;position:relative}.medicine-pack:after{content:'';position:absolute;width:17px;left:4px;top:9px;height:3px;background:#fcf9f4;box-shadow:0 5px #fcf9f4}.medicine-pack.mint{height:32px;width:36px;background:#d4d9e2;transform:rotate(5deg);border-bottom-color:#9da9bf}.medicine-bottle{height:30px;width:18px;background:#d8b18a;border-radius:4px 4px 5px 5px;position:relative;margin-left:4px}.medicine-bottle:before{content:'';position:absolute;height:7px;width:14px;left:2px;top:-5px;background:#f3ede3;border-radius:2px}.medicine-bottle:after{content:'';position:absolute;inset:9px 0 6px;background:#f4e6ce}.pharmacy-summary{width:49%;border:1px solid #dbe3f3;border-radius:5px;padding:12px 10px;align-self:center}.pharmacy-summary>span:first-child{font-size:4px;letter-spacing:.5px;color:#8e9ab1}.pharmacy-summary>p{display:flex;gap:5px;align-items:center;font-size:6px;margin-top:9px;color:#657491}.pharmacy-summary p .icon{width:8px;height:8px;margin-left:auto;color:#95a1b6}.pharmacy-summary p i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.dot-green{background:#97a5bf}.dot-orange{background:#cdb190}.dot-purple{background:#bcafcc}.pharmacy-summary-footer{display:block;font-size:4px;color:#97a2b7;border-top:1px solid #d9e2f3;padding-top:8px;margin-top:10px}

/* Product-specific art, independent from Meadow Nova Technologies' company identity. */
.erp-art { background:#e8eefb; }
.erp-screen { left:35px; right:35px; top:53px; transform:none; box-shadow:0 13px 27px #153b7f12; border-color:#d5dff3; }
.project-open:hover .erp-screen,.project-open:hover .pos-screen,.project-open:hover .hr-screen,.project-open:hover .pharmacy-screen { transform:translateY(-3px); }
.project-card:first-child .erp-screen { left:37px; right:37px; top:55px; }
.project-card:first-child .product-topbar { height:39px; }
.project-card:first-child .mock-sidebar { width:86px; padding:14px 9px; gap:7px; }
.project-card:first-child .mock-sidebar>span { font-size:6px; }
.project-card:first-child .erp-content { padding:17px; }
.project-card:first-child .mock-heading { font-size:10px; }
.project-card:first-child .erp-stats>div { padding:9px; }
.project-card:first-child .erp-stats strong { font-size:17px; }
.project-card:first-child .erp-stats small { font-size:6px; }
.project-card:first-child .erp-stats span { font-size:5px; }
.project-card:first-child .mock-table { padding:10px; }
.project-card:first-child .mock-table>div { font-size:8px; }
.project-card:first-child .mock-table>p { font-size:6px; padding-block:5px; }
.art-label { position:absolute; left:27px; top:20px; font:6px var(--mono); letter-spacing:1px; color:#7e91b7; }
.art-chip { font-size:6px; bottom:15px; border-radius:3px; }
.nestora-art { background:#eef2fb; }
.pos-screen { top:46px; left:32px; right:32px; transform:none; border-color:#d8e2f4; background:#fff; }
.hitham-art { padding:25px; background:#eef1eb; }
.hitham-window { border-radius:3px; box-shadow:0 8px 22px #26392313; }
.hitham-scene { height:191px; }
.hitham-nav>span { color:#3e543a; }
.hitham-scene strong { color:#354e35; font-family:Georgia,serif; font-size:26px; }
.hitham-shop { background:#3d5535; }
.jewellery-wordmark { font-family:Georgia,serif; font-size:26px; }
.zaverii-art { padding-top:23px; }
.jewel-display { height:103px; margin-top:5px; }
.jewellery-wordmark>span { font-size:3px; }.jewellery-caption { font-size:4px; }.jewellery-pill { font-size:5px; margin-top:10px; }
.hr-art,.pharmacy-art { padding:21px; }
.hr-screen,.pharmacy-screen { transform:none; }
.hr-screen-top { padding:10px 13px; }.hr-screen-top>span { font-size:9px; }
.hr-greeting { padding:12px 13px 9px; }.hr-greeting strong { font-size:9px; }
.hr-tiles { margin:0 13px 11px; gap:5px; }.hr-tiles>div { padding:8px 5px; }.hr-tiles b { font-size:4px; }.hr-tiles small { font-size:3px; }
.hr-bottom { padding:6px 13px; font-size:3px; }.hr-bottom small { font-size:3px; }
.person-avatar { width:19px; height:19px; font-size:5px; }
.dispense-brand { padding:10px 13px; font-size:11px; }.dispense-brand small { font-size:4px; }
.pharmacy-layout { padding:15px 12px; gap:9px; }.pharmacy-layout>div>strong { font-size:12px; }
.pharmacy-summary { padding:9px 7px; }.pharmacy-summary>span:first-child { font-size:3px; }.pharmacy-summary>p { font-size:4px; gap:4px; }.pharmacy-summary-footer { font-size:3px; }
.medicine-row { transform:scale(.8); transform-origin:left bottom; margin-top:9px; height:34px; }

/* Actual application screenshots replace the illustrative product artwork. */
.screenshot-art { display:block; background:var(--cyan-soft); }
.screenshot-frame { position:relative; display:block; width:100%; margin:0; padding:0; border:0; }
.project-screenshot { display:block; width:100%; height:auto; max-width:100%; object-fit:contain; image-rendering:auto; }
.screenshot-expand { display:inline-flex; align-items:center; gap:9px; padding:0; margin-top:20px; color:var(--blue); font-size:11px; font-weight:500; }
.screenshot-expand .icon { width:12px; height:12px; }
.project-dialog { max-width:1180px; }
.dialog-screenshot { margin:25px 0 20px; }
.dialog-screenshot img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:4px; }
.dialog-screenshot figcaption { margin-top:7px; font-size:9px; color:#8492a9; }

/* Capabilities and working process */
.services-section { background:var(--navy); color:#fff; }
.services-section .section-heading .eyebrow { color:#7c9acb; }.services-section .section-heading>p { color:#8d9db8; }
.services-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:45px; border:1px solid #2a3650; border-radius:6px; overflow:hidden; }
.service { padding:28px 24px; border-right:1px solid #2a3650; background:var(--panel); }.service:last-child { border-right:0; }
.service-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:42px; }
.service-top>span:last-child { font:7px var(--mono); color:#647da4; letter-spacing:.7px; }
.service-icon { width:35px; height:35px; display:grid; place-items:center; background:#073d55; border:1px solid #08758c; border-radius:5px; color:var(--brand-cyan); }.service-icon .icon { width:19px; height:19px; }
.service:nth-child(even) .service-icon { background:#213e29; border-color:#45672b; color:var(--brand-green); }
.service h3 { font-size:18px; font-weight:500; letter-spacing:-.5px; line-height:1.4; min-height:51px; }
.service>p { font-size:12px; line-height:1.9; color:#8799b6; margin-top:16px; }
.service-tags { display:flex; flex-direction:column; gap:6px; margin-top:23px; color:#9cb0d2; font:8px var(--mono); }
.service-tags>span:before { content:'↳'; color:#5080d8; margin-right:7px; }
.services-bottom { margin-top:26px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.services-bottom p { font-size:11px; color:#7286a6; }.services-bottom .text-link { color:#afc5ef; font-size:11px; }
.about-section { display:grid; grid-template-columns:1fr 1.08fr; gap:100px; }
.approach-intro>.eyebrow { color:#6884ae; }.approach-intro h2 { margin-top:20px; }
.approach-intro>p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.9; margin-top:25px; max-width:370px; }
.approach-principles { display:flex; flex-direction:column; gap:13px; margin-top:26px; }
.approach-principles>span { display:flex; align-items:center; gap:10px; font-size:12px; color:#586985; }.approach-principles .icon { width:15px; height:15px; color:#3e70cf; }
.approach-label { font:7px var(--mono); color:#a1aec2; letter-spacing:1px; display:block; margin-top:42px; }
.process-list article { display:flex; align-items:flex-start; gap:22px; padding:25px 0; border-top:1px solid var(--line); }.process-list article:first-child { padding-top:22px; }.process-list article:last-child { border-bottom:1px solid var(--line); }
.process-number { font:11px var(--mono); color:#6383bd; margin-top:5px; }
.process-list h3 { font-size:17px; font-weight:550; letter-spacing:-.5px; }.process-list p { margin-top:8px; font-size:12px; line-height:1.9; color:#7e8a9c; max-width:355px; }
.process-list article>.icon { width:15px; height:15px; margin-left:auto; margin-top:6px; color:#a9b9d4; }

/* Invitation and footer */
.contact-section { background:linear-gradient(115deg,#004fa3,#005b83 65%,#006b68); color:#fff; position:relative; overflow:hidden; isolation:isolate; }
.contact-section:after { content:''; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,transparent,#000); }
.contact-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; padding-block:67px; }
.contact-inner .eyebrow { color:#b6f4ff; font-size:9px; }.contact-inner h2 { font-size:67px; line-height:1.06; letter-spacing:-3px; margin-top:24px; }.contact-inner h2>span { color:var(--brand-green); }
.contact-inner p:not(.eyebrow) { font-size:13px; color:#d6f3fa; margin-top:21px; }.contact-inner .button { margin-top:28px; font-size:11px; gap:32px; }
.contact-graphic { flex:0 0 390px; min-width:0; padding:14px; background:#fff; border-radius:12px; box-shadow:0 18px 45px #10275e26; }
.contact-graphic>img { display:block; width:100%; height:auto; border-radius:5px; }
.site-footer { background:var(--navy); color:#fff; padding-top:43px; padding-bottom:24px; }
.footer-top { display:flex; align-items:center; gap:27px; padding-bottom:32px; border-bottom:1px solid #ffffff13; }.footer-top .brand { font-size:21px; }.footer-top .brand-mark { width:74px; height:40px; }.footer-top>p { font-size:11px; color:#6c809f; }
.back-top { margin-left:auto; display:flex; align-items:center; gap:12px; font-size:9px; color:#a1b2d0; }.back-top .icon { width:14px; height:14px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px; font-size:8px; color:#627695; }.footer-bottom nav { display:flex; gap:24px; color:#96a5bf; }.footer-bottom a:hover { color:#fff; }
.footer-coordinate { font:7px var(--mono); color:#4a6286; letter-spacing:.7px; }

/* Project details and the local brief */
body.dialog-open { overflow:hidden; }
dialog { width:calc(100% - 36px); max-width:710px; max-height:calc(100dvh - 48px); padding:42px; overflow-y:auto; overscroll-behavior:contain; border:1px solid #d9e3f4; border-radius:8px; box-shadow:0 24px 100px #081b3f4d; background:#fff; color:var(--ink); }
dialog::backdrop { background:#081021bc; backdrop-filter:blur(6px); }
.dialog-close { position:absolute; right:16px; top:16px; width:32px; height:32px; display:grid; place-items:center; border-radius:4px; background:#edf2fc; color:#5e7aa8; z-index:3; }.dialog-close .icon { width:16px; height:16px; }
.dialog-type { font:8px var(--mono); color:#7189ae; letter-spacing:.8px; margin-bottom:18px; }.project-dialog h2 { font-size:43px; padding-right:20px; }
.dialog-tagline { font-size:18px; font-weight:400; color:#667b9e; line-height:1.5; margin-top:11px; }.dialog-status { display:inline-block; font-size:9px; border:1px solid #dce5fa; border-radius:3px; padding:4px 9px; color:#5e7faf; background:#f1f5fe; margin-top:20px; }
.dialog-overview { font-size:13px; color:#6b7a91; line-height:1.9; margin-top:26px; }.dialog-feature-heading { font:9px var(--mono); letter-spacing:1px; color:#627da9; margin-top:27px; }
.dialog-features { display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; list-style:none; padding:0; margin:17px 0 27px; }.dialog-features>li { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#73819a; }.dialog-features .icon { width:15px; height:15px; color:#5683d0; margin-top:1px; }
.dialog-context { font-size:10px; line-height:1.8; color:#7187ad; padding:13px 16px; background:#f0f4fc; border-left:2px solid #87a9e8; margin-bottom:26px; }
.dialog-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:23px; border-top:1px solid var(--line); }.dialog-footer>span { font-size:10px; color:#8b99af; }.dialog-footer>.button { font-size:11px; min-height:44px; padding:12px 16px; gap:15px; }
.brief-dialog { max-width:640px; }.brief-dialog>.eyebrow { font-size:8px; color:#7290c0; letter-spacing:1px; }.brief-dialog h2 { font-size:37px; margin-top:17px; }.brief-description { font-size:12px; color:#7b8eac; margin-top:13px; }
.brief-dialog form { margin-top:24px; }.brief-dialog label { display:block; font-size:11px; color:#5e7498; margin-bottom:16px; }
.brief-dialog input,.brief-dialog select,.brief-dialog textarea { display:block; width:100%; font-size:12px; line-height:1.5; padding:10px 11px; margin-top:6px; border:1px solid #d4dff0; border-radius:4px; background:#fcfdff; color:var(--ink); }
.brief-dialog input::placeholder,.brief-dialog textarea::placeholder { color:#a0afc6; }.brief-dialog textarea { resize:vertical; min-height:100px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.optional { font-size:9px; color:#9bacc7; }
.form-note { display:flex; align-items:flex-start; gap:10px; font-size:10px; line-height:1.7; color:#8a9bb7; margin:8px 0 20px; }.form-note .icon { width:17px; height:17px; margin-top:2px; }
.brief-dialog form>.button { min-height:45px; font-size:11px; }.brief-status { display:none; color:#3b68b3; font-size:11px; line-height:1.8; margin-top:16px; }.brief-status:not(:empty) { display:block; }.brief-download { display:inline-block; text-decoration:underline; text-underline-offset:3px; }
.noscript-note { text-align:center; font-size:12px; padding:20px; }

@media(min-width:1500px) {
  .hero { padding-block:91px; }.hero h1 { font-size:87px; }
}
@media(max-width:1150px) {
  .container { width:calc(100% - 72px); }.hero { gap:35px; padding-block:64px; }.hero h1 { font-size:68px; letter-spacing:-3.5px; }.hero-description { font-size:13px; }.hero-platforms { font-size:6px; gap:8px; }
  .system-stage { height:277px; }.system-node { width:122px; padding:11px 8px; gap:6px; }.system-node strong { font-size:8px; }.system-node small { font-size:5px; }.node-icon { width:23px; }.system-core { width:111px; height:84px; }
  .system-caption { gap:9px; margin-inline:16px; }.system-caption strong { font-size:9px; }.system-caption p { font-size:7px; }
  .business-strip-inner>div { gap:23px; }.business-strip-inner>div span { font-size:10px; }h2 { font-size:44px; }
  .project-card:first-child h3 { font-size:31px; }.project-card:first-child .project-info { padding:33px; }.project-card:first-child .project-art { min-height:329px; }.project-card:first-child .erp-screen { left:27px; right:27px; top:54px; }
  .project-card:first-child .erp-stats strong { font-size:15px; }.project-card:first-child .erp-content { padding:14px; }.project-card:first-child .mock-sidebar { width:71px; padding-inline:7px; }.project-card:first-child .mock-sidebar>span { font-size:5px; }.project-card:first-child .mock-table>p { font-size:5px; }
  .project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art { height:268px; }.project-grid { gap:20px; }.project-info { padding:18px; }.project-type { font-size:6px; }.project-info h3 { font-size:21px; }.project-info p { font-size:10px; }.project-info .round-arrow { width:28px; height:28px; }.project-art { height:207px; }
  .hr-art,.pharmacy-art { padding:15px; }.pharmacy-layout { padding:12px 10px; gap:6px; }.pharmacy-layout>div>strong { font-size:10px; }.pharmacy-summary { padding:8px 5px; }.pharmacy-summary>p { font-size:3.5px; }.pharmacy-summary>span:first-child { font-size:2.5px; }
  .hr-greeting strong { font-size:8px; }.hr-tiles b { font-size:3px; }.hr-tiles small { font-size:2.5px; }.jewellery-wordmark { font-size:23px; }.jewel-display { height:90px; }
  .project-list>button { padding:16px 12px; gap:9px; }.project-list strong { font-size:10px; }.project-list small { font-size:7px; }
  .service { padding:25px 19px; }.service h3 { font-size:16px; min-height:45px; }.service>p { font-size:11px; }.service-top>span:last-child { font-size:6px; }.service-tags { font-size:7px; }.about-section { gap:70px; }
  .contact-inner h2 { font-size:59px; }.contact-graphic { flex-basis:300px; padding:10px; }
}
@media(max-width:900px) {
  .main-nav { gap:21px; }.main-nav>a:not(.button) { font-size:10px; }.brand { font-size:21px; }
  .hero { gap:27px; grid-template-columns:1fr 1fr; }.hero h1 { font-size:54px; letter-spacing:-2.8px; }.hero-copy .eyebrow { font-size:6px; letter-spacing:.7px; }.hero-description { font-size:12px; margin-top:23px; }
  .hero-actions { flex-direction:column; align-items:flex-start; gap:19px; margin-top:26px; }.hero-actions .button { min-height:47px; font-size:11px; gap:25px; }.hero-actions .text-link { font-size:10px; }.hero-platforms { flex-wrap:wrap; gap:8px; line-height:1.6; margin-top:28px; font-size:5px; }
  .system-panel-header { padding:16px 14px; font-size:6px; }.system-panel-header>span:first-child { gap:6px; }.system-tabs { padding:13px 13px 0; gap:4px; }.system-tabs button { padding:6px 10px; font-size:8px; }
  .system-stage { height:251px; margin-inline:10px; }.system-node { width:103px; padding:10px 7px; gap:5px; }.system-node strong { font-size:6px; }.system-node small { font-size:4px; }.node-icon { width:19px; height:22px; padding-right:4px; }.node-icon .icon { width:13px; height:13px; }
  .node-one,.node-three { left:2%; }.node-two,.node-four { right:2%; }.system-core { width:93px; height:76px; }.system-core>.system-logo { width:54px; height:27px; }.system-core>strong { font-size:9px; }.system-core>span { font-size:4px; letter-spacing:.8px; }
  .system-caption { margin:18px 13px 0; gap:7px; padding:14px 0; }.system-caption strong { font-size:7px; }.system-caption p { font-size:6px; }.system-caption-icon { width:26px; height:28px; }.system-caption-icon .icon { width:13px; height:13px; }.system-count { font-size:18px; }.system-count>span { font-size:4px; letter-spacing:.5px; }
  .system-bottom { padding:10px 13px; font-size:4px; }.stage-coordinate { font-size:4px; }.hero-baseline { font-size:5px; letter-spacing:.7px; }.hero-baseline a { font-size:6px; gap:8px; }
  .business-strip-inner { gap:25px; }.business-strip-inner>p { font-size:10px; }.business-strip-inner>div { gap:15px 28px; flex-wrap:wrap; }.business-strip-inner>div span { font-size:9px; }
  .section-space { padding-block:78px; }.section-heading { gap:35px; }h2 { font-size:38px; }.section-heading>p { max-width:245px; font-size:11px; }.filter { font-size:9px; padding:7px 9px; }.work-count { font-size:6px; }
  .project-card { grid-column:span 6; }.project-card:first-child .project-open { grid-template-columns:.8fr 1.2fr; min-height:300px; }.project-card:first-child .project-art { min-height:300px; }.project-card:first-child .project-info { padding:24px; }.project-card:first-child h3 { font-size:25px; letter-spacing:-.8px; }.project-card:first-child .project-info p { font-size:11px; margin-top:12px; }.project-card:first-child .project-type { font-size:6px; letter-spacing:.7px; }.case-link { margin-top:20px; font-size:9px; gap:15px; }
  .project-card:first-child .erp-screen { left:18px; right:18px; top:55px; }.project-card:first-child .erp-content { padding:10px; }.project-card:first-child .mock-sidebar { width:52px; padding:11px 4px; gap:6px; }.project-card:first-child .mock-sidebar>span { font-size:4px; }.project-card:first-child .mock-heading { font-size:7px; }.project-card:first-child .erp-stats>div { padding:6px; }.project-card:first-child .erp-stats strong { font-size:10px; }.project-card:first-child .erp-stats small { font-size:4px; }.project-card:first-child .erp-stats span { font-size:3px; }.project-card:first-child .mock-table { padding:7px; }.project-card:first-child .mock-table>div { font-size:5px; }.project-card:first-child .mock-table>p { font-size:4px; padding-block:4px; }
  .project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art,.project-art { height:242px; }.project-card:last-child { grid-column:1/-1; }.project-card:last-child .project-open { display:grid; grid-template-columns:1fr 1fr; }.project-card:last-child .project-info { padding:25px; align-items:center; height:100%; }.project-card:last-child .project-art { border:0; border-right:1px solid var(--line); }
  .project-info h3 { font-size:21px; }.project-info p { font-size:11px; }.project-type { font-size:7px; }.pos-screen { left:20px; right:20px; top:44px; }.pos-products { padding:9px; }.pos-bill { padding:11px 7px; }.stationery-grid>div { padding:4px; }.stationery-grid b { font-size:3px; }.pos-bill>p { font-size:4px; }
  .hitham-art { padding:20px; }.hitham-nav { height:36px; padding-inline:12px; }.hitham-scene { height:163px; }.hitham-scene strong { font-size:23px; }.hitham-scene>div { left:15px; top:29px; }.jewel-display { height:115px; }.jewellery-wordmark { font-size:27px; }
  .hr-art,.pharmacy-art { padding:19px; }.hr-greeting strong { font-size:9px; }.hr-tiles b { font-size:3.5px; }.pharmacy-layout>div>strong { font-size:12px; }.pharmacy-summary>p { font-size:4px; }
  .project-list { grid-template-columns:1fr; gap:10px; }.project-list>button { padding:16px 18px; gap:13px; }.project-list strong { font-size:12px; }.project-list small { font-size:10px; }
  .services-grid { grid-template-columns:1fr 1fr; margin-top:36px; }.service { padding:28px; }.service:nth-child(2) { border-right:0; }.service:nth-child(-n+2) { border-bottom:1px solid #2a3650; }.service-top { margin-bottom:28px; }.service h3 { min-height:0; font-size:18px; }.service>p { font-size:12px; }.service-top>span:last-child { font-size:7px; }.service-tags { font-size:8px; }
  .about-section { gap:40px; }.approach-intro>p:not(.eyebrow) { font-size:12px; }.process-list article { gap:14px; padding-block:21px; }.process-list h3 { font-size:15px; }.process-list p { font-size:11px; }.process-number { font-size:9px; }
  .contact-inner { gap:30px; padding-block:55px; }.contact-inner h2 { font-size:51px; letter-spacing:-2.2px; }.contact-inner p:not(.eyebrow) { font-size:11px; }.contact-graphic { flex-basis:240px; padding:8px; }
  .footer-coordinate { display:none; }.footer-top { gap:20px; }.footer-top>p { font-size:9px; }
}
@media(max-width:650px) {
  html { scroll-padding-top:20px; }.container { width:calc(100% - 40px); }.site-header { height:77px; }.brand { font-size:22px; gap:9px; }.brand-mark { width:68px; height:38px; }.header-inner { border-bottom:1px solid #ffffff15; }
  .menu-toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:38px; height:38px; background:#172640; border:1px solid #2a3c5b; border-radius:4px; }.menu-toggle>span { width:17px; height:1.5px; background:#a8bde4; transition:transform .2s; }.menu-toggle[aria-expanded=true]>span:first-child { transform:translateY(3.75px) rotate(45deg); }.menu-toggle[aria-expanded=true]>span:last-child { transform:translateY(-3.75px) rotate(-45deg); }
  .main-nav { display:none; position:absolute; left:0; right:0; top:76px; background:#0e192d; border-bottom:1px solid #2a3954; padding:18px 20px 23px; flex-direction:column; align-items:stretch; gap:0; box-shadow:0 12px 20px #0002; }.main-nav.is-open { display:flex; }.main-nav>a:not(.button) { padding:12px 6px; font-size:13px; }.main-nav>.button { margin-top:10px; }
  .hero { grid-template-columns:1fr; gap:37px; padding-top:42px; padding-bottom:32px; }.hero-copy .eyebrow { font-size:6px; letter-spacing:.65px; gap:7px; }.hero h1 { font-size:clamp(50px,12.5vw,75px); font-weight:600; line-height:1.07; letter-spacing:-2.9px; margin-top:25px; }.hero-description { font-size:13px; line-height:1.85; max-width:390px; margin-top:24px; }
  .hero-actions { flex-direction:row; align-items:center; gap:22px; margin-top:26px; }.hero-actions .button { font-size:10px; padding:13px 15px; min-height:47px; gap:20px; }.hero-actions .text-link { font-size:9px; gap:8px; }.hero-actions .text-link .icon { width:13px; }.hero-platforms { font-size:5px; gap:8px; margin-top:26px; }
  .system-panel { border-radius:6px; }.system-panel-header { padding:15px 17px; font-size:7px; }.system-tabs { padding:14px 16px 0; gap:6px; }.system-tabs button { padding:7px 12px; font-size:9px; }.system-stage { height:256px; margin:5px 14px 0; }
  .system-node { width:111px; padding:11px 7px; gap:5px; }.system-node strong { font-size:7px; }.system-node small { font-size:4px; }.node-icon { width:21px; height:25px; padding-right:5px; }.node-icon .icon { width:15px; height:15px; }.node-one,.node-three { left:3%; }.node-two,.node-four { right:3%; }.system-core { width:98px; height:77px; }.system-core>.system-logo { width:56px; height:28px; }.system-core>strong { font-size:9px; }.system-core>span { font-size:4px; }.stage-coordinate { font-size:4px; }
  .system-caption { margin:19px 17px 0; padding:15px 0; gap:9px; }.system-caption strong { font-size:8px; }.system-caption p { font-size:7px; }.system-caption-icon { width:29px; height:30px; }.system-count { font-size:20px; }.system-count>span { font-size:4px; }.system-bottom { padding:11px 17px; font-size:5px; letter-spacing:.5px; }
  .hero-baseline { padding:18px 0; }.hero-baseline>span { font-size:5px; letter-spacing:.5px; }.hero-baseline>span:last-child { display:none; }.hero-baseline a { font-size:5px; gap:8px; }
  .business-strip-inner { display:block; padding-block:25px; }.business-strip-inner>p { font-size:11px; }.business-strip-inner>p br { display:none; }.business-strip-inner>p strong { margin-left:3px; }.business-strip-inner>div { display:grid; grid-template-columns:1fr 1fr; gap:12px 15px; justify-content:flex-start; margin-top:18px; }.business-strip-inner>div span { font-size:10px; }.business-strip-inner>div span:before { content:'/'; margin-right:8px; color:#8cabe4; font-family:var(--mono); }
  .section-space { padding-block:59px; }.section-heading { display:block; }.eyebrow { font-size:8px; letter-spacing:1px; }h2 { font-size:37px; letter-spacing:-1.6px; line-height:1.15; }.section-heading h2 { margin-top:16px; }.section-heading>p { max-width:340px; font-size:12px; margin-top:18px; padding:0; }
  .project-toolbar { margin-top:25px; padding-bottom:15px; margin-bottom:21px; }.project-filters { gap:4px; }.filter { font-size:8px; padding:7px 8px; }.filter span { font-size:7px; margin-left:2px; }.work-count { display:none; }
  .project-grid { display:flex; flex-direction:column; gap:21px; }.project-card { border-radius:6px; }.project-card:first-child .project-open,.project-card:last-child .project-open { display:flex; flex-direction:column; }
  .project-card:first-child .project-info { order:1; padding:24px; }.project-card:first-child .project-art { order:2; height:276px; min-height:0; border-left:0; border-top:1px solid var(--line); }.project-card:first-child h3 { font-size:29px; margin-top:11px; letter-spacing:-1.1px; }.project-card:first-child .project-type { font-size:7px; letter-spacing:.8px; }.project-card:first-child .project-info p { font-size:12px; margin-top:12px; max-width:310px; }.case-link { font-size:10px; margin-top:20px; gap:20px; }
  .project-card:first-child .erp-screen { top:46px; left:22px; right:22px; }.project-card:first-child .product-topbar { height:32px; }.project-card:first-child .erp-content { padding:11px; }.project-card:first-child .mock-sidebar { width:62px; padding:11px 5px; gap:5px; }.project-card:first-child .mock-heading { font-size:7px; }.project-card:first-child .erp-stats strong { font-size:12px; }.project-card:first-child .erp-stats small { font-size:4px; }.project-card:first-child .erp-stats span { font-size:3px; }.project-card:first-child .mock-table { padding:7px; }.project-card:first-child .mock-table>p { font-size:4px; }.project-card:first-child .mock-table>div { font-size:5px; }
  .project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art,.project-art { height:253px; }.project-card:last-child .project-art { border-right:0; border-bottom:1px solid var(--line); }.project-info,.project-card:last-child .project-info { padding:20px; }.project-type { font-size:7px; letter-spacing:.7px; }.project-info h3 { font-size:23px; }.project-info p { font-size:11px; max-width:280px; }.round-arrow { width:30px; height:30px; }
  .art-label { font-size:5px; top:17px; left:22px; }.art-chip { font-size:5px; bottom:11px; padding:5px 8px; }.art-chip .icon { width:9px; height:9px; }.pos-screen { left:23px; right:23px; top:43px; }.product-topbar { height:31px; }.pos-products { padding:10px; }.pos-bill { padding:10px 8px; }.pos-total { margin-top:18px; }.pos-total strong { font-size:16px; }.stationery-grid { gap:5px; }.stationery-grid b,.stationery-grid small { font-size:3px; }
  .hitham-art { padding:22px; }.hitham-scene { height:170px; }.hitham-nav { height:36px; }.hitham-scene strong { font-size:23px; }.jewellery-wordmark { font-size:28px; }.jewel-display { height:124px; }.jewellery-caption { font-size:5px; }.jewellery-pill { font-size:5px; margin-top:13px; }
  .hr-art,.pharmacy-art { padding:23px; }.hr-screen-top { padding:11px 13px; }.hr-greeting { padding:13px 13px 10px; }.hr-greeting strong { font-size:9px; }.hr-tiles { margin:0 13px 12px; gap:5px; }.hr-tiles>div { padding:9px 5px; }.hr-tiles b { font-size:3.5px; }.hr-tiles small { font-size:3px; }.person-avatar { width:21px; height:21px; }
  .dispense-brand { padding:12px 13px; }.pharmacy-layout { padding:17px 13px; gap:8px; }.pharmacy-layout>div>strong { font-size:12px; }.pharmacy-summary { padding:11px 6px; }.pharmacy-summary>p { font-size:4px; }.medicine-row { transform:scale(.85); height:37px; }
  .more-projects { margin-top:28px; }.more-projects-heading { gap:15px; margin-bottom:14px; }.more-projects-heading .eyebrow { font-size:6px; letter-spacing:.7px; }.more-projects-heading>span:last-child { font-size:8px; max-width:112px; text-align:right; }.project-list>button { padding:16px; gap:12px; }.project-list strong { font-size:12px; }.project-list small { font-size:9px; }.project-visual-note { font-size:7px; text-align:left; line-height:1.7; }
  .services-grid { grid-template-columns:1fr; margin-top:31px; border-radius:5px; }.service { padding:27px 25px; border:0; border-bottom:1px solid #2a3650; }.service:last-child { border-bottom:0; }.service-top { margin-bottom:23px; }.service h3 { font-size:21px; letter-spacing:-.6px; }.service>p { font-size:12px; line-height:1.9; margin-top:13px; }.service-tags { flex-direction:row; flex-wrap:wrap; gap:13px; margin-top:20px; font-size:7px; }
  .services-bottom { align-items:flex-start; gap:16px; flex-direction:column; margin-top:23px; }.services-bottom p { font-size:10px; }.services-bottom .text-link { font-size:11px; }
  .about-section { grid-template-columns:1fr; gap:35px; }.approach-intro h2 { margin-top:17px; }.approach-intro>p:not(.eyebrow) { font-size:12px; max-width:380px; margin-top:20px; }.approach-principles { gap:12px; margin-top:22px; }.approach-principles>span { font-size:11px; }.approach-label { font-size:6px; letter-spacing:.7px; margin-top:26px; }
  .process-list article { padding:23px 0; gap:17px; }.process-number { font-size:10px; margin-top:3px; }.process-list h3 { font-size:16px; }.process-list p { font-size:12px; line-height:1.8; max-width:300px; margin-top:9px; }.process-list article>.icon { width:13px; height:13px; }
  .contact-inner { padding-block:46px; display:block; }.contact-inner .eyebrow { font-size:7px; letter-spacing:.9px; }.contact-inner h2 { font-size:48px; letter-spacing:-2.3px; margin-top:23px; }.contact-inner p:not(.eyebrow) { font-size:12px; max-width:270px; line-height:1.9; margin-top:19px; }.contact-inner .button { font-size:10px; min-height:47px; padding:13px 17px; gap:23px; margin-top:24px; }.contact-graphic { display:none; }
  .site-footer { padding-top:32px; padding-bottom:26px; }.footer-top { flex-wrap:wrap; gap:13px; padding-bottom:24px; }.footer-top .brand { font-size:20px; }.footer-top .brand-mark { width:64px; height:35px; }.footer-top>p { order:3; flex-basis:100%; font-size:10px; }.back-top { font-size:8px; gap:6px; }.back-top .icon { width:13px; height:13px; }.footer-bottom { flex-direction:column-reverse; align-items:flex-start; gap:18px; font-size:8px; padding-top:21px; }.footer-bottom nav { font-size:9px; gap:22px; }
  dialog { width:calc(100% - 28px); max-height:calc(100dvh - 32px); padding:39px 23px 27px; }.dialog-type { font-size:7px; letter-spacing:.6px; }.project-dialog h2 { font-size:33px; letter-spacing:-1.1px; }.dialog-tagline { font-size:16px; margin-top:12px; }.dialog-overview { font-size:12px; margin-top:22px; }.dialog-features { grid-template-columns:1fr; gap:12px; margin-bottom:22px; }.dialog-footer { flex-direction:column; align-items:flex-start; gap:15px; }.dialog-footer>.button { width:100%; justify-content:space-between; }
  .brief-dialog>.eyebrow { font-size:6px; letter-spacing:.6px; }.brief-dialog h2 { font-size:31px; letter-spacing:-1.3px; }.brief-description { font-size:11px; }.form-row { grid-template-columns:1fr; gap:0; }.brief-dialog label { font-size:10px; margin-bottom:14px; }.brief-dialog input,.brief-dialog select,.brief-dialog textarea { font-size:16px; padding:10px; }.brief-dialog input::placeholder,.brief-dialog textarea::placeholder { font-size:12px; }.form-note { font-size:9px; }.brief-dialog form>.button { width:100%; justify-content:space-between; }
}
@media(max-width:370px) {
  .container { width:calc(100% - 32px); }.hero h1 { font-size:47px; letter-spacing:-2.7px; }.hero-actions { gap:15px; }.hero-actions .button { gap:12px; font-size:9px; padding-inline:13px; }.hero-actions .text-link { font-size:8px; gap:5px; }.hero-copy .eyebrow { font-size:5px; }.hero-platforms { font-size:4px; gap:6px; }
  .system-panel-header { font-size:6px; padding-inline:13px; }.system-tabs { padding-inline:12px; gap:3px; }.system-tabs button { font-size:8px; padding:6px 10px; }.system-stage { margin-inline:9px; height:236px; }.system-node { width:99px; padding:9px 6px; gap:4px; }.system-node strong { font-size:6px; }.system-node small { font-size:3.5px; }.node-icon { width:18px; padding-right:4px; }.node-icon .icon { width:13px; height:13px; }.system-core { width:89px; height:73px; }.system-core>strong { font-size:8px; }.system-core>span { font-size:3px; }
  .system-caption { margin-inline:13px; gap:7px; }.system-caption strong { font-size:7px; }.system-caption p { font-size:6px; }.system-caption-icon { width:25px; height:27px; }.system-count { font-size:17px; }.system-bottom { padding-inline:13px; font-size:4px; }
  .filter { font-size:7px; padding:7px 6px; }.project-type { font-size:6px; }.project-card:first-child .project-info { padding:22px; }.project-card:first-child h3 { font-size:27px; }.project-card:first-child .erp-screen { left:18px; right:18px; }.project-card:first-child .mock-sidebar { width:52px; }.project-card:first-child .erp-stats>div { padding:5px; }.project-card:first-child .erp-stats strong { font-size:10px; }
  .pos-screen { left:18px; right:18px; }.pos-products { padding:8px; }.pos-bill { padding:10px 6px; }.pos-bill>p { font-size:3.5px; }.project-info { padding:18px; }.project-info h3 { font-size:22px; }.project-info p { font-size:10px; }.hr-art,.pharmacy-art { padding:18px; }.hr-greeting strong { font-size:8px; }.hr-tiles b { font-size:3px; }.pharmacy-layout { padding:14px 11px; gap:6px; }.pharmacy-layout>div>strong { font-size:10px; }.pharmacy-summary>p { font-size:3.5px; }
  .contact-inner h2 { font-size:43px; }.service { padding:24px 21px; }.service h3 { font-size:19px; }.footer-bottom nav { gap:17px; font-size:8px; }
}
/* Full screenshots: the frame follows the image, without cropping or padding. */
.project-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
.project-card,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:last-child { grid-column:1/-1; }
.project-card .project-open,.project-card:first-child .project-open,.project-card:last-child .project-open { display:grid; grid-template-columns:250px minmax(0,1fr); align-items:center; min-height:0; height:auto; background:#fff; }
.project-card .project-art,.project-card:first-child .project-art,.project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art,.project-card:last-child .project-art { grid-column:2; grid-row:1; order:initial; width:100%; height:auto; min-height:0; padding:0; overflow:visible; border:0; border-left:1px solid var(--line); }
.project-card .project-info,.project-card:first-child .project-info,.project-card:last-child .project-info { grid-column:1; grid-row:1; order:initial; display:block; padding:28px; width:100%; }
.project-card .project-info h3,.project-card:first-child h3,.project-card:last-child h3 { font-size:27px; letter-spacing:-.8px; margin-top:12px; }
.project-card .project-info p,.project-card:first-child .project-info p,.project-card:last-child .project-info p { font-size:12px; line-height:1.85; margin-top:13px; }
.project-card .round-arrow { display:none; }
@media(max-width:1100px) and (min-width:901px) {
  .project-card .project-open,.project-card:first-child .project-open,.project-card:last-child .project-open { grid-template-columns:210px minmax(0,1fr); }
  .project-card .project-info,.project-card:first-child .project-info,.project-card:last-child .project-info { padding:24px; }
  .project-card .project-info h3,.project-card:first-child h3,.project-card:last-child h3 { font-size:24px; }
}
@media(max-width:900px) {
  .project-card .project-open,.project-card:first-child .project-open,.project-card:last-child .project-open { display:flex; flex-direction:column; }
  .project-card .project-info,.project-card:first-child .project-info,.project-card:last-child .project-info { order:0; padding:24px; }
  .project-card .project-art,.project-card:first-child .project-art,.project-card:last-child .project-art { order:1; border-left:0; border-top:1px solid var(--line); }
  .project-card .project-info h3,.project-card:first-child h3,.project-card:last-child h3 { font-size:25px; margin-top:8px; }
  .project-card .project-info p,.project-card:first-child .project-info p,.project-card:last-child .project-info p { max-width:100%; margin-top:8px; }
  .screenshot-expand { margin-top:15px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }*,*:before,*:after { animation:none!important; transition:none!important; }
}
@media print {
  .menu-toggle,.system-panel,.hero-actions,.project-filters,.back-top,.contact-graphic,.contact-inner .button { display:none!important; }.container { width:92%; }.hero { display:block; padding-block:40px; }.hero h1 { font-size:58px; }.section-space { padding-block:40px; }
  .dark-intro,.site-header,.services-section,.contact-section,.site-footer,.project-art { print-color-adjust:exact; -webkit-print-color-adjust:exact; }.project-card,.service,.process-list article { break-inside:avoid; }.project-card[hidden],.project-list>button[hidden] { display:block!important; }dialog { display:none!important; }
}