
:root{--green:#075b3b;--dark:#043d29;--orange:#c95a1d;--gold:#d9a441;--cream:#f7f5ef;--ink:#173128;--muted:#60736b;--white:#fff;--shadow:0 18px 50px rgba(4,61,41,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid #e7ece9}.brand img{height:66px}.site-header nav{display:flex;align-items:center;gap:18px;font-size:.83rem;font-weight:800}.site-header nav a{padding:9px 5px;border-bottom:3px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--orange);border-color:var(--orange)}.menu-toggle{display:none;border:0;background:transparent;color:var(--green);font-size:1.8rem}.home-hero{min-height:720px;position:relative;display:grid;align-items:center;padding:80px 6vw;color:#fff;background:url("assets/scania-truck.png") center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,45,31,.93),rgba(3,45,31,.55),rgba(3,45,31,.12))}.hero-content{position:relative;max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:900;color:var(--orange);margin-bottom:12px}.home-hero .eyebrow,.page-hero .eyebrow{color:#f3b554}.home-hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.96;margin-bottom:26px}.home-hero h1 span{color:#f1b34b}.home-hero p{font-size:1.15rem;max-width:650px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer}.primary{background:var(--orange);color:#fff}.ghost{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.08)}.light-btn{background:#fff;color:var(--green)}.promise{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);color:#fff}.promise div{padding:25px 6vw;border-right:1px solid rgba(255,255,255,.15)}.promise strong{display:block;color:#f0b24b;letter-spacing:.12em}.promise span{font-size:.88rem;color:#dcebe5}.section{padding:90px 6vw}.light{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-head h2,.section h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.08;color:var(--dark)}.section-head a{color:var(--green);font-weight:900}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article,.product-card,.service-grid article,.team-card,.tool-card{background:#fff;border:1px solid #e1e9e5;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(4,61,41,.06)}.product-mini .bucket,.product-card .bucket{width:155px;height:145px;margin:0 auto 24px;background:linear-gradient(135deg,var(--green),#0a7950);color:#fff;border-radius:8px 8px 24px 24px;display:grid;place-items:center;text-align:center;padding:15px;box-shadow:0 18px 25px rgba(4,61,41,.18);position:relative}.bucket:before{content:"";position:absolute;left:-7px;right:-7px;top:-11px;height:21px;background:#eee;border:2px solid #bbc7c0;border-radius:10px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.colour-preview{display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;overflow:hidden;min-height:380px;box-shadow:var(--shadow)}.colour-preview span{min-height:100px}.image-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.image-grid a{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.image-grid img{width:100%;height:330px;object-fit:cover}.cta{background:linear-gradient(135deg,var(--orange),#a83e0c);color:#fff;padding:65px 6vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:0}.page-hero{min-height:430px;padding:70px 6vw;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(3,45,31,.92),rgba(3,45,31,.4)),var(--hero) center/cover}.page-hero>div{max-width:800px}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;margin-bottom:20px}.page-hero p{font-size:1.1rem}.info-panel{background:#fff;padding:34px;border-radius:20px;box-shadow:var(--shadow)}.info-panel img{max-height:190px;margin:auto}.info-panel li{margin:9px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{display:flex;flex-direction:column}.product-card .tag,.tag{align-self:flex-start;background:#edf4f0;color:var(--green);padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-card a,.service-grid a{margin-top:auto;color:var(--orange);font-weight:900}.catalog-controls{display:flex;gap:14px;margin-bottom:28px}.catalog-controls input,.catalog-controls select{padding:14px;border:1px solid #cbd7d1;border-radius:10px;font:inherit}.catalog-controls input{flex:1}.colour-tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.room-preview{min-height:430px;border-radius:20px;background:var(--green);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:inset 0 -35px rgba(0,0,0,.08);position:sticky;top:115px}.colour-catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.colour-card{border:1px solid #dce5e0;background:#fff;border-radius:14px;padding:0 0 14px;overflow:hidden;text-align:left;cursor:pointer}.colour-card>span{display:block;height:105px}.colour-card strong,.colour-card small{display:block;padding:0 12px}.colour-card strong{margin-top:11px}.colour-card small{color:var(--muted)}.screen-note{color:var(--muted);font-size:.85rem;margin-top:22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-icon{font-size:1.8rem;color:var(--orange)}.image-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.image-feature img{border-radius:20px;box-shadow:var(--shadow)}.gallery-filters{display:flex;gap:10px;margin-bottom:28px}.gallery-filters button{padding:10px 17px;border-radius:999px;border:1px solid #cbd7d1;background:#fff;font-weight:900;color:var(--green)}.gallery-filters button.active{background:var(--green);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.gallery-grid img{width:100%;height:360px;object-fit:cover}.gallery-grid figcaption{padding:16px 20px;font-weight:900}.gallery-grid .hidden{display:none}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-card{display:flex;flex-direction:column}.avatar{width:78px;height:78px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:900;margin-bottom:18px}.team-card a{color:var(--green);font-weight:800;margin-top:6px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:var(--cream)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.form-grid label,.contact-form label{font-size:.86rem;font-weight:900}.form-grid input,.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px;border:1px solid #cbd7d1;border-radius:9px;margin-top:6px;font:inherit}.result{margin-top:18px;padding:15px;border-radius:10px;background:#edf4f0;color:var(--green);font-weight:900}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.swatches button{width:42px;height:42px;border-radius:50%;background:var(--c);border:4px solid #fff;box-shadow:0 0 0 1px #aaa}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-grid a{display:flex;flex-direction:column;padding:24px;border:1px solid #dce5e0;border-radius:16px;background:#fff}.download-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#fff;font-weight:900;margin-bottom:14px}.download-grid small{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-list p{padding-bottom:16px;border-bottom:1px solid #e2e9e5}.contact-list a{color:var(--green);font-weight:900}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--cream);padding:32px;border-radius:20px}.full{grid-column:1/-1}.map{padding:0 6vw 90px}.map iframe{width:100%;height:470px;border:0;border-radius:20px;box-shadow:var(--shadow)}.prose{max-width:900px}.whatsapp{position:fixed;right:20px;bottom:20px;background:#1ea758;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;z-index:45;box-shadow:0 12px 30px rgba(0,0,0,.2)}footer{background:#032e20;color:#c8d9d2;padding:50px 6vw 22px;display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:35px}footer img{height:90px;background:#fff;padding:5px;border-radius:10px}footer h4{color:#fff}footer a{display:block;margin:6px 0}.footer-brand p{color:#f0b24b;font-weight:900}.newsletter form{display:flex}.newsletter input{min-width:0;padding:11px;border:0;border-radius:8px 0 0 8px}.newsletter button{border:0;background:var(--orange);color:#fff;font-weight:900;padding:10px;border-radius:0 8px 8px 0}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.8rem}
@media(max-width:1100px){.site-header nav{position:absolute;display:none;top:88px;left:0;right:0;background:#fff;padding:25px 5vw;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.menu-toggle{display:block}.product-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.promise,.cards.three,.split-section,.colour-tool,.service-grid,.image-feature,.tools-grid,.contact-layout{grid-template-columns:1fr}.image-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr 1fr}.room-preview{position:relative;top:0;min-height:280px}.colour-catalogue{grid-template-columns:repeat(2,1fr)}.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.home-hero{min-height:620px}.home-hero h1{font-size:3.1rem}.section{padding:70px 5vw}.product-grid,.team-grid,.download-grid,.form-grid,.contact-form{grid-template-columns:1fr}.full{grid-column:1}.colour-catalogue{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.catalog-controls{flex-direction:column}footer{grid-template-columns:1fr}}

.customer-journey{background:#fff}
.journey-visual{overflow:hidden;border-radius:22px;box-shadow:var(--shadow);background:#eef3f0}
.journey-visual img{width:100%;height:auto}
.journey-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.journey-cards article{padding:24px;border-radius:16px;background:var(--cream);border-top:5px solid var(--green)}
.journey-cards strong,.journey-cards span{display:block}
.journey-cards strong{color:var(--dark);font-size:1.05rem;margin-bottom:7px}
.journey-cards span{color:var(--muted);font-size:.92rem}
.detailed-grid{grid-template-columns:repeat(2,1fr)}
.detailed-product{min-height:100%;padding:30px}
.detailed-product .bucket{width:175px;height:155px}
.product-specs{margin:18px 0 24px}
.product-specs>div{padding:11px 0;border-bottom:1px solid #e2e9e5}
.product-specs dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--green)}
.product-specs dd{margin:3px 0 0;color:var(--muted)}
.product-details-intro>.screen-note{max-width:1000px;margin-bottom:28px;padding:15px 18px;background:#fff5de;border-left:5px solid var(--gold);border-radius:8px;color:var(--ink)}
@media(max-width:800px){.journey-cards,.detailed-grid{grid-template-columns:1fr}}

.real-bucket-wrap{height:245px;display:grid;place-items:center;margin:-5px 0 18px;background:linear-gradient(180deg,#fff,#f6f8f7);border-radius:16px;overflow:hidden}
.real-bucket{max-width:100%;max-height:235px;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(4,61,41,.16));transition:transform .25s ease}
.product-card:hover .real-bucket{transform:scale(1.04)}
.product-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.product-filters button{padding:10px 16px;border-radius:999px;border:1px solid #cbd7d1;background:#fff;color:var(--green);font-weight:900;cursor:pointer}
.product-filters button.active{background:var(--green);color:#fff;border-color:var(--green)}
.product-card.product-hidden{display:none}
@media(max-width:540px){.real-bucket-wrap{height:220px}.real-bucket{max-height:210px}}

.approved-homepage-section{background:linear-gradient(180deg,#fff,#f3f7f4)}
.approved-homepage-image{margin:24px 0 0;border-radius:22px;overflow:hidden;border:1px solid #dce5e0;box-shadow:0 22px 55px rgba(4,61,41,.16)}
.approved-homepage-image img{width:100%;height:auto;display:block}
.site-header .brand img{object-fit:contain;max-width:290px}

.featured-products-section{background:#fff}
.featured-real-buckets{align-items:stretch}
.real-featured-product{position:relative;display:flex;flex-direction:column;overflow:hidden}
.featured-bucket-wrap{height:260px;display:grid;place-items:center;margin:-4px -4px 20px;padding:12px;background:linear-gradient(180deg,#fff,#f4f7f5);border-radius:16px}
.featured-bucket-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(4,61,41,.14));transition:transform .25s ease}
.real-featured-product:hover .featured-bucket-wrap img{transform:scale(1.035)}
.featured-pack{position:absolute;top:20px;right:20px;background:var(--green);color:#fff;font-size:.76rem;font-weight:900;padding:7px 10px;border-radius:999px;box-shadow:0 8px 18px rgba(4,61,41,.2)}
.real-featured-product h3{font-size:1.35rem;margin-bottom:9px;color:var(--dark)}
.real-featured-product p{color:var(--muted);flex:1}
.featured-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #e4eae7}
.featured-actions .text-link{font-weight:900;color:var(--green);font-size:.9rem}
.featured-actions .quote-link{color:var(--orange)}
@media(max-width:800px){.featured-bucket-wrap{height:235px}}

.homepage-location{background:#f7f5ef}
.homepage-location-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:stretch}
.homepage-map{min-height:470px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.homepage-map iframe{width:100%;height:100%;min-height:470px;border:0;display:block}
.homepage-location-card{background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow)}
.homepage-location-card h3{font-size:1.8rem;color:var(--dark);margin-bottom:18px}
.homepage-location-card p{padding-bottom:14px;border-bottom:1px solid #e4eae7}
.homepage-location-card a{color:var(--green);font-weight:800}
.location-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.location-secondary{border-color:var(--green);color:var(--green);background:#fff}
@media(max-width:900px){
  .homepage-location-grid{grid-template-columns:1fr}
  .homepage-map,.homepage-map iframe{min-height:380px}
}

.language-switcher{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid #dce5e0}
.language-switcher label{font-size:.75rem;font-weight:900;color:var(--green)}
.language-switcher select{padding:8px 10px;border:1px solid #cbd7d1;border-radius:9px;background:#fff;color:var(--green);font-weight:800}
@media(max-width:1100px){.language-switcher{margin:0 0 12px;padding:0 0 12px;border-left:0;border-bottom:1px solid #e4eae7;justify-content:center}}

.team-directory{background:linear-gradient(180deg,#fff,#f7f5ef)}
.team-group{margin-bottom:56px}
.team-group:last-child{margin-bottom:0}
.team-group-title{font-size:2rem!important;padding-bottom:12px;border-bottom:3px solid var(--gold);margin-bottom:26px}
.executive-card{overflow:hidden}
.business-card-preview{margin:22px -8px 4px;border-radius:13px;overflow:hidden;border:1px solid #dfe7e3;background:#fff}
.business-card-preview img{width:100%;height:auto}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.profile-btn{display:flex!important;align-items:center;justify-content:center;text-align:center;padding:10px 9px;border:1px solid var(--green);border-radius:9px;color:var(--green)!important;font-size:.78rem;font-weight:900;margin:0!important}
.profile-btn.primary-card{grid-column:1/-1;background:var(--green);color:#fff!important}
.profile-btn:hover{background:#edf4f0}
.profile-btn.primary-card:hover{background:var(--dark)}
@media(max-width:540px){.profile-actions{grid-template-columns:1fr}.profile-btn.primary-card{grid-column:1}}

.business-card-preview{background:#fff;padding:8px}
.business-card-preview img{display:block;width:100%;height:auto;object-fit:contain}

.payment-information{background:linear-gradient(180deg,#fff,#f7f5ef)}
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.payment-card{background:#fff;border:1px solid #dfe7e3;border-radius:20px;padding:30px;box-shadow:var(--shadow)}
.payment-card h3{font-size:1.8rem;color:var(--dark);margin:15px 0}
.payment-icon{display:inline-grid;place-items:center;min-width:58px;height:44px;padding:0 12px;border-radius:12px;background:var(--green);color:#fff;font-weight:900}
.payment-card dl{margin:0}
.payment-card dl div{padding:12px 0;border-bottom:1px solid #e3e9e6}
.payment-card dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--green)}
.payment-card dd{margin:4px 0 0;color:var(--ink);font-weight:800}
.payment-card a{color:var(--orange)}
.payment-warning{margin-top:22px;padding:16px 18px;background:#fff1cf;border-left:5px solid var(--gold);border-radius:10px}
@media(max-width:800px){.payment-grid{grid-template-columns:1fr}}

.ussd-code{display:inline-block;padding:5px 9px;border-radius:8px;background:#fff1cf;color:var(--dark);font-family:monospace;font-size:1.05em;font-weight:900;letter-spacing:.02em}
.momo-steps{margin-top:20px;padding:18px;border-radius:14px;background:#f7f5ef}
.momo-steps h4{margin-bottom:8px;color:var(--dark)}
.momo-steps ol{margin:0;padding-left:20px}
.momo-steps li{margin:7px 0}
.checkout-payment-note{margin:24px 0;padding:22px;border-radius:16px;background:#f7f5ef;border-left:5px solid var(--orange)}
.checkout-payment-note h2{font-size:1.5rem!important;margin-bottom:8px}
