/* support.html — page-specific styles (loaded after legal.css) */
.contact-cta{
  margin-top:26px; display:inline-flex; align-items:center; gap:9px;
  background:var(--accent); color:#fff; font-size:14.5px; font-weight:600;
  padding:13px 22px; border-radius:11px; text-decoration:none;
  box-shadow:0 6px 22px -6px var(--accent);
}
h2.sec{font-size:24px; font-weight:800; letter-spacing:-.02em; margin:48px 0 0}
ol.steps{margin:18px 0 0; padding:0; list-style:none; counter-reset:step}
ol.steps li{
  position:relative; counter-increment:step; padding:14px 16px 14px 52px;
  border:1px solid var(--line); background:var(--card); border-radius:12px; margin-bottom:10px;
}
ol.steps li::before{
  content:counter(step,decimal-leading-zero); position:absolute; left:16px; top:14px;
  font-family:ui-monospace,Menlo,monospace; font-size:13px; font-weight:700; color:var(--accent-ink);
}
ol.steps li b{color:var(--fg); font-weight:700}
.tiers{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px}
.tier{border:1px solid var(--line); background:var(--card); border-radius:14px; padding:20px 22px}
.tier.pro{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.tier h3{margin:0; font-size:16px; font-weight:800}
.tier .price{font-size:12.5px; color:var(--muted); margin-top:2px}
.tier ul{margin:14px 0 0; padding-left:18px}
.tier li{margin:5px 0; font-size:13.5px; color:#45454e}
details.faq{border-bottom:1px solid var(--line); padding:4px 0}
details.faq summary{
  cursor:pointer; list-style:none; padding:16px 0; font-size:15.5px; font-weight:600;
  color:var(--fg); display:flex; align-items:center; gap:10px;
}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::before{content:"+"; color:var(--accent-ink); font-weight:700; width:14px}
details.faq[open] summary::before{content:"–"}
details.faq .body{padding:0 0 16px 24px}
details.faq .body p{margin:0 0 8px}
@media(max-width:560px){ .tiers{grid-template-columns:1fr} }