:root{--ink:#14213d;--cream:#fffaf1;--orange:#ff5d3d;--yellow:#ffd449;--blue:#3766ff;--mint:#bdf3d0;--muted:#63708a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;inset:0;opacity:.25;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font-size:22px;font-weight:800;letter-spacing:-1.4px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:5px}.brand-mark{width:27px;height:27px;border-radius:9px;background:var(--orange);color:white;display:grid;place-items:center;font:500 17px 'DM Mono';letter-spacing:-2px}.dot{color:var(--orange)}nav{display:flex;align-items:center;gap:30px}nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.nav-cta{background:var(--ink);color:white!important;padding:12px 17px;border-radius:30px}.nav-cta span{color:var(--yellow);font-size:16px}.menu-button{display:none;border:0;background:transparent;font:700 14px Manrope;color:var(--ink)}.hero{min-height:655px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;color:#4b5974}.eyebrow span{width:8px;height:8px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-.07em;margin-bottom:24px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;color:var(--orange)}.lede{font-size:17px;line-height:1.65;max-width:485px;color:var(--muted)}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.button{border:0;cursor:pointer;text-decoration:none;font:700 13px Manrope;padding:15px 19px;border-radius:7px;display:inline-flex;gap:17px;align-items:center}.primary{background:var(--orange);color:white;box-shadow:4px 4px 0 #d83f29}.button span{font-size:18px}.text-link{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}.text-link span{color:var(--orange);padding-left:7px}.hero-art{height:460px;position:relative;overflow:hidden;border-radius:38% 62% 44% 56% / 45% 41% 59% 55%;background:var(--yellow)}.orb{position:absolute;border-radius:50%}.orb-a{width:290px;height:290px;background:var(--blue);right:-44px;top:-65px}.orb-b{width:150px;height:150px;background:var(--mint);left:-53px;bottom:-22px}.main-window{position:absolute;right:45px;top:102px;width:330px;height:230px;background:#fffdf8;border-radius:11px;transform:rotate(-4deg);box-shadow:13px 15px 0 rgba(20,33,61,.15);padding:25px}.window-bar{position:absolute;top:12px;left:16px;display:flex;gap:4px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#c7cad2}.chart{height:105px;display:flex;align-items:end;gap:11px;border-bottom:1px solid #e7e8eb}.chart b{width:20px;border-radius:4px 4px 0 0;background:var(--blue)}.chart b:nth-child(1){height:30%}.chart b:nth-child(2){height:52%;background:var(--mint)}.chart b:nth-child(3){height:46%}.chart b:nth-child(4){height:78%;background:var(--orange)}.chart b:nth-child(5){height:65%;background:var(--mint)}.chart b:nth-child(6){height:93%}.chart b:nth-child(7){height:78%}.window-lines{padding-top:18px}.window-lines span{display:block;height:7px;background:#edf0f6;border-radius:8px;margin-bottom:8px}.window-lines span:nth-child(2){width:65%}.window-lines span:nth-child(3){width:80%}.float-card{position:absolute;background:white;border-radius:12px;padding:14px 17px;box-shadow:8px 10px 0 rgba(20,33,61,.12)}.float-card small{font:500 8px 'DM Mono';color:var(--muted);display:block;margin-bottom:5px}.float-card strong{font-size:11px}.card-one{left:40px;top:68px;transform:rotate(6deg)}.mini-nodes{display:flex;align-items:center;margin-top:12px}.mini-nodes i{width:17px;height:17px;border:2px solid white;border-radius:50%;margin-right:-4px;background:var(--orange)}.mini-nodes i:nth-child(2){background:var(--blue)}.mini-nodes i:nth-child(3){background:var(--yellow)}.mini-nodes i:nth-child(4){background:var(--mint)}.card-two{right:23px;bottom:42px;display:flex;align-items:center;gap:9px;transform:rotate(4deg)}.check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);font-size:12px}.trust{padding:27px 0 85px;border-top:1px solid #e9e4da;display:flex;justify-content:space-between;align-items:center;gap:30px}.trust p{font-size:12px;color:var(--muted);max-width:215px;margin:0}.ticker{font:500 11px 'DM Mono';letter-spacing:.05em;display:flex;gap:17px;align-items:center}.ticker i{color:var(--orange);font-style:normal}.work-section{background:var(--ink);color:white;padding:100px 0 110px}.section-intro{display:grid;grid-template-columns:1.05fr 1fr .8fr;align-items:start;margin-bottom:57px}.section-intro .eyebrow{color:#b7c0d4}.section-intro h2,.services h2,.contact h2{font-size:clamp(38px,4vw,56px);letter-spacing:-.065em;line-height:1.06;margin:0}.section-intro p:last-child{font-size:14px;line-height:1.7;color:#b7c0d4;padding-top:5px}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project{color:white;text-decoration:none;display:block}.project.featured{grid-row:span 2}.project-visual{height:245px;border-radius:12px;overflow:hidden;position:relative}.featured .project-visual{height:350px}.sacco{background:#eaf5ed;display:grid;place-items:center;padding:30px}.sacco-ui{height:85%;width:90%;background:#fff;border-radius:8px;padding:20px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;color:#173e32;box-shadow:0 12px 25px #a5cbb23d}.sacco-logo{width:35px;height:35px;border-radius:50%;background:#36835d;display:grid;place-items:center;color:#eaf5ed;font-weight:800}.sacco-ui b{font-size:14px;display:block}.sacco-ui small{font-size:9px;color:#6d8278}.sacco-balance{font:500 8px 'DM Mono';color:#6d8278;text-align:right}.sacco-balance strong{font-size:22px;color:#36835d}.learn{background:#f5d4bd;display:grid;place-items:center}.learn-ui{height:80%;width:78%;background:#fffcf7;border-radius:5px;padding:22px;color:#332449;box-shadow:9px 11px 0 #b3755554}.learn-ui p{font:700 9px Manrope;letter-spacing:.11em}.learn-ui p span{color:#f2603e;display:block}.learn-ui h3{font-size:31px;line-height:.95;letter-spacing:-.08em;margin:20px 0}.learn-ui em{font-family:Georgia;font-weight:400;color:#ef6747}.lesson{padding:9px;background:#eee7f4;font-size:9px}.lesson span{color:#f2603e;margin-right:8px}.paperless{background:#ccece3;display:grid;place-items:center}.paper-ui{height:83%;width:78%;background:#174b47;border-radius:5px;padding:18px;color:white;position:relative}.paper-head{font-size:10px;font-weight:800}.paper-head span{font-weight:400;color:#a5d9c9}.paper-doc{width:105px;height:115px;border-radius:3px;background:#fbf8ed;position:absolute;right:20px;top:47px;padding:21px}.paper-doc i{height:5px;display:block;border-radius:5px;background:#cfe2da;margin-bottom:9px}.paper-doc i:nth-child(2){width:60%}.paper-doc b{color:#1b7d67;position:absolute;bottom:11px;right:12px}.paper-ui p{position:absolute;left:18px;bottom:0;font:20px Georgia;line-height:1.05}.project-info{display:grid;grid-template-columns:34px 1fr 20px;gap:11px;margin:16px 0 26px}.project-info>span{font:500 10px 'DM Mono';color:var(--yellow)}.project-info h3{font-size:17px;margin-bottom:5px;letter-spacing:-.04em}.project-info p{font-size:11px;color:#b7c0d4;margin:0}.arrow{font-size:18px;color:var(--yellow)}.services{padding:112px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.services h2{color:var(--ink)}.service-list article{display:grid;grid-template-columns:52px 1fr 1.15fr;gap:15px;padding:25px 0;border-top:1px solid #dcd7ce}.service-list article:last-child{border-bottom:1px solid #dcd7ce}.service-list span{font:500 10px 'DM Mono';color:var(--orange)}.service-list h3{font-size:17px;letter-spacing:-.04em}.service-list p{font-size:12px;line-height:1.65;color:var(--muted)}.founder{background:var(--mint);padding:100px 0}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.portrait{height:460px;background:var(--blue);position:relative;overflow:hidden;border-radius:48% 52% 45% 55% / 39% 47% 53% 61%;display:flex;align-items:center;justify-content:center}.portrait:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:var(--yellow);top:-78px;right:-65px}.portrait:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--orange);bottom:-50px;left:-35px}.portrait-initials{position:relative;z-index:2;font:500 100px Georgia;color:#fff7e8;letter-spacing:-.15em}.portrait span{position:absolute;z-index:3;left:29px;bottom:27px;color:white;font:500 9px 'DM Mono';letter-spacing:.1em;line-height:1.7}.founder-copy blockquote{font:21px Georgia;line-height:1.4;margin:0 0 37px;max-width:500px}.founder-copy h2{font-size:54px;line-height:.94;letter-spacing:-.07em;margin-bottom:22px}.founder-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#31574e;max-width:520px}.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.stack span{font-size:10px;font-weight:700;border:1px solid #79baa5;border-radius:20px;padding:8px 11px}.contact{padding:110px 0;display:grid;grid-template-columns:.95fr 1fr;gap:110px}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:350px;margin-top:22px}.contact h2{margin-bottom:0}.contact-email{display:inline-block;margin-top:28px;color:var(--orange);font-weight:800;font-size:17px;text-decoration:none}.contact-email span{padding-left:10px}form{padding:28px;background:#fff;border:1px solid #eee9df;border-radius:7px;box-shadow:10px 10px 0 #f0ede5}label{display:block;font-size:11px;font-weight:800;margin-bottom:17px}input,textarea{display:block;width:100%;font:13px Manrope;border:0;border-bottom:1px solid #dedbd4;padding:10px 0 9px;outline:none;background:transparent;color:var(--ink)}textarea{resize:vertical}.form-note{font-size:11px;color:#5b8e7e;margin:15px 0 0;min-height:15px}footer{border-top:1px solid #e8e3da;padding:27px 0 34px;display:flex;justify-content:space-between;align-items:center}footer p{font-size:11px;color:var(--muted);margin:0}
@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}.nav{height:75px}.menu-button{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:var(--cream);border:1px solid #e8e3da;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 0 75px;gap:45px}.hero h1{font-size:52px}.hero-art{height:360px}.main-window{right:24px;top:87px;width:260px;height:192px}.card-one{left:18px;top:44px}.card-two{right:12px;bottom:30px}.trust{padding:20px 0 58px;display:block}.trust p{margin-bottom:20px}.ticker{font-size:9px;gap:9px;flex-wrap:wrap}.work-section{padding:70px 0}.section-intro{display:block;margin-bottom:35px}.section-intro h2{margin-bottom:17px}.projects{grid-template-columns:1fr}.featured .project-visual{height:275px}.project-visual{height:225px}.services{padding:75px 0;display:block}.services-heading{margin-bottom:42px}.service-list article{grid-template-columns:35px 1fr}.service-list p{grid-column:2}.founder{padding:70px 0}.founder-grid{grid-template-columns:1fr;gap:45px}.portrait{height:360px}.founder-copy h2{font-size:47px}.contact{padding:72px 0;grid-template-columns:1fr;gap:45px}footer{display:block}.brand+ p{margin:16px 0 8px}}

/* Brand asset and extended project gallery */
/* Fixed logo dimensions prevent the large original image from expanding the page. */
.brand-logo{display:inline-flex!important;align-items:center;flex:0 0 151px!important;width:151px!important;height:40px!important;overflow:hidden;line-height:0}.brand-logo img{display:block!important;width:151px!important;max-width:151px!important;height:auto!important;max-height:40px!important;object-fit:contain!important}footer .brand-logo{flex-basis:132px!important;width:132px!important;height:35px!important}footer .brand-logo img{width:132px!important;max-width:132px!important;max-height:35px!important}
.sacco,.learn,.paperless,.ngiya,.attendance,.assets{background-image:url('assets/selected-work-thumbnails.png')!important;background-size:300% 200%!important;background-repeat:no-repeat!important}.sacco>* ,.learn>* ,.paperless>* ,.ngiya>* ,.attendance>* ,.assets>*{display:none!important}.sacco{background-position:0% 0%!important}.learn{background-position:50% 0%!important}.paperless{background-position:100% 0%!important}.ngiya{background-position:0% 100%!important}.attendance{background-position:50% 100%!important}.assets{background-position:100% 100%!important}
.portrait{background:#194fa3 url('assets/abubaker-balunywa.png') center 28%/cover no-repeat!important}.portrait:before,.portrait:after,.portrait-initials{display:none!important}.portrait span{padding:9px 11px;background:rgba(20,33,61,.76);border-radius:5px;text-shadow:0 1px 2px rgba(0,0,0,.35)}

/* Selected work: a compact, equal-weight gallery that lets the work scan in columns. */
.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}
.project.featured{grid-row:auto}
.project-visual,.featured .project-visual{height:165px;border-radius:9px}
.project-info{grid-template-columns:26px minmax(0,1fr) 17px;gap:8px;margin:11px 0 0}
.project-info>span{font-size:9px;padding-top:3px}
.project-info h3{font-size:15px;line-height:1.2;margin-bottom:4px}
.project-info p{font-size:10px;line-height:1.55}
.project-info .arrow{font-size:15px;padding-top:1px}
@media(max-width:900px) and (min-width:761px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-visual,.featured .project-visual{height:190px}}
@media(max-width:760px){.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.project-visual,.featured .project-visual{height:132px}.project-info{grid-template-columns:1fr 16px;gap:6px}.project-info>span{grid-column:1;font-size:8px}.project-info>div{grid-column:1;grid-row:2}.project-info .arrow{grid-column:2;grid-row:1 / span 2;align-self:center}.project-info h3{font-size:13px}.project-info p{font-size:9px}}
@media(max-width:390px){.projects{grid-template-columns:1fr}.project-visual,.featured .project-visual{height:180px}}
@media(max-width:760px){.brand-logo{flex-basis:124px!important;width:124px!important;height:33px!important}.brand-logo img{width:124px!important;max-width:124px!important;max-height:33px!important}footer .brand-logo{flex-basis:124px!important;width:124px!important;height:33px!important}}
.brand-logo img{display:block;width:151px;height:auto}.ngiya{background:#f5d5a0;display:grid;place-items:center}.tree-ui{height:84%;width:78%;background:#fff8ea;border-radius:7px;box-shadow:9px 10px 0 #704d2f35;padding:19px;position:relative;color:#5b3630}.tree-ui small{font:700 10px 'DM Mono';letter-spacing:.14em;color:#df6c41}.tree-ui p{position:absolute;bottom:11px;left:18px;font:19px Georgia;line-height:1.05;margin:0}.tree-root{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:#df6c41;color:white;display:grid;place-items:center;font-size:12px}.tree-lines i{position:absolute;width:25px;height:25px;border-radius:50%;background:#4d7861;top:44px}.tree-lines i:nth-child(1){left:45px}.tree-lines i:nth-child(2){left:105px;background:#e4a236}.tree-lines i:nth-child(3){right:45px;background:#8ca36a}.tree-lines i:nth-child(4){left:72px;top:116px;background:#6f95af}.tree-lines i:nth-child(5){right:72px;top:116px;background:#df6c41}.tree-lines i:nth-child(6){left:22px;top:117px;background:#d68470}.tree-lines i:nth-child(7){right:22px;top:117px;background:#70557c}.attendance{background:#d6dbff;display:grid;place-items:center}.attendance-ui{width:78%;height:82%;border-radius:7px;background:#fff;padding:18px;box-shadow:9px 10px 0 #5151a13b;color:#37358b;position:relative}.attendance-ui small{font:700 9px 'DM Mono';letter-spacing:.15em;color:#7876b5}.attendance-ui h3{font-size:21px;line-height:1;letter-spacing:-.06em;margin:8px 0}.people{position:absolute;right:25px;top:35px;display:grid;grid-template-columns:repeat(3,19px);gap:6px}.people i{height:19px;border-radius:5px;display:grid;place-items:center;background:#e4e6ff;color:#5853be;font-size:10px;font-style:normal}.attendance-ui p{position:absolute;bottom:8px;left:19px;font-size:10px;margin:0;color:#7471ae}.attendance-ui p strong{font-size:18px;color:#37358b;margin-left:4px}.assets{background:#dce7f6;display:grid;place-items:center}.asset-ui{width:78%;height:83%;padding:19px;border-radius:7px;background:#173c64;color:white;position:relative;box-shadow:9px 10px 0 #6f91ae45}.asset-ui p{font:700 17px Manrope;letter-spacing:-.06em;line-height:.9}.asset-ui p span{color:#f3b640}.asset-ui small{position:absolute;left:19px;bottom:15px;font:10px 'DM Mono';line-height:1.5;color:#c7d9eb}.asset-stack{position:absolute;right:18px;top:34px;width:86px;height:95px}.asset-stack i{display:block;height:22px;margin-bottom:7px;border-radius:3px;background:#f3b640;transform:skewY(-8deg)}.asset-stack i:nth-child(2){margin-left:10px;background:#e6eff8}.asset-stack i:nth-child(3){margin-left:20px;background:#80b1d1}.asset-stack b{position:absolute;left:34px;top:30px;color:#173c64;font-size:20px}