@import url('/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #108a83}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(48px,5.7vw,80px);margin-bottom:26px}h2{font-size:clamp(34px,3.4vw,49px);margin-bottom:24px}h3{font-size:24px;line-height:1.22;margin-bottom:12px}h4{font-size:16px;letter-spacing:-.015em}p{margin-bottom:24px;color:var(--muted)}em{font-style:normal;color:var(--teal)}img,svg{max-width:100%}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.compact-section{padding-top:36px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.2em;line-height:1.5;margin-bottom:22px;color:var(--ink);text-transform:uppercase}.muted{color:var(--muted)}.small-text{font-size:13px}.lead{font-size:23px;line-height:1.5}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--teal);color:var(--navy)}.button.primary:hover{background:#4ce1d0;box-shadow:0 6px 22px #1dcaba20}.button.dark{background:var(--navy);color:white}.button.outline{border-color:var(--line);background:transparent}.button.small{min-height:42px;padding:10px 18px;font-size:12px;gap:18px}.full-width{width:100%}.text-link{display:inline-flex;gap:17px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:14px;font-weight:550;line-height:1.5}.text-link:hover{color:var(--deep-teal)}.text-link.light{color:var(--paper);border-color:#5d7c88}.text-button{border:0;background:none;padding:5px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:0;background:transparent;border-radius:50%}.icon-button:hover{background:#082d3710}.circle-arrow{display:flex;align-items:center;justify-content:center;border:1px solid currentColor;width:42px;height:42px;border-radius:50%;flex-shrink:0;transition:background .2s}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--teal);padding:12px 22px}.skip:focus{top:12px}[hidden]{display:none!important}.loading{min-height:300px;display:grid;place-items:center;color:var(--muted)}
.header{height:88px;background:var(--paper);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:156px;display:block;flex-shrink:0}.logo-crop{display:block;height:35px;width:156px;overflow:hidden;position:relative}.logo-crop img{max-width:none;width:318px;height:318px;position:absolute;left:-78px;top:-110px}.brand-sub{display:block;font-size:8px;letter-spacing:.53em;padding-left:2px;line-height:1.8}.desktop-nav{display:flex;gap:34px;font-size:13px;font-weight:500}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--deep-teal)}.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--deep-teal);vertical-align:middle;margin-left:3px}.nav-actions{display:flex;align-items:center;gap:16px}.cart-trigger{position:relative}.cart-count{position:absolute;background:var(--navy);color:white;font-size:9px;font-weight:700;min-width:17px;height:17px;border-radius:50%;top:0;right:0;line-height:17px}.mobile-menu-trigger{display:none}.mobile-menu{background:var(--paper);border-bottom:1px solid var(--line);padding:15px 24px;box-shadow:0 20px 30px #001d2710}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
.hero{background:var(--navy);color:var(--paper);overflow:hidden;position:relative}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#1c6c7815 1px,transparent 1px),linear-gradient(90deg,#1c6c7815 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;min-height:660px;padding-top:76px;padding-bottom:80px}.hero-copy{z-index:2}.hero .eyebrow{color:#b5cecf;font-size:9px;letter-spacing:.18em;display:flex;align-items:center;gap:10px;margin-bottom:30px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #29ccbc18}.hero h1{font-size:clamp(45px,4.5vw,68px);line-height:1.05;letter-spacing:-.055em;font-weight:650;margin-bottom:28px}.hero h1 em{white-space:nowrap}.hero-description{font-size:17px;color:#c3d1d7;max-width:470px;line-height:1.65;margin-bottom:32px}.hero-buttons{display:flex;align-items:center;gap:28px}.hero-disciplines{display:flex;align-items:center;gap:14px;margin-top:55px;font-size:9px;letter-spacing:.18em;color:#b7cdd2}.hero-disciplines i{width:2px;height:2px;background:var(--teal);border-radius:50%}.hero-art{position:relative;padding:35px 0;perspective:1000px;min-width:0}.hero-dashboard{width:calc(100% + 55px);position:relative;z-index:1;transform:rotateY(-7deg) rotateX(3deg);box-shadow:0 30px 90px #0005;border-radius:12px}.orbital{position:absolute;width:420px;height:420px;border:45px solid #24cbbb;box-shadow:inset 12px 2px 20px #02566f,0 0 50px #29c5bf12;opacity:.7;border-radius:50%;transform:rotate(-30deg) scaleX(.6);right:-80px;top:-65px}.orbital-two{width:230px;height:230px;left:-25px;top:280px;border-width:23px;opacity:.22;transform:rotate(45deg) scaleX(.5)}.hero-float{display:flex;gap:12px;align-items:center;position:absolute;z-index:3;bottom:4px;left:-32px;background:var(--paper);color:var(--ink);padding:18px 26px;border:1px solid #829d9d;border-radius:8px;box-shadow:0 12px 36px #0003;font-size:13px;font-weight:600}.hero-float small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.float-symbol{width:33px;height:33px;background:#27cbbb28;border-radius:50%;display:grid;place-items:center;color:var(--deep-teal)}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding-block:22px;border-top:1px solid #9dbcc326;font-size:8px;letter-spacing:.18em;color:#c1d3d7;position:relative}.hero-foot a{display:flex;align-items:center;gap:16px}.hero-foot .icon{transform:rotate(90deg);width:16px}.product-ribbon{border-bottom:1px solid var(--line)}.product-ribbon .container{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px;color:#30515d;font-size:18px;letter-spacing:-.04em}.product-ribbon .ribbon-label{font-size:9px;letter-spacing:.17em;max-width:120px;line-height:1.7;color:var(--muted)}.shule-word{font-weight:650}.kenda-word{font-weight:650;font-style:italic}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:38px}.section-head h2{margin:0}.section-head>p{font-size:15px;max-width:320px;margin-bottom:4px}.section-head .text-link{margin-bottom:4px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-card{display:block;min-width:0}.project-visual{height:330px;background:#dce7e6;overflow:hidden;padding:35px 35px 0;border-radius:7px 7px 0 0;display:flex;align-items:flex-start;position:relative;border:1px solid #c5d8d7}.project-visual.dashboard{background:#0c3442}.project-visual>.dashboard{min-width:0;box-shadow:0 12px 28px #001a2940;transform:translateY(18px);transition:transform .4s}.project-visual.pos{background:#e0ede7}.project-card:hover .project-visual>.dashboard{transform:translateY(8px)}.project-caption{padding:26px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.project-caption .eyebrow{font-size:9px;margin-bottom:9px}.project-caption h3{font-size:27px;margin-bottom:7px}.project-caption p:last-child{font-size:14px;margin:0}.project-card:hover .circle-arrow{background:var(--teal)}
.dashboard{background:#092c3b;color:#d9e6ea;border:1px solid #5e7881;border-radius:10px;overflow:hidden;font-size:10px;line-height:1.4;width:100%;letter-spacing:0}.dash-chrome{height:24px;background:#041e2c;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#5b7f8d}.dash-chrome>span{display:flex;gap:4px}.dash-chrome i{width:5px;height:5px;background:#e18271;border-radius:50%}.dash-chrome i:nth-child(2){background:#d4b661}.dash-chrome i:nth-child(3){background:#36b9a7}.dash-chrome .icon{width:9px;height:9px}.dash-chrome small{font-size:7px}.dash-top{display:flex;align-items:center;gap:8px;padding:13px 14px;border-bottom:1px solid #547c8c33;font-size:10px}.dash-emblem{background:var(--teal);color:var(--navy);width:18px;height:18px;display:grid;place-items:center;font-size:9px;border-radius:5px;font-weight:800}.dash-avatar{margin-left:auto;width:17px;height:17px;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;display:grid;place-items:center;font-size:8px}.dash-body{display:grid;grid-template-columns:100px 1fr;min-height:280px}.dash-sidebar{border-right:1px solid #547c8c33;padding:14px 6px}.dash-sidebar span{display:flex;align-items:center;gap:7px;padding:8px 6px;margin-bottom:4px;font-size:7px;border-radius:3px;white-space:nowrap;color:#93b0bc}.dash-sidebar .selected{background:#1cd2bc18;color:var(--teal)}.dash-sidebar .icon{width:11px;height:11px}.dash-main{padding:18px 15px;min-width:0}.dash-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.dash-heading h4{font-size:12px;margin:0;color:#e2eaeb}.chart-toggle{border:1px solid #ffffff14;border-radius:3px;padding:4px 7px;background:#ffffff05;font-size:7px;color:#95b6c4;white-space:nowrap}.dash-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-bottom:21px}.dash-stats>div{padding:9px 8px;border:1px solid #7499a32e;background:#ffffff04;border-radius:4px;min-width:0}.dash-stats small{font-size:7px;display:block;color:#91b1bc;margin-bottom:6px}.dash-stats strong{display:block;font-size:14px;white-space:nowrap;letter-spacing:-.02em}.dash-stats span{color:#2ed9bb;font-size:7px}.chart{height:113px;display:flex;position:relative;border-bottom:1px solid #ffffff19;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#ffffff0a 36px)}.chart-grid{width:28px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:12px;font-size:6px;color:#739aa7}.bars{display:flex;gap:5px;align-items:flex-end;flex:1;padding:0 3px}.bars i{height:var(--bar);flex:1;background:#24b7ad;border-top:2px solid #47dfcc;transition:height .5s;min-width:0}.bars i:nth-child(3n){background:#127b82;border-top-color:#20b0a9}.chart-labels{display:flex;justify-content:space-between;font-size:6px;color:#7496a2;padding:7px 0 14px 28px}.dash-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #ffffff0d;padding-top:12px}.dash-bottom>div{display:flex;gap:8px;font-size:7px;align-items:center}.dash-bottom .icon{width:18px;height:18px;color:var(--teal);padding:4px;background:#29c6b712;border-radius:4px}.dash-bottom small{display:block;color:#7295a4;font-size:6px;margin-top:3px}.tiny-pill{font-size:6px;padding:3px 5px;border:1px solid #3b6574;border-radius:4px;color:#86afbb;white-space:nowrap}.compact .dash-body{min-height:250px}.compact .dash-main{padding:16px 12px}.compact .dash-top{padding:10px}.compact .chart{height:95px}.compact .dash-sidebar{padding:12px 4px}.compact .dash-bottom{display:none}
.pos-preview{background:#f9faf7;color:var(--ink);font-size:9px;width:100%;border:1px solid #c1d3d4;border-radius:8px;overflow:hidden;box-shadow:0 10px 35px #173c3817}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #173c3812;padding:16px;font-size:11px}.preview-top strong span{color:var(--deep-teal)}.live-pill{font-size:6px;color:#60766c}.pos-layout{display:grid;grid-template-columns:36px 1fr 105px;min-height:240px}.pos-side{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px;align-items:center;padding:20px 0;color:#6a8887}.pos-side .icon{width:12px;height:12px}.pos-products{padding:15px 10px}.pos-products h4{font-size:13px;margin-bottom:10px}.pos-search{font-size:7px;border:1px solid var(--line);border-radius:3px;padding:6px;color:#8b9b9c}.pos-search .icon{width:9px;height:9px;margin-right:4px}.pos-items{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.pos-items>div{height:58px;border:1px solid #e5ebe7;border-radius:4px;background:#fff;text-align:center;padding:5px 0}.pos-items>div>span{display:block;font-size:22px;color:#788e8e;line-height:1.4}.pos-items small{font-size:6px}.pos-basket{padding:17px 9px;border-left:1px solid var(--line);background:#fff;font-size:7px;display:flex;flex-direction:column}.pos-basket p{font-size:6px;margin:3px 0 10px}.pos-basket hr{border:0;border-top:1px solid var(--line);width:100%;margin-bottom:12px}.pos-basket>span{display:flex;justify-content:space-between;margin-bottom:8px;font-size:6px}.pos-basket b{font-size:6px}.pos-total{margin-top:auto;border-top:1px solid var(--line);padding-top:9px;font-size:7px}.pos-total strong{display:block;font-size:12px;margin-top:5px}.fake-button{font-size:7px;padding:6px;background:var(--deep-teal);border-radius:3px;color:#fff;margin-top:10px}.preview-caption{font-size:7px;text-align:center;padding:8px;color:#6c8a90;background:#173c3805}.project-visual>.pos-preview{transform:translateY(18px);transition:transform .4s}.project-card:hover .pos-preview{transform:translateY(8px)}.school-preview,.finance-preview{width:100%;border:1px solid var(--line);background:#f8faf6;border-radius:8px;overflow:hidden;padding-bottom:8px}.school-preview>.eyebrow,.school-preview>h3,.finance-preview>.eyebrow,.finance-preview>h3{margin:20px 22px 0}.school-preview h3,.finance-preview h3{font-size:23px}.school-days{display:flex;gap:12px;padding:18px 22px 12px}.school-days span{font-size:7px;text-align:center;padding:6px 10px;color:#77858f}.school-days b{display:block;font-size:16px}.school-days .selected{background:var(--teal);color:var(--ink);border-radius:6px}.lesson{display:flex;gap:18px;align-items:center;padding:9px 22px;border-top:1px solid var(--line);font-size:9px}.lesson span{margin-left:auto;font-size:7px}.project-visual.school{background:#e8e1d4}.finance-preview{background:#e8f0e6}.project-visual.finance{background:#d6e5ce}.balance-card{background:var(--navy);margin:20px;border-radius:7px;color:white;padding:20px;font-size:9px}.balance-card strong{display:block;font-size:28px;margin-top:5px}.balance-card small{font-size:7px;color:#9cb5bb}.budget-bar{display:flex;gap:3px;margin:12px 0;height:5px}.budget-bar i{width:50%;background:var(--teal);border-radius:3px}.budget-bar i:nth-child(2){width:30%;background:#8ac1b6}.budget-bar i:nth-child(3){width:20%;background:#37636c}.finance-lines{padding:0 20px;display:grid;gap:8px;font-size:9px}.finance-lines .icon{width:12px;height:12px}.finance-lines>span{display:flex;justify-content:space-between}
.capabilities{background:#edf0e9;border-block:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.service-card{position:relative;display:flex;flex-direction:column;border-top:1px solid #239f94;padding:25px 0 0;min-width:0}.service-number{display:flex;justify-content:space-between;align-items:center;color:#60817d;font-size:10px;margin-bottom:36px}.service-number .icon{width:29px;height:29px;color:#106d6b}.service-card h3{font-size:22px;letter-spacing:-.035em}.service-card p{font-size:14px;margin-bottom:26px}.service-card .circle-arrow{margin-top:auto;width:32px;height:32px;border:0}.service-card:hover .circle-arrow{background:var(--teal)}.process{background:var(--navy);color:var(--paper)}.process .eyebrow{color:var(--teal)}.process-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}.process h2{font-size:42px}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:34px 46px}.process-steps>div{border-top:1px solid #3c626c;padding-top:15px}.process-steps span{font-size:11px;color:var(--teal);display:block;margin-bottom:18px}.process-steps h3{font-size:22px;margin-bottom:11px}.process-steps p{font-size:14px;color:#adc0c7;margin:0}.hardware-section{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.hardware-section>div>p:not(.eyebrow){font-size:16px;max-width:430px}.hardware-art{height:375px;background:#e3ebe5;border-radius:6px;position:relative;overflow:hidden}.hardware-art>.product-art:first-child{position:absolute;width:95%;left:-13%;top:7%}.hardware-art>.product-art:nth-child(2){position:absolute;width:50%;right:-1%;top:32%}.hardware-label{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:.18em}.inline-perks{display:flex;gap:24px;margin-top:25px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.inline-perks .icon{width:15px;height:15px;margin-right:5px}.contact-cta{background:#deede6;padding:75px 0}.contact-cta h2{font-size:clamp(40px,4.6vw,66px);margin:0}.contact-cta h2 span{color:var(--deep-teal)}.contact-cta .container>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-cta .container>p:last-child{margin:28px 0 0;font-size:13px}.contact-cta p a{color:var(--ink);margin-left:8px}.footer{background:var(--navy);color:#d2e1e4;padding:65px 0 0;font-size:12px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:45px}.footer-wordmark{display:block;font-size:30px;font-weight:800;letter-spacing:-.07em;color:#e8f2f0;margin-bottom:18px;line-height:1}.footer-wordmark span{color:var(--teal)}.footer .eyebrow{font-size:9px;color:#93afb8;margin-bottom:20px}.footer-top p{color:#8ba9b3;font-size:12px;line-height:1.8}.footer-top>div>a:not(.footer-wordmark){display:block;margin-bottom:9px}.footer a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;border-top:1px solid #43637266;color:#8aa8b4;font-size:10px}.footer-bottom>span:nth-child(2){display:flex;gap:22px}.local-time{font-size:8px;letter-spacing:.16em}.floating-chat{position:fixed;bottom:24px;right:24px;width:49px;height:49px;border-radius:50%;background:var(--teal);color:var(--navy);border:1px solid #33b8a3;display:grid;place-items:center;box-shadow:0 5px 20px #00273225;z-index:30}.floating-chat .icon{width:24px;height:24px}.route-checkout .floating-chat,.route-admin .floating-chat{display:none}.breadcrumb{display:flex;gap:14px;color:var(--muted);font-size:11px;padding-top:30px}.breadcrumb a{color:var(--ink)}.page-intro{padding-top:65px;padding-bottom:50px}.page-intro>p:last-child{max-width:580px;font-size:19px}.split-callout{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:50px}.service-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-top:80px;padding-bottom:60px}.service-hero h1{font-size:65px}.service-feature{background:var(--navy);height:390px;border-radius:6px;position:relative;padding:40px;overflow:hidden}.large-icon>.icon{width:100px;height:100px;color:var(--teal)}.service-feature>p{font-size:10px;letter-spacing:.15em;color:#8aafb5;position:absolute;bottom:10px;z-index:1}.feature-index{position:absolute;font-size:240px;letter-spacing:-.06em;bottom:-80px;right:5px;line-height:1;font-weight:800;color:#154353}.detail-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:100px}.detail-row{display:flex;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.detail-row>span{font-size:11px;color:var(--muted)}.detail-row h3{font-size:21px;margin:0;flex:1}.detail-row .icon{color:var(--deep-teal)}.outcome{font-size:15px;margin-top:30px}.case-visual{background:#dce9e5;border-radius:8px;padding:70px;display:grid;place-items:center}.case-visual>.dashboard{max-width:760px}.case-visual .dash-body{min-height:380px;grid-template-columns:140px 1fr}.case-visual .dash-top{font-size:15px}.case-visual .dash-main{padding:30px}.case-visual .dash-heading h4{font-size:20px}.case-visual .dash-stats strong{font-size:24px}.case-visual .dash-stats small,.case-visual .dash-stats span{font-size:10px}.case-visual .chart{height:155px}.case-visual>.pos-preview,.case-visual>.school-preview,.case-visual>.finance-preview{max-width:650px}.case-visual .pos-layout{min-height:350px;grid-template-columns:55px 1fr 150px}.case-visual .pos-products{padding:25px}.case-visual .pos-items>div{height:100px}.case-visual .pos-items span{font-size:36px}.case-visual .pos-items small{font-size:10px}.case-visual .pos-basket{font-size:12px;padding:25px 15px}.case-visual .pos-basket>span{font-size:10px}.case-visual .pos-basket p{font-size:9px}.case-visual .school-preview h3,.case-visual .finance-preview h3{font-size:35px}.case-visual .school-days b{font-size:25px}.case-visual .lesson{font-size:15px;padding-block:20px}.case-visual .balance-card strong{font-size:45px}.case-visual .finance-lines{font-size:14px;gap:20px;padding-bottom:20px}.case-visual .preview-caption{font-size:10px}.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-top:80px;padding-bottom:50px}.about-mark{height:400px;background:var(--navy);position:relative;overflow:hidden;border-radius:6px}.about-mark>span{position:absolute;right:-10px;bottom:20px;font-size:370px;font-weight:900;color:#1ac9bc;letter-spacing:-.15em;line-height:1}.about-mark>div{position:absolute;width:400px;height:400px;border:1px solid #9ce7dd60;border-radius:50%;left:-180px;top:50px}.about-mark>p{font-size:10px;letter-spacing:.17em;color:#b2d6d8;position:absolute;top:26px;left:30px}.about-values{margin-top:35px}.about-values>div{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.about-values h3{font-size:19px}.about-values p{font-size:14px;margin:0}
.sample-banner{padding:9px 24px;background:#e5f1e8;color:#315c50;text-align:center;font-size:11px;border-bottom:1px solid #d3e8dc}.sample-dot{display:inline-block;width:5px;height:5px;background:#45846b;border-radius:50%;margin-right:8px;vertical-align:middle}.shop-hero{background:#e7eee8;overflow:hidden}.shop-hero>.container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:430px;padding-block:60px}.shop-hero h1{font-size:64px;margin-bottom:22px}.shop-hero h1 em{color:#128178}.shop-hero p{font-size:15px;margin-bottom:20px}.shop-hero-art{position:relative;height:330px}.shop-hero-art>.product-art:first-child{position:absolute;width:85%;right:0;top:-25px}.shop-hero-art>.product-art:nth-child(2){position:absolute;width:68%;left:-10%;bottom:-30px}.floating-label{position:absolute;right:0;bottom:-25px;font-size:8px;letter-spacing:.15em}.shop-perks{display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.shop-perks span{display:flex;align-items:center;gap:10px}.shop-perks .icon{width:17px;height:17px;color:var(--ink)}.shop-section{padding-block:70px 100px}.shop-toolbar{display:flex;gap:25px;padding:0 0 30px;border-bottom:1px solid var(--line);align-items:center}.search-field{display:flex;align-items:center;gap:13px;flex:1;background:#fff;border:1px solid var(--line);padding:0 15px;border-radius:4px;margin:0}.search-field input{border:0;background:none;margin:0!important;padding:14px 0!important;box-shadow:none!important;min-width:0}.sort-field{margin:0;width:210px}.sort-field select{margin:0}.shop-layout{display:grid;grid-template-columns:210px 1fr;gap:45px;padding-top:30px}.shop-sidebar{font-size:13px}.shop-sidebar>.eyebrow{font-size:9px;margin-bottom:15px}.category-filters{display:grid;gap:2px}.category-filters button{display:flex;justify-content:space-between;align-items:center;border:0;background:none;min-height:41px;text-align:left;padding:8px 12px;border-radius:4px;font-size:12px}.category-filters button>span{color:#9aa9a9;font-size:10px}.category-filters button:hover,.category-filters button.active{background:#dfebe4;color:#186f68}.category-filters button.active>span{color:#186f68}.filter-block{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.filter-block>label{font-size:11px}.filter-block>label>strong{display:block;margin-top:5px;font-size:13px}input[type=range]{padding:0!important;height:18px!important;border:0!important;accent-color:#10877c;margin:18px 0!important}.filter-block .checkbox-label{font-size:11px}.filter-block>.text-button{font-size:11px;margin-top:15px}.help-card{margin-top:32px;padding:22px;background:#e8eee6;border-radius:5px;font-size:12px}.help-card>.icon{margin-bottom:15px}.help-card h3{font-size:17px}.help-card p{font-size:12px;margin-bottom:20px}.help-card a{font-weight:600;font-size:11px}.results-head{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:23px;color:var(--muted)}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:box-shadow .2s,border-color .2s;min-width:0}.product-card:hover{border-color:#91bbb0;box-shadow:0 8px 28px #0d423809}.product-image{display:block;background:#eff2ed;position:relative;padding:15px 8px 4px;overflow:hidden}.product-image>.product-art{display:block;transition:transform .3s}.product-card:hover .product-art{transform:translateY(-4px)}.sample-tag{position:absolute;top:13px;left:13px;background:#fff9;color:#5f7979;border:1px solid #607d751c;border-radius:3px;padding:2px 6px;font-size:7px;letter-spacing:.1em;z-index:1}.stock-tag{position:absolute;bottom:12px;left:13px;font-size:9px;background:var(--paper);padding:2px 7px;border-radius:3px}.product-info{padding:18px}.product-info>.eyebrow{font-size:8px;margin-bottom:9px;color:#66807d}.product-info h3{font-size:17px;line-height:1.25;letter-spacing:-.025em;margin-bottom:20px;min-height:42px}.product-bottom{display:flex;justify-content:space-between;gap:5px;align-items:center}.product-bottom strong{font-size:16px;letter-spacing:-.03em}.product-bottom small{font-size:9px;color:#7d8b86;display:block;margin-top:3px}.add-button{background:var(--teal);border:0;display:grid;place-items:center;width:35px;height:35px;border-radius:4px;flex-shrink:0}.add-button .icon{width:17px;height:17px}.no-results{grid-column:1/-1;min-height:250px;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:6px}.no-results h3{font-size:24px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:50px 65px;align-items:center}.product-gallery{background:#e7eee7;position:relative;border-radius:8px;padding:55px 15px 40px}.product-gallery .sample-tag{font-size:9px;top:25px;left:25px}.gallery-caption{position:absolute;bottom:20px;left:25px;font-size:10px;color:var(--muted)}.product-purchase h1{font-size:46px;margin-block:15px 25px}.purchase-price{font-size:30px;letter-spacing:-.045em;font-weight:650;display:flex;align-items:center;gap:25px;margin-bottom:24px}.stock-pill{font-size:9px;font-weight:500;letter-spacing:0;background:#e0ecdf;color:#397257;border-radius:20px;padding:4px 10px}.stock-pill.out{background:#eee6de;color:#8d624c}.product-purchase>p{font-size:14px}.purchase-actions{display:flex;gap:16px;margin-top:8px}.purchase-actions .button{flex:1}.quantity-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white;width:125px;flex-shrink:0}.quantity-input button{width:36px;height:50px;border:0;background:none}.quantity-input input{width:42px;margin:0!important;border:0!important;padding:0!important;text-align:center;appearance:textfield;-moz-appearance:textfield}.quantity-input input::-webkit-inner-spin-button{appearance:none}.purchase-notes{display:grid;gap:11px;font-size:11px;padding-block:25px;margin-top:15px;border-bottom:1px solid var(--line)}.purchase-notes>span{display:flex;gap:12px;align-items:center}.purchase-notes .icon{width:16px;height:16px}.product-purchase>.text-link{font-size:11px;margin-top:23px}.specs{border-block-start:1px solid var(--line);padding:23px 0}.specs:last-child{border-bottom:1px solid var(--line)}.specs summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:22px;font-weight:600;letter-spacing:-.03em}.specs summary::-webkit-details-marker{display:none}.specs dl{padding-top:22px;max-width:700px}.specs dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.specs dt{color:var(--muted)}.specs dd{margin:0}.specs p{font-size:14px;max-width:750px;margin:24px 0 0}
label{display:block;font-size:12px;font-weight:550;margin-bottom:20px;line-height:1.6}input:not([type=checkbox],[type=radio]),select,textarea{display:block;width:100%;border:1px solid #c8d5d0;border-radius:4px;background:#fff;color:var(--ink);padding:13px 14px;margin-top:8px;font-size:14px;font-weight:400;min-height:47px;transition:border-color .2s}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#92a29f}input:focus,select:focus,textarea:focus{border-color:#138c7e}select{padding-right:25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-label{font-weight:400;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.7}.checkbox-label input{accent-color:var(--deep-teal);margin:4px 0 0;flex-shrink:0;width:14px;height:14px}.checkbox-label a{text-decoration:underline}.honeypot{position:absolute;left:-10000px}.form-feedback{font-size:13px;color:#a23d30;margin:0 0 12px}.form-feedback:empty{display:none}.form-note{font-size:10px;text-align:center;color:var(--muted);margin:15px 0 0}.contact-page{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;padding-top:70px}.contact-copy h1{font-size:62px}.contact-copy h1 em{color:var(--deep-teal)}.contact-copy .lead{font-size:20px}.contact-methods{padding-top:28px;display:grid;max-width:390px}.contact-methods>a,.contact-methods>div{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0;font-size:16px;line-height:1.55}.contact-methods small{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-bottom:7px}.contact-methods .icon{color:var(--deep-teal)}.contact-methods .icon:last-child{margin-left:auto;width:17px}.contact-copy>.small-text{font-size:11px;padding-left:41px}.contact-form-wrap{background:#edf1eb;border:1px solid #d5e0d9;border-radius:7px;padding:35px}.contact-form-wrap>.eyebrow{font-size:9px;margin-bottom:30px}.form-success{background:#dceee3;border:1px solid #b6d7c5;border-radius:6px;padding:35px}.form-success .icon{color:#237657;width:40px;height:40px;margin-bottom:20px}.form-success h2{font-size:32px}.form-success p{font-size:14px}.checkout-section{padding-block:50px 100px}.checkout-heading{margin-bottom:40px}.checkout-heading h1{font-size:52px}.checkout-heading .text-link{font-size:12px}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:start}.checkout-fields>section{border-top:1px solid var(--line);padding-top:28px;margin-bottom:32px}.checkout-fields h2{font-size:21px;display:flex;gap:15px;align-items:center;letter-spacing:-.025em;margin-bottom:28px}.checkout-fields h2>span{font-size:10px;color:var(--deep-teal);letter-spacing:0;border:1px solid #b5d2c8;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.optional{font-weight:400;color:var(--muted)}.pickup-note{font-size:12px;background:#e9efe7;border-radius:4px;padding:12px 15px}.payment-methods{display:grid;gap:10px}.payment-choice{margin:0;padding:18px;border:1px solid var(--line);border-radius:5px;display:flex;gap:15px;align-items:center;background:#fff;cursor:pointer}.payment-choice:has(input:checked){border-color:#268b7e;background:#eef7f0}.payment-choice input{accent-color:#168777}.payment-choice strong{font-size:13px;font-weight:600}.payment-choice small{display:block;font-size:10px;color:var(--muted);font-weight:400}.payment-logo{width:33px;height:27px;display:grid;place-items:center;font-size:19px;font-weight:700;background:#f0f3ef;border-radius:4px;color:var(--navy)}.payment-logo.mpesa{color:#309752}.demo-note{background:#e3efe5;padding:18px;border:1px solid #c1d8c9;border-radius:5px;font-size:12px;color:#3b6854;margin-top:18px}.demo-note p{font-size:12px;color:#4b7160;margin-block:6px 16px}.order-summary{background:#ebf0e8;border:1px solid #d5ded3;border-radius:7px;padding:30px;position:sticky;top:115px}.order-summary>.eyebrow{font-size:9px;margin-bottom:18px}.order-summary h2{font-size:29px}.summary-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #cfdcd0}.summary-art{width:65px;flex-shrink:0;background:#dce7da;border-radius:4px}.summary-item>span:nth-child(2){flex:1}.summary-item strong{font-size:12px;font-weight:550;display:block;line-height:1.4}.summary-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.summary-item>b{font-size:12px;white-space:nowrap}.summary-totals{padding-block:23px}.summary-totals>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.summary-totals b{font-weight:550}.summary-totals .grand-total{padding-top:15px;border-top:1px solid var(--line);font-size:20px;font-weight:650}.summary-totals .grand-total b{font-weight:650}.summary-security{display:flex;justify-content:center;gap:8px;align-items:center;font-size:9px;color:var(--muted);margin-top:17px}.summary-security .icon{width:12px;height:12px}.order-page{text-align:center;max-width:780px;padding-block:70px 95px}.order-symbol{width:65px;height:65px;background:#dceee2;display:grid;place-items:center;border-radius:50%;color:#297d66;margin:0 auto 25px}.order-symbol .icon{width:32px;height:32px}.order-page h1{font-size:55px}.order-page>p{max-width:580px;margin-inline:auto}.order-page>.eyebrow{font-size:10px;margin-bottom:15px}.order-status-pills{display:flex;justify-content:center;gap:9px;margin:25px 0}.status-pill{display:inline-flex;background:#dbece2;color:#316653;border-radius:4px;padding:5px 10px;font-size:10px;white-space:nowrap}.status-pill.neutral{background:#e7eae4;color:#5a6e68}.order-receipt{background:#fff;border:1px solid var(--line);padding:30px;text-align:left;border-radius:6px;margin-top:28px}.order-receipt h2{font-size:24px;margin-bottom:22px}.order-receipt>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:15px;font-size:13px}.order-receipt small{color:var(--muted);margin-left:10px}.order-receipt .receipt-total{font-size:20px;padding-bottom:0}.private-link{font-size:10px;padding:20px 10px}.private-link p{font-size:10px;margin-bottom:5px}.private-link .icon{width:12px;height:12px;margin-right:5px}.private-link>.text-button{font-size:11px}.order-links{display:flex;gap:25px;align-items:center;justify-content:center;margin-top:12px}.order-payment{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.track-page{max-width:700px;padding-block:75px 100px}.track-page h1{font-size:62px}.track-page form{margin-block:35px}.recent-order{display:flex;justify-content:space-between;border:1px solid var(--line);padding:18px;margin-bottom:12px;border-radius:4px;font-size:13px}.empty-state{text-align:center;padding-block:120px;max-width:750px}.empty-state>.icon{width:50px;height:50px;margin-bottom:30px;color:var(--deep-teal)}.empty-state h1{font-size:45px}.policy{max-width:850px;padding-block:70px 100px}.policy h1{font-size:58px}.policy h2{font-size:27px;margin-top:42px}.policy p{font-size:15px}.policy-notice{border-left:3px solid var(--deep-teal);padding:17px 22px;background:#e6eee4}.policy a{text-decoration:underline}.delivery-table>div{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.delivery-table dd{margin:0;font-weight:600}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:0;max-height:100dvh}dialog::backdrop{background:#041d2d80;backdrop-filter:blur(3px)}.cart-dialog{margin:0 0 0 auto;width:min(490px,100%);height:100dvh;max-width:100%;border-radius:0;border:0;padding:28px;overflow:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line)}.dialog-head .eyebrow{font-size:9px;margin-bottom:8px}.dialog-head h2{font-size:29px;margin:0}.cart-line{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.cart-line-art{background:#e8efe6;border-radius:4px;align-self:start}.cart-line h3{font-size:15px;margin-bottom:6px}.cart-line p{font-size:12px;margin-bottom:10px}.cart-line .quantity-input{width:95px;height:32px}.cart-line .quantity-input button{height:32px;width:30px}.cart-line .quantity-input input{width:33px;min-height:30px!important;font-size:12px}.cart-line>.icon-button{width:30px;min-width:30px;height:30px;color:#829086}.cart-line>.icon-button .icon{width:16px}.cart-line .unavailable{font-size:10px;color:#aa5742}.cart-bottom{padding-top:25px}.cart-bottom>div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:20px;font-weight:650}.cart-bottom p{font-size:11px}.cart-bottom .text-link{display:flex;justify-content:center;border:0;margin-top:15px;font-size:12px}.cart-empty{text-align:center;padding:80px 20px}.cart-empty h3{font-size:25px}.cart-empty p{font-size:14px}.cart-empty>.icon{width:45px;height:45px;color:var(--deep-teal);margin-bottom:25px}.cart-demo-note{font-size:10px;color:#658375;padding:12px;background:#e3eee4;border-radius:4px;margin:20px 0 0}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--navy);border:1px solid #38656d;color:#e4f0eb;padding:14px 24px;border-radius:6px;box-shadow:0 6px 28px #062f3930;font-size:13px;z-index:100;max-width:calc(100% - 40px);text-align:center}.noscript{position:fixed;inset:auto 0 0;background:#ffeacb;padding:20px;z-index:90;text-align:center}.editor-dialog{width:min(720px,calc(100% - 30px));padding:30px;border-radius:8px}.editor-dialog form{padding-top:25px}.editor-actions{display:flex;gap:15px;justify-content:flex-end}.editor-checks{display:flex;gap:30px;flex-wrap:wrap}
.admin-page{padding-block:55px 90px;min-height:65vh}.admin-title{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.admin-title h1{font-size:39px;margin-bottom:10px}.admin-title p{font-size:12px;margin:0}.admin-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:30px;overflow:auto}.admin-tabs button{border:0;background:none;padding:10px 16px;border-radius:4px;font-size:12px;white-space:nowrap}.admin-tabs button.active{background:var(--navy);color:white}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.metric{border:1px solid var(--line);border-radius:6px;background:#fff;padding:24px}.metric>p{font-size:11px;margin-bottom:14px}.metric strong{font-size:34px;line-height:1.2;letter-spacing:-.04em}.metric small{display:block;font-size:10px;margin-top:10px;color:var(--muted)}.admin-panel{border:1px solid var(--line);border-radius:6px;background:#fff;padding:25px;margin-bottom:25px}.admin-panel h2{font-size:24px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:670px;font-size:12px}.admin-table th{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:550;padding:12px 15px;border-bottom:1px solid var(--line);text-transform:uppercase}.admin-table td{padding:17px 15px;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table td strong{display:block;font-size:12px;font-weight:600}.admin-table td small{font-size:10px;color:var(--muted)}.admin-table .text-button{font-size:11px}.admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-list-head input{max-width:300px;margin:0}.admin-order{padding:25px;background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:20px}.admin-order-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.admin-order-head h3{font-size:20px;margin-bottom:6px}.admin-order-head>div>p{font-size:11px;margin:0}.admin-order-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-block:20px}.admin-order-info p{font-size:12px;margin:0}.admin-order-info small{font-size:10px;color:var(--muted)}.admin-order-lines{border-top:1px solid var(--line);padding-top:15px;font-size:12px}.admin-order-lines>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px}.admin-order-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.admin-order-footer>strong{font-size:21px}.status-change{display:flex;gap:10px;align-items:center}.status-change select{margin:0;min-height:36px;padding:7px 25px 7px 10px;font-size:11px}.status-change .button{min-height:36px;padding:7px 12px;font-size:11px}.admin-enquiry{border:1px solid var(--line);background:#fff;border-radius:5px;padding:25px;margin-bottom:20px}.admin-enquiry>p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.admin-enquiry h3{font-size:19px}.admin-enquiry-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-enquiry-top p{font-size:11px;margin:0}.admin-settings{max-width:650px}.admin-settings>.demo-note{margin-bottom:30px}.admin-login{max-width:600px;margin:50px auto;text-align:center}.admin-login>.icon{width:48px;height:48px;margin-bottom:25px;color:var(--deep-teal)}.admin-login h1{font-size:42px}.admin-login p{font-size:15px}.admin-note{background:#e3eee6;padding:15px 20px;border-radius:4px;font-size:12px;margin-bottom:25px}.admin-order-controls{display:flex;gap:10px;flex-wrap:wrap}.admin-order-controls>button{font-size:11px;padding:8px 13px;min-height:35px}.admin-empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:14px}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-content{min-height:600px}.hero h1{font-size:56px}.hero-dashboard{width:calc(100% + 80px)}.hero-description{font-size:15px}.hero-buttons{gap:20px}.hero-buttons .button{padding:14px 18px;font-size:12px}.hero-buttons .text-link{font-size:12px}.hero-disciplines{font-size:8px}.service-grid{gap:22px}.service-card h3{font-size:20px}.project-visual{height:285px;padding:28px 22px 0}.compact .dash-body{grid-template-columns:70px 1fr}.compact .dash-stats strong{font-size:11px}.compact .dash-sidebar span{font-size:6px;gap:4px}.pos-layout{grid-template-columns:28px 1fr 85px}.pos-products{padding:12px 8px}.hardware-section{gap:45px}.footer-top{gap:30px}.shop-layout{grid-template-columns:175px 1fr;gap:28px}.products-grid{gap:20px 16px}.product-info{padding:15px}.product-info h3{font-size:15px}.product-bottom strong{font-size:14px}.checkout-layout{gap:38px}.order-summary{padding:25px}.contact-page{gap:45px}.contact-copy h1{font-size:53px}.contact-form-wrap{padding:26px}.service-hero{gap:45px}.detail-grid{gap:55px}.hero-float{left:0;padding:15px}.service-feature{height:350px}.product-detail{gap:45px}.product-purchase h1{font-size:39px}}
@media(max-width:900px){.desktop-nav{gap:20px;font-size:12px}.nav-actions{gap:8px}.brand{width:140px}.hero h1{font-size:49px}.hero-content{grid-template-columns:1.1fr .9fr}.hero-dashboard{width:calc(100% + 120px)}.hero-float{font-size:10px;left:-10px}.hero-float small{font-size:9px}.hero .eyebrow{font-size:7px}.hero-disciplines{gap:11px;font-size:7px}.product-ribbon .container{gap:18px;font-size:15px}.product-ribbon .ribbon-label{font-size:7px}.service-grid{grid-template-columns:repeat(2,1fr);gap:40px}.service-number{margin-bottom:20px}.service-card h3{font-size:25px}.process-grid{gap:45px;grid-template-columns:1fr 1.6fr}.process h2{font-size:35px}.process-steps{gap:30px}.hardware-section{gap:35px}.hardware-art{height:300px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-wrap:wrap}.section{padding-block:75px}.compact-section{padding-top:25px}.shop-layout{grid-template-columns:155px 1fr;gap:25px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-hero h1{font-size:54px}.shop-perks{font-size:10px;gap:15px}.shop-hero-art{height:270px}.contact-page{gap:35px}.contact-copy h1{font-size:44px}.contact-copy .lead{font-size:17px}.contact-methods>a,.contact-methods>div{font-size:14px}.field-row{gap:15px}.checkout-layout{grid-template-columns:1fr .9fr;gap:28px}.checkout-fields .field-row{grid-template-columns:1fr;gap:0}.order-summary{padding:20px}.order-summary h2{font-size:24px}.summary-item{gap:8px}.summary-art{width:45px}.summary-item strong,.summary-item>b{font-size:10px}.order-summary .checkbox-label{font-size:10px}.product-detail{gap:30px}.product-purchase h1{font-size:34px}.purchase-price{font-size:25px;gap:15px}.purchase-actions{gap:10px}.purchase-actions>.button{font-size:12px;padding:12px}.quantity-input{width:105px}.quantity-input input{width:35px}.quantity-input button{width:30px}.product-gallery{padding-block:60px}.service-hero h1{font-size:49px}.service-feature{height:320px;padding:30px}.detail-grid{grid-template-columns:1fr 1.4fr;gap:45px}.about-hero{gap:35px}.about-hero h1{font-size:60px}.about-mark{height:340px}.about-mark>span{font-size:310px}.metric-grid{grid-template-columns:1fr 1fr}.case-visual{padding:40px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header{height:74px}.nav-wrap{gap:15px}.brand{width:131px}.logo-crop{width:131px;height:30px}.logo-crop img{width:268px;height:268px;left:-66px;top:-93px}.brand-sub{font-size:6px;letter-spacing:.59em;padding-left:2px}.desktop-nav,.nav-cta{display:none!important}.mobile-menu-trigger{display:inline-flex}.nav-actions{gap:3px}.hero-content{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:55px;min-height:0}.hero .eyebrow{font-size:7px;margin-bottom:25px;letter-spacing:.14em}.hero h1{font-size:clamp(44px,8.4vw,58px);line-height:1.06;margin-bottom:25px}.hero h1 br:nth-child(2){display:none}.hero h1 em{white-space:normal}.hero-description{font-size:15px;line-height:1.65;max-width:440px}.hero-description br{display:none}.hero-buttons{gap:20px;flex-wrap:wrap}.hero-buttons .button{font-size:13px;min-height:49px;padding:14px 20px}.hero-buttons .text-link{font-size:12px}.hero-disciplines{font-size:7px;margin-top:30px;gap:13px}.hero-art{width:100%;padding:20px 0 25px;margin:0;max-width:550px;justify-self:center}.hero-dashboard{width:100%;transform:none;border-radius:8px}.hero-float{bottom:5px;left:auto;right:8px;font-size:10px;gap:9px;padding:12px 18px}.hero-float small{font-size:8px}.float-symbol{width:26px;height:26px}.float-symbol .icon{width:15px;height:15px}.orbital{width:280px;height:280px;right:-50px;top:-35px;border-width:30px;opacity:.5}.orbital-two{width:170px;height:170px;left:-55px;top:180px;border-width:19px;opacity:.2}.hero-foot{padding-block:18px;font-size:6px;letter-spacing:.11em;gap:15px}.hero-foot>span{max-width:185px}.hero-foot a{font-size:6px;gap:8px}.hero-foot .icon{width:12px}.product-ribbon .container{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;padding-block:25px;font-size:17px}.product-ribbon .ribbon-label{grid-column:1/-1;max-width:none;font-size:8px}.section{padding-block:60px}.compact-section{padding-top:15px}.section-head{display:block;margin-bottom:30px}.section-head .text-link{margin-top:20px;font-size:12px}.section-head>p{font-size:14px;margin-top:20px}.section-head .eyebrow{font-size:9px;margin-bottom:15px}.section-head h2{font-size:37px}.projects-grid{grid-template-columns:1fr;gap:28px}.project-visual{height:290px;padding:25px 23px 0}.project-caption{padding-block:22px}.project-caption h3{font-size:26px}.project-caption p:last-child{font-size:13px}.project-caption .eyebrow{font-size:8px}.project-caption .circle-arrow{width:36px;height:36px}.dashboard .dash-body{grid-template-columns:76px 1fr;min-height:250px}.dash-main{padding:14px 10px}.dash-sidebar span{font-size:6px;gap:5px}.dash-sidebar .icon{width:9px;height:9px}.dash-stats{gap:5px;margin-bottom:15px}.dash-stats>div{padding:7px 5px}.dash-stats strong{font-size:12px}.dash-stats small{font-size:6px}.dash-heading h4{font-size:10px}.chart-toggle{font-size:6px;padding:4px}.dash-bottom small{font-size:5px}.tiny-pill{font-size:5px}.bars{gap:4px}.dash-top{font-size:9px}.chart{height:95px}.service-grid{grid-template-columns:1fr;gap:0}.service-card{padding:20px 45px;min-height:115px}.service-number{position:absolute;left:0;top:24px;margin:0;font-size:0}.service-number>.icon{width:28px;height:28px}.service-card h3{font-size:23px;margin-bottom:8px}.service-card p{font-size:13px;margin:0}.service-card .circle-arrow{position:absolute;right:0;top:30px}.service-card:last-child{border-bottom:1px solid #239f9445}.capabilities{padding-bottom:40px}.process-grid{grid-template-columns:1fr;gap:40px}.process h2{font-size:39px}.process-steps{gap:30px 24px}.process-steps h3{font-size:21px}.process-steps p{font-size:13px}.hardware-section{grid-template-columns:1fr;gap:35px}.hardware-art{height:285px}.hardware-section h2{font-size:38px}.hardware-section>div>p:not(.eyebrow){font-size:14px}.inline-perks{font-size:9px;gap:17px;margin-top:24px}.contact-cta{padding-block:50px}.contact-cta .eyebrow{font-size:8px}.contact-cta .container>div{display:block}.contact-cta h2{font-size:45px;margin-bottom:28px}.contact-cta .container>p:last-child{font-size:11px;line-height:1.8}.contact-cta p a{margin-left:0;display:block}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 25px;padding-bottom:30px}.footer-top>div:first-child{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:20px}.footer-top>div:first-child>p{font-size:10px;margin:0}.footer-top>div:last-child{grid-column:1/-1}.footer-top p{font-size:11px}.footer .eyebrow{font-size:8px;margin-bottom:17px}.footer-top>div>a:not(.footer-wordmark){font-size:11px}.footer-top>div:last-child p:last-child{margin-bottom:0}.footer-bottom{display:block;font-size:9px;padding-block:22px 35px}.footer-bottom>span:nth-child(2){margin-top:12px;gap:25px}.footer-bottom>.local-time{display:none}.floating-chat{width:44px;height:44px;right:14px;bottom:14px}.floating-chat .icon{width:22px;height:22px}.breadcrumb{font-size:10px;padding-top:22px;gap:10px}.page-intro{padding-top:42px;padding-bottom:35px}.page-intro h1{font-size:53px}.page-intro>p:last-child{font-size:16px}.eyebrow{font-size:9px;margin-bottom:18px}.service-hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:35px}.service-hero h1{font-size:47px}.service-hero .lead{font-size:22px}.service-hero>div>p:not(.lead,.eyebrow){font-size:15px}.service-feature{height:260px}.large-icon>.icon{width:75px;height:75px}.feature-index{font-size:200px;bottom:-65px}.service-feature>p{font-size:8px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid h2{font-size:37px}.detail-row{padding-block:19px;gap:18px}.detail-row h3{font-size:19px}.detail-grid .lead{font-size:20px}.split-callout{grid-template-columns:1fr;gap:10px}.case-visual{padding:24px 15px}.case-visual .dash-body{grid-template-columns:65px 1fr;min-height:260px}.case-visual .dash-main{padding:12px 9px}.case-visual .dash-heading h4{font-size:11px}.case-visual .dash-stats strong{font-size:12px}.case-visual .dash-stats small{font-size:6px}.case-visual .dash-stats span{font-size:7px}.case-visual .dash-top{font-size:10px}.case-visual .chart{height:100px}.case-visual .pos-layout{min-height:260px;grid-template-columns:28px 1fr 78px}.case-visual .pos-products{padding:12px 8px}.case-visual .pos-items>div{height:65px}.case-visual .pos-items span{font-size:22px}.case-visual .pos-items small{font-size:6px}.case-visual .pos-basket{font-size:7px;padding:15px 6px}.case-visual .pos-basket>span,.case-visual .pos-basket p{font-size:6px}.case-visual .preview-caption{font-size:7px}.about-hero{grid-template-columns:1fr;padding-top:45px;gap:25px}.about-hero h1{font-size:60px}.about-hero .lead{font-size:20px}.about-mark{height:300px}.about-mark>span{font-size:280px}.about-mark>p{font-size:8px}.about-values p{font-size:13px}.sample-banner{font-size:9px;line-height:1.6;padding:9px 18px}.shop-hero>.container{grid-template-columns:1fr;gap:15px;padding-block:35px 25px;min-height:0}.shop-hero h1{font-size:49px}.shop-hero p{font-size:14px}.shop-hero .text-link{font-size:12px}.shop-hero-art{height:210px;width:100%;max-width:440px;justify-self:center}.shop-hero-art>.product-art:first-child{width:75%;top:-35px;right:0}.shop-hero-art>.product-art:nth-child(2){width:60%;left:-1%;bottom:-17px}.floating-label{font-size:6px;bottom:0}.shop-perks{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding-block:20px;font-size:9px}.shop-perks>span:last-child{grid-column:1/-1}.shop-perks .icon{width:14px;height:14px}.shop-section{padding-block:40px 65px}.shop-section .section-head h2{font-size:35px}.shop-section .section-head .text-link{font-size:11px}.shop-toolbar{gap:10px;flex-wrap:wrap;padding-bottom:20px}.search-field{flex-basis:100%;gap:10px}.search-field input{font-size:12px!important}.sort-field{width:100%}.sort-field select{min-height:42px;font-size:12px;padding:10px 13px}.shop-layout{grid-template-columns:1fr;gap:20px;padding-top:20px}.shop-sidebar>.eyebrow{display:none}.category-filters{display:flex;gap:6px;overflow:auto;padding:0 0 4px}.category-filters button{white-space:nowrap;min-height:36px;font-size:10px;border:1px solid var(--line);gap:12px;padding:6px 12px;flex-shrink:0}.category-filters button.active{border-color:#a6cabc}.category-filters button>span{font-size:9px}.filter-block{padding-top:14px;margin-top:15px;display:grid;grid-template-columns:1fr auto;gap:0 25px;align-items:center}.filter-block>label:first-child{font-size:10px;display:flex;align-items:center;gap:12px;grid-column:1/-1;margin:0}.filter-block>label>strong{font-size:11px;margin:0}.filter-block input[type=range]{grid-column:1/-1;min-height:15px!important;margin:10px 0 15px!important}.filter-block .checkbox-label{font-size:10px;margin:0}.filter-block>.text-button{font-size:10px;margin:0}.help-card{display:none}.results-head{margin-bottom:15px;font-size:10px}.results-head .small-text{font-size:10px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.product-image{padding:15px 3px 0}.sample-tag{font-size:6px;left:9px;top:9px;padding:1px 4px}.product-info{padding:13px}.product-info>.eyebrow{font-size:7px;margin-bottom:8px}.product-info h3{font-size:14px;min-height:36px;margin-bottom:14px}.product-bottom{gap:4px}.product-bottom strong{font-size:13px}.product-bottom small{font-size:8px}.add-button{width:30px;height:32px;min-width:30px}.stock-tag{font-size:7px;bottom:8px;left:9px}.product-detail{grid-template-columns:1fr;gap:30px;padding-block:25px 40px}.product-gallery{padding-block:25px 35px}.product-gallery .sample-tag{top:20px;left:20px;font-size:8px}.product-gallery .product-art{max-height:330px}.gallery-caption{font-size:9px;left:20px}.product-purchase h1{font-size:38px}.purchase-price{font-size:27px}.stock-pill{font-size:9px}.product-purchase>p{font-size:14px}.purchase-actions>.button{font-size:13px;padding:13px 18px;min-height:50px}.quantity-input{width:115px}.quantity-input input{width:40px}.quantity-input button{width:35px}.specs summary{font-size:22px}.specs dl>div{font-size:12px;gap:20px;grid-template-columns:1fr 1.2fr}.contact-page{grid-template-columns:1fr;gap:30px;padding-top:40px}.contact-copy h1{font-size:48px}.contact-copy .lead{font-size:18px}.contact-methods{max-width:none;padding-top:15px}.contact-methods>a,.contact-methods>div{font-size:15px;padding:18px 0}.contact-copy>.small-text{font-size:10px}.contact-form-wrap{padding:25px 20px}.field-row{grid-template-columns:1fr;gap:0}.contact-form-wrap>.eyebrow{font-size:8px}.checkbox-label{font-size:10px}.contact-form-wrap label{font-size:11px}input:not([type=checkbox],[type=radio]),select,textarea{font-size:16px}.checkout-section{padding-block:30px 60px}.checkout-heading{margin-bottom:30px}.checkout-heading h1{font-size:43px}.checkout-layout{grid-template-columns:1fr;gap:10px}.checkout-fields h2{font-size:22px}.checkout-fields label{font-size:12px}.checkout-fields .field-row{grid-template-columns:1fr;gap:0}.payment-choice{padding:16px}.order-summary{position:static;padding:25px}.order-summary h2{font-size:30px}.summary-art{width:65px}.summary-item{gap:13px}.summary-item strong{font-size:12px}.summary-item>b{font-size:11px}.order-summary .checkbox-label{font-size:11px}.order-page{padding-block:45px 65px}.order-page h1{font-size:43px}.order-page>p{font-size:14px}.order-page>.eyebrow{font-size:9px}.order-symbol{width:55px;height:55px}.order-receipt{padding:24px 18px}.order-receipt>div{font-size:12px}.order-receipt>div>strong{white-space:nowrap}.order-receipt .receipt-total{font-size:18px}.order-status-pills{gap:7px}.status-pill{font-size:9px}.order-links{gap:20px}.order-links .button{font-size:12px}.track-page{padding-block:50px 65px}.track-page h1{font-size:49px}.track-page>p{font-size:14px}.private-link p{line-height:1.8}.policy{padding-block:45px 65px}.policy h1{font-size:44px}.policy p{font-size:14px}.policy h2{font-size:26px}.delivery-table>div{font-size:12px}.delivery-table dd{white-space:nowrap}.cart-dialog{padding:24px 20px}.dialog-head h2{font-size:26px}.cart-line{grid-template-columns:65px 1fr auto;gap:12px}.cart-line h3{font-size:14px}.cart-line p{font-size:12px}.toast{bottom:18px;font-size:12px;width:max-content}.admin-page{padding-block:35px 60px}.admin-title{display:block}.admin-title h1{font-size:35px}.admin-title>div:last-child{margin-top:20px}.admin-tabs{margin-top:25px;gap:2px;padding-bottom:12px}.admin-tabs button{padding:8px 13px;font-size:11px}.metric-grid{gap:12px}.metric{padding:18px}.metric strong{font-size:28px}.metric>p{font-size:10px;margin-bottom:10px}.metric small{font-size:9px}.admin-panel{padding:20px 16px}.admin-panel h2{font-size:23px}.admin-list-head{align-items:start;flex-wrap:wrap}.admin-list-head input{max-width:100%;font-size:14px}.admin-order{padding:20px 16px}.admin-order-info{grid-template-columns:1fr;gap:16px}.admin-order-head h3{font-size:18px}.admin-order-footer{flex-wrap:wrap;gap:15px}.admin-enquiry{padding:20px}.admin-enquiry-top{display:block}.admin-enquiry-top .status-change{margin-top:18px}.editor-dialog{padding:22px 18px}.editor-checks{gap:15px}.empty-state{padding-block:80px}.empty-state h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-dashboard{transform:none!important}}

/* Payment methods: brand marks (M-Pesa, Visa, Mastercard), a selected state that is more than colour, what happens next,
   and an M-Pesa green pay button. --mpesa is the badge green; --mpesa-ink is the darker green that keeps white text readable. */
.payment-choice{position:relative;min-height:74px;padding:16px 18px;gap:14px;border-radius:8px;transition:border-color .15s,background-color .15s,box-shadow .15s}
.payment-choice:hover:not(:has(input:disabled)){border-color:#9fbab4}
.payment-choice:has(input:checked){border-color:var(--deep-teal);background:#f1f8f5;box-shadow:inset 0 0 0 1px var(--deep-teal)}
.payment-choice.mpesa:has(input:checked){border-color:var(--mpesa-ink);background:#f0f9f1;box-shadow:inset 0 0 0 1px var(--mpesa-ink)}
.payment-choice:has(input:focus-visible){outline:3px solid #108a83;outline-offset:2px}
.payment-choice:has(input:disabled){cursor:not-allowed;background:#f6f7f4}
.payment-choice:has(input:disabled) :is(.pay-mark,strong){opacity:.55}
.payment-choice input{flex-shrink:0;width:18px;height:18px;margin:0}
.payment-choice.mpesa input{accent-color:var(--mpesa-ink)}
.payment-text{flex:1;min-width:0}
.payment-text small{margin-top:2px}
.pay-mark{display:block;flex-shrink:0}
svg.pay-mark.mpesa{width:58px;height:36px}
span.pay-mark{display:grid;place-items:center;width:58px;height:36px;border-radius:7px;background:#eef2f0;color:var(--navy)}
span.pay-mark.card{background:#e9eef6;color:#1a1f71}
span.pay-mark .icon{width:22px;height:22px}
.card-networks{display:flex;gap:6px;margin-top:8px}
.card-networks .pay-mark{width:40px;height:25px}
.payment-next{margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}
.payment-next-title{margin:0;font-size:13px;font-weight:650;color:var(--ink)}
.payment-next ol{display:grid;gap:5px;margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.5;color:var(--ink)}
.payment-next-note{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:var(--muted)}
.payment-next-note .icon{flex-shrink:0;width:14px;height:14px}
.button.mpesa{gap:12px;background:var(--mpesa-ink);color:#fff}
.button.mpesa:hover{background:#17652a;box-shadow:0 6px 22px #1f7a3326}
.button .pay-mark.mpesa{width:46px;height:29px}
.checkout-pay{gap:12px}
.checkout-pay[data-method="mpesa"]{background:var(--mpesa-ink);color:#fff}
.checkout-pay[data-method="mpesa"]:hover{background:#17652a;box-shadow:0 6px 22px #1f7a3326}
.summary-security{font-size:11px}
/* Order page: payment pill with the method's mark, and the demo M-Pesa prompt or card confirmation. */
.pay-pill{align-items:center;gap:7px;padding-block:4px}
.pay-pill .pay-mark,.pay-line .pay-mark{width:30px;height:19px;border-radius:4px}
.pay-pill span.pay-mark .icon,.pay-line span.pay-mark .icon{width:14px;height:14px}
.pay-line{display:flex;align-items:center;gap:7px;margin:4px 0 0}
.pay-demo{max-width:380px;margin:24px auto 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px #0623331f;text-align:left}
.stk-prompt{border-top:4px solid var(--mpesa)}
.stk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.stk-head .card-networks{margin:0}
.pay-demo p{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--ink)}
.pay-demo .stk-note{font-size:12px;color:var(--muted)}
.pay-demo .button{width:100%;margin-top:6px}
.order-payment .button.mpesa{gap:12px}
@media(max-width:700px){.payment-choice{padding:14px}.payment-next{padding:14px}svg.pay-mark.mpesa,span.pay-mark{width:52px;height:32px}}.order-status-pills{align-items:center}
.pay-demo .button{gap:10px}.pay-demo .nowrap{white-space:nowrap}
/* Small marks inside status pills and the admin order list (beats the svg.pay-mark.mpesa size above). */
:is(.pay-pill,.pay-line) :is(svg,span).pay-mark{width:30px;height:19px;border-radius:4px}
/* M-Pesa Till/Paybill: same green selected state and pay button as M-Pesa, the Lipa na M-PESA panel with numbers to copy,
   the confirmation code form, and the code line in the admin's order list. */
.payment-choice.mpesa_manual:has(input:checked){border-color:var(--mpesa-ink);background:#f0f9f1;box-shadow:inset 0 0 0 1px var(--mpesa-ink)}
.payment-choice.mpesa_manual input{accent-color:var(--mpesa-ink)}
.checkout-pay[data-method="mpesa_manual"]{background:var(--mpesa-ink);color:#fff}
.checkout-pay[data-method="mpesa_manual"]:hover{background:#17652a;box-shadow:0 6px 22px #1f7a3326}
.lipa-panel{max-width:460px;border-top:4px solid var(--mpesa)}
.lipa-demo{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px!important;padding:10px 12px;border-radius:8px;background:#fdf6e7;color:#6b4e12!important;font-size:13px!important}
.lipa-demo .icon,.lipa-due .icon{flex-shrink:0;width:16px;height:16px;margin-top:2px}
.lipa-due{display:flex;gap:8px;align-items:flex-start;font-size:13px!important;color:var(--muted)!important}
.lipa-fix{margin-top:12px}
.lipa-fix summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--deep-teal)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.mpesa-code-line{margin:6px 0 0;font-size:13px}