/* XAU visual language: editorial trading screens, gold traces and quiet motion. */
.motion-scene{--chart-gold:#edc77e;--chart-silver:#8596a8;--chart-rose:#bf8d91}
.trading-svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}
.chart-grid{fill:none;stroke:#c7d3e3;stroke-opacity:.1;stroke-width:1}
.candle-up{fill:var(--chart-gold);stroke:var(--chart-gold)}
.candle-down{fill:var(--chart-silver);stroke:var(--chart-silver)}
.candle-chart g path{fill:none;stroke-width:1.4}
.volume-bar{opacity:.16;stroke:none}
.chart-reference{stroke:#edc77e;stroke-opacity:.45;stroke-dasharray:4 6;fill:none}
.chart-scan{stroke:#f2d7a3;stroke-opacity:.3;fill:none;stroke-width:1}
.axis-label{fill:#aab7c7;font-size:13px;letter-spacing:1px;font-weight:500}
.line-area{fill:#d1a253;opacity:.09}.price-trace{fill:none;stroke:#edc77e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.price-tip{fill:#f7dda9}
.flow-line{stroke:#45515f;stroke-width:1.5;fill:none}.flow-travel{stroke:#efd193;stroke-width:2;stroke-dasharray:5 180;fill:none}
.flow-orbit{fill:none;stroke:#e2c17f;stroke-opacity:.22;stroke-width:1}.flow-node{fill:#25292f;stroke:#dfbd75;stroke-width:1}
.flow-number{fill:#f2d69d;font-size:25px;font-weight:450}.flow-label{fill:#d3dce6;font-size:18px;font-weight:500}
.diagram-label{fill:#d6dde7;font-size:18px}.bar-track{fill:#212933}.diagram-bar.gold,.session-band.gold{fill:#d9b673}.diagram-bar.silver,.session-band.silver{fill:#7e91a9}.diagram-bar.rose,.session-band.rose{fill:#ae7d82}
.diagram-bar{transform-box:fill-box;transform-origin:left center}.session-label{fill:#11171e;font-size:18px;font-weight:650}.risk-label{fill:#bac6d5;font-size:16px;letter-spacing:1px}.risk-value{fill:#101820;font-size:25px;font-weight:600}.driver-node{fill:#1b242f;stroke:#647487;stroke-opacity:.5}.driver-center{fill:#f0d398;font-size:30px;letter-spacing:2px}

/* Editorial headers use their topic graphic as a second reading entry point. */
.article-head.with-visual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center;padding:40px 0 48px;margin-bottom:36px}
.article-head-copy{min-width:0}.article-head.with-visual h1{font-size:clamp(2.15rem,3.6vw,3.5rem);line-height:1.12}.article-head.with-visual .lead{font-size:1.07rem}.article-head.with-visual .eyebrow{margin-bottom:18px}
.page-visual{position:relative;isolation:isolate;min-width:0;margin:0;background:radial-gradient(ellipse at 75% 0,#34302455,transparent 55%),#10161e;color:#edf1f6;border:1px solid #ffffff0d;border-radius:23px;overflow:hidden;box-shadow:0 22px 60px #13213212}
.visual-heading{padding:28px 28px 8px;position:relative;z-index:1}.visual-heading>span{display:block;color:#c8ae7a;font-size:.8rem;letter-spacing:.06em;margin-bottom:12px}.visual-heading>strong{display:block;max-width:90%;font-size:1.55rem;line-height:1.2;font-weight:500;letter-spacing:-.03em}.visual-surface{padding:8px 16px;min-width:0}.page-visual figcaption{font-size:.875rem;line-height:1.65;color:#aeb9c9;border-top:1px solid #ffffff13;padding:17px 28px;margin:0}.page-visual>.motion-toggle{position:relative;display:block;margin:0 28px 21px;top:auto;right:auto;width:max-content;font-size:.8rem;padding:7px 12px;z-index:1}.visual-phone .visual-surface{padding:0;position:relative;overflow:hidden;aspect-ratio:1.55}.visual-phone .trading-phone{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center}.visual-phone .visual-heading{background:#111315;padding-bottom:20px}.visual-phone figcaption{background:#111315}
.article-head.tool-header .page-visual .visual-heading{padding-top:22px}.article-head.tool-header .page-visual .visual-heading>strong{font-size:1.25rem}.article-head.tool-header .visual-surface{max-height:190px;overflow:hidden}.article-head.tool-header .trading-svg{max-height:190px}.article-head.tool-header .page-visual figcaption{padding-top:12px;padding-bottom:12px}

/* The phone is a real raster mockup, with a native animated chart alongside it. */
.hero-stage{grid-template-columns:1fr 1.07fr;gap:24px;padding-top:40px;padding-bottom:35px;min-height:630px}
.trading-hero-art{min-height:555px;border:1px solid #e9c67e25;border-radius:24px;background:#090b0e;overflow:hidden}
.trading-hero-art:after{background:linear-gradient(0deg,#080b10 0%,transparent 23%);z-index:1}.trading-hero-art .trading-phone{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:49% center;transform:scale(1.04);will-change:auto}
.hero-visual-tag{position:absolute;top:25px;left:23px;z-index:2;font-size:.875rem;letter-spacing:.14em;color:#e2c48a;font-weight:550}
.hero-chart-float{position:absolute;z-index:2;left:22px;bottom:60px;width:61%;padding:17px 18px 10px;border:1px solid #d5be8b3d;border-radius:14px;background:#111923ed;box-shadow:0 15px 35px #0006;backdrop-filter:blur(12px)}
.hero-chart-float>span{font-size:.65rem;letter-spacing:.13em;color:#d7bd88;display:block;margin-bottom:5px}.hero-chart-float .trading-svg{aspect-ratio:3.8;object-fit:contain}.hero-chart-float .axis-label{display:none}.hero-visual-caption{position:absolute;z-index:2;bottom:15px;left:23px;right:20px;margin:0;font-size:.78rem;color:#c1c8d3;line-height:1.6}.trading-hero-art .motion-toggle{top:17px;right:15px;font-size:.75rem}

/* An explorable, explicitly fictional market sequence. */
.market-section{display:grid;grid-template-columns:.78fr 1.3fr;gap:65px;align-items:center;padding-top:80px;padding-bottom:25px}.market-intro h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15;letter-spacing:-.045em}.market-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#876425}.market-intro>p:not(.eyebrow){font-size:1rem;color:#606975;max-width:320px}.market-intro .text-link{display:inline-block;margin-top:10px}.market-explorer{border-radius:22px;border:1px solid #26313e;background:radial-gradient(ellipse at 0 0,#29324780,transparent 60%),#0f151d;padding:25px;color:#e8edf5;min-width:0;box-shadow:0 22px 55px #17263912}.market-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.market-toolbar>span{font-size:1.2rem;letter-spacing:.03em;font-weight:500}.market-toolbar small{display:block;color:#b3a17b;font-size:.65rem;letter-spacing:.14em;margin-top:4px}.market-toolbar .motion-toggle{position:static;font-size:.75rem;padding:6px 10px;flex-shrink:0}.chart-choices{display:flex;gap:6px;padding:4px;border:1px solid #ffffff17;border-radius:9px;width:max-content;max-width:100%;margin-bottom:13px}.chart-choices button{color:#b4bfce;background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:.875rem;padding:8px 13px;line-height:1.2}.chart-choices button[aria-pressed=true]{background:#e6c586;color:#131a24}.chart-choices button:hover{color:#fff}.chart-choices button[aria-pressed=true]:hover{color:#131a24}.chart-choices button:focus-visible,.motion-toggle:focus-visible{outline-color:#efcd88;outline-offset:3px}.market-explanation{border-top:1px solid #ffffff15;padding-top:18px;margin-top:10px}.market-explanation strong{font-size:1.1rem;font-weight:500;color:#f1d7a4;display:block;letter-spacing:-.02em}.market-explanation p{font-size:.9rem;color:#b1bece;margin:8px 0 0;line-height:1.7}.market-footnote{font-size:.8rem;color:#9caabb;line-height:1.7;margin:18px 0 0}.market-panel{min-height:355px}
.intent-mini-visual{height:88px;overflow:hidden;margin:18px 0 20px;color:#926f31;--chart-gold:#936b29;--chart-silver:#a4afbc}.intent-mini-visual .trading-svg{height:100%;width:100%;object-fit:contain}.intent-mini-visual text{display:none}.intent-mini-visual .chart-grid{stroke:#405778;stroke-opacity:.1}.intent-mini-visual .flow-node{fill:#e1e5eb;stroke:#b7a47e}.intent-mini-visual .flow-orbit{stroke:#997835;stroke-opacity:.4}.intent-mini-visual .flow-travel{stroke:#997835}.intent-mini-visual .price-trace{stroke:#997835}.gold-card .intent-mini-visual{--chart-gold:#e6c586;--chart-silver:#8c9cad}.gold-card .intent-mini-visual .price-trace{stroke:#e6c586}.gold-card .intent-mini-visual .chart-grid{stroke:#c7d3e3}

/* All animation is opt-in after JS loads, pauses offscreen, and respects OS preference. */
@keyframes phone-hover{from{transform:scale(1.04) translateY(0)}to{transform:scale(1.04) translateY(-9px)}}
@keyframes trace-reveal{0%{stroke-dashoffset:100}55%,100%{stroke-dashoffset:0}}
@keyframes candle-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.86)}}
@keyframes scan-market{0%,100%{transform:translateX(-100px);opacity:.1}50%{transform:translateX(110px);opacity:.5}}
@keyframes flow-traverse{to{stroke-dashoffset:-185}}
@keyframes bar-appear{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .motion-scene .trading-phone{animation:phone-hover 8s ease-in-out infinite alternate}
 .motion-ready .motion-scene .price-trace{stroke-dasharray:100;animation:trace-reveal 9s ease-in-out infinite}
 .motion-ready .motion-scene .candle-active{transform-box:fill-box;transform-origin:50% 100%;animation:candle-breathe 3.6s ease-in-out var(--phase,0s) infinite}
 .motion-ready .motion-scene .chart-scan{animation:scan-market 10s ease-in-out infinite}
 .motion-ready .motion-scene .flow-travel{animation:flow-traverse 5s linear infinite}
 .motion-ready .motion-scene .diagram-bar{animation:bar-appear 1.2s ease-out var(--phase,0s) both}
 .motion-ready.motion-paused .motion-scene *,.motion-ready .motion-scene.is-offscreen *,.motion-ready.page-hidden .motion-scene *{animation-play-state:paused!important}
 .motion-ready.motion-paused .motion-scene .price-trace{stroke-dasharray:none}
}
@media(max-width:1050px){.article-head.with-visual{gap:28px;grid-template-columns:1.15fr 1fr}.article-head.with-visual h1{font-size:2.65rem}.visual-heading{padding:24px 23px 8px}.visual-heading>strong{font-size:1.4rem}.page-visual figcaption{padding:16px 23px}.page-visual>.motion-toggle{margin-left:23px}.hero-stage{min-height:570px}.trading-hero-art{min-height:510px}.hero-chart-float{width:70%;left:16px}.market-section{gap:35px;grid-template-columns:.85fr 1.25fr}.market-panel{min-height:330px}}
@media(max-width:760px){.hero-stage{grid-template-columns:1fr;padding-top:35px;gap:26px;min-height:0}.trading-hero-art{height:460px;min-height:0;max-width:580px;width:100%;justify-self:center}.hero-chart-float{width:60%;bottom:58px}.hero-visual-caption{font-size:.75rem}.market-section{grid-template-columns:1fr;gap:25px;padding-top:48px;padding-bottom:15px}.market-intro>p:not(.eyebrow){max-width:none}.market-intro h2{font-size:2.35rem}.market-explorer{padding:21px;border-radius:18px}.market-panel{min-height:0}.market-toolbar>span{font-size:1.06rem}.market-explanation strong{font-size:1rem}.market-footnote{font-size:.8125rem}.market-toolbar small{font-size:.625rem}.chart-choices{width:100%}.chart-choices button{flex:1;min-width:0;padding:9px 7px}.article-head.with-visual{grid-template-columns:1fr;gap:28px;padding:28px 0 32px;margin-bottom:25px}.article-head.with-visual h1{font-size:2.35rem}.page-visual{width:100%;max-width:580px;justify-self:center;border-radius:18px}.visual-heading{padding:24px 23px 5px}.visual-heading>strong{font-size:1.5rem}.visual-surface{padding:4px 12px}.page-visual figcaption{font-size:.875rem}.page-visual .trading-svg{max-height:260px}.article-head.tool-header{gap:20px}.article-head.tool-header .page-visual .visual-heading{padding:15px 20px 0}.article-head.tool-header .visual-surface{max-height:145px}.article-head.tool-header .trading-svg{max-height:145px}.article-head.tool-header .page-visual>.motion-toggle{margin-bottom:13px}.intent-mini-visual{height:72px;margin:17px 0}.intent-card{min-height:320px}.flow-label{font-size:19px}}
@media(max-width:400px){.trading-hero-art{height:395px}.hero-chart-float{width:65%;padding:12px}.hero-chart-float>span{font-size:.6rem}.market-explorer{padding:17px}.market-toolbar{align-items:flex-start}.market-toolbar .motion-toggle{font-size:.68rem;padding:7px}.article-head.with-visual h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.motion-scene *{animation:none!important;transition:none!important}.price-trace{stroke-dasharray:none!important}}