body{
  margin:0;
  font-family:Inter,system-ui,Arial,sans-serif;
  color:#111;
  background:#f6f6f6;
}
.container{width:min(1100px,92%);margin:0 auto}
.header{
  background:#111;
  color:#fff;
}
.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
}
.brand{display:flex;gap:12px;align-items:center}
.brand-icon{
  width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,#ff6a00,#ff8a33);
}
.brand span{display:block;font-size:12px;color:#ccc}
.call-btn{
  background:#ff6a00;
  color:#111;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
}
.hero{
  background:#fff;
  padding:60px 0;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
}
.hero-text{color:#444}
.hero-actions{display:flex;gap:12px;margin-top:20px}
.btn{
  padding:12px 16px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
}
.btn.primary{background:#ff6a00;color:#111}
.btn.outline{border:2px solid #ff6a00;color:#ff6a00}
.hero-stats{display:grid;gap:12px}
.stat{
  background:#f9f9f9;
  padding:16px;
  border-radius:12px;
}
.section{padding:60px 0}
.section.light{background:#fff}
.section.dark{background:#111;color:#fff}
.cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.card{
  background:#fff;
  padding:18px;
  border-radius:12px;
}
.section.dark .card{background:#1b1b1b}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.step{
  background:#1b1b1b;
  padding:16px;
  border-radius:12px;
}
.step span{
  display:inline-block;
  background:#ff6a00;
  color:#111;
  width:28px;height:28px;
  border-radius:50%;
  text-align:center;
  line-height:28px;
  margin-right:8px;
}
.quote-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.quote-form input, .quote-form button{
  width:100%;
  padding:12px;
  margin-bottom:10px;
}
.quote-form button{
  background:#ff6a00;
  border:none;
  font-weight:700;
}
.footer{
  background:#111;
  color:#fff;
  padding:40px 0 20px;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.footer a{color:#ff8a33}
.footer-bottom{
  border-top:1px solid #333;
  margin-top:20px;
  padding-top:10px;
  font-size:13px;
}
.small{font-size:12px;color:#777}

@media(max-width:900px){
  .hero-grid,.quote-grid,.footer-grid{grid-template-columns:1fr}
  .cards,.steps{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .cards,.steps{grid-template-columns:1fr}
}