/* ============================================================
   styles/pfaq.css (FINAL-146)
   THE FAQ component: 32px gradient orb on frosted glass, picked
   by Bucky in FINAL-138. Extracted verbatim from pricing.html so
   pricing and faq.html share one implementation (FAQ identity
   law, DECISIONS 2026-07-15). Pages supply tokens: --font-display,
   --font-mono, --text, --text-secondary, --muted, --line, --accent.
   ============================================================ *//* ===== Pricing FAQ: Orb on frosted glass (FINAL-138, Bucky-picked) ===== */.pfaq{position:relative;max-width:780px;margin:72px auto 0;padding:0 20px 88px}.pfaq .amb{position:absolute;inset:-40px 0 auto;height:340px;z-index:0;pointer-events:none;filter:blur(70px);opacity:.5;background:radial-gradient(340px 200px at 18% 30%, rgba(139,92,246,.30), transparent 70%),radial-gradient(300px 190px at 82% 12%, rgba(230,150,110,.24), transparent 70%)}html[data-theme="dark"] .pfaq .amb{opacity:.32}.pfaq > h2{position:relative;z-index:1;display:flex;align-items:baseline;gap:14px;font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-0.015em;margin:0 0 6px}.pfaq > h2::after{content:"";flex:1;height:1px;background:var(--line)}.pfaq > .sub{position:relative;z-index:1;font-size:14px;color:var(--muted);margin:0 0 22px}.pfaq-glass{position:relative;z-index:1;border-radius:24px;padding:8px 26px;background:linear-gradient(160deg, rgba(255,255,255,.62), rgba(255,255,255,.38));-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 55px -35px rgba(76,29,149,.35),inset 0 1px 0 rgba(255,255,255,.8)}html[data-theme="dark"] .pfaq-glass{background:linear-gradient(160deg, rgba(30,26,22,.62), rgba(23,19,16,.45));border-color:rgba(255,255,255,.09);box-shadow:0 24px 55px -35px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.pfaq-row{border-bottom:1px solid var(--line)}.pfaq-row:last-child{border-bottom:0}.pfaq-q{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:21px 2px;transition:padding-left .25s ease}.pfaq-row:hover .pfaq-q{padding-left:10px}.pfaq-q .t{font-family:var(--font-display);font-weight:700;font-size:16.5px;letter-spacing:-0.01em;color:var(--text);transition:color .2s}.pfaq-row:hover .t{color:var(--accent)}.pfaq-orb{margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%, #8b5cf6, #3b1670 78%);box-shadow:0 6px 14px -6px rgba(76,29,149,.55);transition:transform .4s cubic-bezier(.3,1.5,.4,1),box-shadow .3s}.pfaq-orb svg{stroke:#fff}.pfaq-row:hover .pfaq-orb{transform:scale(1.12) rotate(-10deg);box-shadow:0 9px 18px -6px rgba(76,29,149,.6)}.pfaq-row.open .pfaq-orb{transform:rotate(-180deg)}.pfaq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.3,.9,.3,1)}.pfaq-row.open .pfaq-a{grid-template-rows:1fr}.pfaq-a > div{overflow:hidden}.pfaq-a p{margin:0;padding:0 52px 22px 2px;max-width:62ch;font-size:14.5px;line-height:1.7;color:var(--text-secondary)}.pfaq-a p b{color:var(--text)}.pfaq-q:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){.pfaq-orb,.pfaq-q,.pfaq-a{transition:none !important}}@media (max-width:640px){.pfaq-glass{padding:4px 18px}.pfaq-a p{padding-right:14px}}/* ===== Folder-tab catalog (FINAL-144, canonical .ftab from styles/ftabs.css) ===== */#crmTabs{--ftab-i:color-mix(in srgb, var(--text) 5%, var(--bg));--ftab-bw:1px;--card-border:var(--line-strong);--ink:var(--text);--body:var(--font-body);--ease-out:cubic-bezier(0.23,1,0.32,1);--card:var(--surface);--card-2:color-mix(in srgb, var(--text) 4%, var(--bg));--card-shadow:0 10px 26px -20px rgba(28,27,25,0.35)}#crmTabs .ftab.active{--tb:var(--surface)}/* FINAL-145: folder tabs never wrap (wrapped rows inherit the overlap
     margin -> ragged starts, and only the bottom row fuses into the panel).
     One scrollable row, like a real folder drawer. */#crmTabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}#crmTabs::-webkit-scrollbar{display:none}#crmTabs .ftab{flex:none}#crmTabs .ftab .cdot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:7px;vertical-align:0}.fix-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:0 16px 16px 16px;padding:14px;position:relative;z-index:1}.fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:700px){.fix-grid{grid-template-columns:1fr}}.fix-card{--bc:var(--accent);border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:var(--surface);transition:transform .2s cubic-bezier(.3,1.2,.3,1),border-color .2s,box-shadow .2s}.fix-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--bc) 42%, transparent);box-shadow:0 12px 26px -18px color-mix(in srgb, var(--bc) 55%, transparent)}.fix-card .fname{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text)}.fix-card .fdesc{font-size:12px;color:var(--muted);margin:4px 0 10px;line-height:1.5;min-height:36px}.fix-card .frow{display:flex;align-items:center;justify-content:space-between;gap:10px}.fix-card .fprice{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--text)}.fix-card .fprice small{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);font-weight:500;margin-left:2px}.fband{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:8px}.fband i{width:7px;height:7px;border-radius:2px}.fix-card .rprev{margin-top:0}