.faq-list{display:flex;flex-direction:column;gap:10px;max-width:820px}
.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 20px}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;color:var(--text);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-weight:400;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0 0 18px;color:var(--muted);line-height:1.65}
.faq-item summary:focus-visible{outline:2px solid var(--brand-tint);outline-offset:4px;border-radius:8px}

/* ---------- Brand palette (purple-pink logo) ---------- */
:root{--bg:#120D1C;--panel:#1A1426;--muted:#A59DB8}
body{background:var(--brand-plum);--blue:var(--brand-tint)}
.header{background:rgba(18,13,28,.88)}
.footer a:hover,.nav-links a:hover{color:var(--brand-tint)}
.button-primary{background:var(--brand-violet-deep);color:#fff;box-shadow:0 8px 40px rgba(124,58,237,.35)}
.button-primary:hover{background:var(--brand-violet-press);box-shadow:0 10px 45px rgba(139,92,246,.5)}
.button-outline{border-color:var(--brand-border-strong)}
.button-outline:hover{border-color:var(--brand-violet);background:rgba(139,92,246,.1)}
.gradient-text{background-image:linear-gradient(110deg,#8B5CF6 5%,#EC4899 95%)}
.hero:before{background:radial-gradient(ellipse at 80% 40%,rgba(139,92,246,.22),transparent 58%),radial-gradient(ellipse at 20% 80%,rgba(236,72,153,.14),transparent 50%)}
.paywall-stage:before{background:radial-gradient(ellipse,rgba(139,92,246,.24),transparent 67%)}
.hero .eyebrow{border-color:rgba(196,181,253,.28);background:rgba(139,92,246,.08);color:var(--brand-tint-soft)}
.faq-item{background:var(--brand-surface)}
.feature-card:nth-child(2){background:linear-gradient(140deg,#241A33,#101221);border-color:rgba(195,150,255,0.2)}
.feature-card:nth-child(2):hover{border-color:rgba(195,150,255,0.7);box-shadow:0 18px 50px rgba(137,69,229,0.1)}