/* ---------- gold-agent.css · the Gold agent CTA, the timed alert, the takeover (10 Sep 2026) ----------
   On top of styles.css (Frost tokens, .glass, .btn, .mono). Nothing here touches the rest of the page. */

/* ---- the CTA in the hero: an intelligence tool becoming active ---- */
.gold-cta{appearance:none; cursor:pointer; position:relative; display:grid; gap:4px; justify-items:center; min-width:min(100%,360px); padding:14px 30px 12px; border-radius:18px; border:1px solid rgba(215,160,106,.45); color:var(--text);
  background:linear-gradient(180deg,rgba(215,160,106,.14),rgba(215,160,106,.04)), var(--frost-glass-elevated);
  box-shadow:inset 0 1px 0 rgba(255,235,210,.18), 0 18px 50px -24px rgba(215,160,106,.55), 0 0 0 0 rgba(215,160,106,0);
  transition:transform .2s ease, box-shadow .3s ease, border-color .3s ease; text-align:center}
.gold-cta:hover{transform:translateY(-1px); border-color:var(--bronze-light); box-shadow:inset 0 1px 0 rgba(255,235,210,.22), 0 22px 60px -22px rgba(215,160,106,.7)}
.gold-cta:focus-visible{outline:2px solid var(--bronze-light); outline-offset:3px}
.gold-cta-top{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze-light); font-weight:600}
.gold-cta-top em{font-style:normal; color:var(--text-3); font-weight:500; padding:.3em .55em; border-radius:999px; box-shadow:inset 0 0 0 1px rgba(140,220,255,.2)}
.gold-cta-top em[data-gold-mode="Live"]{color:var(--green); box-shadow:inset 0 0 0 1px rgba(41,211,145,.4)}
.gold-dot{width:7px; height:7px; border-radius:50%; background:var(--bronze-light); box-shadow:0 0 10px rgba(215,160,106,.8); animation:goldPulse 2s ease-in-out infinite}
@keyframes goldPulse{0%,100%{opacity:.55; transform:scale(.85)}50%{opacity:1; transform:scale(1.15)}}
.gold-cta-main{font-family:var(--font-mono); font-size:.8rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--text)}
.gold-cta-sub{font-family:var(--font-mono); font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.gold-cta-sub b{color:var(--bronze-light); font-weight:600}
.gold-cta.is-hot{border-color:var(--bronze-light); animation:goldHot 1.6s ease-in-out 3}
@keyframes goldHot{0%,100%{box-shadow:inset 0 1px 0 rgba(255,235,210,.2), 0 18px 50px -24px rgba(215,160,106,.6), 0 0 0 0 rgba(215,160,106,.55)}50%{box-shadow:inset 0 1px 0 rgba(255,235,210,.2), 0 18px 50px -24px rgba(215,160,106,.6), 0 0 0 10px rgba(215,160,106,0)}}

/* ---- the timed alert: a terminal notification, not a popup ---- */
.galert{position:fixed; left:clamp(12px,2vw,28px); bottom:clamp(12px,2vw,28px); z-index:60; width:min(360px,calc(100vw - 24px)); padding:14px 16px 14px; border-radius:14px; color:var(--text);
  background-color:rgba(10,20,38,.82); background-image:var(--frost-glass-img-elevated); -webkit-backdrop-filter:blur(18px) saturate(120%); backdrop-filter:blur(18px) saturate(120%);
  box-shadow:inset 0 0 0 1px rgba(215,160,106,.35), inset 0 1px 0 rgba(234,247,255,.12), 0 30px 70px -30px rgba(0,0,0,.9), 0 0 60px -30px rgba(215,160,106,.5);
  display:grid; gap:6px; transform:translateY(16px); opacity:0; transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1)}
