*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#163b55;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:#061e3c;color:#c5d7e4;font-size:11px}.topin{display:flex;justify-content:space-between;padding:9px 0}header{height:88px;background:#fff;border-bottom:1px solid #e5edf3;position:sticky;top:0;z-index:30}.navwrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:225px;max-height:70px;object-fit:contain}.menu{display:none;border:0;background:none;font-size:25px}nav{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;color:#315267}nav a:hover{color:#0b5aa5}.cartbtn{border:0;background:#0b4ea2;color:white;padding:11px 15px;border-radius:7px;font-weight:800}.cartbtn span{background:#c3182b;border-radius:20px;padding:2px 7px;margin-left:4px}.hero{padding:92px 0 80px;background:linear-gradient(120deg,#f3f9fc,#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#0b5aa5;display:flex;align-items:center;gap:8px}.kicker i{width:22px;height:2px;background:#c3182b;display:inline-block}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.5vw,70px);line-height:1.02;letter-spacing:-3px;color:#082b57;margin:20px 0}.hero h1 em{font-style:normal;color:#0b5aa5}.hero p{font-size:17px;line-height:1.75;color:#61798a;max-width:670px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;border:0;border-radius:8px;padding:14px 20px;font:800 12px "DM Sans";cursor:pointer}.primary{background:#0b4ea2;color:#fff}.secondary{border:1px solid #bfd1de;color:#0b4ea2;background:#fff}.hero-proof{display:flex;gap:20px;margin-top:35px;color:#4e6b7d;font-size:11px;font-weight:700}.hero-panel{background:#fff;border:1px solid #d9e7ef;border-radius:20px;padding:20px;box-shadow:0 30px 70px rgba(20,61,91,.13);transform:rotate(1deg)}.panel-top,.panel-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.panel-top span{color:#159a70}.panel-main{height:300px;border-radius:14px;background:#081c2e;margin:16px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden}.panel-main strong{font:800 90px Manrope;color:#fff}.panel-main small{color:#a7c0d1}.pulse{position:absolute;bottom:65px;width:85%;height:2px;background:#2dc5a1;transform:skewY(-4deg)}.stats{background:#082b57;color:#fff}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr)}.statsgrid div{padding:22px;border-right:1px solid rgba(255,255,255,.12)}.statsgrid b,.statsgrid span{display:block}.statsgrid b{font-size:12px}.statsgrid span{font-size:10px;color:#a9c0d0;margin-top:4px}.section{padding:90px 0}.light{background:#f5f9fc}.sectionhead{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}.sectionhead h2{font:800 clamp(32px,4vw,49px)/1.1 Manrope;color:#082b57;letter-spacing:-2px;margin:13px 0 0}.sectionhead>p{max-width:520px;color:#687f8f;font-size:13px;line-height:1.7}.productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{background:#fff;border:1px solid #dce7ee;border-radius:13px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,57,88,.1)}.productimg{height:205px;background:#fff;display:grid;place-items:center;padding:12px}.productimg img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.productbody{padding:17px;display:flex;flex-direction:column;flex:1}.code{font-size:9px;color:#8395a0;font-weight:800;letter-spacing:1px}.product h3{font-size:15px;line-height:1.35;margin:7px 0;color:#173d55}.price{font-size:13px;color:#c3182b;font-weight:800;margin-top:auto;padding:8px 0}.productactions{display:flex;gap:7px}.smallbtn{flex:1;border:1px solid #c9d9e3;background:#fff;color:#0b5aa5;border-radius:7px;padding:10px 8px;font:800 10px "DM Sans";cursor:pointer}.smallbtn.add{background:#0b4ea2;color:#fff;border-color:#0b4ea2}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.whygrid article{border:1px solid #dce7ee;border-radius:12px;padding:25px}.whygrid article>b{font-size:22px}.whygrid h3{font-size:16px;margin:16px 0 7px}.whygrid p{font-size:12px;color:#718493;line-height:1.6}.navy{background:#082b57;color:#fff}.white h2{color:#fff}.white .kicker{color:#8cc5ee}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.13)}.steps>div{background:#082b57;padding:24px;min-height:190px}.steps b{color:#c3182b;font-size:10px}.steps strong,.steps span{display:block}.steps strong{margin-top:28px;font-size:15px}.steps span{font-size:11px;color:#a9c0d0;line-height:1.5;margin-top:8px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.copy{font-size:16px;color:#61798a;line-height:1.7}.copy strong{color:#0b4ea2}.policy{background:#fff}.policygrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.policycards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.policycards a{border:1px solid #dce7ee;padding:18px;border-radius:8px;font-weight:800;font-size:12px;color:#1b4259}.contact{background:#eef5fa;padding:75px 0}.contactcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.contactcards div{background:#fff;border:1px solid #dce7ee;border-radius:10px;padding:20px}.contactcards small{display:block;font-size:9px;color:#8294a0;font-weight:800;letter-spacing:1px}.contactcards b,.contactcards a{display:block;margin-top:7px;font-size:12px;color:#123b55}.policytext{padding:55px 0;background:#f8fafc}.policytext h3{color:#082b57;margin:25px 0 7px}.policytext p{font-size:12px;color:#647c8d;max-width:850px;line-height:1.7}footer{background:#061e3c;color:#a9bdcb;padding:30px 0}.footer{display:flex;justify-content:space-between;gap:30px}.footer img{width:210px;background:#fff;padding:6px;border-radius:4px}.footer p{font-size:10px}.footer a{display:block;margin:7px 0;font-size:11px}.wa{position:fixed;right:21px;bottom:21px;width:55px;height:55px;border-radius:50%;background:#159a70;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:40}.drawer{position:fixed;right:-430px;top:0;width:min(430px,94%);height:100vh;background:#fff;z-index:60;box-shadow:-20px 0 60px rgba(0,0,0,.18);transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawerhead{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e9ef}.drawerhead h2{margin:0;color:#082b57}.drawerhead button,.x{border:0;background:none;font-size:30px;cursor:pointer}.drawer #cartItems{padding:20px;overflow:auto;flex:1}.cartitem{display:grid;grid-template-columns:65px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #e6edf2}.cartitem img{width:65px;height:65px;object-fit:contain;border:1px solid #e3ebf0;border-radius:7px}.cartitem h4{margin:0;font-size:12px}.cartitem small{color:#7a8d99}.qty{display:flex;gap:6px;align-items:center;margin-top:7px}.qty button{border:1px solid #ccdbe4;background:#fff;border-radius:5px}.cartsummary{padding:20px;border-top:1px solid #e1e9ef}.cartsummary>div{display:flex;justify-content:space-between}.cartsummary p{font-size:10px;color:#718493;line-height:1.5}.full{width:100%}.overlay{position:fixed;inset:0;background:rgba(3,19,34,.5);z-index:50;display:none}.overlay.show{display:block}.modal{position:fixed;inset:0;background:rgba(3,19,34,.55);z-index:70;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{background:#fff;border-radius:14px;padding:30px;width:min(560px,100%);max-height:90vh;overflow:auto;position:relative}.modalbox h2{font:800 32px Manrope;color:#082b57;margin:10px 0}.modalbox>p{font-size:12px;color:#718493;line-height:1.5}.x{position:absolute;right:15px;top:10px}.modalbox label{display:block;font-size:11px;font-weight:800;margin:14px 0}.modalbox input,.modalbox textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #cddce5;border-radius:7px;font:13px "DM Sans"}.orderresult{margin-top:15px;padding:15px;background:#eef8f4;border-radius:8px;font-size:12px;display:none}.orderresult.show{display:block}@media(max-width:1000px){.productgrid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.contactcards{grid-template-columns:repeat(2,1fr)}nav{gap:12px}}@media(max-width:760px){.menu{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:18px 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid #e5edf4}nav.open{display:flex}.hero-grid,.split,.policygrid{grid-template-columns:1fr}.hero{padding:60px 0}.statsgrid{grid-template-columns:repeat(2,1fr)}.section{padding:70px 0}.sectionhead{display:block}.sectionhead>p{margin-top:15px}.productgrid,.whygrid{grid-template-columns:repeat(2,1fr)}.contactcards{grid-template-columns:1fr 1fr}.footer{display:block}}@media(max-width:520px){.topbar{display:none}.brand img{width:200px}.hero h1{letter-spacing:-2px}.actions{flex-direction:column}.hero-proof{flex-direction:column}.productgrid,.whygrid,.contactcards,.policycards,.statsgrid,.steps{grid-template-columns:1fr}.productimg{height:220px}}

