*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:#fff;color:#111}
.wrap{max-width:1200px;margin:auto;padding:60px 20px}

/* HEADER */
.header{border-bottom:1px solid #eee}
.header-inner{display:flex;justify-content:space-between;align-items:center}
nav a{margin-left:18px;text-decoration:none;color:#111}
nav .active{color:#e53935}
.login{background:#e53935;color:#fff;padding:8px 14px;border-radius:4px}

/* HERO */
.hero{background:linear-gradient(120deg,#7b3a2f,#e85c4a);color:#fff;padding-bottom:160px;position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hero-buttons button{margin-right:10px;padding:12px 24px;border:none}
.primary{background:#e53935;color:#fff}

/* QUOTE BOX */
.quote-box{
  position:absolute;left:50%;bottom:-80px;transform:translateX(-50%);
  background:#fff;padding:24px;border-radius:10px;
  width:80%;box-shadow:0 30px 60px rgba(0,0,0,.2)
}
.tabs{text-align:center;margin-bottom:20px}
.tab{display:inline-block;padding:8px 30px;border-radius:20px}
.tab.active{background:#e53935;color:#fff}
.form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px}
.tracking{grid-template-columns:1fr auto}
.hidden{display:none}

/* SERVICES */
.services{margin-top:160px}
.toggle span{padding:8px 30px;border-radius:20px}
.toggle .active{background:#e53935;color:#fff}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.promo img{width:100%;border-radius:10px}

/* WHY */
.why{display:grid;grid-template-columns:1fr 1fr}
.why-text{background:#e53935;color:#fff;padding:80px}

/* PROCESS */
.steps{display:flex;justify-content:space-between}

/* FAQ */
.q{padding:18px;border-bottom:1px solid #ddd}

/* FOOTER */
.footer{background:#f8f8f8}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.copy{text-align:center;padding:20px;font-size:14px}