.galert.is-in{opacity:1; transform:none}
.galert-head{display:flex; align-items:center; gap:10px}
.galert-brand{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-light); font-weight:600; margin-right:auto}
.galert-brand i{width:6px; height:6px; border-radius:50%; background:var(--bronze-light); box-shadow:0 0 8px rgba(215,160,106,.8); animation:goldPulse 1.6s ease-in-out infinite}
.galert-tag{font-family:var(--font-mono); font-size:.52rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-3); padding:.3em .55em; border-radius:999px; box-shadow:inset 0 0 0 1px rgba(140,220,255,.2)}
.galert-x{appearance:none; border:0; background:none; color:var(--text-3); font-size:1.1rem; line-height:1; cursor:pointer; padding:2px 4px}
.galert-x:hover{color:var(--text)}
.galert-line{margin:0; font-family:var(--font-display); font-weight:700; font-size:1rem; letter-spacing:-.015em; color:var(--text)}
.galert-sub{margin:0; font-family:var(--font-mono); font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.galert-sub b{color:var(--bronze-light); font-size:.8rem; font-weight:600}
.galert-cta{appearance:none; cursor:pointer; margin-top:4px; border:0; border-radius:999px; padding:10px 16px; background:var(--cyan); color:var(--text-inverse); font-family:var(--font-mono); font-size:.62rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.galert-cta:hover{background:var(--cyan-2)}
@media (max-width:640px){.galert{left:10px; right:10px; bottom:auto; top:10px; width:auto; transform:translateY(-16px)} .galert.is-in{transform:none} .gt-crumb{display:none}}

/* ---- the takeover ---- */
.gt{position:fixed; inset:0; z-index:90; display:grid; color:var(--text)}
.gt[hidden]{display:none}
.gt-veil{position:absolute; inset:0; background:radial-gradient(900px 520px at 78% 30%, rgba(215,160,106,.08), transparent 62%), radial-gradient(700px 420px at 20% 20%, rgba(30,107,255,.12), transparent 65%), rgba(3,7,14,.9); -webkit-backdrop-filter:blur(22px) saturate(120%); backdrop-filter:blur(22px) saturate(120%)}
.gt-frame{position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100dvh; max-width:1240px; width:100%; margin:0 auto; padding:0 clamp(14px,3vw,36px)}
.gt-top{display:flex; align-items:center; gap:16px; padding:14px 0 10px; border-bottom:1px solid var(--frost-hairline)}
.gt-brand{margin-right:0}
.gt-crumb{margin-right:auto; font-size:.6rem; letter-spacing:.16em; color:var(--text-3)}
.gt-crumb b{color:var(--text)}
.gt-cons{display:inline-flex; align-items:center; gap:8px; font-size:.62rem; letter-spacing:.14em; color:var(--text-3)}
.gt-cons b{color:var(--text); font-size:.9rem; font-family:var(--font-display); font-weight:800}
.gt-cons-ring{width:22px; height:22px; border-radius:50%; box-shadow:inset 0 0 0 2px rgba(140,220,255,.16); position:relative; display:block}
.gt-cons-ring b{position:absolute; inset:0; border-radius:50%; background:conic-gradient(var(--green) calc(var(--p,0)*1turn), transparent 0); -webkit-mask:radial-gradient(circle, transparent 7px, #000 8px); mask:radial-gradient(circle, transparent 7px, #000 8px); transition:--p .4s}
.gt-close{appearance:none; cursor:pointer; display:inline-flex; align-items:center; gap:10px; border:1px solid var(--frost-hairline); background:var(--frost-glass); color:var(--text); border-radius:999px; padding:8px 14px 8px 10px; font-family:var(--font-mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase}
.gt-close span:first-child{font-size:1.2rem; line-height:1}
.gt-close:hover{border-color:var(--cyan); color:var(--cyan)}
.gt-close:focus-visible{outline:2px solid var(--cyan); outline-offset:3px}
.gt-body{position:relative; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:clamp(18px,3vw,36px) 0}
.gt-s{animation:gtIn .5s cubic-bezier(.2,.7,.2,1)}
.gt-s.from-right{animation:gtInR .45s cubic-bezier(.2,.7,.2,1)} .gt-s.from-left{animation:gtInL .45s cubic-bezier(.2,.7,.2,1)}
@keyframes gtIn{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
@keyframes gtInR{from{opacity:0; transform:translateX(40px)}to{opacity:1; transform:none}}
@keyframes gtInL{from{opacity:0; transform:translateX(-40px)}to{opacity:1; transform:none}}
.gt-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 0 12px; border-top:1px solid var(--frost-hairline); font-size:.54rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.gt-steps{display:inline-flex; gap:6px}
.gt-steps i{width:18px; height:3px; border-radius:2px; background:rgba(140,220,255,.16)}
.gt-steps i.on{background:var(--cyan)}
.gt-steps[hidden]{display:none}
.gt-car{display:inline-flex; align-items:center; gap:10px}
.gt-car[hidden]{display:none}
.gt-car-b{appearance:none; cursor:pointer; width:34px; height:34px; border-radius:50%; border:1px solid var(--frost-hairline); background:var(--frost-glass); color:var(--text); font-size:1.3rem; line-height:1; display:grid; place-items:center; padding:0 0 3px}
.gt-car-b:hover:not(:disabled){border-color:var(--cyan); color:var(--cyan)}
.gt-car-b:disabled{opacity:.3; cursor:default}
.gt-car-b:focus-visible{outline:2px solid var(--cyan); outline-offset:2px}
.gt-car-dots{display:inline-flex; gap:8px}
.gt-car-dots button{appearance:none; cursor:pointer; width:10px; height:10px; border-radius:50%; border:0; padding:0; background:rgba(140,220,255,.2); transition:background .2s, transform .2s}
.gt-car-dots button.on{background:var(--cyan); transform:scale(1.25)}
.gt-car-dots button:focus-visible{outline:2px solid var(--cyan); outline-offset:2px}
.gt-car-l{font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-2); min-width:9ch}
.gt-kicker{margin:0 0 12px; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze-light); font-weight:600}
.gt-h1{font-family:var(--font-display); font-size:clamp(2.2rem,4.6vw,3.6rem); font-weight:800; letter-spacing:-.04em; line-height:1.02; margin:0 0 14px; color:var(--text)}
.gt-h1 em,.gt-h2 em{font-style:normal; color:var(--cyan)}
.gt-h2{font-family:var(--font-display); font-size:clamp(1.6rem,3.2vw,2.4rem); font-weight:800; letter-spacing:-.03em; line-height:1.08; margin:0 0 12px; color:var(--text)}
.gt-lede{margin:0 0 24px; font-size:clamp(1rem,1.4vw,1.15rem); color:var(--text-2); line-height:1.55; max-width:52ch}
.gt-tiny{margin:16px 0 0; font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.gt-s0{max-width:62ch; margin:clamp(24px,8vh,96px) auto 0; text-align:center}
.gt-s0 .gt-lede{margin-left:auto; margin-right:auto}
.gt-run{min-width:240px}

/* stage 1 · the analysis */
.gt-analysis{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:clamp(18px,3vw,40px); align-items:start}
.gt-layers{list-style:none; margin:0; padding:0; display:grid; gap:6px; counter-reset:layer}
.gt-layer{position:relative; overflow:hidden; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:4px 14px; align-items:center; padding:10px 14px; border-radius:12px; background:var(--frost-glass); box-shadow:inset 0 0 0 1px rgba(140,220,255,.08); opacity:.42; transition:opacity .35s, box-shadow .35s, background .35s}
.gt-layer[data-state="scanning"],.gt-layer[data-state="analysing"]{opacity:1; box-shadow:inset 0 0 0 1px rgba(0,212,255,.4); background:rgba(0,212,255,.05)}
.gt-layer[data-state="scanning"]::after,.gt-layer[data-state="analysing"]::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg, transparent 0%, rgba(0,212,255,.14) 45%, rgba(0,212,255,.22) 50%, rgba(0,212,255,.14) 55%, transparent 100%); transform:translateX(-100%); animation:gtScan 1s linear infinite}
.gt-layer[data-state="analysing"]::after{animation-duration:.55s; background:linear-gradient(90deg, transparent, rgba(79,224,255,.2) 50%, transparent)}
@keyframes gtScan{to{transform:translateX(100%)}}
.gt-layer[data-state="done"]{opacity:1; animation:gtLand .5s ease-out}
@keyframes gtLand{0%{transform:scale(1.012); filter:brightness(1.35)}100%{transform:none; filter:none}}
.gt-layer[data-state="done"][data-result="bullish"]{box-shadow:inset 0 0 0 1px rgba(41,211,145,.35)}
.gt-layer[data-state="done"][data-result="bearish"]{box-shadow:inset 0 0 0 1px rgba(255,92,108,.35)}
.gt-layer[data-state="done"][data-result="neutral"]{box-shadow:inset 0 0 0 1px rgba(157,176,201,.3)}
.gt-ln{font-family:var(--font-mono); font-size:.62rem; letter-spacing:.12em; color:var(--text-3)}
.gt-lname{font-family:var(--font-display); font-weight:700; font-size:.98rem; letter-spacing:-.01em; color:var(--text)}
.gt-lq{grid-column:2; margin:0; font-size:.8rem; line-height:1.4; color:var(--text-3)}
.gt-layer[data-state="done"] .gt-lq{color:var(--text-2)}
.gt-lstate{grid-column:3; grid-row:1 / span 2; align-self:center; font-family:var(--font-mono); font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3); white-space:nowrap; display:inline-flex; align-items:center; gap:8px}
.gt-lstate i{width:6px; height:6px; border-radius:50%; background:currentColor; display:inline-block}
.gt-layer[data-state="scanning"] .gt-lstate,.gt-layer[data-state="analysing"] .gt-lstate{color:var(--cyan)}
.gt-layer[data-state="scanning"] .gt-lstate i,.gt-layer[data-state="analysing"] .gt-lstate i{animation:goldPulse 1s ease-in-out infinite}
.gt-layer[data-result="bullish"] .gt-lstate{color:var(--green); font-weight:600}
.gt-layer[data-result="bearish"] .gt-lstate{color:var(--red); font-weight:600}
.gt-layer[data-result="neutral"] .gt-lstate{color:var(--text-2); font-weight:600}
.gt-layer[data-result="na"] .gt-lstate{color:var(--text-3)}
.gt-conv{margin:0; position:sticky; top:0; display:grid; gap:8px}
.gt-conv svg{display:block; width:100%; height:auto; aspect-ratio:520/440; border-radius:var(--radius); background:linear-gradient(180deg,rgba(8,17,29,.6),rgba(3,10,18,.85)); box-shadow:inset 0 0 0 1px var(--frost-hairline)}
.gt-conv-cap{font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-3); text-align:center}
.gt-conv .c-src{fill:rgba(140,220,255,.14); stroke:rgba(140,220,255,.35)}
.gt-conv .c-src.on{fill:var(--cyan); stroke:var(--cyan)}
.gt-conv .c-src.bull{fill:var(--green); stroke:var(--green)}
.gt-conv .c-src.bear{fill:var(--red); stroke:var(--red)}
.gt-conv .c-src.neut{fill:var(--steel); stroke:#8E9DB2}
.gt-conv .c-lbl{font-family:var(--font-mono); font-size:11px; letter-spacing:1px; fill:var(--text-3); text-transform:uppercase}
.gt-conv .c-stream{fill:none; stroke-width:2; stroke:rgba(0,212,255,.35); stroke-dasharray:520; stroke-dashoffset:520; transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1), stroke .4s}
.gt-conv .c-stream.on{stroke-dashoffset:0}
.gt-conv .c-stream.bull{stroke:var(--green)}
.gt-conv .c-stream.bear{stroke:var(--red)}
.gt-conv .c-stream.neut{stroke:rgba(157,176,201,.5); stroke-dasharray:6 6}
.gt-conv .c-core{fill:rgba(5,10,20,.9); stroke:rgba(140,220,255,.3); stroke-width:1.5}
.gt-conv .c-seg{fill:none; stroke:rgba(140,220,255,.18); stroke-width:7; stroke-linecap:butt}
.gt-conv .c-seg.on{stroke:var(--green)}
.gt-conv .c-seg.bear{stroke:var(--red)}
.gt-conv .c-core-n{font-family:var(--font-display); font-weight:800; font-size:44px; fill:var(--text); letter-spacing:-2px}
.gt-conv .c-core-l{font-family:var(--font-mono); font-size:11px; letter-spacing:2px; fill:var(--text-3)}
.gt-conv .c-core-d{font-family:var(--font-display); font-weight:800; font-size:34px; letter-spacing:-1px; fill:var(--green); opacity:0; transition:opacity .6s}
.gt-conv .c-core-d.on{opacity:1}
.gt-conv .c-core-d.short{fill:var(--red)} .gt-conv .c-core-d.wait{fill:var(--text-2)}
.gt-conv .c-glow{fill:rgba(41,211,145,0); transition:fill .8s}
.gt-conv .c-glow.on{fill:rgba(41,211,145,.14)}
.gt-conv .c-glow.short{fill:rgba(255,92,108,.14)}

/* stage 2 · the reveal */
.gt-s2{display:grid; place-items:center; min-height:50vh; text-align:center}
.gt-reveal-k{margin:0 0 6px; font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; color:var(--text-2)}
.gt-reveal-d{margin:0; font-family:var(--font-display); font-weight:800; font-size:clamp(4rem,12vw,8.5rem); letter-spacing:-.05em; line-height:1; color:var(--green); text-transform:uppercase; text-shadow:0 0 60px rgba(41,211,145,.35)}
.gt[data-decision="SHORT"] .gt-reveal-d{color:var(--red); text-shadow:0 0 60px rgba(255,92,108,.35)}
.gt[data-decision="WAIT"] .gt-reveal-d{color:var(--text-2); text-shadow:none; font-size:clamp(2.6rem,8vw,5.5rem)}
.gt-reveal-c{margin:10px 0 0; font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; color:var(--green)}
.gt[data-decision="SHORT"] .gt-reveal-c{color:var(--red)} .gt[data-decision="WAIT"] .gt-reveal-c{color:var(--text-3)}
.gt-reveal-note{margin:18px 0 0; font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}

/* stage 3 · the decision */
.gt-decision{display:grid; grid-template-columns:minmax(300px,.42fr) minmax(0,1fr); grid-template-rows:auto 1fr; gap:18px; align-items:start}
.gt-decision .gt-setup{grid-row:1 / span 2}
.gt-decision .gt-next{grid-column:2; align-self:start; padding-top:4px}
.gt-setup{padding:16px 20px 12px; display:grid; gap:10px}
.gt-setup-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.gt-setup-t{font-family:var(--font-display); font-weight:800; font-size:1.5rem; letter-spacing:-.03em; color:var(--text)}
.gt-setup-t .gt-sep{color:var(--text-3); margin:0 .2em}
.gt-setup-t b{color:var(--green)} .gt[data-decision="SHORT"] .gt-setup-t b{color:var(--red)} .gt[data-decision="WAIT"] .gt-setup-t b{color:var(--text-2)}
.gt-demo-tag{font-family:var(--font-mono); font-size:.56rem; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze-light); padding:.35em .6em; border-radius:999px; box-shadow:inset 0 0 0 1px var(--bronze-edge); background:var(--bronze-muted)}
.gt-levels{margin:0; display:grid; gap:0}
.gt-levels div{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:12px; padding:7px 0; border-bottom:1px solid rgba(140,220,255,.08)}
.gt-levels dt{font-family:var(--font-mono); font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3)}
.gt-levels dd{margin:0; font-family:var(--font-display); font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:var(--text); font-variant-numeric:tabular-nums}
.gt-levels div[data-k="entry"] dd{color:var(--cyan)}
.gt-levels div[data-k="stop"] dd{color:var(--red)}
.gt-levels div[data-k^="tp"] dd{color:var(--green)}
.gt-setup-meta{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.gt-setup-meta dt{font-size:.56rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3)}
.gt-setup-meta dd{margin:2px 0 0; font-family:var(--font-display); font-weight:800; font-size:1.2rem; color:var(--text); font-variant-numeric:tabular-nums}
.gt-setup-meta dd small{display:block; font-family:var(--font-mono); font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green); font-weight:600; margin-top:2px}
.gt[data-decision="SHORT"] .gt-setup-meta dd small{color:var(--red)}
.gt-inv,.gt-why,.gt-wait{margin:0; font-size:.84rem; line-height:1.45; color:var(--text-2); display:grid; gap:2px}
.gt-inv .mono,.gt-why .mono,.gt-wait .mono{font-size:.56rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3)}
.gt-setup-foot{margin:0; padding-top:8px; border-top:1px solid var(--frost-hairline); font-size:.54rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3)}
.gt-chart{margin:0; padding:14px 16px 12px; display:grid; gap:8px}
.gt-chart-head{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-3)}
.gt-chart svg{display:block; width:100%; height:auto; aspect-ratio:760/360; border-radius:10px; background:linear-gradient(180deg,rgba(8,17,29,.55),rgba(3,10,18,.7)); box-shadow:inset 0 0 0 1px rgba(140,220,255,.1)}
.gt-chart .k-grid{stroke:rgba(157,176,201,.12); stroke-width:1}
.gt-chart .k-path{fill:none; stroke:var(--cyan); stroke-width:2; stroke-linejoin:round}
.gt-chart .k-area{fill:rgba(0,212,255,.08)}
.gt-chart .k-lvl{stroke-width:1.5; stroke-dasharray:6 5}
.gt-chart .k-lvl.entry{stroke:var(--cyan)} .gt-chart .k-lvl.stop{stroke:var(--red)} .gt-chart .k-lvl.tp{stroke:var(--green)}
.gt-chart .k-lbl{font-family:var(--font-mono); font-size:12px; letter-spacing:1px; fill:var(--text); paint-order:stroke; stroke:rgba(5,14,24,.9); stroke-width:3px}
.gt-chart .k-lbl.entry{fill:var(--cyan)} .gt-chart .k-lbl.stop{fill:var(--red)} .gt-chart .k-lbl.tp{fill:var(--green)} .gt-chart .k-lbl.dim{fill:var(--text-3)}
.gt-chart .k-zone-r{fill:rgba(255,92,108,.08)} .gt-chart .k-zone-g{fill:rgba(41,211,145,.07)}
.gt-chart .k-now{fill:var(--cyan-2)}
.gt-chart .k-mark{fill:var(--green)} .gt-chart .k-ring{fill:none; stroke:var(--green); stroke-width:1.5}
.gt-chart .k-ph{fill:none; stroke:rgba(215,160,106,.7); stroke-width:1.5; stroke-dasharray:4 4}
.gt-chart .k-ph-l{font-family:var(--font-mono); font-size:11px; letter-spacing:1px; fill:var(--bronze-light); paint-order:stroke; stroke:rgba(5,14,24,.9); stroke-width:3px}
.gt-chart .k-tag{font-family:var(--font-mono); font-size:11px; letter-spacing:1.5px; fill:var(--text-3)}
.gt-next{display:flex; justify-content:center; padding:22px 0 0}

