/* Simple responsive styling for BuildForce site */
:root{
  --accent:#0b84ff;
  --dark:#0b1220;
  --muted:#6b7280;
  --bg:#0f1724;
  --card:#0b1220;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; margin:0; background: #f7fafc; color:#0f1724; line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{background:white;border-bottom:1px solid #e6e9ee}
.nav{display:flex;align-items:center;gap:16px;padding:12px 24px}
.brand{font-weight:700;color:var(--accent);font-size:20px}
.navlinks{margin-left:auto;display:flex;gap:12px;align-items:center}
a{color:inherit;text-decoration:none}
button.cta{background:var(--accent);color:white;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}
.hero{display:grid;grid-template-columns:1fr 420px;gap:24px;padding:48px 24px;align-items:center}
.hero h1{font-size:34px;margin:0 0 12px}
.card{background:white;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(11,18,32,0.06)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}
.footer{background:#0b1220;color:#cbd5e1;padding:28px 24px;margin-top:36px}
.grid{display:grid;gap:12px}
.section{padding:28px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.contact-form input, .contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e9ee;margin-bottom:10px}
@media(max-width:880px){
  .hero{grid-template-columns:1fr; padding:24px}
  .navlinks{display:none}
}