:root{--blue:#1765b5;--navy:#0c243d;--gold:#c7a528;--ink:#172c42;--muted:#677585;--line:#e1e7ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d6b947;outline-offset:4px}.topline{padding:10px 5%;background:var(--navy);color:#dfe8f1;font-size:10px;letter-spacing:1.2px;display:flex;justify-content:space-between}.topline b{padding:0 13px;color:var(--gold)}header{display:flex;align-items:center;gap:28px;padding:16px 5%}.brand img{width:168px;height:70px;object-fit:contain;object-position:center}.search{display:flex;border:1px solid #d8e0e9;border-radius:5px;flex:1;overflow:hidden;background:#f7f9fb}.search input{border:0;background:transparent;padding:14px 18px;min-width:0;flex:1;font-size:13px;outline:0}.search button{border:0;background:var(--blue);color:white;width:50px;font-size:26px}.call{font-size:13px;font-weight:600;white-space:nowrap}.call small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px;font-weight:400}.basket{border:0;background:none;font-size:12px;white-space:nowrap}.basket span{background:#e9f1fa;color:var(--blue);padding:5px 8px;border-radius:50%;margin-left:5px}nav{display:flex;align-items:center;gap:29px;padding:0 5%;border-block:1px solid var(--line);height:51px;font-size:12px}nav button{height:100%;border:0;border-right:1px solid var(--line);padding-right:24px;background:none;font-weight:600;color:var(--ink)}nav a:hover{color:var(--blue)}.navright{margin-left:auto;color:var(--blue);font-size:11px}.hero{position:relative;background:#eef4fa;min-height:480px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;padding:64px 5% 54px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px}.blue{color:var(--blue)}h1{font-size:clamp(34px,3.5vw,54px);letter-spacing:-2px;line-height:1.12;margin:25px 0 18px;font-weight:600}p{font-size:14px;color:var(--muted);line-height:1.8}.herobuttons{display:flex;gap:12px;margin-top:29px}.primary,.outline{display:inline-block;padding:15px 21px;border-radius:4px;border:1px solid var(--blue);background:var(--blue);color:white;font-size:12px;font-weight:600}.outline{background:transparent;color:var(--ink);border-color:#bac9d8}.heroproof{display:flex;gap:25px;margin-top:31px;font-size:11px;color:#586c80}.heroart{position:relative;min-height:350px}.herocomputer{position:absolute;width:105%;max-width:560px;top:16px;left:-10px;z-index:2}.orbit{position:absolute;border:1px solid #d5e3f1;border-radius:50%;width:460px;height:460px;left:30px;top:-40px}.o2{width:340px;height:340px;left:90px;top:20px}.arttag{position:absolute;font-size:9px;letter-spacing:1px;border:1px solid #c7d8e7;background:#ffffffd9;padding:9px 13px;border-radius:4px;z-index:3}.tag1{top:3px;right:30px}.tag2{bottom:8px;left:55px}.artcard{position:absolute;right:0;bottom:28px;background:#fff;border-radius:7px;box-shadow:0 15px 40px #17354f12;display:flex;align-items:center;width:265px;height:108px;z-index:3}.artcard img{width:125px}.artcard span{font-size:8px;color:var(--muted);line-height:1.8}.artcard strong{color:var(--ink);font-size:12px}.trustrow{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 5%;border-bottom:1px solid var(--line);gap:20px}.trustrow>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.trustrow>div:last-child{border:0}.trustrow b{font-size:20px;color:#b5c9dd;font-weight:400}.trustrow span{font-size:10px;color:var(--muted);line-height:1.7}.trustrow strong{display:block;font-size:12px;color:var(--ink)}.section{padding:65px 5%}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h2{font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:13px 0}.sectionhead p{margin:0;font-size:13px}.textbutton{border:0;background:none;color:var(--blue);font-size:12px;font-weight:600;padding:0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:#fff;border:1px solid var(--line);border-radius:25px;padding:10px 16px;font-size:11px;color:#5b6d80}.chips button.active{background:var(--navy);color:white;border-color:var(--navy)}.cataloguebar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 17px;font-size:11px;color:var(--muted)}select{border:1px solid var(--line);padding:8px 12px;background:white;border-radius:4px;color:var(--muted);font-size:11px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 12px 25px #203c5710}.productimage{background:#f5f7fa;position:relative;height:188px;display:flex;justify-content:center;align-items:center}.productimage img{width:90%;height:160px;object-fit:contain}.productimage .badge{position:absolute;top:13px;left:13px;font-size:8px;background:white;padding:5px 7px;border-radius:3px;color:#47617a;letter-spacing:.5px}.productcopy{padding:18px}.productcopy small{color:var(--blue);font-size:9px;letter-spacing:1px;text-transform:uppercase}.product h3{font-size:16px;line-height:1.4;margin:9px 0;font-weight:600}.product p{font-size:11px;line-height:1.6;min-height:35px;margin:0 0 17px}.productbottom{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center}.productbottom span{font-size:10px;color:var(--muted)}.productbottom button{border:0;background:#edf4fc;color:var(--blue);font-size:11px;border-radius:3px;padding:8px 10px}.more{display:block;margin:30px auto 0;padding:12px 28px;background:white;border:1px solid #c5d2df;border-radius:4px;font-size:12px;color:var(--ink)}.solutions{background:#f8fafc;padding-top:50px}.solutiongrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution{position:relative;min-height:300px;border-radius:7px;padding:32px;overflow:hidden}.dark{background:var(--navy);color:white}.pale{background:#e8eff5}.solution>span{font-size:9px;letter-spacing:1.6px;position:relative;z-index:2}.solution h3{font-size:29px;letter-spacing:-1px;line-height:1.17;position:relative;z-index:2}.solution p{font-size:12px;max-width:54%;position:relative;z-index:2}.dark p{color:#acbecf}.solution img{position:absolute;width:260px;right:-20px;top:60px;transform:rotate(-9deg)}.solution button{background:transparent;border:0;border-bottom:1px solid currentColor;padding:0 0 6px;color:inherit;font-size:12px;margin-top:14px;position:relative;z-index:2}.government{background:var(--navy);color:white;display:grid;grid-template-columns:1.4fr 1fr;padding:60px 8%;align-items:center;gap:55px}.government .eyebrow{color:#d4b44b}.government h2{font-size:36px;margin-top:20px}.government p{color:#b8c7d5;font-size:13px}.gold{background:#d4b44b;color:var(--navy);border:0;margin-top:12px}.gemcard{border:1px solid #456077;border-radius:8px;padding:28px;background:#ffffff05}.gemlogo{font-size:31px;color:#e9bf4e;font-weight:700}.gemlogo small{font-weight:400;display:block;font-size:9px;color:#c5d4e1;margin-top:4px}.gemcard h3{font-size:20px;margin:26px 0 7px}.gemcard p{font-size:10px;margin-bottom:22px;letter-spacing:1px}.gemcard>small{display:block;font-size:9px;color:#a1b7ca}.gemcard>strong{display:block;font-size:18px;margin:8px 0 24px;letter-spacing:1px}.gemcard a{font-size:11px;color:#d4b44b}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about p{max-width:490px;font-size:13px}.about .textbutton{display:inline-block;margin-top:12px}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1.4fr;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}dt{color:var(--muted)}dd{margin:0}.contact{padding:36px 5%;background:#edf4fa;display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:28px}.contact .phone{display:block;text-align:center;margin-top:16px;font-size:14px}.contact p{font-size:12px}footer{padding:44px 5% 20px}.footergrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:30px}.footergrid img{width:175px;height:auto;object-fit:contain}.footergrid h4{font-size:12px;margin:10px 0 18px}.footergrid p,.footergrid a{font-size:11px;color:var(--muted);line-height:1.9}.footergrid a{display:block;margin-bottom:8px}.footerbottom{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.wa{position:fixed;right:24px;bottom:22px;background:#148654;color:white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:27px;box-shadow:0 4px 15px #0002;z-index:5}dialog{border:0;border-radius:12px;width:min(560px,92vw);padding:32px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#061c34aa;backdrop-filter:blur(3px)}dialog h2{font-size:27px}dialog p{font-size:12px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:var(--muted)}label{display:block;font-size:12px;margin:16px 0}label input,textarea{display:block;width:100%;border:1px solid #c8d3df;padding:11px;border-radius:4px;margin-top:7px;font-size:12px}.qitem{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.qitem span{flex:1}.qitem input{width:60px;padding:6px;border:1px solid var(--line)}.qitem button{background:none;border:0;font-size:18px}.formnote{display:block;font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.empty{grid-column:1/-1;padding:45px;background:#f4f7fb;text-align:center}
@media(min-width:1500px){main,header,nav,.topline,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}@media(max-width:1050px){header{gap:15px}.call{display:none}nav{gap:20px}.navright{display:none}.hero{padding-top:48px}.products{grid-template-columns:repeat(3,1fr)}.solution img{width:210px}.about{gap:40px}.herocomputer{top:55px}.tag2{left:0}.artcard{width:235px}.trustrow{gap:12px}.trustrow b{display:none}}@media(max-width:700px){.topline{font-size:8px}.topline span:last-child{display:none}header{flex-wrap:wrap;padding:10px 5%}.brand img{width:135px;height:55px}.basket{margin-left:auto}.search{order:3;flex-basis:100%}nav{overflow:auto;white-space:nowrap;gap:24px;height:44px;font-size:11px}nav button{min-width:122px}.hero{grid-template-columns:1fr;padding:35px 5% 25px}h1{font-size:39px}.hero p{font-size:12px}.heroart{height:280px;min-height:280px;margin-top:20px}.herocomputer{width:95%;top:0;left:0;height:270px}.orbit{width:300px;height:300px;left:20%;top:-10px}.o2{width:220px;height:220px;left:30%;top:25px}.artcard{bottom:0;right:0;height:82px;width:215px}.artcard img{width:100px}.tag1{top:0;right:0}.tag2{bottom:5px;font-size:7px;left:0}.herobuttons{gap:9px}.primary,.outline{font-size:11px;padding:13px 15px}.heroproof{font-size:10px;gap:18px}.trustrow{grid-template-columns:1fr 1fr;gap:17px;padding:23px 5%}.trustrow>div:nth-child(2){border:0}.section{padding:42px 5%}h2{font-size:26px}.sectionhead{align-items:flex-start;gap:15px}.sectionhead .textbutton{white-space:nowrap;font-size:10px;margin-top:30px}.sectionhead p{font-size:11px}.products{grid-template-columns:1fr 1fr;gap:12px}.productimage{height:145px}.productimage img{height:125px}.productcopy{padding:12px}.product h3{font-size:14px}.productcopy small{font-size:8px}.product p{font-size:10px;min-height:47px}.productbottom{gap:5px}.productbottom span{font-size:8px}.productbottom button{font-size:10px;padding:8px}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.chips button{white-space:nowrap}.solutiongrid{grid-template-columns:1fr}.solution h3{font-size:27px}.solution img{width:230px;right:-25px}.government{grid-template-columns:1fr;padding:40px 5%;gap:26px}.government h2{font-size:29px}.about{grid-template-columns:1fr;gap:22px}.contact{align-items:flex-start;gap:10px;flex-direction:column;padding:30px 5%}.contact>div:last-child{display:flex;align-items:center;gap:20px}.contact .phone{margin:0;font-size:12px}.footergrid{grid-template-columns:1fr 1fr;gap:22px}.footerbottom{flex-direction:column;font-size:9px;gap:10px}.wa{width:42px;height:42px;right:15px;bottom:15px}dialog{padding:26px}}

/* Preserve the complete original company logo */
.brand{flex-shrink:0}.brand img{display:block;width:168px;height:112px;object-fit:contain}.footergrid img{object-fit:contain}
@media(max-width:700px){.brand img{width:135px;height:90px}}

.brandsection{padding-bottom:42px;border-bottom:1px solid var(--line)}.brandcount{font-size:10px;letter-spacing:.7px;color:var(--muted);padding:9px 13px;border:1px solid var(--line);border-radius:30px}.brandgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.logotile{border:1px solid var(--line);border-radius:7px;background:#fff;text-align:center;padding:16px 10px 12px;min-width:0}.logowell{height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.logowell img{max-width:100%;width:115px;height:54px;object-fit:contain}.logotile>span{font-size:10px;color:var(--muted)}.sparsh-logo .logowell{background:#17334d;border-radius:5px;padding:7px}.sparsh-logo img{width:110px;height:48px}.clientsection{background:#f8fafc;text-align:center}.clientsection>p{font-size:13px}.clientgrid{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:16px;margin-top:28px}.clientgrid .logotile{padding:25px 12px 20px}.clientgrid .logowell{height:100px}.clientgrid .logowell img{height:96px;width:100px}.clientgrid .logotile>span{font-size:11px;font-weight:600;color:var(--ink)}.governmentcoverage{text-align:left;background:#edf3f8;border-radius:7px;padding:25px;position:relative;overflow:hidden}.flagbar{display:block;width:40px;height:3px;background:linear-gradient(to right,#ed8f34 33%,#fff 33%,#fff 66%,#2b8e59 66%);margin-bottom:14px}.governmentcoverage small{font-size:8px;letter-spacing:1px;color:var(--blue)}.governmentcoverage h3{font-size:23px;margin:12px 0 10px;letter-spacing:-.7px}.governmentcoverage p{font-size:10px;margin:0;line-height:1.7}.registrationsection{display:flex;justify-content:space-between;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding-block:40px}.registrationsection h2{font-size:26px}.registrationsection p{font-size:12px}.registrationgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:48%;flex-shrink:0}.registrationgrid .logowell{height:70px}.registrationgrid img{height:70px;width:130px}.gemlogo img{width:160px;height:100px;object-fit:contain;background:white;border-radius:5px}.brandgrid .logotile:nth-child(8) img{width:36px;height:55px}.brandgrid .logotile:nth-child(2) img,.brandgrid .logotile:nth-child(12) img{width:45px;height:45px}nav{gap:23px}@media(max-width:1050px){.brandgrid{grid-template-columns:repeat(5,1fr)}.clientgrid{grid-template-columns:repeat(4,1fr)}.governmentcoverage{grid-column:1/-1;text-align:center}.flagbar{margin-inline:auto}.registrationsection{gap:20px}.registrationsection h2{font-size:23px}nav{gap:16px}}@media(max-width:700px){.brandgrid{grid-template-columns:repeat(3,1fr);gap:9px}.brandcount{display:none}.brandsection .sectionhead p{font-size:12px}.logowell{height:48px;margin-bottom:8px}.logowell img{height:42px;width:95px}.logotile{padding:12px 9px}.logotile>span{font-size:9px}.clientgrid{grid-template-columns:repeat(2,1fr);gap:12px}.clientgrid .logowell{height:85px}.clientgrid .logowell img{height:80px}.registrationsection{flex-direction:column;align-items:stretch}.registrationgrid{width:100%;gap:8px}.registrationgrid .logowell{height:64px}.registrationgrid img{height:60px}.registrationsection h2{font-size:25px}.brandgrid .logotile:nth-child(2) img,.brandgrid .logotile:nth-child(12) img{height:38px}.clientsection h2{font-size:26px}}

.contact-email{display:block;font-size:12px;color:var(--blue);margin-top:12px}.contact>div:last-child{display:flex;flex-direction:column;align-items:center}.contact .phone{margin-top:12px}.brandgrid .logotile:nth-child(11) img{width:85px;height:54px}

/* Five client organisations and a clear WhatsApp contact button. */
.clientgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.governmentcoverage{grid-column:1/-1;text-align:center}.governmentcoverage .flagbar{margin-inline:auto}.wa{width:58px;height:58px;background:#25d366;border:3px solid #fff;box-shadow:0 5px 20px #123d2838;transition:transform .2s,box-shadow .2s}.wa svg{width:31px;height:31px;display:block}.wa:hover{transform:translateY(-3px);box-shadow:0 8px 24px #123d2848}.wa:focus-visible{outline:3px solid #1765b5;outline-offset:4px}@media(max-width:1050px){.clientgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.clientgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa{width:54px;height:54px}.wa svg{width:29px;height:29px}}

@media(min-width:1051px){.clientgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}.clientgrid img[src*="ministry-education"]{width:145px;max-width:100%;object-fit:contain}

.text-client{display:flex;align-items:center;justify-content:center}.text-client .logowell{height:auto;margin:0}.text-client strong{font-size:18px;line-height:1.4;color:#233d55}

.portfolio-section{background:#f7f9fc;border-bottom:1px solid var(--line)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portfolio-card{display:flex;align-items:flex-start;gap:15px;padding:22px;background:#fff;border:1px solid #dde6ef;border-radius:7px}.portfolio-number{font-size:11px;color:#1765b5;background:#edf4fb;padding:7px;border-radius:4px;flex-shrink:0;margin-top:2px}.portfolio-card h3{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 9px}.portfolio-card p{font-size:12px;line-height:1.65;margin:0;color:#64768a}.portfolio-enquiry{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;border-top:1px solid #dce5ee;padding-top:24px}.portfolio-enquiry p{font-size:12px;margin:0}nav{gap:17px}@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:10px}.portfolio-card{padding:18px;gap:12px}.portfolio-card p{font-size:12px}.portfolio-enquiry{flex-direction:column;align-items:flex-start}.portfolio-section .sectionhead{display:block}.portfolio-section .sectionhead .textbutton{display:inline-block;margin-top:18px}}

.logowell:has(img[src$="/epson.png"]){background:#003399;border-radius:5px;padding:7px}

.logowell:has(img[src$="/netbytes.png"]){overflow:hidden}
.logowell img[src$="/netbytes.png"]{width:236px;max-width:none;height:62px;flex-shrink:0;clip-path:inset(0 0 0 55%);transform:translateX(-65px)}

.productimage:has(img[src*="/assets/hope/"]){height:240px}.productimage img[src*="/assets/hope/"]{height:220px;width:100%;object-fit:contain}.productimage:has(img[src*="/assets/hope/"]) a{display:block;width:100%;height:100%}

.product-video{display:block;color:var(--blue);font-size:12px;font-weight:600;margin-bottom:12px}.productimage img[src*="/assets/rifle/"]{object-fit:contain;height:210px;width:100%}.productimage:has(img[src*="/assets/rifle/"]){height:230px}