/* stage 4 · proof */
.gt-proof{display:grid; gap:12px; max-width:980px; margin:0 auto}
.gt-proof .gt-chart svg{aspect-ratio:760/300}
.gt-proof .gt-h2{margin-bottom:4px}
.gt-proof-line{margin:0; font-size:.92rem; line-height:1.55; color:var(--text-2); max-width:70ch}
.gt-proof-line b{color:var(--text)}

/* stage 5 · the end */
.gt-end{max-width:64ch; margin:clamp(16px,6vh,72px) auto 0; text-align:center; display:grid; gap:14px; justify-items:center}
.gt-end .gt-lede{margin:0}
.gt-ctas{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:6px}
.gt-offer{margin:4px 0 0; font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--green); font-weight:600}
.gt-why-link{font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); text-decoration:none; margin-top:6px}
.gt-why-link:hover{color:var(--cyan-2)}

@media (max-width:900px){
  .gt-frame{padding:0 12px}
  .gt-close-l{display:none}
  .gt-close{padding:8px 12px}
  .gt-crumb{font-size:.54rem}
  .gt-analysis{grid-template-columns:1fr}
  .gt-conv{position:static; order:-1}
  .gt-conv svg{aspect-ratio:360/300}   /* the narrow layout redraws the Convergence at 360×300 */
  .gt-chart svg{aspect-ratio:360/260}  /* and both charts at 360×260 — text stays readable */
  .gt-decision{grid-template-columns:1fr; grid-template-rows:auto}
  .gt-decision .gt-setup{grid-row:auto}
  .gt-decision .gt-next{grid-column:1}
  .gt-proof .gt-chart svg{aspect-ratio:360/240}
  .gt-setup-t{font-size:1.3rem}
  .gt-levels dd{font-size:1.25rem}
}
@media (max-width:520px){
  .gt-layer{grid-template-columns:28px minmax(0,1fr)}
  .gt-lstate{grid-column:2; grid-row:auto; justify-self:start; padding-top:2px}
  .gt-lq{display:none}
  .gt-layer[data-state="done"] .gt-lq,.gt-layer[data-state="scanning"] .gt-lq,.gt-layer[data-state="analysing"] .gt-lq{display:block}
  .gt-layer:not([data-state]) .gt-lq{display:none}
  .gt-cons span{display:none}
}
@media (prefers-reduced-motion:reduce){.gt-s,.gt-s.from-right,.gt-s.from-left{animation:none} .gt-layer::after{animation:none !important; display:none} .gt-layer[data-state="done"]{animation:none} .gold-dot,.galert-brand i,.gt-lstate i{animation:none} .gold-cta.is-hot{animation:none} .gt-conv .c-stream{transition:none} .galert{transition:none}}