/* ============================================================
   ScanChamp — 06 · SUPPORT
   Стили страницы Contact Support. Подключается после 05-legal.css
   (переиспользует .legal-hero / .legal-back для верхней плашки).
   ============================================================ */

.support-main{padding:56px 0 96px;}
.support-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:24px;align-items:start;}

/* ---------- Главная карточка с почтой ---------- */
.support-email{background:var(--ink);color:#fff;border-radius:var(--r-2xl);padding:40px 40px 36px;
  position:relative;overflow:hidden;box-shadow:var(--shadow-lift);}
.support-email::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,102,255,.45),rgba(0,102,255,0) 68%);top:-120px;right:-90px;}
.support-email .se-inner{position:relative;z-index:1;}
.support-email .se-icon{width:56px;height:56px;border-radius:16px;background:var(--blue-500);
  display:grid;place-items:center;margin-bottom:22px;box-shadow:var(--shadow-fab);}
.support-email .se-icon svg{width:28px;height:28px;color:#fff;}
.support-email .se-label{font-family:var(--font-ui);font-weight:700;font-size:13px;letter-spacing:.10em;
  text-transform:uppercase;color:var(--blue-300);margin:0 0 10px;}
.support-email h2{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.02em;
  color:#fff;margin:0 0 8px;}
.support-email p{color:rgba(255,255,255,.72);font-size:16px;margin:0 0 24px;max-width:420px;}
.support-email .se-addr{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-pill);padding:11px 20px;margin-bottom:22px;}
.support-email .se-addr a{font-family:var(--font-display);font-weight:600;font-size:19px;color:#fff;}
.support-email .se-addr a:hover{color:var(--blue-200);}
.support-email .se-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.support-email .se-cta .btn-primary{background:var(--blue-500);}
.support-email .se-note{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.66);}
.support-email .se-note svg{width:16px;height:16px;color:var(--blue-300);}

/* ---------- Карточка «что приложить» ---------- */
.support-checklist{background:#fff;border:1px solid var(--border-card);border-radius:var(--r-xl);
  box-shadow:var(--shadow-card);padding:30px 30px 32px;}
.support-checklist h3{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink);
  margin:0 0 6px;letter-spacing:-.01em;}
.support-checklist .sc-sub{font-size:14.5px;color:var(--slate);margin:0 0 20px;}
.support-checklist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.support-checklist li{display:flex;gap:12px;font-size:15px;line-height:1.5;color:var(--graphite);}
.support-checklist li svg{width:20px;height:20px;color:var(--success);flex:none;margin-top:1px;}

/* ---------- Сетка тем обращений ---------- */
.support-section-head{max-width:680px;margin:64px 0 28px;}
.support-section-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3vw,32px);
  letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;}
.support-section-head p{font-size:17px;color:var(--slate);margin:0;}

.support-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.topic-card{background:#fff;border:1px solid var(--border-card);border-radius:var(--r-xl);padding:28px;
  transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s,border-color .25s;}
.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:#D6E0EE;}
.topic-card .t-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;
  background:var(--blue-50);color:var(--blue-500);}
.topic-card .t-ic svg{width:25px;height:25px;}
.topic-card .t-ic.orange{background:#FFF1E6;color:var(--orange-500);}
.topic-card .t-ic.green{background:#E7F8EC;color:var(--success);}
.topic-card .t-ic.violet{background:#F0ECFE;color:#7C5CFC;}
.topic-card h3{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink);margin:0 0 9px;letter-spacing:-.01em;}
.topic-card p{font-size:14.5px;line-height:1.6;color:var(--slate);margin:0 0 14px;}
.topic-card a.t-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue-600);}
.topic-card a.t-link svg{width:15px;height:15px;transition:transform .18s;}
.topic-card a.t-link:hover svg{transform:translateX(3px);}

/* ---------- Быстрые ссылки ---------- */
.support-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px;}
.support-links a{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--gray-200);
  border-radius:var(--r-pill);padding:12px 20px;font-size:15px;font-weight:600;color:var(--ink);
  transition:border-color .18s,transform .18s,box-shadow .2s;}
.support-links a:hover{border-color:var(--blue-400);color:var(--blue-600);transform:translateY(-2px);box-shadow:var(--shadow-card);}
.support-links a svg{width:18px;height:18px;color:var(--blue-500);}

/* ---------- Юр. строка внизу ---------- */
.support-legal{margin-top:56px;padding-top:26px;border-top:1px solid var(--hairline);
  font-size:14px;line-height:1.7;color:var(--quiet);max-width:640px;}
.support-legal b{color:var(--slate);font-weight:600;}

/* ---------- Адаптив ---------- */
@media(max-width:900px){
  .support-grid{grid-template-columns:1fr;}
  .support-topics{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .support-main{padding:36px 0 72px;}
  .support-email{padding:30px 24px;}
  .support-email .se-addr a{font-size:16px;}
  .support-section-head{margin:44px 0 22px;}
}