:root{--black:#070808;--charcoal:#171b1d;--steel:#23282b;--brown:#765846;--orange:#cf7924;--orange-light:#e39135;--cream:#f3efe9;--muted:#a8acae;--line:rgba(255,255,255,.10);--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream);background:var(--black);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:var(--orange);padding:10px 14px;z-index:999}.header{position:sticky;top:0;z-index:100;background:rgba(7,8,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.nav-logo{width:205px}.nav-links{display:flex;align-items:center;gap:22px;font-size:.83rem;color:#d7d8d8}.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--orange);color:#111!important;padding:11px 17px!important;border-radius:3px;font-weight:800}.nav-cta:after{display:none}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:calc(100vh - 82px);display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(7,8,8,.98) 0%,rgba(7,8,8,.88) 43%,rgba(7,8,8,.35) 100%),radial-gradient(circle at 75% 45%,rgba(207,121,36,.20),transparent 27%),linear-gradient(135deg,#0a0b0c,#1a1d1f 55%,#0b0c0d)}.hero:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(90deg,transparent 49.5%,#fff 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#fff 50%,transparent 50.5%);background-size:120px 120px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-content{position:relative;padding:100px 0 110px;max-width:790px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange-light);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}.eyebrow:before{content:"";width:32px;height:2px;background:var(--orange)}h1,h2,h3{line-height:1.12;margin:0 0 20px}h1{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.055em;max-width:850px}h1 span{color:var(--orange)}.hero p{font-size:1.12rem;color:#c8cbcc;max-width:650px;margin:0 0 32px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border:1px solid var(--orange);font-weight:800;border-radius:3px;transition:.2s}.btn.primary{background:var(--orange);color:#101010}.btn.primary:hover{background:var(--orange-light);transform:translateY(-2px)}.btn.secondary{color:#fff;border-color:rgba(255,255,255,.25)}.btn.secondary:hover{border-color:var(--orange);color:var(--orange-light)}.btn.whatsapp{border-color:#568f58;color:#a8d3a6}.btn.whatsapp:hover{background:#568f58;color:#101010}.hero-mark{position:absolute;right:7%;bottom:7%;width:min(34vw,390px);opacity:.12}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px;color:#a8acae;font-size:.78rem}.hero-meta span{border-left:2px solid var(--orange);padding-left:9px}.section{padding:100px 0}.section.alt{background:#0d0f10}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:45px}.section-head>div:first-child{max-width:650px}.kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:900}.kicker.dark{color:#111}h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.04em}.lead{color:#b5b9ba;font-size:1.05rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.division-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.division-card,.card{background:var(--charcoal);border:1px solid var(--line);padding:30px;min-height:235px;position:relative;overflow:hidden}.division-card:before,.card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--orange);transition:.3s}.division-card:hover:before,.card:hover:before{height:100%}.division-card.featured{background:linear-gradient(145deg,#20201d,#171b1d);border-color:rgba(207,121,36,.35)}.division-card h3{font-size:1.7rem}.card-label{color:var(--orange-light);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.icon{width:44px;height:44px;display:grid;place-items:center;background:rgba(207,121,36,.12);color:var(--orange);font-weight:900;margin-bottom:25px;border:1px solid rgba(207,121,36,.25)}.card h3{font-size:1.2rem}.card p{color:var(--muted);margin:0}.list{display:grid;gap:14px;margin:25px 0 0;padding:0;list-style:none}.list.compact{gap:7px;margin:15px 0 24px}.list li{padding-left:27px;position:relative;color:#b8bdbe}.list li:before{content:"";position:absolute;left:0;top:.75em;width:9px;height:2px;background:var(--orange)}.text-link{color:var(--orange-light);font-size:.82rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1b2022,#0e1011);padding:42px;position:relative}.panel img{width:100%;max-height:430px;object-fit:contain}.logo-panel{min-height:300px;display:grid;place-items:center}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.stat{padding:20px;border-top:2px solid var(--orange);background:#111416}.stat strong{font-size:1.45rem;display:block}.stat span{font-size:.84rem;color:var(--muted)}.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.credential-grid>div{padding:24px;background:#111416;border:1px solid var(--line);border-top:2px solid var(--orange)}.credential-grid strong{display:block;font-size:1.15rem}.credential-grid span{display:block;color:var(--muted);font-size:.85rem;margin-top:5px}.director-card{display:flex;gap:28px;align-items:flex-start;background:var(--charcoal);border:1px solid var(--line);padding:35px;max-width:800px}.director-mark{width:74px;height:74px;flex:none;display:grid;place-items:center;color:var(--orange);border:1px solid rgba(207,121,36,.35);font-weight:900;font-size:1.2rem}.director-card h3{font-size:1.8rem;margin-bottom:7px}.role{color:var(--orange-light);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:0 0 12px}.separator{color:var(--orange);padding:0 8px}.numbered-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.numbered-list div{display:flex;gap:16px;padding:24px;background:var(--charcoal);border-top:2px solid var(--orange)}.numbered-list strong{color:var(--orange);font-size:1.2rem}.numbered-list span{color:#c4c7c8}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{min-height:330px;padding:28px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08)),repeating-linear-gradient(135deg,#202527 0 12px,#191d1f 12px 24px);border:1px solid var(--line);position:relative;overflow:hidden}.project:nth-child(2){background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08)),repeating-linear-gradient(45deg,#2a2521 0 16px,#1b1b1a 16px 32px)}.project:nth-child(3){background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08)),linear-gradient(120deg,#1d2427,#40352d)}.project:nth-child(4){background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08)),linear-gradient(45deg,#15191b,#2a3032)}.project small{color:var(--orange-light);text-transform:uppercase;letter-spacing:.13em;font-weight:800}.project h3{margin:6px 0 0;font-size:1.5rem}.project-fields{display:grid;gap:4px;margin-top:14px;color:#b8bdbe;font-size:.82rem}.edit-guide{margin-top:24px;padding:24px;background:#111416;border-left:3px solid var(--orange)}.edit-guide p{color:var(--muted);margin:8px 0 0}.cta{background:var(--orange);color:#111;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;gap:35px;align-items:center}.cta h2{margin:0;max-width:700px}.cta .btn{border-color:#111;color:#111}.cta .btn:hover{background:#111;color:#fff}.form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:.82rem;color:#c5c8c9;font-weight:700}input,textarea,select{width:100%;margin-top:7px;padding:13px 14px;background:#111416;color:#fff;border:1px solid #303638;border-radius:2px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--orange)}textarea{min-height:150px;resize:vertical}.note{font-size:.8rem;color:#858b8d}.contact-list{display:grid;gap:20px}.contact-item{padding:20px 0;border-bottom:1px solid var(--line)}.contact-item strong{display:block;color:#fff}.contact-item span,.contact-item a{color:var(--muted)}.contact-item a:hover{color:var(--orange-light)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.footer{padding:55px 0 25px;background:#050606;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px}.footer-logo{width:250px}.footer p{color:#8e9496;max-width:410px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#aeb2b3;font-size:.85rem}.footer-links a:hover{color:var(--orange-light)}.copyright{border-top:1px solid var(--line);padding-top:20px;color:#6f7476;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:110px 0 85px;background:linear-gradient(135deg,#0b0d0e,#171a1b 55%,#0c0e0f);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,6vw,5.3rem);max-width:850px}.page-hero p{color:#aeb3b5;max-width:700px;font-size:1.08rem}@media(max-width:1050px){.nav-links{gap:14px;font-size:.76rem}}@media(max-width:850px){.nav-links{position:absolute;top:82px;left:0;right:0;background:#090a0a;display:none;flex-direction:column;align-items:stretch;padding:20px}.nav-links.open{display:flex}.menu{display:block}.grid-3,.projects,.split,.division-grid,.numbered-list{grid-template-columns:1fr}.section-head,.cta-inner,.footer-top{display:block}.section-head>*+*{margin-top:20px}.cta .btn{margin-top:22px}.hero-mark{width:55vw;right:-5%;bottom:2%}.credential-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.nav{min-height:72px}.nav-logo{width:175px}.nav-links{top:72px}.hero{min-height:calc(100vh - 72px)}.hero-content{padding:80px 0}.hero-meta{display:grid}.hero-meta span{display:block}h1{font-size:3.1rem}.section{padding:75px 0}.form-grid,.credential-grid{grid-template-columns:1fr}.card,.panel,.division-card{padding:25px}.director-card{display:block}.director-mark{margin-bottom:20px}.copyright{display:block}.copyright span{display:block;margin-top:8px}}

:focus-visible{outline:3px solid var(--orange-light);outline-offset:4px}.btn:focus-visible,.nav-cta:focus-visible{outline-color:#fff}.form input:invalid:not(:placeholder-shown),.form textarea:invalid:not(:placeholder-shown){border-color:#d86b5e}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.director-photo-wrap{width:150px;height:170px;flex:none;background:#111416;border:1px solid rgba(207,121,36,.35);overflow:hidden}.director-photo{width:100%;height:100%;object-fit:cover}.director-photo-wrap+.director-copy{display:block}@media(max-width:560px){.director-photo-wrap{width:100%;height:230px;margin-bottom:22px}}

.honey-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* Bright, welcoming presentation: the dark palette remains as a strong accent rather than the whole page. */
body{color:#1c2426;background:#f8f6f2}.header{background:rgba(255,255,255,.96);border-bottom:1px solid #ded9d1}.nav-links{color:#253034}.menu{color:#1c2426}.nav-cta{color:#fff!important}.hero{background:linear-gradient(90deg,rgba(12,15,16,.94) 0%,rgba(24,28,29,.78) 48%,rgba(79,60,45,.38) 100%),radial-gradient(circle at 76% 40%,rgba(227,145,53,.30),transparent 30%),linear-gradient(135deg,#252a2b,#5a5148 55%,#1d2324)}.hero p{color:#eef0ee}.section{background:#f8f6f2}.section.alt{background:#eeeae4}.section-head .lead,.lead{color:#4f5a5d}.card,.division-card{background:#fff;border-color:#ddd8d0;box-shadow:0 8px 24px rgba(28,36,38,.06)}.division-card.featured{background:linear-gradient(145deg,#fff8ed,#fff);border-color:#e6c39c}.card p,.project-fields{color:#596568}.list li{color:#4f5a5d}.panel{background:linear-gradient(145deg,#fff,#eeeae4);border-color:#ded8ce;box-shadow:0 8px 24px rgba(28,36,38,.06)}.stat{background:#fff;border-color:#e1dbd2}.stat span{color:#596568}.credential-grid>div{background:#fff;border-color:#ded8ce;box-shadow:0 6px 18px rgba(28,36,38,.05)}.director-card,.numbered-list div{background:#fff;border-color:#ded8ce;box-shadow:0 8px 24px rgba(28,36,38,.06)}.director-card p:not(.role),.numbered-list span{color:#4f5a5d}.edit-guide{background:#fff;border-color:#cf7924;box-shadow:0 6px 18px rgba(28,36,38,.05)}.edit-guide p{color:#596568}.page-hero{background:linear-gradient(135deg,#252b2d,#4a514f 55%,#312b26)}.contact-item{border-color:#ded8d0}.contact-item strong{color:#1c2426}.contact-item span,.contact-item a{color:#596568}input,textarea,select{background:#fff;color:#1c2426;border-color:#cfc9c0}input::placeholder,textarea::placeholder{color:#7b8587}.footer{background:#182022}.footer p{color:#aeb6b6}.text-link,.role{color:#ba681b}.nav-links a.active,.nav-links a:hover{color:#9d5515}.skip:focus{color:#111}@media(max-width:850px){.nav-links{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.12)}}

/* White corporate finish requested for stronger clarity and brand contrast. */
body,.section{background:#fff;color:#1c2426}.section.alt{background:#f7f5f2}.hero{background:linear-gradient(110deg,#fff 0%,#fff 55%,#f2eee8 100%);color:#1c2426;border-bottom:1px solid #e7e1d8}.hero:before{opacity:.045;background-image:linear-gradient(90deg,transparent 49.5%,#765846 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#765846 50%,transparent 50.5%)}.hero h1{color:#182123}.hero p{color:#4f5a5d}.hero-mark{opacity:.07}.hero-meta{color:#596568}.page-hero{background:linear-gradient(110deg,#fff 0%,#fff 60%,#f2eee8 100%);color:#1c2426}.page-hero h1{color:#182123}.page-hero p{color:#4f5a5d}.section-head .lead,.lead{color:#4f5a5d}.card,.division-card,.director-card,.numbered-list div,.edit-guide{background:#fff}.panel{background:linear-gradient(145deg,#fff,#f7f5f2)}.credential-grid>div,.stat{background:#fff}.footer{background:#182022}

.credential-badges>div{min-height:185px;display:flex;flex-direction:column;align-items:flex-start}.credential-mark{display:grid;place-items:center;width:64px;height:48px;margin-bottom:18px;background:#1c2426;color:#fff;border:2px solid var(--orange);font-size:.72rem;letter-spacing:.08em;font-weight:900}.credential-badges strong{font-size:1.15rem}.credential-badges small{display:block;margin-top:10px;color:#707b7d;font-size:.73rem;line-height:1.4}.credential-badges>div:nth-child(2) .credential-mark{background:#cf7924;color:#111}.credential-badges>div:nth-child(3) .credential-mark{background:#765846}.credential-badges>div:nth-child(4) .credential-mark{background:#1c2426;border-color:#765846}@media(max-width:850px){.credential-badges>div{min-height:170px}}

.credential-badges{grid-template-columns:repeat(5,1fr)}.credential-badges>div{min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.credential-logo{width:100%;height:58px;object-fit:contain;object-position:left center;margin-bottom:18px;background:#fff}.credential-logo.cipc-logo{object-position:left center}.credential-logo.cidb-logo{object-fit:cover;object-position:left center}.credential-logo.sars-logo{object-position:left center}.credential-logo.dtic-logo{object-position:left center}.credential-badges small{min-height:34px}@media(max-width:1050px){.credential-badges{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.credential-badges{grid-template-columns:1fr}.credential-badges>div{min-height:195px}}

/* Contractor funding connection presentation */
.funding-hero{background:linear-gradient(110deg,#fff 0%,#fff 58%,#f2eee8 100%)}
.funding-hero h1 span{color:var(--orange)}
.funding-card{border-color:rgba(207,121,36,.45)!important;background:linear-gradient(145deg,#fff8ed,#fff)!important}
.funding-card .card-copy{color:#4f5a5d;margin:0 0 24px}
.funding-grid{grid-template-columns:repeat(4,1fr)}
.funding-grid .card{min-height:245px}
.funding-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px;background:linear-gradient(120deg,#fff8ed,#fff);border:1px solid #e6c39c;border-left:4px solid var(--orange)}
.funding-banner h2{margin-bottom:14px}
.funding-banner .lead{max-width:760px;margin:0 0 12px}
.funding-banner .note{max-width:760px;margin:0}
.funding-panel{display:grid;gap:28px}
.funding-callout{padding:28px;background:var(--orange);color:#111;display:grid;gap:8px}
.funding-callout strong{font-size:1.35rem}
.funding-callout span{font-weight:600}
.funding-steps{display:grid;gap:14px}
.funding-steps div{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #ded8ce}
.funding-steps b{color:var(--orange);font-size:1.1rem}
.funding-steps span{color:#4f5a5d}
.funding-disclaimer{border-left:3px solid var(--orange);padding-left:12px}
@media(max-width:1050px){.funding-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.funding-banner{display:block}.funding-banner .btn{margin-top:24px}}
@media(max-width:560px){.funding-grid{grid-template-columns:1fr}.funding-banner{padding:25px}}
