:root { --brand:#0f766e; --brand2:#134e4a; }
*{box-sizing:border-box} body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:#0f172a}
.container{max-width:960px;margin:0 auto;padding:1.25rem}
.hero{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff}
.btn{display:inline-block;margin-right:.5rem;background:#fff;color:#000;padding:.6rem .9rem;border-radius:.5rem;text-decoration:none}
.btn.outline{background:transparent;color:#fff;border:1px solid #fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}
.card{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}
.rfq form{display:grid;gap:.75rem;max-width:520px}
.rfq input,.rfq select,.rfq textarea{padding:.6rem;border:1px solid #cbd5e1;border-radius:.5rem}
.rfq button{padding:.7rem 1rem;border:0;background:var(--brand);color:#fff;border-radius:.5rem;cursor:pointer}
.msg{min-height:1.25rem}
.footer{background:#f8fafc}