/* ==========================================================================
   PM Countdown: pages/home.css (Group A, index.html only)
   v9 hero, featured trade, UFC board and apps ported into the v10 shell,
   plus Market of the Day, lesson rail, social, columns teaser, pricing teaser.
   Uses site.css tokens. Prefixes: hx- hero, ft- featured trade (tr-), motd-,
   ufc-, app-, soc-, col-, pt- (pricing teaser).
   ========================================================================== */

/* ---------- 1. Hero (v9 hero.css, scoped) ---------- */
.hx-hero{position:relative;overflow:hidden;background:#0a0e13;color:#e6edf3;border-bottom:1px solid #1c232d;isolation:isolate}
.hx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-bg i{position:absolute;inset:0}
.hx-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 20%,transparent 75%)}
.hx-glow{background:radial-gradient(40% 50% at 78% 38%,rgba(36,89,240,.26),transparent 70%),radial-gradient(30% 40% at 12% 90%,rgba(56,189,248,.08),transparent 70%);animation:hx-drift 16s ease-in-out infinite alternate}
@keyframes hx-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4%,3%,0) scale(1.08)}}
.hx-hero>.wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:72px}
.hx-kicker{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#7cc4ff;background:rgba(36,89,240,.12);border:1px solid rgba(36,89,240,.3);padding:8px 11px;border-radius:999px}
.hx-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(36,89,240,.25);flex:none}
.hx-hero h1{font:800 clamp(40px,4.6vw,62px)/.98 var(--cond);text-transform:uppercase;letter-spacing:-.005em;color:#fff;margin:20px 0 18px}
.hx-hero h1 span{color:#4a7dff;text-shadow:0 0 28px rgba(74,125,255,.35)}
.hx-lede{color:#a7b1bc;font-size:17px;line-height:1.6;max-width:34em}
.hx-join{margin-top:28px;max-width:500px}
.hx-join .input{background:var(--paper);color:var(--ink);border-color:#2d3642}
.hx-join .btn-brand{box-shadow:0 8px 24px -8px rgba(36,89,240,.6)}
.hx-join .form-msg{color:#a7b1bc;margin-top:8px}
.hx-join .form-msg[data-state="ok"]{color:#7cc4ff}
.hx-join .form-msg[data-state="warn"]{color:#f7cf7a}
.hx-join .form-msg[data-state="err"]{color:#ff9aa3}
.hx-fine{font-size:12.5px;color:#8b949e;margin-top:10px}
.hx-trust{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:#8b949e}
.hx-trust span{display:flex;align-items:center;gap:6px}
.hx-trust svg{width:15px;height:15px;color:#4a7dff;flex:none}
.hx-alt{display:inline-flex;align-items:center;gap:9px;margin-top:22px;min-height:44px;font:700 14px/1 var(--sans);color:#e6edf3;padding:0 15px;border:1px solid #2d3642;border-radius:10px;background:rgba(255,255,255,.02)}
.hx-alt:hover{border-color:#4a7dff;color:#fff}
.hx-alt .hx-dot{animation:hx-pulse 2s ease-out infinite}
@keyframes hx-pulse{0%{box-shadow:0 0 0 0 rgba(36,89,240,.55)}100%{box-shadow:0 0 0 9px rgba(36,89,240,0)}}
.hx-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.hx-card{position:relative;background:linear-gradient(180deg,rgba(22,27,34,.92),rgba(13,17,23,.96));border:1px solid #232b36;border-radius:18px;padding:20px;box-shadow:0 30px 60px -28px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.hx-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#4a7dff 30%,#5fd8f5 50%,#4a7dff 70%,transparent);background-size:200% 100%;animation:hx-sheen 5s linear infinite}
@keyframes hx-sheen{from{background-position:200% 0}to{background-position:-200% 0}}
.hx-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hx-tag{font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#0a0e13;background:#4a7dff;padding:5px 8px;border-radius:4px}
.hx-tag--past{background:#c9d1d9}
.hx-when{font:600 12px/1 var(--sans);color:#8b949e}
.hx-title{font:800 26px/1.05 var(--cond);text-transform:uppercase;color:#fff;margin:14px 0}
.hx-title small{font:600 14px var(--sans);color:#8b949e;text-transform:none}
.hx-title em{font-style:normal;color:#6b7580;font-size:18px;margin:0 2px}
.hx-chart{position:relative;height:178px;margin:0;border-radius:12px;background:#080b10;border:1px solid #1a212b;overflow:hidden}
.hx-chart svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hx-l{stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:5 5}
.hx-l-buy{stroke:#9ba5b0}.hx-l-sell{stroke:#4a7dff}
.hx-path{fill:none;stroke:url(#hxStroke);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(74,125,255,.55))}
.hx-illus{position:absolute;left:10px;top:9px;z-index:2;font:600 11px/1 var(--sans);color:#c9d1d9;background:rgba(8,11,16,.85);border:1px solid #2d3642;padding:5px 7px;border-radius:4px}
.hx-pin{position:absolute;right:10px;transform:translateY(-50%);z-index:2;font:700 12px/1 var(--sans);padding:5px 8px;border-radius:5px;white-space:nowrap}
.hx-pin-sell{background:#4a7dff;color:#06102a}
.hx-pin-buy{background:#e6edf3;color:#0d1117}
.hx-gap{position:absolute;right:10px;transform:translateY(-50%);font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#7cc4ff}
.hx-pt{position:absolute;left:4%;top:69.8%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;z-index:3;box-shadow:0 0 0 4px rgba(74,125,255,.3),0 0 18px 4px rgba(74,125,255,.55)}
.hx-pt b{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:800 18px/1 var(--cond);color:#fff;background:rgba(8,11,16,.9);border:1px solid #2d3642;padding:3px 6px;border-radius:5px}
.hx-pt.hx-hit{background:#4a7dff}
.hx-pt.hx-lo b{bottom:auto;top:16px}
.hx-pt.hx-hit b{color:#4a7dff;border-color:#4a7dff}
.hx-plan{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.hx-plan li{background:#11161d;border:1px solid #1f2731;border-radius:10px;padding:11px 12px;min-width:0}
.hx-plan small{display:block;min-height:2.4em;font:700 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#8b949e;margin-bottom:7px}
.hx-plan strong{display:block;font:800 30px/1 var(--cond);color:#fff}
.hx-plan span{display:block;font-size:12px;line-height:1.35;color:#9ba5b0;margin-top:5px}
.hx-plan .hx-win{border-color:rgba(74,125,255,.45);background:rgba(74,125,255,.07)}
.hx-plan .hx-win strong{color:#4a7dff}
.hx-live{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;border:1px solid #232b36;border-radius:12px;background:rgba(13,17,23,.8);font:600 13px/1.2 var(--sans);color:#9ba5b0}
.hx-live:hover{border-color:#4a7dff}
.hx-live b{color:#fff;font-weight:700}
.hx-live-l{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#c9d1d9}
.hx-ld{width:8px;height:8px;border-radius:50%;background:#6b7580}
.hx-ld.on{background:#4a7dff;animation:hx-pulse 2s ease-out infinite}
.hx-live-k{flex-basis:100%;padding-top:9px;border-top:1px solid #1f2731}
.hx-live-k .u{color:#4a7dff}.hx-live-k .d{color:#ff6b75}

/* ---------- 2. Featured trade (v9 #trade) ---------- */
.tr{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.tr-main{padding:28px}
.tr-side{background:var(--dark-1);color:var(--dink);padding:28px;display:flex;flex-direction:column;gap:16px}
.tr-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.tr-src{font:700 11px/1 var(--sans);color:var(--ink-2);background:var(--chip);border:1px solid var(--line);padding:5px 7px;border-radius:5px}
.tr h3{font:800 clamp(30px,3.4vw,40px)/1 var(--cond);text-transform:uppercase}
.tr h3 span{color:var(--brand)}
.tr-vs{color:var(--ink-3);font-weight:600;margin:8px 0 18px;font-size:14.5px}
.tr-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}
.tr-plan div{padding:14px 16px;border-right:1px solid var(--line);min-width:0}
.tr-plan div:last-child{border-right:0}
.tr-plan small{display:block;font:700 11px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:8px}
.tr-plan strong{font:800 30px/1 var(--cond)}
.tr-plan strong.up{color:var(--brand-ink)}
.tr-plan em{display:block;font-style:normal;font-size:12px;color:var(--ink-3);margin-top:6px}
.tr-ladder{position:relative;height:64px;margin:6px 0 18px}
.tr-ladder .tr-rail{position:absolute;left:0;right:0;top:30px;height:8px;border-radius:4px;background:var(--chip)}
.tr-ladder .tr-zone{position:absolute;top:30px;height:8px;background:var(--brand);border-radius:4px}
.tr-ladder .tr-mk{position:absolute;top:0;transform:translateX(-50%);text-align:center;font:700 11px/1.2 var(--sans);white-space:nowrap}
.tr-ladder .tr-mk i{display:block;width:2px;height:22px;background:currentColor;margin:4px auto 0}
.tr-ladder .tr-ticks{position:absolute;left:0;right:0;top:44px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3)}
.tr-thesis{font-size:14.5px;color:var(--ink-2)}
.tr-thesis b{color:var(--ink)}
.tr-lock{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:13px;color:var(--ink-2)}
.tr-lock svg{width:16px;height:16px;stroke:var(--brand-ink);fill:none;stroke-width:2;flex:none}
.tr-lock b{color:var(--ink)}
.tr-side h4{font:800 20px/1 var(--cond);text-transform:uppercase;color:#fff}
.tr-scen{display:grid;gap:10px}
.tr-scen div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;border-radius:10px;background:var(--dark-2)}
.tr-scen span{font-size:13px;color:var(--dink-2)}
.tr-scen b{font:800 22px/1 var(--cond);grid-row:span 2;align-self:center;font-variant-numeric:tabular-nums}
.tr-scen strong{font-size:14px;color:#fff}
.tr-g{color:#3ddc97}.tr-r{color:#ff7b72}
.tr-risk{font-size:12.5px;color:var(--dink-2);border-top:1px solid var(--dline);padding-top:14px}
.tr-risk b{color:var(--dink)}
.tr-risk li{margin:4px 0 0 16px}
.tr-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}

/* ---------- 3. Market of the Day ---------- */
.motd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}
.motd-q{font:800 clamp(26px,2.8vw,34px)/1.05 var(--cond);text-transform:uppercase;margin:12px 0 6px}
.motd-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.motd-step{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.motd-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:0}
.motd-form{display:grid;gap:14px}
.motd-slider{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;align-items:center}
.motd-slider input[type=range]{width:100%;height:44px;accent-color:var(--brand);cursor:pointer}
.motd-num{display:flex;align-items:center;gap:4px;height:48px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper)}
.motd-num input{width:100%;height:100%;min-width:0;border:0;background:none;font:800 26px/1 var(--cond);color:var(--ink);text-align:right;outline:none;font-variant-numeric:tabular-nums}
.motd-num span{font:700 18px/1 var(--cond);color:var(--ink-3)}
.motd-num:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(36,89,240,.18)}
.motd-saved{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.3 var(--sans);color:var(--ink-3)}
.motd-saved svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.motd-reveal{display:grid;gap:14px}
.motd-lock{display:grid;place-items:center;gap:8px;text-align:center;min-height:260px;padding:24px;border-radius:var(--r-lg);border:1px dashed var(--line-2);background:repeating-linear-gradient(135deg,rgba(127,140,170,.06) 0 10px,transparent 10px 20px);color:var(--ink-2)}
.motd-lock svg{width:28px;height:28px;stroke:var(--ink-3);fill:none;stroke-width:2}
.motd-lock strong{font:700 16px/1.3 var(--sans);color:var(--ink)}
.motd-bars{display:grid;gap:10px}
.motd-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 56px;gap:12px;align-items:center;font-size:13px;font-weight:600;color:var(--ink-2)}
.motd-bar i{display:block;height:10px;border-radius:5px;background:var(--chip);overflow:hidden}
.motd-bar i b{display:block;height:100%;border-radius:5px;background:var(--ink-3);width:0;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.motd-bar.is-you i b{background:var(--ink)}
.motd-bar.is-us i b{background:var(--brand)}
.motd-bar strong{font:800 22px/1 var(--cond);text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.motd-why{font-size:14.5px;color:var(--ink-2)}
.motd-why p+p{margin-top:8px}
.motd-share{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:var(--r);background:var(--dark-1);color:var(--dink)}
.motd-card{width:132px;aspect-ratio:1200/630;border-radius:8px;background:linear-gradient(135deg,#0a1124,#0f1f4a);border:1px solid var(--dline-2);display:grid;align-content:center;justify-items:center;gap:6px;padding:8px;text-align:center}
.motd-card small{font:800 8px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--up)}
.motd-grid{display:flex;gap:3px}
.motd-grid i{width:12px;height:12px;border-radius:2px;background:rgba(240,246,252,.14)}
.motd-grid i.on{background:var(--up)}
.motd-share p{font-size:13px;color:var(--dink-2)}
.motd-share .row{margin-top:8px}

/* ---------- 5. UFC board (v9 #ufc) ---------- */
.ufc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.ufc-f{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}
.ufc-f:last-child{border-bottom:0}
.ufc-a,.ufc-b{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:14px;min-width:0}
.ufc-b{flex-direction:row-reverse}
.ufc-o{font:600 13px var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.ufc-o b{color:var(--ink);font-weight:800}
.ufc-split{display:flex;height:22px;border-radius:6px;overflow:hidden;font:800 11px/22px var(--sans);color:#fff;text-align:center}
.ufc-split i{font-style:normal;background:#23304f;min-width:18px}
.ufc-split i+i{background:#6f7d9a}
.ufc-f.is-hot{background:var(--brand-soft)}
.ufc-f.is-hot .ufc-split i:first-child{background:var(--brand)}
.ufc-seg{padding:10px 18px;font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--line)}
.ufc-note{font-size:12.5px;color:var(--ink-3);margin-top:12px}
.ufc-note a{text-decoration:underline;text-underline-offset:2px}
.ufc-note .is-live{color:var(--brand-ink);font-weight:700}

/* ---------- 6. Lesson rail ---------- */
.les{display:flex;flex-direction:column;height:100%;gap:10px}
.les-n{font:800 44px/1 var(--cond);color:var(--brand);letter-spacing:-.01em}
.les h3{font:800 24px/1.05 var(--cond);text-transform:uppercase;color:var(--dink)}
.les p{flex:1}
.les .link{font-weight:700}
.rail-track>li.card-dark{display:flex}

/* ---------- 7. Social ---------- */
.soc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.soc-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);min-width:0}
.soc-card svg{width:26px;height:26px}
.soc-card h3{font:700 16px/1.2 var(--sans)}
.soc-card p{font-size:13px;color:var(--ink-3);flex:1}
.soc-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:20px;padding:20px 24px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line)}
.soc-share h3{font:800 24px/1.05 var(--cond);text-transform:uppercase}
.soc-share p{font-size:14px;color:var(--ink-2);margin-top:4px}

/* ---------- 8. Columns teaser ---------- */
.col-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.col-slot{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);border:1px dashed var(--line-2);background:repeating-linear-gradient(135deg,rgba(127,140,170,.05) 0 10px,transparent 10px 20px)}
.col-slot h3{font:800 24px/1.05 var(--cond);text-transform:uppercase}
.col-slot p{font-size:14px;color:var(--ink-2);flex:1}
.col-lines{display:grid;gap:6px}
.col-lines i{display:block;height:8px;border-radius:4px;background:var(--chip)}
.col-lines i:nth-child(2){width:86%}.col-lines i:nth-child(3){width:64%}

/* ---------- 9. Where we trade (v9 #apps) ---------- */
.apps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.app{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.app-mono{width:44px;height:44px;border-radius:11px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:800 18px/1 var(--cond)}
.app h3{font:800 22px/1 var(--cond);text-transform:uppercase;overflow-wrap:anywhere}
.app-type{font:700 11px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--brand-ink)}
.app p{font-size:13px;color:var(--ink-2);flex:1}
.app-go{display:grid;gap:8px}
.app .btn{width:100%;white-space:normal;text-align:center}
.app .paid-note{align-items:flex-start}
.app-state{font-size:12px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:10px}
.apps-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}

/* ---------- 11. Pricing teaser ---------- */
.pt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pt-plan{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line)}
.pt-plan.is-hl{border:2px solid var(--ink)}
.pt-flag{position:absolute;top:-12px;left:22px;background:var(--ink);color:var(--paper);font:700 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:6px 9px;border-radius:5px}
.pt-plan h3{font:800 26px/1 var(--cond);text-transform:uppercase}
.pt-price{font:800 44px/1 var(--cond)}
.pt-price small{font:600 14px var(--sans);color:var(--ink-3)}
.pt-sub{font-size:13px;color:var(--ink-3)}
.pt-plan ul{display:grid;gap:9px;flex:1;margin:4px 0 8px}
.pt-plan li{display:flex;gap:10px;font-size:14px}
.pt-plan li svg{width:18px;height:18px;flex:none;stroke:var(--brand);fill:none;stroke-width:2.2}

/* ---------- 12. FAQ two columns ---------- */
.home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start}

/* ---------- misc ---------- */
.home-rg{margin-top:20px}
.sec-kicker-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .apps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .soc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1000px){
  .hx-hero>.wrap{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:56px}
  .hx-side{max-width:620px}
  .tr,.motd{grid-template-columns:1fr}
  .col-grid,.pt{grid-template-columns:1fr 1fr}
  .col-grid>.col-slot:first-child{grid-column:1/-1}
  .apps-foot{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hx-hero>.wrap{padding-top:32px;padding-bottom:40px;gap:28px}
  .hx-hero h1{font-size:clamp(38px,11vw,48px);margin:16px 0 14px}
  .hx-lede{font-size:16px}
  .hx-alt{width:100%;justify-content:center}
  .hx-card{padding:16px;border-radius:14px}
  .hx-title{font-size:22px}
  .hx-chart{height:164px}
  .hx-plan small{min-height:3.6em}
  .hx-kicker{font-size:10.5px;letter-spacing:.05em;padding:7px 9px}
  .hx-plan{gap:6px}
  .hx-plan li{padding:9px}
  .hx-plan strong{font-size:24px}
  .hx-plan span{font-size:11px}
  .hx-pin{font-size:11px;padding:4px 6px}
  .tr-main,.tr-side{padding:20px}
  .tr-plan div{padding:12px}
  .tr-plan strong{font-size:24px}
  .tr-next{grid-template-columns:1fr}
  .ufc-f{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:8px;padding:10px 12px}
  .ufc-a,.ufc-b{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}
  .ufc-b{align-items:flex-end;text-align:right}
  .motd-bar{grid-template-columns:92px minmax(0,1fr) 48px;gap:8px}
  .motd-share{grid-template-columns:1fr}
  .soc-grid{grid-template-columns:1fr 1fr}
  .soc-grid>.soc-card:last-child{grid-column:1/-1}
  .soc-share{grid-template-columns:1fr}
  .col-grid,.pt,.apps,.home-faq{grid-template-columns:1fr}
  .pt{gap:24px}
}
@media (prefers-reduced-motion:reduce){
  .hx-glow,.hx-card::before,.hx-alt .hx-dot,.hx-ld.on{animation:none}
  .motd-bar i b{transition:none}
}

/* ---------- review fixes ---------- */
.col-slot>.tag,.col-slot>.placeholder-label,.soc-card>.tag{align-self:flex-start}
.app .paid-note{flex-direction:column;align-items:flex-start;gap:4px}
.app .paid-note b{white-space:nowrap}
#btc .dk-title{font-size:clamp(44px,5.2vw,76px)}
#btc .dk-head{max-width:780px}
.soc-card>.tag{white-space:normal;height:auto;min-height:24px;padding:5px 9px;line-height:1.25}

/* ---------- Light theme: hero follows the toggle (2026-09-19) ---------- */
[data-theme="light"] .hx-hero{background:linear-gradient(180deg,#eef3ff 0%,#f7f9ff 60%,var(--bg) 100%);color:var(--ink);border-bottom-color:var(--line)}
[data-theme="light"] .hx-grid{background-image:linear-gradient(rgba(36,89,240,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(36,89,240,.07) 1px,transparent 1px)}
[data-theme="light"] .hx-glow{background:radial-gradient(40% 50% at 78% 38%,rgba(36,89,240,.16),transparent 70%),radial-gradient(30% 40% at 12% 90%,rgba(18,184,224,.10),transparent 70%)}
[data-theme="light"] .hx-kicker{color:var(--brand-ink);background:#fff;border-color:rgba(36,89,240,.25)}
[data-theme="light"] .hx-hero h1{color:var(--ink)}
[data-theme="light"] .hx-hero h1 span{color:var(--brand);text-shadow:0 0 30px rgba(36,89,240,.18)}
[data-theme="light"] .hx-lede{color:var(--ink-2)}
[data-theme="light"] .hx-join .input{border-color:var(--line-2)}
[data-theme="light"] .hx-join .form-msg,[data-theme="light"] .hx-fine,[data-theme="light"] .hx-trust{color:var(--ink-3)}
[data-theme="light"] .hx-join .form-msg[data-state="ok"]{color:var(--brand-ink)}
[data-theme="light"] .hx-join .form-msg[data-state="warn"]{color:var(--warn)}
[data-theme="light"] .hx-join .form-msg[data-state="err"]{color:var(--loss)}
[data-theme="light"] .hx-alt{color:var(--ink);border-color:var(--line-2);background:#fff}
[data-theme="light"] .hx-alt:hover{color:var(--brand-ink);border-color:var(--brand)}
[data-theme="light"] .hx-card{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -30px rgba(20,40,110,.35),0 2px 6px rgba(20,40,110,.06)}
[data-theme="light"] .hx-when,[data-theme="light"] .hx-title small{color:var(--ink-3)}
[data-theme="light"] .hx-title{color:var(--ink)}
[data-theme="light"] .hx-title em{color:var(--ink-3)}
[data-theme="light"] .hx-tag{color:#fff;background:var(--brand)}
[data-theme="light"] .hx-chart{background:linear-gradient(180deg,#f5f8ff,#fff);border-color:var(--line)}
[data-theme="light"] .hx-l-buy{stroke:#8a96ab}
[data-theme="light"] .hx-path{filter:drop-shadow(0 0 5px rgba(36,89,240,.35))}
[data-theme="light"] .hx-illus{color:var(--ink-2);background:rgba(255,255,255,.92);border-color:var(--line-2)}
[data-theme="light"] .hx-pin-sell{background:var(--brand);color:#fff}
[data-theme="light"] .hx-pin-buy{background:var(--ink);color:#fff}
[data-theme="light"] .hx-gap{color:var(--brand-ink)}
[data-theme="light"] .hx-pt{background:var(--brand);box-shadow:0 0 0 4px rgba(36,89,240,.18),0 0 14px 3px rgba(36,89,240,.35)}
[data-theme="light"] .hx-pt b{color:var(--ink);background:#fff;border-color:var(--line-2)}
[data-theme="light"] .hx-pt.hx-hit b{color:var(--brand);border-color:var(--brand)}
[data-theme="light"] .hx-plan li{background:var(--surface-2);border-color:var(--line)}
[data-theme="light"] .hx-plan small{color:var(--ink-3)}
[data-theme="light"] .hx-plan strong{color:var(--ink)}
[data-theme="light"] .hx-plan span{color:var(--ink-2)}
[data-theme="light"] .hx-plan .hx-win{background:var(--brand-soft);border-color:rgba(36,89,240,.4)}
[data-theme="light"] .hx-plan .hx-win strong{color:var(--brand)}
[data-theme="light"] .hx-live{background:#fff;border-color:var(--line);color:var(--ink-2)}
[data-theme="light"] .hx-live b{color:var(--ink)}
[data-theme="light"] .hx-live-l{color:var(--ink-2)}
[data-theme="light"] .hx-live-k{border-top-color:var(--line)}
[data-theme="light"] .hx-live-k .u{color:#0f9d5f}[data-theme="light"] .hx-live-k .d{color:var(--loss)}
[data-theme="light"] #hxStroke stop:first-child{stop-color:#9aa8c2}
@media (min-width:1280px){#btc .dk-title{font-size:40px}#btc .dk-head{max-width:none}}

/* ---------- 13. UFC board: 24h move chip beside each price (home.js section 3) ---------- */
.ufc-mv{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:4px;font:800 11px/1.1 var(--sans);font-variant-numeric:tabular-nums;background:var(--chip);color:var(--ink-3);vertical-align:1px}
.ufc-mv[data-dir="up"]{background:var(--gain-soft);color:var(--gain)}
.ufc-mv[data-dir="down"]{background:var(--drop-soft);color:var(--drop)}

/* ---------- 14. Biggest moves on Kalshi today (#movers, home.js section 5) ---------- */
.mv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mv-chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);font:700 13px/1 var(--sans)}
.mv-chip:hover{border-color:var(--brand);color:var(--brand-ink)}
.mv-chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.mv-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.mv-a{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(120px,200px) 76px 76px 84px;grid-template-areas:"sp who track px chg vol";align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink);transition:background-color .15s}
.mv-r:last-child .mv-a{border-bottom:0}
.mv-a:hover{background:var(--surface-2)}
.mv-sp{grid-area:sp;justify-self:start;padding:5px 8px;border-radius:6px;background:var(--chip);color:var(--ink-2);font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mv-who{grid-area:who;min-width:0}
.mv-who b,.mv-who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-who b{font:700 15px/1.3 var(--sans)}
.mv-who small{font-size:12.5px;color:var(--ink-3);margin-top:2px}
.mv-track{grid-area:track;position:relative;height:6px;border-radius:3px;background:var(--chip)}
.mv-seg{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--gain);opacity:.45}
.mv-then{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--paper);border:2px solid var(--ink-3)}
.mv-now{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 3px var(--paper)}
.mv-r[data-dir="down"] .mv-seg,.mv-r[data-dir="down"] .mv-now{background:var(--drop)}
.mv-px{grid-area:px;text-align:right}
.mv-px b{display:block;font:800 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.mv-px small{display:block;font-size:12px;color:var(--ink-3)}
.mv-chg{grid-area:chg;justify-self:end;padding:5px 8px;border-radius:999px;font:800 13px/1 var(--sans);white-space:nowrap;background:var(--gain-soft);color:var(--gain)}
.mv-r[data-dir="down"] .mv-chg{background:var(--drop-soft);color:var(--drop)}
.mv-vol{grid-area:vol;text-align:right;font:700 13px/1.2 var(--sans);color:var(--ink-2);white-space:nowrap}
.mv-vol small{font-weight:500;color:var(--ink-3)}
.mv-sk{display:grid;grid-template-columns:64px minmax(0,1fr) 160px;gap:16px;padding:20px 18px;border-bottom:1px solid var(--line)}
.mv-sk:last-child{border-bottom:0}
.mv-sk i{height:12px;border-radius:6px;background:var(--chip);animation:mvPulse 1.4s ease-in-out infinite}
.mv-sk i:nth-child(2){width:70%}
@keyframes mvPulse{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.mv-sk i{animation:none}}
.mv-empty{padding:32px 24px}
.mv-empty p{max-width:520px;color:var(--ink-3)}
.mv-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:14px}
.mv-note{font-size:12.5px;color:var(--ink-3);max-width:620px}
.mv-note .is-live{color:var(--brand-ink);font-weight:700}
.mv-go{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.mv-go .paid-note b{white-space:nowrap;flex:none}
@media (max-width:900px){
  .mv-a{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"sp who px chg" "track track track vol";gap:8px 12px}
}
@media (max-width:639.98px){
  .mv-chip{min-height:44px}
  .mv-a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"sp who px" "track track chg";gap:8px 12px;padding:12px 14px}
  .mv-sp{align-self:start;margin-top:1px;padding:4px 6px;font-size:10px}
  .mv-vol{display:none}
  .mv-track{margin-right:4px}
  .mv-sk{grid-template-columns:1fr 60px}
  .mv-sk i:nth-child(3){display:none}
  .mv-go .btn{width:100%;min-height:44px}
}
/* "See the full strategy" footer on the clickable hero card */
.hx-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(74,125,255,.12);border:1px solid rgba(74,125,255,.35);font:700 14px/1.2 var(--sans);color:#cfe0ff;transition:background .15s,border-color .15s}
.hx-cta svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.hx-card.has-link:hover .hx-cta{background:rgba(74,125,255,.2);border-color:#4a7dff}
.hx-card.has-link:hover .hx-cta svg{transform:translateX(4px)}
[data-theme="light"] .hx-cta{background:var(--brand);border-color:var(--brand);color:#fff}
[data-theme="light"] .hx-card.has-link:hover .hx-cta{background:var(--brand-hi)}