.faq-page { background:#02070a; }
.site-nav a.is-current:after { transform:scaleX(1); transform-origin:left; }
.faq-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); gap:clamp(36px,7vw,110px); align-items:center; overflow:hidden; min-height:500px; padding:86px clamp(24px,7vw,116px) 78px; border-bottom:1px solid #1c2e38; isolation:isolate; background:radial-gradient(circle at 76% 42%,rgba(11,116,242,.16),transparent 29%),linear-gradient(120deg,#02070a 10%,#071119 54%,#03080d); }
.faq-hero:after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(2,7,10,.08),rgba(2,7,10,.54) 66%,rgba(2,7,10,.8)); }
.faq-hero-copy { max-width:640px; }.faq-hero h1 { max-width:600px; margin-bottom:18px; font-size:clamp(44px,5vw,78px); }.faq-hero h1 span { background:linear-gradient(90deg,#0b9fff,#8751f2 45%,#f3cb33); -webkit-background-clip:text; color:transparent; }.faq-hero-copy > p:not(.eyebrow) { max-width:570px; margin-bottom:30px; color:#bdcbd0; font-size:15px; line-height:1.75; }
.faq-wisp { position:absolute; z-index:-1; width:66vw; height:3px; opacity:.75; filter:blur(2px); transform:rotate(-21deg); }.faq-wisp-one { top:37%; right:-19%; background:#128eff; box-shadow:0 0 24px 5px #087ef4,0 0 82px 13px rgba(6,112,244,.46); }.faq-wisp-two { top:55%; right:-11%; background:#b24aff; box-shadow:0 0 22px 4px #a742ef,0 0 75px 12px rgba(164,58,239,.38); transform:rotate(-12deg); }.faq-wisp-three { top:63%; right:-17%; background:#f0ba1b; box-shadow:0 0 22px 4px #dfac19,0 0 75px 12px rgba(222,158,16,.28); transform:rotate(-30deg); }
.faq-system-card { position:relative; padding:28px; border:1px solid #2d4b60; border-radius:10px; background:linear-gradient(145deg,rgba(10,24,33,.94),rgba(3,10,15,.93)); box-shadow:0 30px 70px rgba(0,0,0,.38),inset 0 1px rgba(137,211,255,.1); backdrop-filter:blur(14px); }.faq-system-card:before { position:absolute; top:-1px; right:17%; width:35%; height:1px; content:""; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 14px var(--cyan); }.faq-system-label { display:block; margin-bottom:22px; color:#35bdff; font-size:10px; font-weight:800; letter-spacing:.16em; }.faq-system-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.faq-system-grid div { padding:16px; border:1px solid rgba(55,90,107,.65); border-radius:6px; background:rgba(4,14,21,.75); }.faq-system-grid b { display:block; margin-bottom:4px; color:#eff8fa; font-size:13px; text-transform:uppercase; }.faq-system-grid span { color:#91a9b2; font-size:10px; }.faq-system-card p { margin:18px 0 0; color:#aebfc6; font-size:12px; line-height:1.65; }
.faq-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:clamp(36px,9vw,150px); align-items:center; padding:78px clamp(24px,7vw,116px); border-bottom:1px solid #1e3039; background:linear-gradient(90deg,#071117,#040b0f); }.faq-intro-copy { max-width:690px; }.faq-intro h2,.faq-section-heading h2,.faq-cta h2 { margin-bottom:14px; color:#f3f7f8; font-size:clamp(30px,3.25vw,52px); font-weight:800; line-height:1.11; text-transform:uppercase; }.faq-intro-copy > p:not(.eyebrow),.faq-section-heading > p:not(.eyebrow),.faq-cta p:not(.eyebrow) { color:#aebdc3; font-size:14px; line-height:1.75; }.faq-principles { display:grid; gap:12px; padding:0; margin:0; list-style:none; }.faq-principles li { display:flex; gap:14px; align-items:center; min-height:56px; padding:12px 15px; border-left:2px solid #0b9cff; color:#eaf2f4; background:rgba(8,21,28,.7); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.faq-principles li:nth-child(2) { border-color:#9854f7; }.faq-principles li:nth-child(3) { border-color:#ffd325; }.faq-principles span { color:#76cef6; font-size:10px; font-weight:800; }
.faq-section { padding:96px clamp(24px,7vw,116px); }.faq-section-security { border-block:1px solid #20333d; background:linear-gradient(120deg,#061018,#03080c 56%,#07121a); }.faq-section-heading { max-width:740px; margin-bottom:43px; }.faq-section-heading h2 { max-width:700px; }.faq-section-heading > p:not(.eyebrow) { max-width:650px; margin-bottom:0; }.faq-list { display:grid; border-top:1px solid #2a414d; }.faq-list details { border-bottom:1px solid #2a414d; background:rgba(4,12,17,.46); transition:background .2s ease; }.faq-list details[open] { background:linear-gradient(90deg,rgba(8,28,40,.82),rgba(4,12,17,.43)); }.faq-list summary { display:grid; grid-template-columns:56px minmax(0,1fr) 34px; gap:18px; align-items:center; min-height:86px; padding:19px 24px; cursor:pointer; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:#22b7ff; font-size:11px; font-weight:800; }.faq-list summary h3 { margin:0; color:#f1f5f6; font-size:16px; font-weight:700; line-height:1.35; }.faq-list summary i { display:grid; place-items:center; width:30px; height:30px; border:1px solid #49616c; border-radius:50%; color:#b8d0d7; font-size:20px; font-style:normal; line-height:1; transition:transform .2s ease,background .2s ease; }.faq-list details[open] summary i { color:#061118; border-color:var(--cyan); background:var(--cyan); transform:rotate(45deg); }.faq-list summary:focus-visible { outline:2px solid var(--cyan); outline-offset:-4px; }.faq-answer { max-width:850px; padding:0 74px 26px 98px; }.faq-answer p { margin:0; color:#bac8cd; font-size:13px; line-height:1.76; }
.faq-cta { display:flex; justify-content:space-between; gap:50px; align-items:center; padding:72px clamp(24px,7vw,116px); border-top:1px solid #264453; background:radial-gradient(circle at 72% 35%,rgba(29,114,255,.16),transparent 31%),linear-gradient(115deg,#06121a,#04090e 62%,#090815); }.faq-cta > div { max-width:730px; }.faq-cta h2 { max-width:680px; }.faq-cta p:not(.eyebrow) { max-width:600px; margin-bottom:0; }.faq-cta .button { flex:0 0 auto; min-width:178px; }
@media (max-width:980px) { .faq-hero { grid-template-columns:1fr; min-height:0; padding-block:66px; }.faq-system-card { max-width:620px; }.faq-intro { grid-template-columns:1fr; }.faq-principles { grid-template-columns:repeat(3,1fr); }.faq-principles li { align-items:start; flex-direction:column; gap:4px; }.faq-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:780px) { .faq-hero { padding:55px 24px 50px; }.faq-hero h1 { font-size:42px; }.faq-intro,.faq-section,.faq-cta { padding:60px 24px; }.faq-principles { grid-template-columns:1fr; }.faq-principles li { flex-direction:row; align-items:center; }.faq-list summary { grid-template-columns:38px minmax(0,1fr) 30px; gap:12px; min-height:76px; padding:16px 12px; }.faq-list summary h3 { font-size:14px; }.faq-answer { padding:0 18px 22px 62px; }.faq-answer p { font-size:12px; }.faq-cta .button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .faq-wisp { display:none; } }