.contact-hero { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:5rem 2rem 3rem; text-align:center; }
.contact-grid { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:0 2rem 6rem; display:grid; grid-template-columns:1.4fr 1fr; gap:3rem; align-items:start; }
.contact-direct-wrap { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:2.5rem; }
.contact-direct-wrap h2 { font-size:1.2rem; font-weight:600; color:var(--white); margin-bottom:.5rem; }
.contact-direct-wrap > p { font-size:.9rem; color:var(--muted); margin-bottom:1.5rem; line-height:1.7; }
.contact-mail-row { display:flex; align-items:center; gap:.75rem; background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:.75rem; margin-bottom:.5rem; }
.contact-mail-link { flex:1; font-family:var(--mono); font-size:.92rem; color:var(--accent); text-decoration:none; overflow-wrap:anywhere; }
.copy-feedback { min-height:1.35rem; font-size:.8rem; color:var(--muted); margin-bottom:1.5rem; }
.contact-quick-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1.5rem; }
.contact-direct-note { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:1rem 1.1rem; }
.contact-direct-note p { font-size:.85rem; color:var(--muted); line-height:1.7; }
.contact-infos { display:flex; flex-direction:column; gap:1rem; }
.contact-info-card { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.5rem; display:flex; align-items:flex-start; gap:1rem; transition:border-color .2s; }
.contact-info-card:hover { border-color:rgba(0,119,204,.25); }
.ci-icon { width:40px; height:40px; border-radius:10px; background:rgba(0,119,204,.1); border:1px solid rgba(0,119,204,.2); display:flex; align-items:center; justify-content:center; color:var(--accent); flex-shrink:0; }
.ci-icon svg { width:18px; height:18px; }
.ci-label { font-size:.75rem; color:var(--muted); margin-bottom:.25rem; text-transform:uppercase; letter-spacing:.05em; font-weight:600; }
.ci-val { font-size:.92rem; font-weight:500; color:var(--white); }
.ci-val a { color:var(--accent); text-decoration:none; }
.contact-guarantee { background:rgba(0,119,204,.06); border:1px solid rgba(0,119,204,.18); border-radius:14px; padding:1.5rem; text-align:center; }
.contact-guarantee p { font-size:.88rem; color:var(--muted); line-height:1.7; }
.contact-guarantee strong { color:var(--text); }

.contact-title  { font-size:clamp(2rem,4vw,2.75rem); text-align:center; }
.contact-sub    { font-size:1rem; color:var(--muted); max-width:460px; margin:0 auto; line-height:1.8; text-align:center; }
.text-sm-muted  { font-size:.82rem; color:var(--muted); line-height:1.65; }

@media (max-width: 1024px) {
  .contact-grid { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
  .contact-hero { padding:4rem 1.25rem 2rem; }
  .contact-grid { padding:0 1.25rem 4rem; }
  .contact-mail-row { flex-direction:column; align-items:stretch; }
  .contact-quick-actions { flex-direction:column; }
}

@media (max-width: 480px) {
  .contact-direct-wrap { padding:1.5rem; }
}