.fx-story{position:relative}.fx-story-graphic{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}.fx-story-chart{width:100%;max-width:1080px;height:84vh}.fx-story-steps{position:relative;z-index:2;margin-top:-100vh;pointer-events:none}.fx-story-step{min-height:100vh;display:flex;align-items:center;padding:0 1.25rem}.fx-story-card{pointer-events:auto;max-width:30rem;background:#0a1018db;border:1px solid rgba(197,164,93,.28);border-radius:12px;padding:1.4rem 1.6rem;opacity:.35;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;box-shadow:0 12px 44px #00000073}.fx-story-step.is-active .fx-story-card{opacity:1;transform:none}.fx-story-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#c5a45d;margin:0 0 .45rem}.fx-story-title{font-size:clamp(1.4rem,3.2vw,2.1rem);color:#f6f0e1;line-height:1.15;margin:0 0 .6rem}.fx-story-body{color:#d9c9a5;font-size:1.02rem;line-height:1.65;margin:0}.fx-story-legend{position:absolute;bottom:4vh;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:92vw;background:#0a1018d9;border:1px solid rgba(197,164,93,.22);border-radius:999px;padding:.4rem .95rem;pointer-events:none}.fx-story-legend span{color:#8c9bab;font-size:.68rem}.fx-story-legend em{font-style:normal;color:#d9c9a5;font-size:.76rem}.fx-story-ramp{width:120px;height:9px;border-radius:4px;display:inline-block}.fx-story-legend .fx-story-dot{background:#c5a45d;border-radius:50%;display:inline-block}.fx-story-step[data-story-id=tradeoff],.fx-story-step[data-story-id=perfect],.fx-story-step[data-story-id=cost]{align-items:flex-end;padding-bottom:2rem}.fx-story-foods{margin:1rem 0 0}.fx-story-foods ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.fx-story-foods li{display:grid;grid-template-columns:1fr 64px auto;align-items:center;gap:.6rem}.fx-story-foods .fx-sf-name{color:#f6f0e1;font-size:.86rem;line-height:1.2}.fx-story-foods .fx-sf-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ffffff14;width:64px}.fx-story-foods .fx-sf-bar i{display:block;height:100%}.fx-story-foods .fx-sf-stat{color:#c5a45d;font-size:.78rem;font-weight:700;white-space:nowrap;text-align:right}.fx-story-foods .fx-sf-key{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin:.6rem 0 0;color:#8c9bab;font-size:.68rem}.fx-story-foods .fx-sf-key i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-left:.5rem}.fx-story-foods .fx-sf-key i:first-child{margin-left:0}.fx-story-note{color:#8c9bab;font-size:.8rem;line-height:1.5;margin:.9rem 0 0;font-style:italic}.fx-story-rail{position:fixed;right:.9rem;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.fx-story-rail span{width:7px;height:7px;border-radius:999px;background:#c5a45d47;transition:background .3s,transform .3s}.fx-story-rail span.is-on{background:#c5a45d;transform:scale(1.5)}.fx-story-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 0}.fx-story-cta a{border:1px solid rgba(197,164,93,.45);color:#c5a45d;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.88rem}.fx-story-cta a:hover{background:#c5a45d1f;color:#f6f0e1}.fx-note{color:#8c9bab;font-size:.8rem;font-style:italic}.lnk{color:#c5a45d;text-decoration:underline;text-underline-offset:2px}.fx-cost{background:#0a101880;border:1px solid rgba(197,164,93,.18);border-radius:14px;padding:1.1rem 1rem 1.3rem}.fx-cost-head{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin-bottom:.4rem}.fx-cost-toggle{display:inline-flex;border:1px solid rgba(197,164,93,.35);border-radius:999px;overflow:hidden}.fx-cost-toggle button{background:transparent;color:#c5a45d;border:none;padding:.42rem 1.1rem;font-size:.9rem;cursor:pointer;font-family:inherit}.fx-cost-toggle button.on{background:#c5a45d;color:#0f1923;font-weight:700}.fx-cost-hint{color:#d9c9a5;font-size:.92rem;line-height:1.55;text-align:center;max-width:46rem;margin:0 auto;min-height:2.6em}.fx-cost-chart{width:100%;height:620px}.fx-cost-note{color:#8c9bab;font-size:.74rem;line-height:1.5;margin:.7rem 0 0;text-align:center}@media(prefers-reduced-motion:reduce){.fx-story-card{transition:none;transform:none}}@media(max-width:760px){.fx-story-chart{height:94vh}.fx-story-card{max-width:100%}.fx-story-rail{display:none}.fx-cost-chart{height:560px}}