/* FAQ uses the same public shell. All layout rules remain scoped to this page. */
body[data-page="faq"]{--faq-ink:#e7e6ee}
.faq-hero{position:relative;max-width:1440px;margin:auto;padding:58px 5% 62px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:510px;overflow:hidden}
.faq-breadcrumb{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:35px}.faq-breadcrumb .ui-icon{width:15px;height:15px}.faq-hero h1{font-size:clamp(38px,4.3vw,66px);max-width:760px;line-height:1.06;margin:17px 0 21px;letter-spacing:-.055em}.faq-hero h1 em{display:block;color:var(--purple);font-style:normal}.faq-intro{color:#b9b8c8;max-width:520px;line-height:1.75;font-size:16px}.faq-hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}.faq-hero .motion-toggle{position:absolute;right:5%;bottom:14px}
.faq-visual{position:relative;aspect-ratio:1.25;isolation:isolate;transform:translate(var(--pointer-x,0),var(--pointer-y,0));display:grid;place-items:center}.faq-visual:before{content:'';position:absolute;inset:7%;border-radius:50%;background:#a976ff30;filter:blur(45px);z-index:-1}.faq-visual>img{width:88%;height:74%;object-fit:cover;border-radius:48% 48% 14px 14px;border:1px solid #c1a2ff66;box-shadow:0 20px 80px #0009}.faq-orbit{position:absolute;inset:0;border:1px solid #c1a2ff44;border-radius:50%;transform:rotate(-26deg);pointer-events:none}.faq-orbit:after{content:'';position:absolute;top:14%;left:14%;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px var(--lime)}.faq-orbit.second{inset:8% -4%;border-style:dashed;border-color:#c1a2ff26;transform:rotate(27deg)}.faq-visual-tag{position:absolute;bottom:5%;font:9px Sono,monospace;letter-spacing:.14em;color:var(--purple);padding:9px 15px;border:1px solid #c1a2ff33;border-radius:30px;background:#101017}
.faq-hub{max-width:1440px;margin:0 auto;padding:32px 5% 60px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:60px;align-items:start;scroll-margin-top:105px}.faq-sidebar{position:sticky;top:120px}.faq-sidebar nav>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:16px}.faq-sidebar nav>a{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--faq-ink)}.faq-sidebar nav>a>span{font:10px Sono,monospace;color:var(--purple)}.faq-sidebar nav>a>.ui-icon{width:18px;margin-left:auto;color:var(--purple)}.faq-sidebar nav>a:hover{color:var(--lime)}.faq-help{margin-top:30px;padding:24px;border:1px solid #c1a2ff30;border-radius:18px;background:linear-gradient(140deg,#c1a2ff0c,transparent)}.faq-help-icon{display:inline-flex;color:var(--purple);margin-bottom:14px}.faq-help h2{font-size:21px;line-height:1.25;letter-spacing:-.02em}.faq-help p{font-size:13px;color:var(--muted);margin:12px 0;line-height:1.7}.faq-help .text-link{font-size:12px;text-align:left;background:transparent;line-height:1.5;gap:8px;margin-top:6px}.faq-help .text-link>.ui-icon{width:17px;flex-shrink:0}
.faq-search{margin-bottom:22px}.faq-search>label{font-size:12px;color:var(--muted);display:block;margin-bottom:9px}.faq-search-field{display:flex;gap:12px;align-items:center;border:1px solid #c1a2ff40;border-radius:14px;padding:0 16px;background:#12131c}.faq-search-field:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px #c1a2ff22}.faq-search-field>.ui-icon{color:var(--purple);width:20px;flex-shrink:0}.faq-search input{width:100%;min-width:0;padding:16px 0;border:0;background:transparent;color:var(--white);outline:none;font-size:16px}.faq-search input::placeholder{color:#9896aa}.faq-search input::-webkit-search-cancel-button{display:none}.faq-search-field>button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff0a;flex-shrink:0}.faq-search-field>button>.ui-icon{width:17px}.faq-result-count{font-size:12px;color:var(--muted);min-height:20px;margin-top:6px}.faq-empty{border:1px solid var(--line);border-radius:16px;padding:25px;color:var(--muted)}
.faq-group{scroll-margin-top:115px;margin-bottom:32px}.faq-group-heading{display:flex;align-items:center;gap:12px;padding:0 0 16px}.faq-group-heading>span{font:10px Sono,monospace;color:var(--purple);border:1px solid #c1a2ff3a;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.faq-group-heading h2{font-size:22px;letter-spacing:-.02em}.faq-group-heading>.ui-icon{margin-left:auto;width:22px;color:var(--purple)}.faq-item{border:1px solid var(--line);border-radius:13px;margin:0 0 9px;background:linear-gradient(115deg,#16151e,#101117);overflow:hidden;scroll-margin-top:120px}.faq-item>summary{display:flex;align-items:center;gap:20px;padding:20px 22px;list-style:none;font-size:16px;line-height:1.5;color:var(--faq-ink);font-weight:600}.faq-item>summary::-webkit-details-marker,.faq-video>summary::-webkit-details-marker{display:none}.faq-item>summary>.ui-icon{width:19px;height:19px;flex-shrink:0;margin-left:auto;color:var(--purple);transition:transform .25s}.faq-item[open]{border-color:#c1a2ff55;background:linear-gradient(115deg,#1a1726,#101117)}.faq-item[open]>summary{color:var(--lime)}.faq-item[open]>summary>.ui-icon{transform:rotate(45deg)}.faq-answer{padding:0 22px 22px}.faq-answer>p{font-size:15px;line-height:1.85;color:#c5c2d2;max-width:76ch}.faq-video{margin-top:17px}.faq-video>summary{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--purple);list-style:none;flex-wrap:wrap;width:fit-content}.faq-video>summary>.ui-icon{width:16px;height:16px}.faq-video small{color:#aaa5bb;font-size:10px}.faq-video video{width:100%;max-width:540px;aspect-ratio:16/9;background:#08090d;border-radius:12px;margin-top:15px;object-fit:contain;display:block}.faq-ready{max-width:1296px;margin:0 auto 65px;padding:50px 30px;text-align:center;border:1px solid #c1a2ff30;border-radius:24px;background:radial-gradient(ellipse at 50% 100%,#7953c826,transparent 70%)}.faq-ready h2{font-size:clamp(28px,3vw,44px);margin:15px 0}.faq-ready>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0 auto 25px;max-width:550px}
.motion-on .faq-orbit{animation:faq-orbit 36s linear infinite}.motion-on .faq-orbit.second{animation-direction:reverse;animation-duration:48s}.motion-on .faq-visual>img{animation:faq-float 8s ease-in-out infinite}@keyframes faq-orbit{to{transform:rotate(334deg)}}@keyframes faq-float{50%{translate:0 -9px}}
@media(max-width:1050px){.faq-hub{grid-template-columns:220px minmax(0,1fr);gap:30px}.faq-hero{gap:25px;min-height:470px}.faq-hero h1{font-size:46px}.faq-hero-links{gap:18px}.faq-ready{margin-left:5%;margin-right:5%}}
@media(max-width:760px){.faq-hero{display:block;padding:27px 22px 40px;min-height:0}.faq-breadcrumb{margin-bottom:22px;font-size:11px}.faq-hero h1{font-size:clamp(34px,9vw,50px);max-width:600px;line-height:1.1;margin:14px 0 19px}.faq-intro{font-size:14px;max-width:520px}.faq-hero-links{margin-top:22px;gap:17px}.faq-hero-links .button{font-size:13px}.faq-hero-links .text-link{font-size:12px}.faq-visual{width:235px;margin:30px auto 5px}.faq-visual-tag{font-size:6px;padding:7px 11px}.faq-orbit:after{width:6px;height:6px}.faq-hero .motion-toggle{right:22px;bottom:0}.faq-hub{display:block;padding:28px 22px 24px}.faq-sidebar{position:static}.faq-sidebar nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.faq-sidebar nav>.eyebrow{width:100%;margin:0 0 3px}.faq-sidebar nav>a{padding:10px 12px;border:1px solid var(--line);border-radius:24px;font-size:11px;gap:7px;background:#17151e}.faq-sidebar nav>a>.ui-icon{display:none}.faq-help{display:none}.faq-group-heading{gap:10px}.faq-group-heading h2{font-size:20px}.faq-group-heading>span{width:28px;height:28px}.faq-item>summary{padding:16px;font-size:15px;gap:15px}.faq-answer{padding:0 16px 18px}.faq-answer>p{font-size:14px;line-height:1.8}.faq-video>summary{font-size:12px;gap:8px}.faq-group{margin-bottom:28px}.faq-ready{margin:0 22px 45px;padding:30px 20px}.faq-ready h2{font-size:29px;line-height:1.15}.faq-ready>p:not(.eyebrow){font-size:14px}.faq-search input{font-size:16px}.faq-hub,.faq-group{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.faq-visual{transform:none!important}.faq-visual *{animation:none!important}.faq-item>summary>.ui-icon{transition:none}}
