:root{
  --orange:#ff5a00;
  --black:#07090b;
  --dark:#101419;
  --text:#17191c;
  --muted:#62666c;
  --line:#e1e3e6;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.site-header{
  position:sticky;top:0;z-index:50;height:76px;padding:0 clamp(20px,4vw,56px);
  display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.97);color:#fff;
  border-bottom:1px solid #292929;overflow:hidden
}
.brand{display:flex;align-items:center;flex:0 0 auto;height:76px;overflow:hidden}
.brand img{display:block;width:auto;height:54px;max-width:430px;object-fit:contain;object-position:left center}
.footer-brand img{display:block;width:min(245px,100%);height:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;text-transform:uppercase}
.nav a{padding:10px 0}
.nav a:hover{color:var(--orange)}
.nav-cta{background:var(--orange);padding:14px 18px!important;border-radius:2px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}

.hero{position:relative;min-height:520px;background:#000;overflow:hidden;color:#fff}
.hero-image{position:absolute;inset:0;background:url('assets/hero.jpg') center right/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.98) 35%,rgba(0,0,0,.45) 67%,rgba(0,0,0,.12) 100%)}
.hero-content{position:relative;z-index:2;width:min(670px,88%);padding:76px clamp(26px,7vw,86px)}
.eyebrow{margin:0 0 14px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:2px}
h1{font-size:clamp(42px,5vw,68px);line-height:.98;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}
h1 span{color:var(--orange)}
.lead{max-width:620px;font-size:18px;line-height:1.5}
.quick-points{display:flex;flex-wrap:wrap;gap:24px;margin:26px 0;font-size:14px;text-transform:uppercase}
.quick-points span{border-right:1px solid #666;padding-right:24px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;text-transform:uppercase;font-size:12px;border-radius:2px}
.btn.primary{background:var(--orange);color:#fff}
.btn.outline{border:1px solid #6e737a}
.btn.text{padding-left:0;color:#fff}

section{padding:56px clamp(20px,7vw,86px)}
.section-heading{text-align:center;margin-bottom:30px}
.section-heading.left{text-align:left}
.section-heading h2{margin:0 0 10px;text-transform:uppercase;font-size:28px}
.section-heading p{margin:0;color:var(--muted)}
.impact{background:#f6f6f6}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:auto}
.impact-grid article{text-align:center;padding:10px 20px;border-right:1px solid #d9d9d9}
.impact-grid article:last-child{border-right:0}
.impact-grid span{display:block;color:var(--orange);font-size:38px;height:48px}
.impact-grid h3{font-size:13px;text-transform:uppercase}
.orange-note{text-align:center;color:var(--orange);font-weight:800}

.services{padding-top:44px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto}
.service-card{border:1px solid #ddd;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.service-card img{height:150px;object-fit:cover}
.service-card div{padding:22px}
.service-card h3{margin:0 0 10px;text-transform:uppercase}
.service-card p{color:var(--muted);line-height:1.45;min-height:64px}
.service-card a{color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase}
.capabilities{margin:50px auto 0;max-width:1150px;text-align:center;border-top:1px solid #eee;padding-top:28px}
.capabilities h2{text-transform:uppercase;font-size:22px}
.capability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-transform:uppercase;font-size:14px}
.capability-list span{padding:14px;border-right:1px solid #ddd}
.capability-list span:last-child{border:0}
.capability-list span::first-letter{color:var(--orange)}

.why{padding:0;display:grid;grid-template-columns:38% 62%;background:#0c0f13;color:#fff}
.why-visual{min-height:390px;background:url('assets/globe.jpg') center/cover no-repeat}
.why-content{padding:48px clamp(24px,5vw,72px)}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.why-grid p{display:flex;gap:15px;margin:0;padding:18px 0;border-bottom:1px solid #353a40;text-transform:uppercase;font-size:13px;line-height:1.4}
.why-grid span{color:var(--orange);font-size:25px}

.statement{padding:28px;text-align:center;background:linear-gradient(90deg,#efefef,#fff,#efefef)}
.statement h2{margin:0;text-transform:uppercase;font-size:clamp(34px,5vw,58px);line-height:.95}
.statement span{color:var(--orange)}

.contact-band{display:grid;grid-template-columns:1.4fr auto auto;align-items:center;gap:22px;max-width:1300px;margin:auto}
.contact-band h2{margin:0 0 6px;text-transform:uppercase}
.contact-band p{margin:0;color:var(--muted)}

footer{background:#0d1014;color:#fff;padding:40px clamp(20px,7vw,86px);display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:34px;font-size:13px}
footer h3{margin-top:0;text-transform:uppercase;font-size:13px}
footer a,footer p{display:block;color:#c8cbd0;line-height:1.65;margin:0}
.domain{color:var(--orange)!important;font-weight:700}

@media(max-width:900px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:74px;left:0;right:0;background:#080808;padding:20px;flex-direction:column;align-items:stretch;gap:8px}
  .nav.open{display:flex}
  .hero-content{padding-top:56px}
  .impact-grid,.card-grid,.capability-list{grid-template-columns:1fr 1fr}
  .why{grid-template-columns:1fr}
  .why-visual{min-height:260px}
  .contact-band{grid-template-columns:1fr}
  footer{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .brand img{width:auto;max-width:62vw;height:44px}
  .hero{min-height:640px}
  .hero-image{background-position:64% center;opacity:.55}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.35),#000 74%)}
  .hero-content{padding:46px 22px}
  .quick-points{display:grid;gap:12px}
  .quick-points span{border:0;padding:0}
  section{padding:42px 20px}
  .impact-grid,.card-grid,.capability-list,.why-grid,footer{grid-template-columns:1fr}
  .impact-grid article,.capability-list span{border-right:0;border-bottom:1px solid #ddd}
  .contact-band .btn{width:100%}
}

@media(max-width:1100px){
  .brand img{height:46px;max-width:300px}
  .nav{gap:18px}
}