@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root{
  --charcoal:#3A3F44;
  --blue:#0A5BA8;
  --orange:#FF6A00;
  --light-blue:#D9E4F0;
  --paper:#FAFBFC;
  --white:#FFFFFF;
  --muted:#65707A;
  --line:#D9E4F0;
  --dark:#24282C;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--charcoal);
  background:var(--paper);
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  line-height:1.6;
}
.container{width:min(1120px,calc(100% - 48px));margin:auto}

.site-header{
  background:rgba(255,255,255,.97);
  position:sticky;top:0;z-index:10;
  border-top:7px solid var(--charcoal);
  border-bottom:1px solid var(--line);
}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.brand img{
  width:285px;
  max-height:72px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  display:block;
}
nav{display:flex;align-items:center;gap:24px}
nav a{color:var(--charcoal);text-decoration:none;font-size:12px;font-weight:400}
.nav-cta{
  color:var(--blue);
  border:1px solid var(--blue);
  padding:10px 15px;
  font-weight:500;
}
.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--charcoal)}

.hero{padding:95px 0 90px;background:linear-gradient(120deg,#FAFBFC 55%,#F2F6FA)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}
.eyebrow{
  font-size:10px;font-weight:600;letter-spacing:.13em;
  color:var(--orange);margin:0 0 18px;text-transform:uppercase;
}
h1,h2,h3{font-family:'Montserrat',sans-serif;line-height:1.12;margin:0}
h1{font-size:clamp(45px,6vw,72px);font-weight:700;letter-spacing:-.045em;max-width:800px}
h2{font-size:clamp(32px,4vw,50px);font-weight:600;letter-spacing:-.035em}
.lead{font-size:18px;max-width:660px;color:#58636B;margin:28px 0 35px;font-weight:400}
.hero-actions{display:flex;align-items:center;gap:28px}
.button{display:inline-block;text-decoration:none;padding:14px 21px;font-weight:600;font-size:14px}
.primary{background:var(--blue);color:white}
.text-link{color:var(--charcoal);font-weight:500;text-decoration:none;font-size:14px}
.text-link span{font-size:20px;margin-left:6px}

.hero-card{background:var(--dark);color:#fff;padding:40px 36px;border-left:4px solid var(--orange)}
.card-label{font-size:9px;letter-spacing:.13em;color:#F0B08A}
.hero-card h2{font-size:30px;font-weight:600;margin:24px 0}
.hero-card p:last-child{color:#D5DDE1;font-size:14px}
.line{height:1px;background:#667078;margin:25px 0}

.trust-strip{background:white;border-block:1px solid var(--line)}
.trust-strip .container{display:flex;justify-content:space-between;padding:20px 0;color:#65707A;font-size:12px}
.trust-strip span:before{content:'•';color:var(--orange);padding-right:9px}

.section{padding:105px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.two-col>div:nth-child(2)>p{font-size:17px;color:#5C676F;margin-top:0}

.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
.opportunity-grid article{background:#fff;padding:30px;border-top:3px solid var(--orange)}
.opportunity-grid span{font-weight:700;color:var(--orange)}
.opportunity-grid h3{font-size:20px;font-weight:600;margin:35px 0 10px}
.opportunity-grid p{color:#68737A;margin:0;font-size:15px}

.dark{background:var(--charcoal);color:white}
.dark .eyebrow{color:#FF9A52}
.dark h2{max-width:700px}
.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}
.step{border-top:1px solid #65717A;padding-top:22px}
.step span{color:var(--orange);font-size:14px;font-weight:700}
.step h3{font-size:19px;font-weight:600;margin:20px 0 12px}
.step p{color:#D4DBDE;font-size:14px}

.focus{background:var(--light-blue)}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.checklist div{padding:16px 0;border-bottom:1px solid #C2D0DF;font-size:15px}
.checklist div:before{content:'↗';color:var(--orange);font-weight:700;margin-right:10px}

.about{background:white}
.signature{font-family:'Montserrat',sans-serif;letter-spacing:.18em;font-weight:700;margin-top:35px!important;color:var(--blue)!important}
.small{font-size:12px!important;color:var(--muted)!important;font-weight:300}

.contact{background:var(--blue);color:white;padding:90px 0}
.contact .eyebrow{color:#D9E4F0}
.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:90px}
.contact h2{font-size:42px;font-weight:600}
.contact p{font-size:17px}
.contact .primary{background:var(--orange)}
.contact-note{font-size:13px!important;margin-top:16px}

footer{background:var(--charcoal);color:#D9E4F0}
.footer-inner{display:flex;justify-content:space-between;padding:25px 0;font-size:12px}

@media(max-width:800px){
  .nav{height:82px}
  .brand img{width:230px;max-height:60px}
  nav{display:none}
  .menu-toggle{display:block}
  .hero{padding:70px 0}
  .hero-grid,.two-col,.contact-inner{grid-template-columns:1fr;gap:45px}
  .hero-card{max-width:520px}
  .opportunity-grid,.approach-grid{grid-template-columns:1fr 1fr}
  .trust-strip .container{flex-direction:column;gap:8px}
  .section{padding:75px 0}
  .checklist{grid-template-columns:1fr}
  h1{font-size:48px}
}
@media(max-width:520px){
  .container{width:min(100% - 32px,1120px)}
  .brand img{width:190px;max-height:52px}
  h1{font-size:40px}
  .opportunity-grid,.approach-grid{grid-template-columns:1fr}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .footer-inner{flex-direction:column;gap:5px}
  .contact h2{font-size:35px}
}