/* Harmonia front-end (root) styles — independent of the /app stylesheet. */
:root {
  --bg:#0b0b12; --panel:#15151f; --panel-2:#1c1c28; --line:#2a2a38;
  --text:#f3f3f8; --muted:#9a9ab2; --brand:#8b5cf6; --brand-2:#a855f7;
  --green:#22c55e; --red:#ef4444; --radius:16px; --radius-sm:11px;
  --rail-w:240px; --pad:16px; --shadow:0 18px 50px rgba(0,0,0,.45);
  --safe-b:env(safe-area-inset-bottom,0px);
  font-synthesis:none; -webkit-text-size-adjust:100%;
}
body{background-attachment:fixed}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:radial-gradient(120% 80% at 100% 0,rgba(139,92,246,.14),transparent 45%),var(--bg);
  color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
h1{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin:.2em 0}
h2{font-size:1.15rem;font-weight:800;margin:.2em 0}
.h2-muted{color:var(--muted)}
.h2-eyebrow{color:var(--brand-2);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;margin:0}
.h2-hero{margin-bottom:18px}
.h2-doc-acc{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:12px;overflow:hidden}
.h2-doc-acc[open]{border-color:rgba(139,92,246,.4);box-shadow:0 10px 30px -18px rgba(139,92,246,.5)}
.h2-doc-sum{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;font-weight:800;font-size:1rem;color:#fff;user-select:none}
.h2-doc-sum::-webkit-details-marker{display:none}
.h2-doc-sum-ico{font-size:1.15rem;width:24px;text-align:center}
.h2-doc-sum-t{flex:1;min-width:0}
.h2-doc-sum-chev{color:var(--brand-2);transition:transform .2s;font-size:1.1rem}
.h2-doc-acc[open] .h2-doc-sum-chev{transform:rotate(180deg)}
.h2-doc-body{padding:2px 19px 18px;border-top:1px solid var(--line)}
.h2-doc-h3{color:#fff;font-size:1rem;margin:16px 0 4px}
.h2-doc-p{color:var(--muted);line-height:1.65;margin:9px 0}
.h2-doc-p strong,.h2-faq-a strong{color:#e7e7f2}
.h2-doc-ul{margin:8px 0 8px 2px;padding-left:18px;display:flex;flex-direction:column;gap:7px}
.h2-doc-ul li{color:var(--muted);line-height:1.55}
.h2-doc-link{color:var(--brand-2);text-decoration:none;border-bottom:1px solid rgba(139,92,246,.4)}
.h2-doc-link:hover{color:#fff;border-bottom-color:#fff}
.h2-faq-item{border:1px solid var(--line);border-radius:11px;margin:8px 0;background:#13131d}
.h2-faq-q{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;color:#e7e7f2;font-size:.92rem}
.h2-faq-q::-webkit-details-marker{display:none}
.h2-faq-q::before{content:'+';color:var(--brand-2);font-weight:900;margin-right:9px}
.h2-faq-item[open] .h2-faq-q::before{content:'\2212'}
.h2-faq-a{padding:0 14px 12px 30px}
.h2-faq-a .h2-doc-p{margin:4px 0}
@media (max-width:760px){.h2-docs{max-width:100%}.h2-doc-body{padding:2px 14px 16px}}