.emptycart{color:#718493;font-size:13px}.smallbtn.remove{color:#9a2531;border-color:#e2c5c9}.paymentbox{margin:14px 0;padding:14px;border:1px solid #d5e4ec;background:#f5f9fc;border-radius:8px;display:grid;gap:5px}.paymentbox b{color:#082b57}.paymentbox span{font-size:12px;color:#315267}.paymentbox small{color:#718493;line-height:1.45;margin-top:4px}

.mpesa-section{margin-top:22px;padding-top:20px;border-top:1px solid #dfe9ef}.paymenthelp{display:block;color:#718493;font-size:11px;line-height:1.5;margin:-6px 0 12px}.confirmcheck{display:flex!important;align-items:flex-start;gap:8px;font-weight:700!important}.confirmcheck input{width:auto!important;margin:1px 0 0!important}.paymentstatus{margin-top:12px;padding:10px;border-radius:7px;background:#f5f9fc;color:#315267;font-size:12px;line-height:1.5;min-height:18px}.paymentresult{margin-top:10px;padding:12px;border-radius:7px;background:#eef8f4;color:#155b46;font-size:12px;line-height:1.5;display:none}.paymentresult.show{display:block}.paymentresult.success{background:#eef8f4}.btn:disabled{opacity:.55;cursor:not-allowed}

.offerbar{background:#c3182b;color:#fff;padding:16px 0}.offerbar .wrap{display:flex;justify-content:center;align-items:center;gap:14px;text-align:center}.offerbar strong{font-size:14px;letter-spacing:.4px}.offerbar span{font-size:12px;font-weight:800;background:#fff;color:#c3182b;border-radius:999px;padding:7px 12px}@media(max-width:520px){.offerbar .wrap{flex-direction:column;gap:7px}.offerbar strong{font-size:12px}.offerbar span{font-size:10px}}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#f3f9fc,#fff);padding:45px 0}.auth-card{width:min(520px,92%);margin:auto;background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:32px;box-shadow:0 24px 70px rgba(20,61,91,.10)}.auth-card h1{font:800 34px Manrope;color:#082b57;margin:10px 0}.auth-card p{font-size:12px;color:#718493;line-height:1.6}.auth-card label{display:block;font-size:11px;font-weight:800;margin:15px 0}.auth-card input,.auth-card textarea,.auth-card select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cddce5;border-radius:7px;font:13px "DM Sans"}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:12px;color:#0b5aa5}.split-auth{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard{padding:45px 0}.dash-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.dash-head h1{font:800 38px Manrope;color:#082b57;margin:8px 0}.panel{background:#fff;border:1px solid #dce7ee;border-radius:12px;padding:20px}.order-list{display:grid;gap:10px}.order-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .9fr auto;gap:14px;align-items:center;border:1px solid #dce7ee;border-radius:10px;padding:15px;background:#fff}.order-row small,.muted{color:#718493;font-size:11px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf5fb;color:#0b5aa5;font-size:10px;font-weight:800}.badge.paid{background:#eaf8f1;color:#16754f}.badge.pending{background:#fff5df;color:#8a5b00}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.items{display:grid;gap:8px}.itemline{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:12px}.timeline{display:grid;gap:12px}.timeline div{border-left:3px solid #0b5aa5;padding-left:12px}.timeline strong{font-size:11px}.timeline small{display:block;color:#718493;margin-top:3px}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.admin-actions button{border:1px solid #cddce5;background:#fff;border-radius:7px;padding:10px;font:800 11px "DM Sans";cursor:pointer;color:#0b5aa5}.admin-actions button.primary-action{background:#0b4ea2;color:#fff}.admin-actions button.danger{color:#9a2531}.dispatch-fields{display:grid;gap:9px;margin-top:12px}.dispatch-fields input,.dispatch-fields textarea{width:100%;padding:10px;border:1px solid #cddce5;border-radius:7px}.notice{padding:12px;border-radius:8px;background:#f5f9fc;color:#315267;font-size:12px;margin:12px 0}.success{background:#eaf8f1;color:#16754f}@media(max-width:760px){.order-row{grid-template-columns:1fr 1fr}.detail-grid,.split-auth{grid-template-columns:1fr}.dash-head{display:block}}