.faq-main { max-width: 900px; margin: 0 auto; padding: clamp(30px, 5vw, 64px) clamp(18px, 5vw, 36px) 80px; }

.faq-crumbs { display: flex; align-items: center; gap: 8px; font-size: .86rem; color: var(--ink-dim); margin-bottom: 22px; }
.faq-crumbs a { color: var(--ink-mut); }
.faq-crumbs a:hover { color: var(--ink); }
.faq-crumbs .sep { color: var(--line-2); }

.faq-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-mut); margin-bottom: 16px; }
.faq-eyebrow .pip { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(200,245,58,.6); }
.faq-eyebrow.lav .pip { background: var(--lav); box-shadow: 0 0 14px rgba(170,178,243,.6); }

.faq-title { font-family: var(--display); font-weight: 800; font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3rem); line-height: 1.08; letter-spacing: -.02em; margin: 0 0 14px; color: var(--ink); }
.faq-lead { color: var(--ink-mut); font-size: 1.06rem; line-height: 1.6; margin: 0; max-width: 60ch; }

.faq-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(30px, 4vw, 48px); }
.faq-card { display: flex; flex-direction: column; gap: 14px; background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 26px 24px; transition: transform .18s ease, border-color .25s, background .25s; }
.faq-card:hover { transform: translateY(-4px); border-color: var(--line-2); background: var(--card-2); }
.faq-card-ic { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 15px; background: rgba(200,245,58,.12); border: 1px solid rgba(200,245,58,.28); color: var(--lime); font-size: 1.6rem; }
.faq-card.lav .faq-card-ic { background: rgba(170,178,243,.14); border-color: rgba(170,178,243,.3); color: var(--lav); }
.faq-card h3 { margin: 0; font-family: var(--display); font-weight: 800; font-size: 1.2rem; color: var(--ink); letter-spacing: -.01em; }
.faq-card p { margin: 0; color: var(--ink-mut); font-size: .96rem; line-height: 1.55; flex: 1; }
.faq-card-go { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: .95rem; color: var(--lime); }
.faq-card.lav .faq-card-go { color: var(--lav); }
.faq-card-go i { transition: transform .2s ease; }
.faq-card:hover .faq-card-go i { transform: translateX(4px); }

.faq-list { display: grid; gap: 14px; margin-top: clamp(28px, 4vw, 44px); }

.faq-help { margin-top: clamp(40px, 6vw, 64px); position: relative; overflow: hidden; background: var(--card); border: 1px solid var(--line); border-radius: 24px; padding: clamp(26px, 4vw, 44px); text-align: center; }
.faq-help h2 { font-family: var(--display); font-weight: 800; font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2rem); margin: 0 0 10px; color: var(--ink); }
.faq-help p { color: var(--ink-mut); margin: 0 0 22px; }

@media (max-width: 760px) {
  .faq-cards { grid-template-columns: 1fr; }
}

.foot { border-top: 1px solid var(--line); padding: 40px 0 32px; color: var(--ink-dim); font-size: .9rem; }
.foot .brand-logo { height: 22px; }
.foot-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 40px; }
.foot-col { display: flex; flex-direction: column; gap: 10px; }
.foot-brand .brand-logo { height: 24px; margin-bottom: 2px; }
.foot-legal { color: var(--ink-mut); font-size: .88rem; margin-top: 2px; }

.foot-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.pay-ico { height: 22px; width: auto; padding: 8px 12px; background: rgba(255, 255, 255, .04); border: 1px solid var(--line); border-radius: 8px; display: block; box-sizing: content-box; transition: background .2s, border-color .2s; }
.pay-ico:hover { background: rgba(255, 255, 255, .08); border-color: var(--line-2); }

.foot-h { font-family: var(--display); font-weight: 800; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); margin-bottom: 6px; }

.foot-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ink-mut); font-size: .9rem; transition: color .18s; text-decoration: none; }
.foot-link:hover { color: var(--lime); }
.foot-link i { font-size: 1.1rem; color: var(--ink-dim); transition: color .18s; }
.foot-link:hover i { color: var(--lime); }

.foot-apps { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.foot-app { width: 44px; height: 44px; display: grid; place-items: center; background: #fff; color: #000; border-radius: 12px; font-size: 1.4rem; text-decoration: none; transition: transform .18s, filter .2s; }
.foot-app:hover { transform: translateY(-2px); filter: brightness(.95); }

.foot a { color: var(--ink-mut); }
.foot a:hover { color: var(--ink); }

@media (max-width: 900px) {
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .foot-col:first-child { grid-column: span 2; }
}
@media (max-width: 560px) {
  .foot-grid { grid-template-columns: 1fr; gap: 26px; }
  .foot-col:first-child { grid-column: auto; }
}