.marketing{background:#fff;font-size:15px}.site-header{max-width:1280px;margin:auto;padding:20px 44px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-header img{width:225px;display:block}.site-header nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:600}.site-header nav a{color:#45606a}.hero{max-width:1280px;margin:auto;padding:64px 44px 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(38px,4.3vw,63px);line-height:1.08;margin:28px 0 22px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#00877e}.hero-copy>p{font-size:16px;line-height:1.8;max-width:410px}.hero .pill{font-size:8px;letter-spacing:1px;background:#f4f9f2;border-color:#e2ebdb}.hero .pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#669b47;margin:5px 7px 0 0}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px;font-size:13px;font-weight:600}.hero-actions .button{padding:15px 24px}.hero-tags{display:flex;gap:16px;font-size:10px;color:#6a7d7d;margin-top:26px;flex-wrap:wrap}.hero-visual{background:#e9f2ee;border:1px solid #deebe4;border-radius:24px;padding:27px;position:relative;transform:rotate(1deg);box-shadow:18px 22px 0 #f5f8ef}.preview-heading{display:flex;gap:10px;align-items:center;font-size:8px;font-weight:700;letter-spacing:1.4px}.preview-heading small{display:block;font-weight:400;letter-spacing:0;font-size:10px}.preview-symbol{background:#123c43;color:#d6eea9;border-radius:9px;padding:9px;font-size:14px;letter-spacing:-1px}.preview-dot{background:#85ab52;border:4px solid #dce9cc;border-radius:50%;width:13px;height:13px;margin-left:auto}.preview-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.preview-title h3{font-size:28px;line-height:1.15;margin:0}.preview-title>span{width:44px;height:44px;border-radius:50%;background:#d5eba7;text-align:center;font-size:28px}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-metrics>div{background:white;border-radius:12px;padding:19px 15px}.preview-metrics strong{display:block;font-size:22px;letter-spacing:-.8px;margin:7px 0}.preview-metrics small,.preview-metrics span{font-size:9px;color:#657d7c}.network-lines{background:white;border-radius:12px;margin-top:12px;padding:0 15px}.network-lines>div{display:flex;gap:12px;padding:16px 0;align-items:center;border-bottom:1px solid #edf2ef;font-size:11px;font-weight:600}.network-lines>div:last-child{border:0}.network-lines small{display:block;font-size:9px;font-weight:400}.network-icon{font-size:21px;color:#19867c;background:#edf5ef;width:35px;height:35px;text-align:center;border-radius:8px}.network-lines b{margin-left:auto;font-size:10px;color:#95aba5}.preview-footer{display:flex;justify-content:space-between;font-size:9px;padding:19px 0 0;color:#557267}.capability-strip{border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee;padding:28px max(5%,calc((100% - 1192px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fafcfb;color:#55706e}.capability-strip span{font-size:11px;max-width:145px}.capability-strip strong{font-size:16px;letter-spacing:-.5px}.site-section{max-width:1280px;padding:90px 44px;margin:auto;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2,.how-section h2,.registration-copy h2,.faq h2{font-size:43px;line-height:1.12;margin:13px 0 0;letter-spacing:-1.8px}.section-heading>p{max-width:370px;font-size:14px;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{padding:30px;border:1px solid #e1eae5;border-radius:14px;background:#fafcfb}.feature-number{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#558276}.feature-grid h3{font-size:25px;line-height:1.2;margin:32px 0 16px}.feature-grid p{font-size:13px;line-height:1.8}.feature-tag{display:inline-block;margin-top:20px;font-size:10px;color:#49736a;border-top:1px solid #dce7df;width:100%;padding-top:18px}.how-section{background:#153c43;color:white;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:65px max(5%,calc((100% - 1104px)/2))}.how-section .eyebrow{color:#b7d990}.how-section a{display:inline-block;color:#cce79b;font-size:13px;margin-top:25px}.how-section ol{list-style:none;padding:0;margin:0}.how-section li{display:flex;gap:25px;padding:19px 0;border-bottom:1px solid #35575a}.how-section li:last-child{border:0}.how-section li>b{color:#cae69d;font-size:12px;margin-top:3px}.how-section h3{margin:0;font-size:17px;letter-spacing:-.4px}.how-section p{font-size:12px;color:#b3cbcd;line-height:1.8;margin:8px 0 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:28px;border:1px solid #dbe5df;border-radius:16px}.pricing-card.featured{background:#f0f6e8;border-color:#aaca7f}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-top h3{font-size:22px;margin:0}.plan-top span{font-size:7px;letter-spacing:.5px;background:#d4eaaa;border-radius:20px;padding:5px 9px;color:#3c5b26}.plan-price{font-size:43px;letter-spacing:-2px;margin:20px 0 0;font-weight:650;line-height:1.2}.plan-price small{font-size:13px;letter-spacing:0;font-weight:500}.pricing-card p{font-size:12px;margin:6px 0 25px}.pricing-card .button{display:block;text-align:center}.pricing-card ul{list-style:none;margin:24px 0 0;padding:0;font-size:12px;line-height:2.7}.pricing-card li:before{content:'✓';color:#608e4c;margin-right:10px}.pricing-note{font-size:11px;line-height:1.8;color:#73837c;max-width:930px;margin:22px 0}.registration-section{background:#edf4ef;padding:65px max(5%,calc((100% - 1192px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;scroll-margin-top:20px}.registration-copy>p{font-size:14px;line-height:1.8;max-width:320px}.registration-copy h2{font-size:47px}.registration-card{background:white;border:1px solid #dfe9df;border-radius:16px;padding:28px}.registration-card label{font-size:11px;margin-top:0}.registration-card input,.registration-card select,.registration-card textarea{font-size:12px}.registration-card .consent{font-weight:400;font-size:10px;margin:18px 0;line-height:1.8}.registration-submit{width:100%;text-align:left}.contact-person{display:flex;gap:12px;align-items:center;font-size:11px;margin:28px 0}.contact-person>span{background:#d8e9c0;padding:12px;border-radius:50%;font-weight:700;color:#43683f}.contact-person small{display:block;font-size:9px}.registration-copy p.fine-print{font-size:11px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq details{border-bottom:1px solid #dfe7e2;padding:0 0 20px;margin-bottom:20px}.faq summary{font-size:15px;font-weight:550}.faq p{font-size:13px;line-height:1.8}.contact-band{max-width:1192px;margin:0 auto 40px;padding:36px 40px;background:#d7edb5;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band h2{font-size:27px;line-height:1.2;margin:10px 0 0}.contact-band .button{background:#153c43;white-space:nowrap}.site-footer{max-width:1280px;padding:40px 44px 25px;margin:auto;display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:30px;font-size:12px}.site-footer img{width:215px}.site-footer p{font-size:12px}.site-footer b{display:block;margin-bottom:16px;color:#213d42;font-size:12px}.site-footer a{display:block;color:#6e7d7d;line-height:2.4;font-size:11px}.footer-bottom{grid-column:1/-1;border-top:1px solid #e4ebe6;display:flex;justify-content:space-between;padding-top:22px;font-size:10px}.skip-link{position:absolute;top:-100px;padding:15px;background:white;z-index:5}.skip-link:focus{top:0}@media(max-width:1000px){.site-header{padding:15px 25px}.site-header nav{gap:15px}.site-header img{width:185px}.hero{padding:45px 25px 60px;gap:35px}.hero-visual{padding:20px}.hero h1{font-size:45px}.feature-grid{gap:12px}.feature-grid article{padding:23px}.site-section{padding:65px 25px}.registration-section{padding:50px 25px;gap:30px}.pricing-card{padding:20px}.plan-top span{font-size:6px}.contact-band{margin:0 25px 35px}.how-section{gap:35px;padding:50px 25px}.site-footer{padding:30px 25px}.hero-tags{gap:10px;font-size:9px}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:12px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #e9eeeb;padding-top:12px;font-size:12px}.site-header>.button{font-size:10px;padding:10px}.site-header img{width:170px}.hero{grid-template-columns:1fr;padding:35px 24px 55px;gap:40px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-visual{max-width:480px;width:100%;margin:auto;transform:none;box-shadow:8px 10px 0 #f5f8ef}.capability-strip{flex-wrap:wrap;padding:22px 24px;justify-content:flex-start;gap:20px}.capability-strip span{max-width:none;width:100%}.capability-strip strong{font-size:13px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.section-heading h2,.how-section h2,.registration-copy h2,.faq h2{font-size:35px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-grid h3 br{display:none}.feature-grid h3{margin-top:20px}.feature-grid article{padding:26px}.how-section{grid-template-columns:1fr;gap:20px}.pricing-card{padding:28px}.plan-top span{font-size:8px}.registration-section{grid-template-columns:1fr;padding:45px 24px}.registration-card{padding:23px}.registration-copy>p{max-width:none}.faq{grid-template-columns:1fr;gap:30px}.contact-band{margin:0 24px 25px;padding:28px;display:block}.contact-band h2{font-size:26px}.contact-band .button{margin-top:23px}.site-footer{grid-template-columns:1fr 1fr;gap:25px}.site-footer>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}.hero-actions{gap:20px;font-size:12px}.hero .pill{font-size:7px;letter-spacing:.6px}}@media(min-width:1800px){.hero{padding-top:80px;padding-bottom:100px}}

/* Online Solutions modern marketing refinement — isolated to marketing pages */
html{scroll-behavior:smooth}.marketing{background:#f9fbfa;color:#123b3b;-webkit-font-smoothing:antialiased}.marketing .site-header{max-width:none;padding:18px max(28px,calc((100vw - 1192px)/2));background:rgba(255,255,255,.95);position:sticky;top:0;z-index:30;border-bottom:1px solid #e8efed;backdrop-filter:blur(16px)}.marketing .site-header img{width:190px}.marketing .site-header nav a{transition:color .2s}.marketing .site-header nav a:hover{color:#008f80}.marketing .button{border-radius:12px;box-shadow:0 8px 22px rgba(0,119,104,.13);transition:transform .2s,box-shadow .2s}.marketing .button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,119,104,.2)}.marketing .hero{padding-top:92px;padding-bottom:95px;gap:72px}.marketing .hero h1{font-size:clamp(43px,5.1vw,75px);letter-spacing:-.065em}.marketing .hero-copy>p{font-size:17px;max-width:470px}.marketing .hero-visual{transform:none;border-radius:26px;box-shadow:0 24px 65px rgba(14,75,66,.12);background:linear-gradient(135deg,#eaf6ee,#e2f2ed)}.marketing .site-section{padding-top:105px;padding-bottom:105px}.marketing .feature-card,.marketing .pricing-card,.marketing .plan-card{transition:transform .22s,box-shadow .22s}.marketing .feature-card:hover,.marketing .pricing-card:hover,.marketing .plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,64,59,.1)}.marketing :focus-visible{outline:3px solid #13aa96;outline-offset:3px}.daraja-section{background:linear-gradient(130deg,#073c3b,#075c54);color:#fff;padding:94px 44px;scroll-margin-top:100px}.daraja-inner{max-width:1192px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.daraja-copy .eyebrow{color:#a6e4cb}.daraja-copy h2{font-size:clamp(34px,4.3vw,57px);line-height:1.08;letter-spacing:-.05em;margin:19px 0}.daraja-copy h2 em{color:#a8ebc4;font-style:normal}.daraja-copy p{color:#d0e6e0;font-size:16px;line-height:1.8;max-width:540px}.daraja-points{display:grid;gap:13px;margin:26px 0 34px;font-size:14px}.daraja-copy small{display:block;color:#b8d9d0;margin-top:20px;line-height:1.6}.daraja-flow{background:#fff;color:#163c3b;border-radius:24px;padding:30px;box-shadow:0 28px 75px rgba(0,0,0,.18)}.flow-label{color:#6b8580;letter-spacing:1.8px;font-size:11px;font-weight:800;margin-bottom:16px}.flow-step{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #e8f0ed}.flow-step>div{flex:1}.flow-step strong,.flow-step small{display:block}.flow-step strong{font-size:16px}.flow-step small{color:#66807a;margin-top:5px;font-size:12px}.flow-step>b{color:#008b76;font-size:22px}.flow-number{background:#e3f6ed;color:#007a66;border-radius:11px;padding:11px;font-weight:800;font-size:12px}.flow-note{padding-top:22px;font-size:13px;font-weight:700;color:#087c6d}@media(max-width:900px){.daraja-inner{grid-template-columns:1fr;gap:36px}.marketing .site-header{padding:16px 22px}.marketing .hero{padding-top:55px;gap:35px}.daraja-section{padding:65px 24px}}@media(max-width:600px){.marketing .site-header{position:relative;flex-wrap:wrap;gap:12px}.marketing .site-header img{width:155px}.marketing .site-header nav{gap:12px;flex-wrap:wrap}.marketing .hero{padding-top:38px;padding-bottom:55px}.marketing .hero h1{font-size:43px}.marketing .site-section{padding-top:65px;padding-bottom:65px}.daraja-section{padding:58px 20px}.daraja-flow{padding:22px}.daraja-copy h2{font-size:36px}}

/* Online Solutions: layout repair and responsive refinements, 2026-11-02 */
html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:clip}.marketing{margin:0;min-width:0;background:#fff}.marketing img{max-width:100%;height:auto}.marketing .site-header{width:100%;max-width:1280px;min-height:92px;margin:0 auto;padding:14px 32px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:22px;position:relative;z-index:10}.marketing .site-header>a:first-child{display:flex;align-items:center;flex:0 0 auto;max-width:200px}.marketing .site-header>a:first-child img{display:block;width:180px;height:auto;max-height:68px;object-fit:contain}.marketing .site-header nav{display:flex;align-items:center;justify-content:center;gap:21px;flex-wrap:wrap;min-width:0}.marketing .site-header nav a{white-space:nowrap;font-size:13px}.marketing .site-header>.button{flex:0 0 auto;white-space:nowrap}.marketing .hero{width:100%;max-width:1280px;margin:0 auto;padding:64px 32px 85px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:54px;align-items:center}.marketing .hero-copy,.marketing .hero-visual{min-width:0}.marketing .hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.1;overflow-wrap:normal}.marketing .hero-visual{width:100%;max-width:100%;margin:0;box-sizing:border-box}.marketing .hero-actions,.marketing .hero-tags{flex-wrap:wrap}.marketing .capability-strip{max-width:100%;flex-wrap:wrap}.marketing .site-section,.marketing .registration-section,.marketing .how-section,.marketing .contact-band,.marketing .site-footer{max-width:100%;box-sizing:border-box}.marketing .pricing-grid,.marketing .feature-grid{min-width:0}.marketing .pricing-card{min-width:0}.marketing .registration-card{min-width:0}.marketing .registration-card input,.marketing .registration-card select,.marketing .registration-card textarea{max-width:100%}.marketing .daraja-inner{min-width:0}.marketing .daraja-flow{min-width:0}
@media(max-width:1080px){.marketing .site-header{gap:14px;padding:16px 24px}.marketing .site-header>a:first-child img{width:145px}.marketing .site-header nav{gap:12px}.marketing .hero{gap:30px;padding:50px 24px 65px}}
@media(max-width:780px){.marketing .site-header{flex-wrap:wrap;min-height:0;justify-content:space-between}.marketing .site-header nav{order:3;flex:1 0 100%;justify-content:flex-start;gap:16px;overflow-x:auto;flex-wrap:nowrap;padding:6px 0}.marketing .site-header>.button{margin-left:auto}.marketing .hero{grid-template-columns:minmax(0,1fr);gap:35px;padding:42px 24px 65px}.marketing .hero-visual{max-width:610px;margin:0 auto}.marketing .hero h1{font-size:clamp(38px,7vw,58px)}.marketing .daraja-inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.marketing .site-header{padding:14px 18px}.marketing .site-header>a:first-child img{width:130px}.marketing .site-header>.button{font-size:11px;padding:11px 12px}.marketing .hero{padding:36px 18px 55px}.marketing .hero h1{font-size:39px}.marketing .hero-visual{padding:19px}.marketing .hero-actions{gap:15px}.marketing .site-header nav{gap:15px}.marketing .daraja-section{padding:55px 18px}}