/* ================= faq page ================= */
.fq{padding-top:128px;padding-bottom:var(--sec)}
.fq-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.fq-crumbs{display:flex;gap:8px;font-size:14px;color:var(--soft)}
.fq-crumbs a{text-decoration:none;color:var(--ink)}
.fq-head h1{font-size:clamp(38px,5vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin-top:18px}
.fq-head p{color:var(--soft);font-size:18px;margin-top:14px;max-width:520px}
.fq-search{display:flex;align-items:center;gap:10px;width:min(420px,100%);border:1px solid #e3e1ee;border-radius:16px;padding:0 16px;background:var(--white);box-shadow:0 20px 50px -40px rgba(34,28,84,.5);transition:border-color .2s}
.fq-search:focus-within{border-color:var(--dark-2)}
.fq-search svg{width:18px;height:18px;fill:none;stroke:var(--soft);stroke-width:2;stroke-linecap:round;flex:none}
.fq-search input{flex:1;min-width:0;border:0;background:transparent;padding:15px 0;font:16px var(--f);color:var(--ink)}
.fq-search input:focus{outline:none}
.fq-search button{border:0;background:none;font:600 13px var(--f);color:var(--soft);cursor:pointer;padding:4px}
.fq-search button[hidden]{display:none}
.fq-pop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px;font-size:14px;color:var(--soft)}
.fq-pop a{color:var(--ink);font-weight:600;text-decoration:none}
.fq-pop a:hover{color:var(--acc)}

.fq-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,5vw,80px);margin-top:clamp(36px,5vw,60px);padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--line)}
.fq-nav{position:sticky;top:104px;align-self:start;display:grid;gap:2px}
.fq-nav a{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--soft);font-weight:500;font-size:15px;transition:background .2s,color .2s}
.fq-nav a:hover{color:var(--ink);background:var(--tint)}
.fq-nav a span{font-size:13px;font-variant-numeric:tabular-nums}
.fq-nav a.on{background:#14171b;color:var(--white)}
.fq-nav a.on span{color:#b9b6cc}
.fq-nav a.off{opacity:.4;pointer-events:none}
.fq-chips{display:none}

.fq-group{scroll-margin-top:100px}
.fq-group+.fq-group{margin-top:clamp(40px,5vw,64px)}
.fq-group[hidden]{display:none}
.fq-group h2{font-size:clamp(24px,2.4vw,30px);margin-bottom:14px}
.fq-group summary{font-size:17.5px}
.fq-group details[hidden]{display:none}
.fq-group details p{max-width:680px}
.fq-group details p+p{margin-top:-6px}
.fq-group details a{color:var(--ink);font-weight:600}
.fq-group mark{background:rgba(228,35,19,.14);color:inherit;border-radius:4px;padding:0 2px}
.fq-help{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--soft);padding-bottom:20px;margin-top:-4px}
.fq-help button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:5px 12px;font:600 13px var(--f);color:var(--ink);cursor:pointer}
.fq-help button:hover{border-color:var(--dark-2)}
.fq-help b{font-weight:600;color:var(--ink)}
.fq-none{border-radius:24px;background:var(--tint);padding:32px;text-align:center}
.fq-none[hidden]{display:none}
.fq-none b{display:block;font-size:20px}
.fq-none p{color:var(--soft);margin-top:6px}
.fq-none .btn{margin-top:18px}

.fq-cta{border-radius:32px;background:#14171b;color:var(--white);padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:minmax(0,.8fr) auto;gap:28px 48px;align-items:center;position:relative;overflow:hidden}
.fq-cta::before{content:"";position:absolute;left:-10%;bottom:-60%;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,35,19,.22),transparent);pointer-events:none}
.fq-cta>*{position:relative}
.fq-cta h2{font-size:clamp(28px,3vw,40px)}
.fq-cta p{color:#cfcbe6;margin-top:10px}
.fq-ways{display:grid;grid-template-columns:repeat(3,auto)}
.fq-ways a{padding:6px 22px;border-left:1px solid rgba(255,255,255,.14);text-decoration:none;color:var(--white);display:grid;gap:4px;min-width:0}
.fq-ways a:hover b{color:#ffb1a9}
.fq-ways small{font-size:13px;color:#b9b6cc}
.fq-ways b{font-size:17px;font-weight:600;white-space:nowrap;transition:color .2s}
.fq-ways span{font-size:13px;color:#8f8ca4}

@media (max-width:960px){
  .fq-head{grid-template-columns:minmax(0,1fr)}
  .fq-body{grid-template-columns:minmax(0,1fr)}
  .fq-nav{display:none}
  .fq-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;position:sticky;top:84px;z-index:5;background:var(--white);padding:12px 0;margin:-12px 0 8px}
  .fq-chips::-webkit-scrollbar{display:none}
  .fq-chips a{flex:none;border:1px solid #e3e1ee;border-radius:999px;padding:8px 14px;font:600 14px var(--f);color:var(--ink);text-decoration:none;background:var(--white)}
  .fq-chips a.on{background:#14171b;border-color:#14171b;color:var(--white)}
  .fq-chips a.off{display:none}
  .fq-cta{grid-template-columns:minmax(0,1fr)}
  .fq-ways{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fq-ways b{white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:680px){
  .fq{padding-top:100px}
  .fq-search{width:100%}
  .fq-ways{grid-template-columns:minmax(0,1fr)}
  .fq-ways a{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:14px 0}
  .fq-group summary{font-size:16.5px}
}