@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#181b1c;--yellow:#f4d529;--muted:#616769;--paper:#f4f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a88300;outline-offset:5px}img{width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.02}h2{font-size:clamp(42px,4.5vw,64px)}h3{font-size:23px;line-height:1.2;letter-spacing:-.04em}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.topline{background:var(--ink);color:#bfc3c3;font-size:10px;font-weight:600;letter-spacing:1.5px}.topline .wrap{display:flex;justify-content:space-between;padding:10px 0}.topline a{color:white;letter-spacing:.7px}header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #ecece7}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brandmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;font-weight:800;letter-spacing:-4px;line-height:1}.brandmark span{color:var(--yellow);font-size:34px;display:inline-block;margin-left:2px;letter-spacing:-10px}.brandname{font-size:11px;font-weight:800;letter-spacing:1.2px;line-height:1.4}.brandname small{font-size:8px}nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:600}nav>a:not(.button):hover{color:#886900}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--yellow);padding:18px 24px;color:#141617;font-size:13px;font-weight:700;border:0;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ffe65e;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:14px 17px;gap:19px}.menu{display:none}.hero{min-height:650px;background:#181b1c;position:relative;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 40%;background:url('https://assets.cdn.filesafe.space/2joJKhqC7IGvr7bhVXeq/media/6a46b92cd0f487539672ee75.jpeg') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#181b1c 0%,#181b1cf2 30%,#181b1c8c 60%,#181b1c15 100%)}.hero-inner{position:relative;padding-top:83px;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:23px;color:#696e6f}.eyebrow.light{color:#d7dbd8}.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow span{width:23px;height:2px;background:var(--yellow)}h1{font-size:clamp(68px,7.9vw,110px);margin-bottom:26px}.hero p{max-width:480px;color:#c4c9c7;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:32px;margin-top:35px}.textlink{display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:700;border-bottom:1px solid #686d6b;padding:7px 0}.textlink span{font-size:18px}.textlink.dark{border-color:#afb2ac}.hero-bottom{display:flex;justify-content:space-between;margin-top:77px;border-top:1px solid #ffffff2b;padding-top:18px;font-size:9px;letter-spacing:1.7px;color:#a8aeaa}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0;border-bottom:1px solid #deded7}.proof>div{display:flex;align-items:center;gap:24px;padding:0 30px;border-right:1px solid #deded7}.proof>div:first-child{padding-left:0}.proof>div:last-child{border:0}.proof strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:36px;white-space:nowrap;letter-spacing:-1px}.proof span{font-size:11px;line-height:1.6;color:#707573}.section{padding-top:95px;padding-bottom:95px;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:45px}.section-head>p{max-width:350px;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.feature{border:1px solid #e0e2db;transition:border-color .2s}.feature:hover{border-color:#797c72}.image{height:270px;overflow:hidden;position:relative;background:#e0e2dc}.image img{height:100%;object-fit:cover;transition:transform .5s}.feature:hover img{transform:scale(1.03)}.image>span{position:absolute;top:17px;left:18px;background:var(--yellow);padding:5px 10px;font-size:11px;font-weight:700}.feature-copy{padding:28px}.feature h3{display:flex;justify-content:space-between;gap:20px}.feature h3 span{color:#a0a49b}.feature p{color:var(--muted);margin-top:15px;max-width:450px;font-size:13px}.tags{display:flex;gap:20px;margin-top:24px;font-size:9px;letter-spacing:1px;font-weight:600}.service-rows{margin-top:35px}.service-rows details{border-bottom:1px solid #deded7}.service-rows summary{list-style:none;display:flex;align-items:center;gap:25px;padding:24px 0;cursor:pointer}.service-rows summary::-webkit-details-marker{display:none}.service-no{color:#90978d;font-size:11px}.service-rows h3{font-size:19px;font-weight:500}.plus{margin-left:auto;font-size:25px;font-weight:400}.service-rows details[open] .plus{transform:rotate(45deg)}.service-rows details p{padding:0 40px 25px;max-width:850px;color:var(--muted);font-size:14px}.approach{background:var(--ink);color:#fff}.approach .section-head>p{color:#b6bdb7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #424747;padding-top:35px}.steps article>span{color:var(--yellow);font-size:10px;letter-spacing:1.7px}.steps h3{margin-top:28px;font-size:24px;font-weight:500}.steps p{font-size:13px;line-height:1.8;color:#a9b0ac;margin-top:17px}.industries{border-top:1px solid #424747;margin-top:54px;padding-top:25px;display:flex;gap:45px;align-items:center}.industries>span{font-size:9px;letter-spacing:1.5px;color:#9ca69f;white-space:nowrap}.industries p{font-size:15px}.industries i{font-style:normal;color:#66736a;margin:0 15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{position:relative;background:#eee}.about-photo img{height:490px;object-fit:cover}.photo-label{position:absolute;bottom:0;left:0;right:0;background:var(--yellow);padding:22px 26px;font-size:10px;font-weight:700;letter-spacing:1px}.about-copy .intro{font-size:18px;line-height:1.7;color:var(--ink);margin-top:27px}.about-copy p{margin-top:19px;font-size:14px;color:var(--muted)}.about-copy .textlink{margin-top:24px}.coverage{background:var(--paper);border-top:1px solid #e4e5de;border-bottom:1px solid #e4e5de}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.coverage p{max-width:405px;color:var(--muted);font-size:14px;margin:24px 0}.states{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd1c8}.states>div{border-bottom:1px solid #cfd1c8;padding:23px 0;font-size:12px;display:flex;gap:15px;align-items:center}.states span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:31px;font-weight:600;width:35px;color:#979d91}.states .state-note{font-size:11px;display:block;line-height:1.7}.state-note a{font-weight:700}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div>p{color:var(--muted);max-width:350px;margin-top:24px}.contact-info{margin-top:40px}.contact-info a{display:flex;justify-content:space-between;max-width:360px;padding:13px 0;border-bottom:1px solid #ddd;font-size:18px;font-weight:500}.contact-info span{color:#969d91}.contact .contact-hint{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;font-weight:600;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #dfe2da;border-radius:0;background:#fafbf7;color:var(--ink);padding:13px 14px;margin-top:8px;font-size:13px;outline-color:#b09a12}textarea{resize:vertical}form .button{width:100%}.form-note{font-size:10px;color:var(--muted);margin-top:12px}#form-status{font-size:12px;margin-top:15px}#form-status a{text-decoration:underline}footer{background:var(--ink);color:white}.footer-top{padding:50px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top p{font-size:12px;color:#aab1ab}.footer-top>a:last-child{font-size:12px;color:var(--yellow)}.footer-bottom{padding:20px 0;border-top:1px solid #3c413e;display:flex;justify-content:space-between;font-size:9px;color:#a4ada5}.skip{position:fixed;top:-100px;left:20px;background:var(--yellow);padding:10px;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:730px}.hero-inner{padding-top:110px}.hero-bottom{margin-top:100px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}nav{gap:17px;font-size:11px}.brandmark{font-size:40px}.brandname{font-size:9px}.proof>div{gap:15px;padding:0 18px}.proof strong{font-size:28px}.section-head{gap:40px}.about,.coverage-grid,.contact{gap:40px}.industries{gap:20px}.industries i{margin:0 8px}}@media(max-width:780px){.wrap{width:calc(100% - 40px)}.topline{font-size:8px;letter-spacing:.7px}.nav{height:76px}.menu{display:flex;background:none;border:0;align-items:center;gap:15px;font-size:12px;cursor:pointer}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 10px 18px #0002;padding:24px;flex-direction:column;align-items:stretch;gap:22px;font-size:14px}nav.open{display:flex}.hero{min-height:600px}.hero-photo{left:15%;opacity:.6}.hero-shade{background:linear-gradient(90deg,#181b1cfa,#181b1c88)}.hero-inner{padding-top:64px}.hero .eyebrow{font-size:8px}h1{font-size:76px}.hero p{font-size:14px;max-width:390px}.actions{gap:20px;flex-wrap:wrap}.hero-bottom{margin-top:57px;font-size:8px}.hero-bottom span:last-child{display:none}.proof{padding:25px 0;gap:12px}.proof>div{padding:0 8px;display:block}.proof>div:first-child{padding:0}.proof strong{font-size:25px}.proof span{display:block;font-size:9px;margin-top:7px}.section{padding-top:64px;padding-bottom:64px}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:23px;font-size:14px;max-width:500px}h2{font-size:47px}.feature-grid{gap:18px}.image{height:200px}.feature-copy{padding:20px}.feature h3{font-size:20px}.feature p{font-size:12px}.tags{flex-wrap:wrap;gap:8px;font-size:8px}.steps{gap:23px}.steps h3{font-size:20px}.steps p{font-size:12px}.industries{display:block}.industries p{margin-top:14px;font-size:13px}.about,.coverage-grid,.contact{grid-template-columns:1fr;gap:35px}.about-photo img{height:350px}.coverage-grid>div>p{max-width:550px}.states>div{padding:18px 0}.contact-info{margin-top:25px}.contact>div>p{max-width:500px}.contact-info a{max-width:100%;font-size:18px}.footer-top{flex-wrap:wrap;gap:25px;padding:35px 0}.footer-top p{font-size:11px}.footer-bottom{gap:20px;line-height:1.5}.footer-bottom>a{white-space:nowrap}}@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.image{height:240px}.feature-copy{padding:24px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:12px}.steps p{margin-top:12px;max-width:360px}.form-grid{gap:12px}.hero{min-height:625px}.actions .textlink{font-size:11px}.service-rows h3{font-size:17px}.service-rows summary{gap:15px}.footer-top p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original JNB company logo */
.brand .company-logo{width:245px;height:81px;object-fit:contain}.footer-top .brand{background:#fff;padding:7px 14px}.footer-top .company-logo{width:245px;height:auto}@media(max-width:1050px){.brand .company-logo{width:205px;height:68px}}@media(max-width:780px){.brand .company-logo{width:200px;height:66px}.topline .wrap{gap:12px}.topline .wrap>span{max-width:230px}.topline a{white-space:nowrap}.footer-top .company-logo{height:auto}}
