/* AI Factory: /ai/factory/ and the band on /ai/ (factory_site.py, golde-3c 2026-10-11). Linked only on those two pages. */

/* band on /ai/ */
.fx-band-sec{padding:72px 0;background:var(--paper)}
.fx-band{display:grid;grid-template-columns:1fr auto;gap:32px 48px;align-items:center;padding:40px 44px;border-radius:24px;
  border:1px solid rgba(171,156,255,.38);background:radial-gradient(circle at 92% 0%,rgba(171,156,255,.14),transparent 55%),var(--white)}
.fx-band .label{color:var(--ai-lo,var(--gold-lo))}
.fx-band h3{font:400 clamp(30px,3vw,40px)/1.1 var(--display);margin:14px 0 10px;text-wrap:balance}
.fx-band h3 em{font-style:italic;color:var(--gold-lo)}
.fx-band p{color:var(--muted);max-width:640px}
@media (max-width:860px){.fx-band{grid-template-columns:1fr;padding:32px 26px}.fx-band .btn{justify-self:start}}

/* problem: two columns */
.fx-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fx-col{border-radius:22px;padding:36px 34px 30px}
.fx-col h3{font:400 clamp(28px,2.6vw,34px)/1.15 var(--display);margin:14px 0 18px}
.fx-col h3 em{font-style:italic}
.fx-col ul{list-style:none;border-top:1px solid var(--line)}
.fx-col li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.fx-col li .ico{width:17px;height:17px;margin-top:4px}
.fx-old{background:var(--white);border:1px solid var(--line)}
.fx-old h3 em{color:var(--muted)}
.fx-old li{color:var(--muted)}
.fx-old li .ico{color:var(--muted-2)}
.fx-new{background:var(--deep,var(--ink));color:#fff;border:1px solid rgba(200,163,90,.45)}
.fx-new .label{color:var(--gold)}
.fx-new h3 em{color:var(--gold)}
.fx-new ul,.fx-new li{border-color:var(--line-d)}
.fx-new li .ico{color:var(--gold)}
@media (max-width:860px){.fx-compare{grid-template-columns:1fr}.fx-col{padding:30px 24px 24px}}

/* flywheel */
.fx-fly{align-items:center}
.fx-fly .khead{margin-bottom:24px}
.fx-fly p{color:rgba(255,255,255,.66);margin-bottom:18px;max-width:540px}
.fx-svg{display:flex;justify-content:center}
.fw{display:block;width:100%;max-width:520px;height:auto;overflow:visible}
.fw-ring{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
.fw-arc{fill:none;stroke:var(--ai,var(--gold));stroke-width:2;opacity:.85}
.fw-tip{fill:var(--ai,var(--gold))}
.fw-node rect{fill:#17142a;stroke:rgba(171,156,255,.5);stroke-width:1}
.fw-node text{fill:#fff;font:600 15.5px var(--sans);text-anchor:middle}
.fw-key rect{fill:var(--gold);stroke:none}
.fw-key text{fill:var(--ink)}
.fw-mid{fill:var(--gold-hi);font:italic 400 34px var(--display);text-anchor:middle}
.fx-four-head{margin:72px 0 0}
.fx-four-head .label{color:var(--gold)!important}
.fx-four{margin-top:22px}
@media (max-width:900px){.fx-fly{grid-template-columns:1fr;gap:28px}.fx-four-head{margin-top:48px}}

/* metrics + faq */
.fx-metrics .ai-card h3{font-size:26px}
.fx-faq{max-width:820px;margin:0 auto}