/* ===== Contact page - （） ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,system-ui,sans-serif;color:#333;line-height:1.6;background:#fff}
.container{max-width:800px;margin:0 auto;padding:0 20px}
.section{padding:60px 0}
.section.pt0{padding-top:0}
h2{font-size:1.5rem;font-weight:800;color:#222;margin-bottom:8px}
@media(min-width:768px){.container{padding:0}}

/* Hero - */
.contact-hero{background:#fff;padding:60px 0 0;text-align:center}
.contact-hero h1{font-size:2rem;font-weight:800;color:#222;margin-bottom:10px;letter-spacing:-.01em}
.contact-hero .sub{font-size:14px;color:#666;max-width:640px;margin:0 auto;line-height:1.7}

/* */
.channels{display:grid;grid-template-columns:1fr;gap:12px;max-width:800px;margin:36px auto 0}
.channel-card{display:block;text-align:center;padding:20px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;transition:box-shadow .2s,border-color .2s}
.channel-card:hover{border-color:#c7cede;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.channel-card .ch-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#eef2ff;margin:0 auto 10px}
.channel-card .ch-icon.wa{background:#dcfce7}
.channel-card .ch-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.channel-card .ch-value{font-size:15px;font-weight:700;color:#222}
.channel-card .ch-note{font-size:12px;color:#888;margin-top:2px}
.channel-card.primary{border:1.5px solid #25D366;background:#f0fdf6}
.channel-card.primary .ch-label{color:#16a34a}
.channel-card.primary .ch-value{color:#15803d}

/* */
.form-row{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:12px;font-weight:600;color:#444}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:12px;font-size:14px;font-family:inherit;color:#333;background:#fff;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,.1)}
.form-group textarea{min-height:140px;resize:vertical}
.btn-submit{width:100%;padding:14px;background:#1e40af;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}
.btn-submit:hover{background:#1e3a8a}
.form-trust{text-align:center;font-size:12px;color:#888;margin-top:12px;line-height:1.7}
@media(min-width:768px){
  .form-row{grid-template-columns:repeat(2,1fr)}
  .form-row.full{grid-template-columns:1fr}
}

/* */
.next-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px;background:#fff}
.next-card h3{font-size:.95rem;font-weight:700;color:#222;margin-bottom:14px}
.next-steps-row{display:grid;grid-template-columns:1fr;gap:12px}
.next-step{display:flex;gap:12px;align-items:flex-start}
.next-step .step-no{width:22px;height:22px;border-radius:50%;background:#eef2ff;color:#1e40af;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.next-step p{font-size:13px;color:#666;line-height:1.6}
.next-step p strong{color:#222;font-weight:600}

/* - PC 2 */
.addr-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.addr-card{border:1px solid #e5e7eb;border-radius:12px;padding:18px 22px;background:#fff}
.addr-card p{font-size:13px;color:#666;line-height:1.7}
.addr-card strong{color:#222}
@media(min-width:768px){
  .next-steps-row{grid-template-columns:repeat(3,1fr);gap:20px}
  .addr-grid{grid-template-columns:1fr 1fr}
}

/* PC hero */
@media(min-width:768px){
  .contact-hero{padding:100px 0 0}
  .contact-hero h1{font-size:2.4rem}
  .contact-hero .sub{font-size:15px}
  .channels{grid-template-columns:repeat(3,1fr)}
  .section{padding:80px 0}
}