:root{--green:#17cc35;--yellow:#f4ef22;--navy:#05245b;--orange:#ff781f;--black:#050505;--light:#f5f7fa;--red:#f23838}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;color:#101010;background:white;font-size:16px;line-height:1.45}.wrap{width:min(1080px,84vw);margin:auto}.site-header{height:120px;background:#050505;display:flex;align-items:center;padding:0 max(5vw,24px);position:relative;z-index:5}.brand img{width:170px;height:95px;object-fit:contain}.brand{margin-right:auto}.site-header nav{display:flex;gap:45px;align-items:center}.site-header nav a{color:#a8a8a8;text-decoration:none;font-size:15px}.site-header nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{height:750px;position:relative;background:url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/tpse16SGDKNSP8OhtqNB/media/660728014c6b5ef7e7dd9f23.jpeg') center/cover no-repeat;color:white}.shade{position:absolute;inset:0;background:rgba(7,16,26,.54)}.hero-copy{position:relative;padding-top:115px}.hero h1,.section-pad h2{font-family:Oswald,sans-serif}.hero h1{font-size:58px;line-height:1.28;margin:0 0 14px;letter-spacing:1px}.hero p{max-width:680px;font-size:17px;font-weight:700;margin:0 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:52px;padding:0 24px;margin-top:20px;background:var(--green);color:white;text-decoration:none;font-family:Oswald;font-weight:700;font-size:14px;border-radius:2px}.section-pad{padding:78px 0}.dark{background:#030303;color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-photo{height:710px;background:url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/1SjHeMy9dPSkCN8Hq6uT/media/ca91a7ff-dfb5-480d-81d5-111329ad304d.jpeg') center/cover}.eyebrow{display:block;font-family:Oswald;font-weight:700;font-size:14px;margin-bottom:22px}.yellow{color:var(--yellow)}.green{color:var(--green)}.orange{color:var(--orange)}.about h2{font-size:38px;line-height:1.25;margin:0 0 24px}.green-title{color:var(--green)}.about p{color:#eee}.feature{display:grid;grid-template-columns:55px 1fr;gap:16px;margin-top:28px}.feature h3{font-size:23px;margin:0 0 4px}.feature p{margin:0;font-size:14px}.line-icon{font-size:40px;color:#aaa}.question{display:block;color:var(--green);font-family:Oswald;font-weight:700;font-size:20px;text-decoration:none;margin-top:30px}.question em{color:var(--yellow)}.services{text-align:center;background:var(--light)}.services h2,.team h2,.testimonials h2{font-size:42px;line-height:1.25;margin:0 0 58px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.service-grid article{grid-column:span 2;min-height:255px;background:#f8faff;box-shadow:0 2px 8px #0002;display:flex;flex-direction:column;justify-content:center;padding:26px}.service-grid article.red{background:var(--red)}.service-grid article.wide{grid-column:span 3}.service-grid h3{font-size:20px;margin:0 0 18px}.service-grid p{font-weight:700;line-height:1.25;margin:0}.skills h2{font-size:38px;line-height:1.5;margin:0 0 20px}.skills p{font-weight:700}.build-photo{height:730px;background:url('https://images.unsplash.com/photo-1468500428914-59a49bceb33c?auto=format&fit=crop&w=1473&q=80') center/cover}.meter{margin:18px 0}.meter span{display:block;margin-bottom:6px}.meter i{display:flex;width:var(--p);height:30px;background:var(--green);color:white;justify-content:flex-end;align-items:center;padding-right:10px;font-style:normal;font-size:12px;box-shadow:inset 0 0 0 1px #eee}.team{text-align:center}.team h2{color:var(--navy)}.member{box-shadow:0 1px 8px #0002;padding:10px 10px 35px}.member img{width:100%;height:500px;object-fit:contain;background:#000}.member h3{color:var(--navy);font-size:22px;margin:18px 0 5px}.member p{color:var(--orange);font-weight:700;margin:0}.stats{padding:58px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats b{display:block;font-family:Oswald;font-size:32px}.stats span{font-family:Oswald;font-weight:700}.testimonials{text-align:center}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.quote-grid blockquote{margin:0;min-height:420px;box-shadow:0 1px 8px #0001;padding:50px 20px 25px;font-weight:700;display:flex;flex-direction:column;justify-content:center}.quote-grid footer{margin-top:45px}.quote-grid b,.quote-grid span{display:block}.quote-grid b{color:var(--navy);font-size:20px}.quote-grid span{color:var(--green);margin-top:8px}.faq{text-align:center}.faq h2{font-size:40px;line-height:1.25;color:var(--green);margin:0 auto 22px}.faq .intro{max-width:780px;margin:0 auto 35px}.faq-list{max-width:900px;margin:auto;text-align:left}.faq details{border-bottom:1px solid #ddd;padding:18px 0}.faq summary{font-size:19px;font-weight:700;cursor:pointer}.faq details p{color:#555}.site-footer{padding:55px 0 0}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contact-grid a{color:white;text-decoration:none}.contact-grid b{display:block;color:var(--green);margin-bottom:6px}.copyright{text-align:center;border-top:1px solid #333;margin-top:45px;padding:20px;font-family:Oswald}.site-header,.hero,.dark{background-color:#030303}
@media(max-width:760px){.wrap{width:min(90vw,600px)}.site-header{height:88px}.brand img{width:120px;height:70px}.menu{display:block}.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#050505;padding:22px;flex-direction:column;gap:20px}.site-header nav.open{display:flex}.hero{height:670px}.hero-copy{padding-top:80px}.hero h1{font-size:40px}.hero p{font-size:15px}.two-col{grid-template-columns:1fr}.about-photo{height:480px}.section-pad{padding:58px 0}.about h2,.services h2,.skills h2,.team h2,.testimonials h2,.faq h2{font-size:32px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article.wide{grid-column:auto;min-height:210px}.build-photo{height:500px;grid-row:1}.member img{height:280px}.stats-grid{grid-template-columns:1fr 1fr;gap:38px}.quote-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.hero h1 br{display:none}}
/* Keep the logo and navigation on one seamless black header. */
.site-header, .site-header nav, .site-header .brand { background-color: #000; }
.site-header .brand img { mix-blend-mode: screen; }
.hero .hero-phone, .hero .hero-phone:visited { color: #17cc35; font-weight: 900; text-decoration: none; white-space: nowrap; }
.hero .hero-phone:hover { text-decoration: underline; }
.hero .hero-phone:focus-visible { outline: 2px solid #17cc35; outline-offset: 4px; }
