@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{color:#fff;background:#3b82f64d}body{color:#1f2937;background:#f9fafb;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring-anim{0%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.typewriter-cursor{border-right:3px solid #3b82f6;margin-left:2px;animation:1s step-end infinite blink}.pulse-ring{border:2px solid #10b981;border-radius:50%;animation:2s ease-out infinite pulse-ring-anim;position:absolute;inset:-3px}.hero-heading{color:#fff;letter-spacing:-.03em;margin-bottom:8px;font-size:52px;font-weight:900;line-height:1.15}.hero-sub{color:#9ca3af;max-width:580px;margin:16px auto 0;font-size:18px;line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.btn-primary{color:#fff;background:#3b82f6;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 24px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3b82f666}.btn-primary.btn-lg{border-radius:12px;padding:16px 36px;font-size:17px}.btn-outline{color:#fff;background:0 0;border:1.5px solid #fff3;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.btn-outline:hover{background:#3b82f614;border-color:#3b82f6}.btn-outline-blue{color:#3b82f6;border:1.5px solid #3b82f6;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline-blue:hover{background:#3b82f60f}.btn-whatsapp{color:#fff;background:#25d366;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:17px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-whatsapp:hover{transform:translateY(-2px)}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.tech-badge{color:#6b7280;letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.tech-tag{color:#2b4fa8;background:#3b82f60f;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:500}.section-label{color:#3b82f6;text-transform:uppercase;letter-spacing:.12em;text-align:center;margin-bottom:8px;font-size:13px;font-weight:700}.section-heading{color:#1f2937;text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:36px;font-weight:800}.section-desc{color:#6b7280;text-align:center;max-width:520px;margin:0 auto 56px;font-size:16px}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:14px;height:100%;padding:32px 26px;transition:all .25s}.service-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 40px #1a3a8f14}.service-icon{background:#3b82f614;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#3b82f64d;transform:translateY(-6px);box-shadow:0 20px 50px #00000014}.project-preview{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.project-preview-inner{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:80%;height:70%;display:flex;box-shadow:0 4px 20px #00000014}.project-card:hover .project-logo-img{transform:scale(1.05)}.project-live-badge{color:#10b981;z-index:2;background:#10b9811a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.project-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.project-hover-overlay{z-index:3;background:#0a162800;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-hover-overlay{background:#0a16288c}.project-hover-text{color:#fff;opacity:0;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s;display:flex;transform:translateY(8px)}.project-card:hover .project-hover-text{opacity:1;transform:translateY(0)}.diff-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.diff-icon{background:#3b82f61a;border:1px solid #3b82f626;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.stats-grid{border-top:1px solid #ffffff0f;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;padding-top:48px;display:grid}.stat-value{color:#3b82f6;letter-spacing:-.03em;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:900}.nav-link:hover{color:#fff!important}.nav-cta:hover{transform:translateY(-1px);background:#2b4fa8!important}.back-to-top:hover{transform:translateY(-3px)!important}.footer-link:hover{color:#3b82f6!important}.social-icon:hover{background:#3b82f633!important}.scroll-indicator{animation:3s ease-in-out infinite float;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #ffffff26;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:8px;display:flex}.scroll-dot{background:#3b82f6;border-radius:2px;width:3px;height:8px;animation:1.5s ease-in-out infinite float}.estimator-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:36px 32px;box-shadow:0 4px 32px #1a3a8f0f}.estimator-steps{gap:8px;margin-bottom:28px;display:flex}.estimator-step{background:#e5e7eb;border-radius:2px;flex:1;height:4px;transition:background .4s}.estimator-step.active{background:#3b82f6}.estimator-step.done{background:#10b981}.estimator-body{flex-direction:column;min-height:320px;display:flex}.estimator-step-label{color:#9ca3af;margin-bottom:6px;font-size:13px;font-weight:600}.estimator-question{color:#1f2937;letter-spacing:-.02em;margin-bottom:24px;font-size:22px;font-weight:800}.estimator-type-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.estimator-type-card{cursor:pointer;text-align:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;font-family:inherit;transition:all .2s;display:flex}.estimator-type-card:hover{background:#3b82f605;border-color:#3b82f6}.estimator-type-card.selected{background:#3b82f60a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.estimator-type-icon{background:#3b82f60f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;transition:background .2s;display:flex}.estimator-type-card.selected .estimator-type-icon{background:#3b82f61f}.estimator-type-name{color:#1f2937;font-size:14px;font-weight:700}.estimator-type-desc{color:#9ca3af;font-size:12px}.estimator-feat-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.estimator-feat-item{cursor:pointer;text-align:left;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-family:inherit;transition:all .2s;display:flex}.estimator-feat-item:hover{border-color:#3b82f6}.estimator-feat-item.on{background:#3b82f60a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.estimator-feat-check{border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.estimator-feat-item.on .estimator-feat-check{background:#3b82f6;border-color:#3b82f6}.estimator-feat-text{color:#374151;font-size:14px;font-weight:500}.estimator-time-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.estimator-time-card{cursor:pointer;text-align:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:6px;padding:24px 16px;font-family:inherit;transition:all .2s;display:flex}.estimator-time-card:hover{border-color:#3b82f6}.estimator-time-card.selected{background:#3b82f60a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.estimator-time-name{color:#1f2937;font-size:16px;font-weight:700}.estimator-time-range{color:#9ca3af;font-size:13px}.estimator-nav{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.estimator-btn-next{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #3b82f640}.estimator-btn-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #3b82f659}.estimator-btn-next:disabled{opacity:.4;cursor:not-allowed}.estimator-btn-back{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.estimator-btn-back:hover{color:#374151;border-color:#9ca3af}.estimator-result{text-align:center;align-items:center}.estimator-result-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;background:#3b82f60f;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.estimator-result-range{color:#1f2937;letter-spacing:-.03em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:900}.estimator-details-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:20px;display:grid}.estimator-detail-item{text-align:left;background:#f9fafb;border-radius:10px;padding:14px 16px}.estimator-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.estimator-detail-value{color:#374151;font-size:13px;font-weight:600;line-height:1.4;display:block}.estimator-json-toggle{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.estimator-json-toggle:hover{background:#3b82f60a}.estimator-json-block{color:#60a5fa;text-align:left;background:#0a1628;border:1px solid #3b82f626;border-radius:12px;width:100%;margin-bottom:24px;padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.estimator-result-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.estimator-reset{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:8px;font-family:inherit;font-size:13px;transition:color .2s}.estimator-reset:hover{color:#3b82f6}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.hero-heading{font-size:32px!important}.hero-sub{font-size:15px!important}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas a{text-align:center;justify-content:center}.services-grid,.portfolio-grid{grid-template-columns:1fr!important}.diff-grid,.stats-grid{grid-template-columns:1fr 1fr!important}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons a{text-align:center;justify-content:center}.estimator-card{padding:28px 20px}.estimator-type-grid{grid-template-columns:1fr 1fr!important}.estimator-feat-grid,.estimator-time-grid{grid-template-columns:1fr!important}.estimator-result-range{font-size:28px!important}.estimator-details-grid{grid-template-columns:1fr!important}.estimator-result-ctas{flex-direction:column;align-items:stretch}.estimator-result-ctas a{text-align:center;justify-content:center}}@media (max-width:480px){.hero-heading{font-size:26px!important}.section-heading{font-size:28px}.stats-grid,.diff-grid,.estimator-type-grid{grid-template-columns:1fr!important}.estimator-question{font-size:19px!important}}.founder-grid{grid-template-columns:400px 1fr;align-items:start;gap:56px;display:grid}.founder-photo-wrapper{position:sticky;top:100px}.founder-stats-grid{border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:4px 32px;margin-top:28px;padding-top:24px;display:grid}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-card{background:#ffffff05;border:1px solid #3b82f614;border-radius:16px;padding:28px 22px;transition:all .3s;position:relative}.process-card:hover{background:#3b82f60a;border-color:#3b82f626;transform:translateY(-4px)}.process-connector{display:none}.tech-category-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tech-category-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;transition:all .25s}.tech-category-card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 30px #1a3a8f0f}.tech-stack-pill{color:#4b5563;letter-spacing:.01em;background:#f3f4f6;border-radius:6px;padding:5px 13px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500;transition:all .2s}.tech-stack-pill:hover{color:#1a3a8f;background:#3b82f614}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:36px 28px;transition:all .3s}.value-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 40px #1a3a8f14}.value-icon{background:#3b82f614;border:1px solid #3b82f61f;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}@media (max-width:1024px){.founder-grid{grid-template-columns:340px 1fr!important;gap:40px!important}.process-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.about-hero-heading{font-size:34px!important}.founder-grid{grid-template-columns:1fr!important;gap:40px!important}.founder-photo-wrapper{max-width:360px;margin:0 auto;position:static!important}.founder-heading{font-size:28px!important}.founder-stats-grid{grid-template-columns:repeat(2,1fr)!important}.process-grid{grid-template-columns:1fr!important}.tech-category-grid{grid-template-columns:1fr 1fr!important}.values-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.about-hero-heading{font-size:28px!important}.tech-category-grid{grid-template-columns:1fr!important}.founder-stats-grid{grid-template-columns:1fr 1fr!important;gap:4px 16px!important}}.contact-grid{grid-template-columns:1fr 380px;align-items:start;gap:56px;display:grid}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#374151;letter-spacing:.01em;font-size:13.5px;font-weight:600}.form-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.form-input::placeholder{color:#9ca3af}.form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.form-input-error{background:#ef444405;border-color:#ef4444!important}.form-input-error:focus{box-shadow:0 0 0 3px #ef444414!important}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-error{color:#ef4444;font-size:12px;font-weight:500}.contact-success{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:60px 24px}.api-showcase-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.api-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.api-flow-step{flex-direction:column;align-items:center;gap:4px;display:flex}.api-flow-badge{color:#2b4fa8;background:#3b82f614;border-radius:6px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr 320px!important;gap:40px!important}}.services-detail-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.service-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:36px 30px;transition:all .3s;position:relative;overflow:hidden}.service-detail-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 16px 48px #1a3a8f14}.mpesa-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s}.mpesa-card:hover{background:#ffffff0f;border-color:#10b9814d}.service-process-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.process-line{opacity:.2;background:linear-gradient(90deg,#3b82f6 0%,#2b4fa8 100%);height:2px;position:absolute;top:28px;left:15%;right:15%}.portfolio-full-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-modal{z-index:1100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-body{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 32px 80px #0003}.modal-two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:1024px){.services-detail-grid{grid-template-columns:1fr}.service-process-grid{grid-template-columns:repeat(2,1fr);gap:24px}.process-line{display:none}.portfolio-full-grid{grid-template-columns:repeat(2,1fr)}.modal-two-col{grid-template-columns:1fr}}@media (max-width:768px){.contact-hero-heading{font-size:34px!important}.contact-grid{grid-template-columns:1fr!important;gap:48px!important}.form-row,.portfolio-full-grid,.service-process-grid{grid-template-columns:1fr!important}.services-hero-heading,.portfolio-hero-heading{font-size:34px!important}.modal-body{border-radius:14px;max-height:95vh}}@media (max-width:480px){.contact-hero-heading,.services-hero-heading,.portfolio-hero-heading{font-size:28px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}