/* FAQs page. Builds on tos.css tokens; faq.js drives the accordion, tabs and search. */
.fx-hero{position:relative;isolation:isolate;overflow-x:clip;color:#fff;padding:30px 0 70px;background:radial-gradient(700px 420px at 85% 0,rgba(124,61,255,.42),transparent 65%),radial-gradient(520px 360px at 0 100%,rgba(224,79,240,.2),transparent 70%),linear-gradient(160deg,#160a3d,#2a1270 55%,#1d0d52)}
.fx-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fx-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:30px 30px;-webkit-mask-image:radial-gradient(70% 80% at 30% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 30% 40%,#000,transparent)}
.fx-hin .tos-crumbs{margin-bottom:20px}
.fx-hero h1{max-width:900px;margin:0 0 16px;color:#fff;font-size:clamp(28px,4.2vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.fx-hero h1 .tos-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.14em;margin-bottom:-.14em}
.fx-hero h1 .tos-w>span{display:inline-block;animation:tos-word .95s cubic-bezier(.2,.8,.2,1) calc(var(--w,0) * 80ms + .1s) both}
.fx-sub{margin:0 0 8px;color:#c4b5fd;font-size:clamp(15px,1.6vw,18px);font-weight:700;letter-spacing:.01em}
.fx-lead{max-width:640px;margin:0 0 26px;color:#d6cff0;font-size:clamp(15.5px,1.5vw,17.5px)}
.fx-search{position:relative;display:flex;align-items:center;gap:8px;max-width:640px;padding:6px 14px 6px 8px;border-radius:20px;background:#fff;box-shadow:0 24px 56px rgba(8,3,28,.4);transition:box-shadow .3s,transform .3s}
.fx-search:focus-within{transform:translateY(-2px);box-shadow:0 30px 64px rgba(8,3,28,.5),0 0 0 4px rgba(196,181,253,.5)}
.fx-sic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#f1eefb;color:var(--brand);transition:transform .35s cubic-bezier(.3,1.4,.5,1),background-color .25s,color .25s}
.fx-sic .i{width:22px;height:22px}
.fx-search:focus-within .fx-sic{transform:scale(1.08) rotate(-6deg);background:var(--brand);color:#fff}
.fx-search input{flex:1;min-width:0;padding:15px 4px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:600;outline:0}
.fx-search input::placeholder{color:#8a85a0;font-weight:500}
.fx-search input::-webkit-search-cancel-button{display:none}
.fx-clear{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:50%;background:#f1eefb;color:var(--deep);cursor:pointer;transition:background-color .2s,transform .25s}
.fx-clear:hover{background:#e3d9fb;transform:rotate(90deg)}
.fx-clear[hidden]{display:none}
.fx-clear .i{width:14px;height:14px}

.fx-main{position:relative;padding:0 0 84px;background:linear-gradient(180deg,#faf8ff,#fff 420px)}
.fx-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.fx-left{min-width:0;margin-top:-30px}
.fx-side{position:sticky;top:96px;margin-top:-30px}
.fx-tabs{display:flex;gap:8px;padding:8px;overflow-x:auto;border-radius:999px;background:#fff;box-shadow:0 20px 50px rgba(22,9,58,.16);scrollbar-width:none}
.fx-tabs::-webkit-scrollbar{display:none}
.fx-tab{display:inline-flex;align-items:center;gap:8px;flex:none;padding:11px 18px;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .25s,color .25s,transform .2s,box-shadow .25s}
.fx-tab .i{width:16px;height:16px}
.fx-tab small{padding:2px 8px;border-radius:999px;background:#f1eefb;color:var(--deep);font-size:11.5px;font-weight:800;transition:background-color .25s,color .25s}
.fx-tab:hover{background:#f6f3ff;color:var(--brand)}
.fx-tab.is-on{background:linear-gradient(135deg,#5b2dd4,#7c3dff);color:#fff;box-shadow:0 8px 20px rgba(106,53,232,.38)}
.fx-tab.is-on small{background:rgba(255,255,255,.22);color:#fff}
.fx-count{margin:18px 4px 0;color:var(--muted);font-size:14px;font-weight:700}
.fx-count[hidden],.fx-group[hidden],.fx-item[hidden],.fx-none[hidden]{display:none}
.fx-group{margin-top:34px}
.fx-group h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--ink);font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.015em}
.fx-gic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#5b2dd4,#a43df0);box-shadow:0 8px 18px rgba(106,53,232,.32)}
.fx-gic .i{width:20px;height:20px}
.fx-list{display:grid;gap:12px}
.fx-item{border:1px solid #ece6ff;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(75,33,181,.06);transition:box-shadow .3s,border-color .3s,transform .3s}
.fx-item:hover{border-color:#d6c8ff;box-shadow:0 16px 36px rgba(75,33,181,.12)}
.fx-item.is-open{border-color:#c7b3f7;box-shadow:0 20px 44px rgba(75,33,181,.16)}
.fx-item h3{margin:0}
.fx-item button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 22px;border:0;border-radius:20px;background:none;color:var(--ink);font:inherit;font-size:16.5px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;transition:color .2s}
.fx-item button:hover,.fx-item.is-open button{color:var(--brand)}
.fx-ic{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:#f1eefb;color:var(--brand);transition:background-color .25s,color .25s,transform .35s cubic-bezier(.3,1.4,.5,1)}
.fx-ic::before,.fx-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:currentColor;transition:transform .3s}
.fx-ic::after{transform:rotate(90deg)}
.fx-item.is-open .fx-ic{background:var(--brand);color:#fff;transform:rotate(180deg)}
.fx-item.is-open .fx-ic::after{transform:rotate(0)}
.fx-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1)}
.fx-a>div{overflow:hidden}
.fx-item.is-open .fx-a{grid-template-rows:1fr}
.fx-a>div>*{margin:0;padding:0 22px;color:#4d476a;font-size:15.5px;line-height:1.7}
.fx-a>div>*:last-child{padding-bottom:22px}
.fx-a ul{display:grid;gap:8px;margin:10px 0 0;padding:0 22px 0 44px;list-style:none}
.fx-a li{position:relative}
.fx-a li::before{content:"";position:absolute;left:-22px;top:.62em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#5b2dd4,#c026d3)}
.fx-a li a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fx-a ul+p{padding-top:12px;font-weight:600}
.fx-none{margin-top:34px;padding:44px 24px;border:1px dashed #d6c8ff;border-radius:24px;background:#faf8ff;text-align:center}
.fx-nic{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#f1eefb;color:var(--brand)}
.fx-nic .i{width:26px;height:26px}
.fx-none h3{margin:0 0 6px;color:var(--ink);font-size:20px}
.fx-none p{margin:0 0 18px;color:var(--muted)}

.fx-card{position:relative;overflow:hidden;padding:30px 26px 26px;border:1px solid #e6dcff;border-radius:28px;background:#fff;box-shadow:0 2px 6px rgba(22,9,58,.03),0 30px 70px rgba(75,33,181,.18)}
.fx-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#4b21b5,#c026d3,#7c3dff);background-size:200% 100%;animation:tos-shine 6s linear infinite}
.fx-cic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#5b2dd4,#a43df0);box-shadow:0 10px 22px rgba(106,53,232,.34)}
.fx-cic .i{width:24px;height:24px}
.fx-card h2{margin:0 0 8px;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.01em}
.fx-card p{margin:0 0 20px;color:var(--muted);font-size:14.5px}
.fx-btn{width:100%;margin-bottom:10px;padding:14px 18px}
.fx-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--brand);font-size:14px;font-weight:800;text-decoration:none}
.fx-link .i{width:16px;height:16px;transition:transform .25s}
.fx-link:hover .i{transform:translateX(5px)}

@media (max-width:1000px){
  .fx-grid{grid-template-columns:1fr;gap:34px}
  .fx-side{position:static;margin-top:0}
  .fx-left{margin-top:-26px}
}
@media (max-width:640px){
  .fx-hero{padding:22px 0 56px}
  .fx-search input{font-size:15px}
  .fx-item button{padding:17px 16px;font-size:15.5px}
  .fx-a>div>*{padding-left:16px;padding-right:16px;font-size:15px}
  .fx-a>div>*:last-child{padding-bottom:18px}
  .fx-a ul{padding-left:38px}
  .fx-card{padding:26px 20px 22px;border-radius:24px}
}
@media (prefers-reduced-motion:reduce){.fx-card::before{animation:none}.fx-a{transition:none}}
body:has(.fx-hero) .tos-footer{margin-top:0}