*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{background:#111827;color:#fff;font-size:12px}.top .wrap{display:flex;justify-content:space-between;padding:8px 0}.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.nav{height:82px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px;margin-right:auto}.logo-mark{width:46px;height:46px;background:#111827;color:#fff;border-radius:8px;display:grid;place-items:center;font-weight:800}.logo b{font-size:15px;letter-spacing:.06em}.logo small{display:block;color:#777;font-size:9px;letter-spacing:.12em}.navlinks{display:flex;gap:20px;align-items:center}.navlinks>a,.dropbtn{font-size:13px;font-weight:600;color:#333}.drop{position:relative}.dropbtn{border:0;background:none;cursor:pointer;padding:0}.dropdown{position:absolute;top:28px;left:-15px;background:#fff;border:1px solid #eee;box-shadow:0 12px 30px #0001;width:230px;display:none;padding:10px}.drop:hover .dropdown{display:block}.dropdown a{display:block;padding:10px;font-size:13px}.dropdown a:hover{background:#f4f5f7}.btn{display:inline-block;padding:12px 20px;border-radius:4px;font-weight:700;font-size:13px}.dark{background:#111827;color:#fff}.outline{border:1px solid #111827}.hero{min-height:610px;background:linear-gradient(100deg,#111827ee,#11182788),linear-gradient(135deg,#4b5563,#d1d5db);color:#fff;display:flex;align-items:center}.hero .content{max-width:720px;padding:90px 0}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;opacity:.75}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.04;letter-spacing:-.04em;margin:15px 0}.hero p{font-size:18px;color:#e5e7eb}.hero-actions{display:flex;gap:12px;margin-top:28px}.light{background:#fff;color:#111827}.section{padding:85px 0}.heading{margin-bottom:42px}.heading h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:8px 0}.heading p{color:#6b7280;max-width:620px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.aboutbox{background:#f4f5f7;padding:50px}.aboutbox h3{font-size:26px}.muted{color:#6b7280}.logos{background:#fafafa}.logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.approved{height:100px;background:#fff;border:1px solid #eee;display:grid;place-items:center;color:#8b8f96;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e7e7e7;background:#fff;padding:28px;min-height:280px}.card .pic{height:150px;background:linear-gradient(135deg,#e5e7eb,#6b7280);margin:-28px -28px 24px;display:grid;place-items:center;color:#fff;font-weight:800}.card h3{margin:0 0 8px;font-size:19px}.card p{color:#6b7280;font-size:14px}.why{background:#111827;color:#fff}.why .heading p{color:#9ca3af}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.whyitem{border:1px solid #374151;padding:28px}.whyitem span{font-size:12px;color:#9ca3af}.whyitem h3{margin:10px 0}.whyitem p{color:#9ca3af;font-size:14px}.projects{background:#f7f7f7}.projectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{height:300px;padding:25px;display:flex;align-items:end;color:#fff;background:linear-gradient(135deg,#111827,#9ca3af);position:relative;overflow:hidden}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#000b)}.project div{position:relative;z-index:2}.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border:1px solid #eee}.post .pic{height:180px;background:linear-gradient(135deg,#d1d5db,#374151)}.post .body{padding:22px}.post h3{font-size:18px;line-height:1.3}.post p{font-size:13px;color:#6b7280}.numbers{background:#111827;color:#fff}.numgrid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.num strong{display:block;font-size:38px}.num span{color:#9ca3af;font-size:12px}.cta{background:#e5e7eb}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.form{border:1px solid #eee;padding:30px}.form label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;margin-top:6px;font:inherit}.footer{background:#0b0f15;color:#fff;padding:50px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#9ca3af;font-size:13px}.crumb{background:#f5f5f5;padding:35px 0}.crumb h1{margin:0;font-size:40px}.producthero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.productimg{height:420px;background:linear-gradient(135deg,#e5e7eb,#4b5563);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800}.checklist li{margin:8px 0}.mobile{display:none}@media(max-width:850px){.navlinks{display:none}.mobile{display:block}.split,.producthero,.formgrid{grid-template-columns:1fr}.cards,.whygrid,.projectgrid,.bloggrid{grid-template-columns:1fr 1fr}.logo-row{grid-template-columns:1fr 1fr}.cta .wrap{flex-direction:column;align-items:flex-start}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.whygrid,.projectgrid,.bloggrid,.numgrid,.footgrid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.section{padding:60px 0}}

.photo{background-image:none!important;background-size:cover;background-position:center}.card .pic.photo{height:210px;background:#e5e7eb}.productimg.photo{background:#e5e7eb;min-height:420px}.compact .card .pic.photo{height:210px;background:#e5e7eb}
@media(max-width:850px){
  .navlinks.mobile-open{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid #eee;box-shadow:0 14px 30px #0002;flex-direction:column;align-items:stretch;padding:16px 5%;gap:0;max-height:80vh;overflow:auto}
  .navlinks.mobile-open>a,.navlinks.mobile-open .dropbtn{padding:13px 0;text-align:left}
  .navlinks.mobile-open .dropdown{position:static;display:block;width:auto;border:0;box-shadow:none;padding:0 0 5px 15px}
  .navlinks.mobile-open .dropdown a{padding:8px 0}
  .navlinks.mobile-open .dropbtn{width:100%}
}
