:root{--green:#009688;--green-dark:#006f65;--ink:#101820;--muted:#64748b;--line:#e5e7eb;--bg:#f6f8f7;--gold:#d4a43f;--shadow:0 18px 45px rgba(16,24,32,.12)}
*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}
body{background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}
.contact-hero{min-height:330px;padding:78px 7% 52px;color:white;background:linear-gradient(90deg,rgba(7,17,31,.88),rgba(7,17,31,.42)),url("https://upload.wikimedia.org/wikipedia/commons/5/54/Vending_Machines.jpg") center/cover}
.contact-hero>div{max-width:850px}
.eyebrow{color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase}
.contact-hero h1{margin-top:10px;font-size:clamp(38px,5vw,68px);line-height:1.04}
.contact-hero p:not(.eyebrow){max-width:680px;margin-top:16px;color:rgba(255,255,255,.86);line-height:1.75}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;padding:54px 7% 80px}
.contact-card,.info-card{border:1px solid var(--line);border-radius:10px;background:white;box-shadow:var(--shadow)}
.contact-card{padding:28px}
.contact-card h2,.info-card h2{font-size:32px;line-height:1.1}
.contact-card>p,.info-card>p{margin-top:8px;color:var(--muted);line-height:1.65}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.contact-form label{display:grid;gap:8px;color:#475569;font-size:13px;font-weight:900}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:50px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:0 13px;color:var(--ink);outline:0}
.contact-form textarea{min-height:140px;padding:13px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(0,150,136,.45);box-shadow:0 0 0 4px rgba(0,150,136,.1)}
.wide{grid-column:1/-1}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.submit-contact{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;border:0;border-radius:8px;background:var(--green);color:white;padding:0 18px;font-weight:900;cursor:pointer}
.submit-contact:disabled{opacity:.62;cursor:wait}
.form-status{color:var(--muted);font-size:13px;font-weight:700}
.info-stack{display:grid;gap:18px}
.info-card{padding:22px}
.info-list{display:grid;gap:12px;margin-top:18px}
.info-list div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}
.info-list i{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#e8f5f3;color:var(--green-dark)}
.info-list strong{display:block;color:var(--ink)}
.info-list span{display:block;color:var(--muted);font-size:13px}
.service-grid{display:grid;gap:10px;margin-top:18px}
.service-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;font-weight:900}
.service-grid a:hover{border-color:rgba(0,150,136,.35);background:#eef7f5;color:var(--green-dark)}
.legal-footer{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:24px 7%;border-top:1px solid var(--line);background:white;color:#64748b;font-size:13px}
.legal-footer span{font-weight:900;color:var(--ink)}
@media(max-width:980px){.contact-layout{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}}
@media(max-width:620px){.contact-hero{padding:64px 20px 40px}.contact-layout{padding:34px 20px 64px}.contact-card,.info-card{padding:20px}.contact-actions{align-items:stretch;flex-direction:column}.submit-contact{width:100%}}