/* =============================================================================
   合流 MergePad · home-story.css — the home page below the hero (js/ui/demo-merge.js + page-home.js story part)
   Demo stage · 别处 vs 合流 · four rules · flywheel water loop · pools · trust · closing band.
   Headings and numbers use the shared display type (css/type-display.css). Everything here is scoped under .hs-*.
   Reduced motion: static storyboard (demo renders its final frame, loops stop, reveals show).
   ============================================================================= */

.hs { --hs-line: rgb(159 219 255 / .12); --hs-line-2: rgb(159 219 255 / .22); --hs-card: rgb(255 255 255 / .03);
  --hs-ink: #DCEAF0; --hs-dim: #8FA7B5; --hs-dimmer: #5F7886; --ease-back: cubic-bezier(.34, 1.56, .64, 1); position: relative; }
.hs-sec { position: relative; padding-top: clamp(84px, 11vw, 150px); }
.hs-demo-sec { padding-top: clamp(64px, 8vw, 110px); }
.hs-sec + .hs-sec::before { content: ""; position: absolute; left: 50%; top: 0; width: min(1200px, 90vw); height: 1px; translate: -50% 0;
  background: linear-gradient(90deg, transparent, rgb(159 219 255 / .16), transparent); }
.hs > .wrap:first-child > .kpis { margin-top: 48px; }
.hs::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 700px at 8% 6%, rgb(20 96 128 / .20), transparent 70%),
    radial-gradient(800px 600px at 92% 22%, rgb(245 165 36 / .06), transparent 70%),
    radial-gradient(1100px 800px at 50% 44%, rgb(18 84 116 / .16), transparent 70%),
    radial-gradient(900px 700px at 12% 70%, rgb(70 224 210 / .07), transparent 70%),
    radial-gradient(900px 700px at 88% 86%, rgb(20 96 128 / .14), transparent 70%); }
.hs-head { position: relative; z-index: 2; }
.hs-head.is-center { justify-items: center; text-align: center; }
.hs-h { max-width: 16ch; }
.lang-en .hs-h { max-width: 18ch; }
.hs-h .line + .line { margin-top: .04em; }
.hs-h .hs-sp { padding-inline: .06em; }
.hs-kbadge { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; margin-right: 2px; border-radius: 6px; letter-spacing: .06em;
  background: linear-gradient(100deg, #FFE3A8, #F5A524); -webkit-text-fill-color: #1A1206; color: #1A1206; font-weight: 700; box-shadow: 0 0 18px rgb(245 165 36 / .45); }
.hs-sec-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.hs-sec-h .sec-head { margin-bottom: 0; }
.hs-more, .hs-sec-h .hm-all { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--ice-hi, #DDF4FF); text-decoration: none;
  padding: 9px 14px; border-radius: 999px; border: 1px solid var(--hs-line-2); background: rgb(159 219 255 / .04); transition: background .2s, border-color .2s, transform .2s; }
.hs-more:hover, .hs-sec-h .hm-all:hover { background: rgb(159 219 255 / .1); border-color: rgb(159 219 255 / .4); transform: translateY(-1px); }

/* ---------- generative art tiles ---------- */
.hs-artbox { display: inline-block; width: 40px; height: 40px; flex: none; border-radius: 12px; overflow: hidden; position: relative;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16), 0 4px 14px -4px rgb(0 0 0 / .6); background: #10222E; }
.hs-artbox.is-round { border-radius: 50%; }
.hs-art { display: block; width: 100%; height: 100%; }

/* =============================================================================
   1 · demo stage
   ============================================================================= */
.hs-demo { position: relative; z-index: 1; }
.hs-stage { position: relative; isolation: isolate; overflow: hidden; border-radius: 30px; padding: 22px 28px 20px;
  background:
    radial-gradient(70% 60% at 50% 42%, rgb(30 110 140 / .32), transparent 70%),
    radial-gradient(40% 50% at 12% 30%, rgb(70 224 210 / .08), transparent 70%),
    radial-gradient(40% 50% at 90% 40%, rgb(245 165 36 / .06), transparent 70%),
    linear-gradient(180deg, #0B1F2B 0%, #071722 55%, #06111A 100%);
  border: 1px solid rgb(159 219 255 / .16);
  box-shadow: 0 60px 140px -50px rgb(0 0 0 / .9), 0 0 0 1px rgb(0 0 0 / .35), inset 0 1px 0 rgb(221 244 255 / .09), 0 0 90px -30px rgb(70 224 210 / .25); }
.hs-stage::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 5;
  background: linear-gradient(180deg, rgb(221 244 255 / .05), transparent 18%); }
.hs-stage-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.hs-caustic { position: absolute; width: 70%; aspect-ratio: 1; left: 15%; top: -10%; border-radius: 50%; opacity: .55;
  background: radial-gradient(closest-side, rgb(120 220 240 / .10), transparent), repeating-radial-gradient(circle at 40% 40%, transparent 0 22px, rgb(159 219 255 / .025) 23px 25px);
  filter: blur(2px); animation: hs-drift 22s ease-in-out infinite alternate; }
.hs-caustic.b { left: auto; right: -20%; top: 30%; width: 60%; animation-duration: 28s; animation-direction: alternate-reverse; opacity: .4; }
@keyframes hs-drift { from { transform: translate3d(-4%, -2%, 0) rotate(0deg) scale(1); } to { transform: translate3d(6%, 5%, 0) rotate(25deg) scale(1.12); } }

.hs-flows { position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; overflow: visible; }
.hs-flows path { fill: none; stroke-linecap: round; }
.hs-s-glow { stroke-width: 12; opacity: .09; stroke-dasharray: 100 100; }
.hs-s-core { stroke-width: 2.2; opacity: .8; stroke-dasharray: 100 100; }
.hs-s-flow { stroke: rgb(244 255 255 / .95) !important; stroke-width: 3.2; stroke-dasharray: .6 6.4; opacity: 0; }

/* top bar */
.hs-top { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap;
  padding-bottom: 16px; border-bottom: 1px solid rgb(159 219 255 / .08); }
.hs-top-l, .hs-top-r { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; }
.hs-badge { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 12px 0 10px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; letter-spacing: .08em; color: #1A1206;
  background: linear-gradient(100deg, #FFE7BC, #F5A524); box-shadow: 0 0 22px rgb(245 165 36 / .45), inset 0 1px 0 rgb(255 255 255 / .5); }
.hs-badge i { width: 7px; height: 7px; border-radius: 50%; background: #7A2E00; animation: hs-blink 1.4s ease-in-out infinite; }
@keyframes hs-blink { 50% { opacity: .25; } }
.hs-poolno { font-family: var(--ff-display); font-size: 22px; font-weight: 800; color: #F2FAFC; letter-spacing: -.01em; opacity: .35; transition: opacity .5s; }
.is-opened .hs-poolno { opacity: 1; }
.hs-phase { display: inline-flex; align-items: center; gap: 9px; height: 32px; padding: 0 14px 0 12px; border-radius: 999px;
  border: 1px solid var(--hs-line-2); background: rgb(159 219 255 / .05); font-size: 13px; color: var(--hs-ink); transition: opacity .4s var(--ease-out, ease-out), transform .4s var(--ease-out, ease-out), border-color .4s, background-color .4s; }
[data-phase="pre"] .hs-phase { opacity: 0; transform: translateY(3px); }
.hs-phase-dot { width: 8px; height: 8px; border-radius: 50%; background: #5F7886; box-shadow: 0 0 0 3px rgb(95 120 134 / .2); }
.hs-phase-c { font-family: "Geist", var(--font-sans); font-size: 13px; font-weight: 600; color: #fff; font-variant-numeric: tabular-nums; min-width: 3.2ch; }
[data-phase="open"] .hs-phase-dot { background: #46E0D2; box-shadow: 0 0 0 3px rgb(70 224 210 / .2), 0 0 12px #46E0D2; animation: hs-blink 1s infinite; }
[data-phase="trade"] .hs-phase-dot { background: #9FDBFF; box-shadow: 0 0 0 3px rgb(159 219 255 / .2), 0 0 12px #9FDBFF; }
[data-phase="freeze"] .hs-phase { border-color: rgb(221 244 255 / .5); background: rgb(221 244 255 / .1); }
[data-phase="freeze"] .hs-phase-dot { background: #fff; box-shadow: 0 0 14px #DDF4FF; }
[data-phase="done"] .hs-phase { border-color: rgb(255 199 102 / .55); background: rgb(245 165 36 / .12); }
[data-phase="done"] .hs-phase-dot { background: #FFC766; box-shadow: 0 0 14px #F5A524; }
.hs-top-r { opacity: 0; }
.hs-merged { display: inline-flex; align-items: baseline; gap: 8px; }
.hs-merged-l, .hs-merged-u { font-size: 13px; color: var(--hs-dim); }
.hs-merged-n { font-size: 40px !important; min-width: 1ch; display: inline-block; transform-origin: 50% 70%; }
.hs-addr { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 10px; padding: 7px 14px; border-radius: 14px;
  border: 1px solid rgb(255 199 102 / .28); background: linear-gradient(100deg, rgb(245 165 36 / .1), rgb(159 219 255 / .04)); position: relative; overflow: hidden; }
.hs-addr-l { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; letter-spacing: .08em; color: #FFD591; grid-row: 1; }
.hs-addr-v { font-family: "Geist Mono", var(--font-mono); font-size: 15px; font-weight: 600; grid-row: 1;
  background: linear-gradient(100deg, #FFF6E6, #FFC766); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hs-addr-n { grid-column: 1 / -1; font-size: 11.5px; color: #C9B48E; }
.is-grad .hs-addr { border-color: rgb(255 199 102 / .7); box-shadow: 0 0 0 4px rgb(245 165 36 / .12), 0 0 40px rgb(245 165 36 / .35); }
.is-grad .hs-addr::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgb(255 255 255 / .35) 50%, transparent 70%); animation: hs-sweep 1.8s ease-out 1; transform: translateX(-100%); }
@keyframes hs-sweep { to { transform: translateX(100%); } }

/* grid */
.hs-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) minmax(300px, 350px); gap: 36px; padding: 24px 0 20px; align-items: start; min-height: 480px; }
.hs-col { min-width: 0; }
.hs-sub { font-family: "Geist Mono", var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #7FA3B4; }
:lang(zh-CN) .hs-sub { letter-spacing: .04em; font-size: 12px; }

/* post card */
.hs-tweet { position: relative; padding: 14px; border-radius: 18px; background: linear-gradient(180deg, rgb(255 255 255 / .06), rgb(255 255 255 / .025));
  border: 1px solid rgb(159 219 255 / .16); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: box-shadow .6s, border-color .6s; will-change: transform, opacity; }
.hs-tweet.is-hot { border-color: rgb(159 219 255 / .45); box-shadow: 0 0 0 1px rgb(159 219 255 / .2), 0 0 50px -6px rgb(70 224 210 / .45); }
.hs-tw-h { display: flex; align-items: center; gap: 10px; }
.hs-tw-h .hs-artbox { width: 36px; height: 36px; }
.hs-tw-who { display: grid; min-width: 0; flex: 1; }
.hs-tw-who b { font-size: 14px; font-weight: 650; color: #F5FBFD; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-tw-who span { font-family: "Geist Mono", var(--font-mono); font-size: 11.5px; color: var(--hs-dim); }
.hs-tw-meta { align-self: flex-start; font-size: 10.5px; padding: 3px 7px; border-radius: 6px; color: #FFD591; background: rgb(245 165 36 / .12); white-space: nowrap; }
.hs-tw-t { margin: 10px 0 10px; font-size: 14.5px; line-height: 1.6; color: #E4F0F4; text-wrap: pretty; }
.hs-tw-img { height: 92px; border-radius: 12px; overflow: hidden; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.hs-tw-art { width: 100%; height: 100%; display: block; }

/* launchers */
.hs-lwrap { margin-top: 18px; }
.hs-ls { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 7px; }
.hs-l { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; height: 32px; padding: 0 10px 0 5px;
  border-radius: 11px; background: rgb(255 255 255 / .03); border: 1px solid rgb(159 219 255 / .09); font-size: 12px; opacity: 0; will-change: transform, opacity;
  transition: border-color .4s, background-color .4s, box-shadow .4s; }
.hs-l.is-lit { border-color: rgb(159 219 255 / .5); background: rgb(159 219 255 / .09); box-shadow: 0 0 24px -4px rgb(70 224 210 / .5); }
.hs-l .hs-artbox { width: 22px; height: 22px; }
.hs-l-a { font-family: "Geist Mono", var(--font-mono); font-size: 11.5px; color: #C8DCE5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-l-tag { font-size: 11px; font-weight: 600; color: #46E0D2; white-space: nowrap; }
.hs-l-tag.is-open { color: #FFC766; }
.hs-l-v { font-family: "Geist Mono", var(--font-mono); font-size: 11px; color: var(--hs-dim); white-space: nowrap; }
.hs-l-same { position: absolute; right: 6px; top: 50%; translate: 0 -50%; display: inline-flex; align-items: center; gap: 4px; height: 21px; padding: 0 8px;
  border-radius: 999px; font-size: 11px; font-weight: 700; color: #06202A; background: linear-gradient(100deg, #DDF4FF, #9FDBFF); box-shadow: 0 0 16px rgb(159 219 255 / .55);
  opacity: 0; white-space: nowrap; transform-origin: 100% 50%; }

/* orb */
.hs-col-c { display: grid; justify-items: center; }
.hs-orb { position: relative; width: min(100%, 360px); aspect-ratio: 1; margin-top: -6px; }
.hs-orb::before { content: ""; position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(closest-side, rgb(70 224 210 / .35), rgb(40 140 190 / .12) 60%, transparent);
  filter: blur(24px); transition: background 1s; z-index: -1; }
.hs-orb.is-win::before { background: radial-gradient(closest-side, rgb(245 165 36 / .45), rgb(255 120 80 / .12) 60%, transparent); }
.hs-orb-svg { display: block; width: 100%; height: 100%; overflow: visible; }
.hs-wave-b { fill: rgb(70 224 210 / .26); }
.hs-wave-hi { fill: none; stroke: rgb(255 255 255 / .6); stroke-width: 2; }
.hs-o-in { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.hs-o-in::before { content: ""; position: absolute; width: 58%; height: 44%; border-radius: 50%; background: radial-gradient(closest-side, rgb(3 14 22 / .62), transparent); }
.hs-o-a, .hs-o-b { grid-area: 1 / 1; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; will-change: transform, opacity; }
.hs-o-l { font-family: "Geist Mono", var(--font-mono); font-size: 11px; letter-spacing: .18em; color: #CFEFF7; text-transform: uppercase; }
.hs-o-num { font-size: clamp(50px, 5.2vw, 76px) !important; filter: drop-shadow(0 0 20px rgb(120 205 255 / .45)) drop-shadow(0 2px 2px rgb(0 0 0 / .5)) !important; }
.hs-o-u { font-family: "Geist", var(--font-sans); font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; color: #D5ECF3; letter-spacing: .02em; text-shadow: 0 1px 6px rgb(0 0 0 / .6); }
.hs-o-b { opacity: 0; gap: 6px; }
.hs-o-b .hs-artbox { width: 78px; height: 78px; box-shadow: 0 0 0 3px rgb(255 199 102 / .75), 0 0 46px rgb(245 165 36 / .6); }
.hs-o-name { font-family: var(--ff-display); font-weight: 800; font-size: 36px; line-height: 1; letter-spacing: -.01em;
  background: linear-gradient(180deg, #FFFFFF 20%, #FFE3A8 60%, #F5A524); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 16px rgb(245 165 36 / .5)) drop-shadow(0 2px 2px rgb(0 0 0 / .5)); padding-block: .06em; }
.hs-o-sym { font-family: "Geist Mono", var(--font-mono); font-size: 13px; color: #FFE3A8; letter-spacing: .06em; }
.hs-o-win { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 800; color: #1A1206;
  background: linear-gradient(100deg, #FFE7BC, #F5A524); box-shadow: 0 0 20px rgb(245 165 36 / .6); letter-spacing: .06em; }
.hs-o-full { position: absolute; left: 50%; top: 9%; display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 14px; border-radius: 999px; opacity: 0; pointer-events: none;
  background: rgb(221 244 255 / .92); color: #06202A; font-weight: 800; font-size: 14px; box-shadow: 0 0 36px rgb(221 244 255 / .7); white-space: nowrap; }
.hs-o-full b { font-family: "Geist", var(--font-sans); }
.hs-drops { position: absolute; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none; }
.hs-drop { position: absolute; left: 0; top: 0; border-radius: 50%; opacity: 0; box-shadow: 0 0 12px rgb(255 220 160 / .8); will-change: transform, opacity; }

.hs-under { position: relative; width: 100%; max-width: 380px; min-height: 150px; margin-top: 4px; }
.hs-mc { display: grid; justify-items: center; gap: 2px; text-align: center; }
.hs-mc-l { font-family: "Geist Mono", var(--font-mono); font-size: 11px; letter-spacing: .16em; color: #7FA3B4; text-transform: uppercase; }
:lang(zh-CN) .hs-mc-l, :lang(zh-CN) .hs-o-l, :lang(zh-CN) .hs-p4-lbl { letter-spacing: .04em; font-size: 12px; }
.hs-mc-v { display: inline-flex; align-items: baseline; gap: 8px; }
.hs-mc-n { font-size: clamp(38px, 3.6vw, 52px) !important; }
.hs-mc-u { font-family: "Geist", var(--font-sans); font-size: 14px; font-weight: 500; color: #9FDBFF; }
.hs-mc.is-pending .hs-mc-n { font-family: var(--ff-display) !important; font-weight: 800; font-size: 30px !important; letter-spacing: 0; line-height: 1.3; }
.hs-mc.is-pending .hs-mc-u { display: none; }
.hs-mc-s { font-size: 12.5px; color: var(--hs-dim); min-height: 18px; }
.hs-mc.is-flash .hs-mc-n { animation: hs-pop .8s var(--ease-back) 1; }
@keyframes hs-pop { 0% { transform: scale(.7); filter: drop-shadow(0 0 30px #DDF4FF) brightness(1.8); } 100% { transform: none; } }
.hs-list { position: absolute; left: 50%; top: -18px; width: min(100%, 370px); margin-left: calc(min(100%, 370px) / -2); padding: 14px 16px 14px; border-radius: 18px; visibility: hidden; opacity: 0;
  background: linear-gradient(180deg, rgb(52 34 10 / .92), rgb(18 13 8 / .94)); border: 1px solid rgb(255 199 102 / .5);
  box-shadow: 0 0 0 4px rgb(245 165 36 / .08), 0 30px 60px -20px rgb(0 0 0 / .8), 0 0 60px -10px rgb(245 165 36 / .45); will-change: transform, opacity; }
.hs-list-h { display: flex; align-items: center; gap: 10px; }
.hs-list-h .display { font-size: 26px !important; }
.hs-list-ok { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #FFE7BC, #F5A524); color: #1A1206; box-shadow: 0 0 18px rgb(245 165 36 / .6); flex: none; }
.hs-list-chips { display: flex; gap: 6px; margin: 10px 0 8px; flex-wrap: wrap; }
.hs-chip { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 11.5px; font-weight: 600; color: #FFE3A8;
  background: rgb(245 165 36 / .12); border: 1px solid rgb(255 199 102 / .25); font-family: "Geist Mono", var(--font-mono); }
.hs-list-addr { display: block; position: relative; overflow: hidden; padding: 8px 10px; border-radius: 10px; background: rgb(0 0 0 / .35); border: 1px solid rgb(255 199 102 / .3);
  font-family: "Geist Mono", var(--font-mono); font-size: 11.5px; line-height: 1.45; word-break: break-all; color: #FFE7BC; }
.hs-list-addr.is-sweep::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgb(255 240 200 / .5) 50%, transparent 70%); transform: translateX(-100%); animation: hs-sweep 1.4s ease-out .1s 1 both; }
.hs-list-p { margin: 8px 0 0; font-size: 12.5px; color: #E9D7B5; }

/* versions */
.hs-col-r { position: relative; }
ol.hs-vlist { list-style: none; margin: 10px 0 0; padding: 0; position: relative; --pitch: 66px; height: calc(5 * var(--pitch)); }
ol.hs-vlist::before { content: ""; position: absolute; inset: 0; border-radius: 15px; pointer-events: none; opacity: .9;
  background: repeating-linear-gradient(180deg, rgb(159 219 255 / .035) 0 58px, transparent 58px var(--pitch)); }
.is-stack ol.hs-vlist::before { background: repeating-linear-gradient(180deg, rgb(159 219 255 / .035) 0 54px, transparent 54px var(--pitch)); }
.hs-v { position: absolute; left: 0; right: 0; top: 0; height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 50px; align-items: center; gap: 12px;
  padding: 0 12px 0 7px; border-radius: 15px; background: linear-gradient(90deg, rgb(255 255 255 / .05), rgb(255 255 255 / .02)); border: 1px solid rgb(159 219 255 / .11);
  transform-origin: 50% 50%; opacity: 0; will-change: transform, opacity; transition: border-color .4s, box-shadow .4s, background-color .4s, filter .6s; }
.hs-v .hs-artbox { width: 44px; height: 44px; border-radius: 12px; }
.hs-v-m { min-width: 0; }
.hs-v-top { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.hs-v-n { font-family: var(--ff-display); font-weight: 800; font-size: 19px; line-height: 1.1; color: #F5FBFD; white-space: nowrap; letter-spacing: -.005em; }
.hs-v-s { font-family: "Geist Mono", var(--font-mono); font-size: 11px; color: var(--hue); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-v-tag:empty { display: none; }
.hs-v-tag { margin-left: auto; height: 19px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #1A1206; background: linear-gradient(100deg, #FFE7BC, #F5A524); display: inline-flex; align-items: center; }
.hs-v-bar { height: 6px; margin-top: 8px; border-radius: 6px; background: rgb(255 255 255 / .07); overflow: hidden; }
.hs-v-fill { display: block; height: 100%; border-radius: inherit; transform-origin: 0 50%; transform: scaleX(0);
  background: linear-gradient(90deg, color-mix(in oklab, var(--hue) 35%, transparent), var(--hue)); box-shadow: 0 0 14px var(--hue); }
.hs-v-pct { font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 19px; text-align: right; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.hs-v.is-lead { border-color: color-mix(in oklab, var(--hue) 60%, transparent); box-shadow: 0 0 0 1px color-mix(in oklab, var(--hue) 30%, transparent), 0 12px 34px -12px var(--hue); }
.hs-v.is-win { border-color: #FFC766; background: linear-gradient(90deg, rgb(245 165 36 / .24), rgb(255 255 255 / .04)); box-shadow: 0 0 0 1px rgb(255 199 102 / .55), 0 0 56px -4px rgb(245 165 36 / .55); z-index: 2; }
.hs-v.is-lose { filter: grayscale(.8) brightness(.8); }
.hs-v-frost { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .6s;
  background: linear-gradient(115deg, rgb(221 244 255 / .2), rgb(159 219 255 / .03) 35%, rgb(221 244 255 / .14) 60%, rgb(159 219 255 / .03)),
    repeating-linear-gradient(60deg, rgb(255 255 255 / .06) 0 1px, transparent 1px 7px);
  box-shadow: inset 0 0 0 1px rgb(221 244 255 / .5), inset 0 0 18px rgb(221 244 255 / .18); }
.hs-v.is-frozen .hs-v-frost { opacity: 1; }
.hs-freeze { display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 9px 14px; border-radius: 12px; opacity: 0; font-size: 12.5px; color: #EAF8FF;
  background: rgb(221 244 255 / .1); border: 1px solid rgb(221 244 255 / .4); box-shadow: 0 0 30px -6px rgb(159 219 255 / .5); }
.hs-freeze-c { margin-left: auto; font-family: "Geist Mono", var(--font-mono); font-size: 15px; color: #fff; font-variant-numeric: tabular-nums; }

/* timeline */
.hs-tl { position: relative; z-index: 2; margin-top: 6px; }
.hs-tl-track { position: relative; height: 4px; border-radius: 4px; background: rgb(159 219 255 / .1); margin: 0 7px; }
.hs-tl-fill { position: absolute; inset: 0; border-radius: inherit; transform-origin: 0 50%; transform: scaleX(0);
  background: linear-gradient(90deg, #46E0D2, #9FDBFF 45%, #DDF4FF 70%, #F5A524); box-shadow: 0 0 14px rgb(70 224 210 / .6); }
.hs-tl-head { position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #fff;
  box-shadow: 0 0 0 4px rgb(159 219 255 / .22), 0 0 22px #9FDBFF; }
.hs-tl-tick { position: absolute; top: -4px; width: 1px; height: 12px; background: rgb(159 219 255 / .3); }
.hs-segs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 12px 0 0; padding: 0; }
.hs-seg { padding-right: 10px; }
.hs-seg b { display: block; font-family: var(--ff-display); font-weight: 800; font-size: 17px; line-height: 1.2; color: #6F8896; transition: color .4s; }
.hs-seg span { display: block; margin-top: 2px; font-size: 12px; color: #54707E; transition: color .4s; }
.hs-seg.is-done b { color: #BFD3DC; }
.hs-seg.is-on b { background: linear-gradient(100deg, #DDF4FF, #fff 40%, #FFC766); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 12px rgb(159 219 255 / .5)); }
.hs-seg.is-on span { color: #AFC6D1; }

/* caption + controls */
.hs-foot { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgb(159 219 255 / .08); }
.hs-cap-wrap { min-width: 0; min-height: 36px; display: flex; align-items: center; }
.hs-cap { margin: 0; font-family: var(--ff-display); font-weight: 800; font-size: clamp(20px, 2.1vw, 28px); line-height: 1.25; letter-spacing: -.005em;
  background: linear-gradient(100deg, #9FDBFF, #DDF4FF 30%, #fff 55%, #FFE7BC 80%, #F5A524); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgb(120 205 255 / .3)); text-wrap: balance; padding-block: .06em; }
.hs-cap.is-in { animation: hs-cap .8s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)) both; }
@keyframes hs-cap { from { opacity: 0; transform: translate3d(0, 14px, 0); filter: blur(8px); } }
.hs-ctrl { display: flex; gap: 8px; flex: none; }
.hs-btn { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600;
  color: #DDF4FF; background: rgb(159 219 255 / .06); border: 1px solid var(--hs-line-2); transition: background .2s, border-color .2s, transform .2s, box-shadow .3s; }
.hs-btn:hover { background: rgb(159 219 255 / .14); border-color: rgb(159 219 255 / .45); transform: translateY(-1px); }
.hs-btn:focus-visible, .hs-ch:focus-visible, .hs-go:focus-visible { outline: 2px solid #9FDBFF; outline-offset: 2px; }
.hs-btn-hot.is-hot { color: #06202A; background: linear-gradient(100deg, #DDF4FF, #9FDBFF); border-color: transparent; box-shadow: 0 0 0 0 rgb(159 219 255 / .6); animation: hs-hot 1.8s ease-out infinite; }
@keyframes hs-hot { 70% { box-shadow: 0 0 0 12px rgb(159 219 255 / 0); } 100% { box-shadow: 0 0 0 0 rgb(159 219 255 / 0); } }

/* chapters (seekable; static storyboard under reduced motion) */
.hs-chaps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 14px 0 0; padding: 0; }
.hs-ch { position: relative; width: 100%; height: 100%; display: grid; align-content: start; gap: 2px; text-align: left; padding: 11px 13px 13px; border-radius: 14px; cursor: pointer; overflow: hidden;
  font: inherit; color: #6F8896; background: rgb(255 255 255 / .015); border: 1px solid rgb(159 219 255 / .08); transition: color .3s, border-color .3s, background-color .3s; }
.hs-ch:hover { color: #DDF4FF; border-color: rgb(159 219 255 / .25); }
.hs-ch-n { font-family: "Geist", var(--font-sans); font-size: 11.5px; font-weight: 600; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.hs-ch:active { transform: translateY(1px); }
.hs-ch-t { font-family: var(--ff-display); font-weight: 800; font-size: 17px; line-height: 1.2; }
.hs-ch-c { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hs-ch-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, #46E0D2, #9FDBFF, #F5A524); }
.hs-ch.is-done { color: #A9BFCA; }
.hs-ch.is-on { color: #fff; border-color: rgb(159 219 255 / .3); background: rgb(159 219 255 / .06); }
.hs-ch.is-on .hs-ch-n { color: #46E0D2; }
.hs-demo.is-static .hs-ctrl { display: none; }
.hs-demo.is-static .hs-ch { cursor: default; color: #C9DCE4; }
.hs-demo.is-static .hs-ch-c { position: static; width: auto; height: auto; clip: auto; white-space: normal; margin-top: 4px; font-size: 13px; line-height: 1.5; color: #9FB6C3; }
.hs-demo.is-static .hs-ch-bar { transform: scaleX(1) !important; opacity: .5; }

/* mid stage (tablets / small laptops): post + launchers | pool, versions below — set by JS from the stage width */
.hs-stage.is-mid .hs-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px 32px; min-height: 0; }
.is-mid .hs-col-r { grid-column: 1 / -1; }
.is-mid .hs-orb { width: min(100%, 330px); }
.is-mid .hs-under { max-width: 100%; }
.is-mid .hs-tw-img { height: 78px; }

/* stacked stage (phones / narrow) — set by JS from the stage width */
.hs-stage.is-stack { padding: 16px 14px 16px; border-radius: 24px; }
.is-stack .hs-top { gap: 10px; padding-bottom: 12px; }
.is-stack .hs-top-l { gap: 8px; }
.is-stack .hs-top-r { width: 100%; justify-content: space-between; gap: 10px; }
.is-stack .hs-poolno { font-size: 18px; }
.is-stack .hs-phase { height: 28px; font-size: 12px; padding: 0 10px; }
.is-stack .hs-merged-n { font-size: 32px !important; }
.is-stack .hs-addr { padding: 6px 10px; }
.is-stack .hs-addr-v { font-size: 13px; }
.is-stack .hs-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; min-height: 0; padding: 16px 0 12px; }
.is-stack .hs-tw-img { display: none; }
.is-stack .hs-tw-t { font-size: 13.5px; margin-bottom: 0; }
.is-stack .hs-lwrap { margin-top: 14px; text-align: center; }
.is-stack .hs-ls { display: flex; justify-content: center; gap: 10px; margin-top: 8px; }
.is-stack .hs-l { display: block; height: auto; padding: 0; border: 0; background: none; box-shadow: none; }
.is-stack .hs-l > :not(.hs-artbox) { display: none; }
.is-stack .hs-l .hs-artbox { width: 30px; height: 30px; }
.is-stack .hs-l.is-lit .hs-artbox { box-shadow: 0 0 0 2px #9FDBFF, 0 0 18px #46E0D2; }
.is-stack .hs-orb { width: min(82%, 300px); margin-top: 6px; }
.is-stack .hs-under { min-height: 172px; }
.is-stack ol.hs-vlist { --pitch: 62px; }
.is-stack .hs-v { height: 54px; }
.is-stack .hs-segs span { display: none; }
.is-stack .hs-seg b { font-size: 13px; }
.is-stack .hs-foot { flex-direction: column; align-items: stretch; }
.is-stack .hs-cap-wrap { min-height: 64px; }
.is-stack .hs-ctrl { justify-content: flex-end; }

/* =============================================================================
   2 · 别处 vs 合流
   ============================================================================= */
.hs-vs-sec .hs-head { max-width: none; }
div.hs-vs { display: grid; grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); gap: 0; align-items: stretch; }
.hs-vs-card { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; border-radius: 28px; padding: 22px 24px 24px; }
.hs-vs-card.is-split { background: radial-gradient(80% 60% at 50% 60%, rgb(240 73 94 / .1), transparent 70%), linear-gradient(180deg, #1A1219, #0E0B10); border: 1px solid rgb(240 73 94 / .2); }
.hs-vs-card.is-merge { background: radial-gradient(70% 60% at 50% 62%, rgb(70 224 210 / .18), transparent 70%), linear-gradient(180deg, #0C2331, #07151F); border: 1px solid rgb(159 219 255 / .26);
  box-shadow: 0 40px 100px -40px rgb(70 224 210 / .35); }
.hs-vs-card header { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.hs-vs-tag { font-family: var(--ff-display); font-weight: 800; font-size: 32px; line-height: 1; }
.hs-vs-tag.is-bad { color: #FF8595; text-shadow: 0 0 24px rgb(240 73 94 / .5); }
.hs-vs-tag.is-good { background: linear-gradient(100deg, #9FDBFF, #fff 50%, #FFC766); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 16px rgb(120 205 255 / .4)); padding-block: .06em; }
.hs-vs-sub { font-size: 14px; color: var(--hs-dim); }
.hs-vs-field { position: relative; height: 390px; margin: 10px -8px 0; }
.hs-vs-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hs-vs-lines path { fill: none; vector-effect: non-scaling-stroke; }
.is-split .hs-vs-lines path { stroke: rgb(255 120 140 / .4); stroke-width: 1; stroke-dasharray: 1.2 2.2; opacity: 0; transition: opacity .5s calc(.3s + var(--i) * 70ms); }
.is-merge .hs-vs-lines path { stroke: rgb(159 219 255 / .5); stroke-width: 1.4; stroke-dasharray: 3 5; opacity: 0; }
.is-go .is-split .hs-vs-lines path { opacity: 1; }
.is-go .is-merge .hs-vs-lines path { animation: hs-mline 2.8s ease-in-out calc(var(--i) * 50ms) both, hs-dash 1.2s linear infinite; }
@keyframes hs-mline { 0%, 20% { opacity: 0; } 40%, 70% { opacity: .9; } 100% { opacity: 0; } }
@keyframes hs-dash { to { stroke-dashoffset: -16; } }
.hs-mt { position: absolute; left: 50%; top: 0; translate: -50% 0; z-index: 3; display: flex; gap: 9px; align-items: center; width: min(92%, 300px); padding: 9px 12px 9px 9px; border-radius: 14px;
  background: rgb(255 255 255 / .06); border: 1px solid rgb(159 219 255 / .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.hs-mt .hs-artbox { width: 30px; height: 30px; }
.hs-mt b { display: block; font-family: "Geist Mono", var(--font-mono); font-size: 11px; color: #9FDBFF; font-weight: 500; }
.hs-mt span { display: block; font-size: 12px; line-height: 1.4; color: #DCEAF0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hs-copy { position: absolute; left: 50%; top: 14%; translate: -50% -50%; rotate: var(--r); z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; border-radius: 999px;
  font-size: 12.5px; white-space: nowrap; opacity: 0; scale: .4; }
.hs-copy .hs-artbox { width: 22px; height: 22px; border-radius: 50%; }
.hs-copy b { font-weight: 650; color: #F3E9EC; }
.hs-copy i { font-style: normal; font-family: "Geist Mono", var(--font-mono); font-size: 10.5px; }
.is-split .hs-copy { background: rgb(38 20 28 / .9); border: 1px solid rgb(255 130 150 / .25); box-shadow: 0 8px 20px -8px rgb(0 0 0 / .8);
  transition: left 1s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)), top 1s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)), opacity .4s, scale 1s var(--ease-back);
  transition-delay: calc(var(--i) * 70ms); }
.is-split .hs-copy i { color: #FF9AA8; }
.is-go .is-split .hs-copy { left: var(--x); top: var(--y); opacity: 1; scale: 1; animation: hs-jit 2.6s ease-in-out calc(1.2s + var(--i) * .17s) infinite alternate; }
@keyframes hs-jit { 0% { translate: -50% -50%; } 50% { translate: calc(-50% + 5px) calc(-50% - 4px); } 100% { translate: calc(-50% - 4px) calc(-50% + 3px); } }
.is-merge .hs-copy { left: var(--x); top: var(--y); background: rgb(12 36 50 / .92); border: 1px solid rgb(159 219 255 / .3); }
.is-merge .hs-copy i { color: #9FDBFF; }
.is-go .is-merge .hs-copy { animation: hs-merge 2.7s cubic-bezier(.45, 0, .2, 1) calc(var(--i) * 55ms) both; }
@keyframes hs-merge {
  0% { left: 50%; top: 14%; opacity: 0; scale: .4; }
  30% { left: var(--x); top: var(--y); opacity: 1; scale: 1; }
  58% { left: var(--x); top: var(--y); opacity: 1; scale: 1; }
  100% { left: 50%; top: 62%; opacity: 0; scale: .25; }
}
.hs-one { position: absolute; left: 50%; top: 63%; translate: -50% -50%; z-index: 3; display: grid; justify-items: center; gap: 4px; text-align: center; opacity: 0; scale: .6;
  transition: opacity .6s ease 2.2s, scale 1s var(--ease-back) 2.2s; }
.is-go .hs-one { opacity: 1; scale: 1; }
.hs-one-ring { position: relative; padding: 5px; border-radius: 50%; background: conic-gradient(from 0deg, #46E0D2, #9FDBFF, #fff, #FFC766, #F5A524, #46E0D2); animation: hs-spin 6s linear infinite;
  box-shadow: 0 0 40px rgb(120 205 255 / .5), 0 0 80px rgb(245 165 36 / .25); }
.hs-one-ring .hs-artbox { width: 64px; height: 64px; animation: hs-spin 6s linear infinite reverse; display: block; }
@keyframes hs-spin { to { rotate: 360deg; } }
.hs-one-t { display: flex; align-items: baseline; gap: 8px; margin-top: 4px; }
.hs-one-t b { font-family: var(--ff-display); font-weight: 800; font-size: 26px; color: #fff; }
.hs-one-t span { font-family: "Geist Mono", var(--font-mono); font-size: 12px; color: #FFC766; }
.hs-one-liq { display: grid; justify-items: center; }
.hs-one-liq .num-display { font-size: clamp(46px, 5vw, 68px) !important; }
.hs-one-cap { font-size: 12.5px; color: #BFD9E3; margin-top: -2px; }
.hs-one-addr { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 5px 10px; border-radius: 999px; font-family: "Geist Mono", var(--font-mono); font-size: 12px;
  color: #FFE7BC; background: rgb(245 165 36 / .1); border: 1px solid rgb(255 199 102 / .35); }
.hs-vs-card footer { margin-top: auto; padding-top: 16px; border-top: 1px solid rgb(255 255 255 / .06); }
.hs-vs-stats { display: flex; gap: 32px; }
.hs-vs-stat { display: flex; align-items: baseline; gap: 8px; }
.hs-vs-stat .num-display { font-size: clamp(40px, 4vw, 60px) !important; }
.is-split .hs-vs-stat .num-display { background-image: linear-gradient(180deg, #FFE3E7, #FF6B80); filter: drop-shadow(0 0 16px rgb(240 73 94 / .35)); }
.hs-vs-stat-l { font-size: 14px; color: var(--hs-dim); }
.hs-vs-verdict { margin: 8px 0 0; font-size: 15px; line-height: 1.55; color: #C9D8DF; }
.is-split .hs-vs-verdict { color: #E7C4CA; }
.hs-vs-mid { position: relative; display: grid; place-items: center; }
.hs-vs-mid::before { content: ""; position: absolute; top: 10%; bottom: 10%; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgb(159 219 255 / .3), transparent); }
.hs-vs-mid span { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; font-family: var(--ff-display); font-weight: 800; font-size: 15px; letter-spacing: .04em;
  color: #fff; background: #0A1822; border: 1px solid rgb(159 219 255 / .3); box-shadow: 0 0 24px rgb(120 205 255 / .25); }

/* =============================================================================
   3 · four rules
   ============================================================================= */
.hs-props { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.hs-prop { position: relative; overflow: hidden; isolation: isolate; grid-column: span 6; display: flex; flex-direction: column; min-height: 440px; border-radius: 28px;
  background: linear-gradient(180deg, rgb(255 255 255 / .04), rgb(255 255 255 / .012)); border: 1px solid rgb(159 219 255 / .12);
  transition: transform .5s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)), border-color .4s, box-shadow .5s; }
.hs-prop::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .9; transition: opacity .5s; }
.hs-prop:hover { transform: translateY(-4px); border-color: rgb(159 219 255 / .3); box-shadow: 0 30px 80px -30px rgb(70 224 210 / .35); }
.hs-prop.is-a { grid-column: span 7; } .hs-prop.is-b { grid-column: span 5; } .hs-prop.is-c { grid-column: span 5; } .hs-prop.is-d { grid-column: span 7; }
.hs-prop.is-a::before { background: radial-gradient(60% 70% at 78% 30%, rgb(70 224 210 / .16), transparent 70%); }
.hs-prop.is-b::before { background: radial-gradient(70% 70% at 30% 20%, rgb(159 219 255 / .14), transparent 70%); }
.hs-prop.is-c::before { background: radial-gradient(70% 70% at 40% 25%, rgb(245 165 36 / .16), transparent 70%); }
.hs-prop.is-d::before { background: radial-gradient(60% 70% at 30% 30%, rgb(255 199 102 / .12), transparent 70%), radial-gradient(50% 50% at 90% 90%, rgb(70 224 210 / .1), transparent 70%); }
.hs-pv { position: relative; flex: 1; min-height: 230px; }
.hs-prop-t { padding: 0 30px 30px; }
.hs-prop-n { display: inline-block; font-family: "Geist", var(--font-sans); font-size: 12.5px; font-weight: 600; letter-spacing: .08em; font-variant-numeric: tabular-nums; color: #46E0D2; }
.hs-prop-t .display { margin: 10px 0 12px; }
.hs-prop-t p { margin: 0; max-width: 34em; font-size: 15.5px; line-height: 1.65; color: #9FB6C3; text-wrap: pretty; }

.hs-pv-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.hs-p1-s { fill: none; stroke: rgb(159 219 255 / .16); stroke-width: 1.2; }
.hs-p1-f { fill: none; stroke: #DDF4FF; stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 3 97; animation: hs-flow 3.4s linear infinite; animation-delay: calc(var(--i) * -.41s); filter: drop-shadow(0 0 4px #46E0D2); }
@keyframes hs-flow { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.hs-p1-ring { fill: rgb(7 25 35 / .9); stroke: #9FDBFF; stroke-width: 2.5; filter: drop-shadow(0 0 14px rgb(120 205 255 / .7)); }
.hs-p1-ring2 { fill: none; stroke: rgb(159 219 255 / .35); stroke-width: 1; transform-box: fill-box; transform-origin: center; animation: hs-halo 2.6s ease-out infinite; }
@keyframes hs-halo { from { transform: scale(.8); opacity: .9; } to { transform: scale(1.5); opacity: 0; } }
.hs-p1-one { font-family: var(--ff-display); font-weight: 800; font-size: 64px; filter: drop-shadow(0 0 12px rgb(120 205 255 / .6)); }

.hs-pv2 { padding: 26px 30px 0; }
.hs-p2-clock { display: inline-flex; align-items: center; gap: 14px; }
.hs-p2-clock svg { width: 46px; height: 46px; rotate: -90deg; }
.hs-p2-clock circle { fill: none; stroke-width: 3.5; }
.hs-p2-clock .bg { stroke: rgb(159 219 255 / .12); }
.hs-p2-clock .fg { stroke: #9FDBFF; stroke-linecap: round; stroke-dasharray: 100 100; animation: hs-clock 5.6s linear infinite; filter: drop-shadow(0 0 5px #9FDBFF); }
@keyframes hs-clock { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 100; } }
.hs-p2-clock .num-display { font-size: clamp(52px, 5.6vw, 80px) !important; }
.hs-p2-line { position: absolute; left: 30px; right: 30px; bottom: 26px; height: 2px; background: linear-gradient(90deg, rgb(159 219 255 / .2), #9FDBFF 40%, #DDF4FF 70%, rgb(159 219 255 / .2)); box-shadow: 0 0 14px rgb(120 205 255 / .6); border-radius: 2px; }
.hs-p2-dot { position: absolute; left: var(--x); bottom: 3px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff, #9FDBFF 60%, #2BB5C8); box-shadow: 0 0 12px #9FDBFF; animation: hs-drop 5.6s cubic-bezier(.3, 0, .2, 1) calc(var(--i) * .42s) infinite both; }
@keyframes hs-drop { 0% { transform: translateY(calc(var(--h) * -1)); opacity: 0; } 8% { opacity: 1; } 18% { transform: translateY(0); } 22% { transform: translateY(-7px); } 26% { transform: translateY(0); } 86% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(0); opacity: 0; } }
.hs-p2-lbl { position: absolute; right: 0; bottom: 10px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: #06202A; background: linear-gradient(100deg, #DDF4FF, #9FDBFF); box-shadow: 0 0 18px rgb(159 219 255 / .5); white-space: nowrap; }

.hs-pv3 { padding: 26px 30px 6px; display: grid; align-content: start; gap: 18px; }
.hs-p3-eq { font-size: clamp(44px, 4.6vw, 68px) !important; }
.hs-p3-bars { display: grid; gap: 10px; }
.hs-p3-row { display: grid; grid-template-columns: 26px 116px minmax(0, 1fr); align-items: center; gap: 12px; }
.hs-p3-row .hs-artbox { width: 26px; height: 26px; border-radius: 8px; }
.hs-p3-row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Geist", var(--font-sans); font-size: 12.5px; font-weight: 600; letter-spacing: .01em; color: var(--hue); }
.hs-p3-bar { height: 8px; border-radius: 8px; background: rgb(255 255 255 / .06); overflow: hidden; }
.hs-p3-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, color-mix(in oklab, var(--hue) 35%, transparent), var(--hue)); box-shadow: 0 0 12px var(--hue);
  transform-origin: 0 50%; animation: hs-race0 6s ease-in-out infinite; }
.hs-p3-row:nth-child(2) .hs-p3-bar i { animation-name: hs-race1; }
.hs-p3-row:nth-child(3) .hs-p3-bar i { animation-name: hs-race2; }
@keyframes hs-race0 { 0%, 100% { transform: scaleX(.42); } 35% { transform: scaleX(.58); } 70% { transform: scaleX(.86); } }
@keyframes hs-race1 { 0%, 100% { transform: scaleX(.6); } 35% { transform: scaleX(.64); } 70% { transform: scaleX(.5); } }
@keyframes hs-race2 { 0%, 100% { transform: scaleX(.34); } 35% { transform: scaleX(.3); } 70% { transform: scaleX(.22); } }

.hs-pv4 { display: grid; place-items: center; padding: 34px 30px 18px; }
.hs-p4-stack { position: relative; width: min(100%, 560px); }
.hs-p4-card { border-radius: 18px; padding: 18px 20px; }
.hs-p4-card.is-real { position: relative; z-index: 2; overflow: hidden; display: grid; gap: 10px;
  background: linear-gradient(160deg, rgb(64 42 12 / .9), rgb(20 14 8 / .95) 60%); border: 1px solid rgb(255 199 102 / .55);
  box-shadow: 0 0 0 5px rgb(245 165 36 / .07), 0 30px 70px -24px rgb(0 0 0 / .9), 0 0 60px -12px rgb(245 165 36 / .45); }
.hs-p4-card.is-fake { position: absolute; inset: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-top: 14px;
  background: rgb(30 20 26 / .85); border: 1px solid rgb(240 73 94 / .25); opacity: .55; }
.hs-p4-card.f1 { transform: translate(-22px, -30px) rotate(-5deg); }
.hs-p4-card.f2 { transform: translate(24px, -16px) rotate(4deg); opacity: .4; }
.hs-p4-card.is-fake code { font-family: "Geist Mono", var(--font-mono); font-size: 13px; color: #9A8C92; text-decoration: line-through; text-decoration-color: rgb(240 73 94 / .85); text-decoration-thickness: 2px; }
.hs-p4-x { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: #FF8595; white-space: nowrap; }
.hs-p4-lbl { display: inline-flex; align-items: center; gap: 6px; font-family: "Geist Mono", var(--font-mono); font-size: 11px; letter-spacing: .14em; color: #FFD591; text-transform: uppercase; }
.hs-p4-addr { font-family: "Geist Mono", var(--font-mono); font-weight: 600; font-size: clamp(20px, 2.3vw, 32px); letter-spacing: -.02em; line-height: 1.15; word-break: break-all;
  background: linear-gradient(100deg, #FFF6E6, #FFC766 60%, #F5A524); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgb(245 165 36 / .35)); }
.hs-p4-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hs-p4-ok { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12.5px; font-weight: 800; color: #1A1206; background: linear-gradient(100deg, #FFE7BC, #F5A524); box-shadow: 0 0 20px rgb(245 165 36 / .5); }
.hs-p4-note { font-size: 12.5px; color: #D9C39B; }
.hs-p4-scan { position: absolute; top: 0; bottom: 0; left: 0; width: 40%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgb(255 236 200 / .22) 50%, transparent); transform: translateX(-120%); animation: hs-scan 3.8s cubic-bezier(.45, 0, .2, 1) 1s infinite; }
@keyframes hs-scan { 0% { transform: translateX(-120%); } 45%, 100% { transform: translateX(320%); } }

/* =============================================================================
   4 · flywheel loop
   ============================================================================= */
/* update 3: a figure eight — two loops (main-coin buyback & burn · MergepadPay) crossing at the vault */
.hs-loop { position: relative; width: 100%; max-width: 1120px; margin: 8px auto 0; aspect-ratio: 1000 / 540; }
.hs-loop.is-tall { max-width: 440px; aspect-ratio: 360 / 720; }
.hs-loop-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hs-arc { fill: none; stroke-width: 3.5; stroke-linecap: round; }
.hs-arc-glow { fill: none; stroke-width: 26; stroke-linecap: round; opacity: .1; }
.hs-node { stroke: rgb(221 244 255 / .35); stroke-width: 1.5; }
.hs-node.is-main { stroke: rgb(255 199 102 / .6); filter: drop-shadow(0 0 30px rgb(245 165 36 / .35)); }
.hs-node.is-new { stroke: rgb(159 219 255 / .6); filter: drop-shadow(0 0 30px rgb(120 205 255 / .35)); }
.hs-node.is-vault { stroke: rgb(221 244 255 / .7); stroke-width: 1.5; filter: drop-shadow(0 0 18px rgb(70 224 210 / .55)) drop-shadow(0 0 30px rgb(245 165 36 / .25)); }
.hs-halo { fill: none; stroke-width: 1.2; transform-box: fill-box; transform-origin: center; animation: hs-halo 3.2s ease-out infinite; }
.hs-halo.is-main { stroke: rgb(255 199 102 / .5); }
.hs-halo.is-new { stroke: rgb(159 219 255 / .5); animation-delay: -1.6s; }
.hs-halo.is-vault { stroke: rgb(221 244 255 / .55); animation-duration: 2.4s; animation-delay: -.8s; }
.hs-d.is-a { fill: #FFF1D6; } .hs-d.is-b { fill: #E6FBFF; }
.hs-d-glow.is-a { fill: rgb(245 165 36 / .3); } .hs-d-glow.is-b { fill: rgb(70 224 210 / .3); }
.hs-ln { position: absolute; top: 38.15%; translate: -50% -50%; text-align: center; pointer-events: none; }
.hs-ln.is-main { left: 24.5%; } .hs-ln.is-new { left: 75.5%; }
.hs-ln .display { font-size: clamp(24px, 2.6vw, 38px) !important; }
.hs-ln.is-main .display { background: linear-gradient(180deg, #FFF6E6, #FFC766 60%, #F5A524); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-block: .06em; }
.hs-ln.is-new .display { background: linear-gradient(180deg, #FFFFFF, #DDF4FF 50%, #9FDBFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-block: .06em; }
.hs-ln.is-vault { left: 50%; display: grid; justify-items: center; gap: 1px; color: #DDF4FF; }
.hs-ln.is-vault .i { width: 11px; height: 11px; color: #9FF5E9; }
.hs-ln.is-vault b { font-size: 12px; font-weight: 700; letter-spacing: .04em; line-height: 1; text-shadow: 0 1px 6px rgb(0 0 0 / .8); }
.hs-ll { position: absolute; top: 76%; translate: -50% 0; display: flex; align-items: center; gap: 14px; white-space: nowrap; }
.hs-ll.is-a { left: 24.5%; } .hs-ll.is-b { left: 75.5%; }
.hs-ll .num-display { font-size: clamp(40px, 4.4vw, 64px) !important; }
.hs-ll b { display: block; font-size: 17px; font-weight: 650; color: #F3FAFC; }
.hs-ll div > span { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; font-size: 14px; color: #9FB6C3; }
.hs-ll.is-a div > span { color: #FFD591; } .hs-ll.is-b div > span { color: #9FDBFF; }
.hs-loop.is-tall .hs-ln.is-main { left: 50%; top: 30.3%; } .hs-loop.is-tall .hs-ln.is-new { left: 50%; top: 64.2%; }
.hs-loop.is-tall .hs-ln.is-vault { top: 47.2%; }
.hs-loop.is-tall .hs-ln.is-vault b { font-size: 10.5px; } .hs-loop.is-tall .hs-ln.is-vault .i { display: none; }
.hs-loop.is-tall .hs-ll { left: 50%; gap: 10px; white-space: normal; width: 96%; justify-content: center; }
.hs-loop.is-tall .hs-ll.is-a { top: 0; } .hs-loop.is-tall .hs-ll.is-b { top: 83.3%; }
.hs-loop.is-tall .hs-ll .num-display { font-size: 40px !important; }
.hs-loop.is-tall .hs-ll b { font-size: 15px; } .hs-loop.is-tall .hs-ll div > span { font-size: 12.5px; line-height: 1.4; }
.hs-ll.is-link { color: inherit; text-decoration: none; border-radius: 16px; outline-offset: 6px; }
.hs-ll .hs-ll-go { display: flex !important; width: max-content; gap: 6px !important; margin-top: 8px !important; height: 26px; padding: 0 11px; border-radius: 999px; font-size: 12.5px !important; font-weight: 600;
  color: #1B1002 !important; background: linear-gradient(180deg, #FFDA8A, #F9B23C 48%, #E8900F); box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 6px 18px -8px rgb(245 165 36 / .9); transition: transform .2s, filter .2s; }
.hs-ll.is-link:hover .hs-ll-go { transform: translateX(2px); filter: brightness(1.06); }
.hs-loop.is-tall .hs-ll .hs-ll-go { margin-inline: auto; }
@media (max-width: 1024px) {
  .hs-loop:not(.is-tall) .hs-ll { max-width: 46%; white-space: normal; }
  .hs-loop:not(.is-tall) .hs-ll > div { min-width: 0; }
  .hs-loop:not(.is-tall) .hs-ll .num-display { flex: none; }
}
.hs-more.hs-more-pay { color: #FFE3B0; border-color: rgb(255 199 102 / .35); background: rgb(245 165 36 / .08); }
.hs-more.hs-more-pay:hover { border-color: rgb(255 199 102 / .6); background: rgb(245 165 36 / .14); }
.hs-fw-foot { display: flex; align-items: center; justify-content: center; gap: 12px 20px; flex-wrap: wrap; margin-top: 18px; }
.hs-fw-cut { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: #AFC4CF; padding: 8px 14px; border-radius: 999px; border: 1px dashed rgb(159 219 255 / .25); }
.hs-fw-risk { max-width: 60em; margin: 18px auto 0; text-align: center; font-size: 12.5px; line-height: 1.7; color: #7F97A6; }
.hs-fw .hm-fw-details { margin-top: 36px; }

/* =============================================================================
   5 · pools + trust (restyled heads)
   ============================================================================= */
.hs .hm-pools .hm-board { border-radius: 24px; border-color: rgb(159 219 255 / .14); background: linear-gradient(180deg, rgb(12 30 42 / .9), rgb(8 20 29 / .92)); }
.hs .hm-pools .hm-board[data-mode="pre"] { position: relative; overflow: hidden;
  background: radial-gradient(60% 120% at 12% 50%, rgb(70 224 210 / .12), transparent 70%), radial-gradient(50% 120% at 95% 50%, rgb(245 165 36 / .07), transparent 70%), linear-gradient(180deg, #0C2130, #08161F); }
.hs .hm-pools-await { gap: 28px; min-height: 170px; padding: 34px 40px; }
.hs .hm-await-icon { position: relative; width: 72px; height: 72px; border-radius: 50%; border: 1px solid rgb(159 219 255 / .4); color: #DDF4FF;
  background: radial-gradient(circle at 40% 35%, rgb(70 224 210 / .35), rgb(10 40 56 / .9) 70%); box-shadow: 0 0 36px rgb(70 224 210 / .35); }
.hs .hm-await-icon::before, .hs .hm-await-icon::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgb(159 219 255 / .45); animation: hs-halo 2.8s ease-out infinite; }
.hs .hm-await-icon::after { animation-delay: -1.4s; }
.hs .hm-pools-await h3 { font-family: var(--ff-display); font-weight: 800; font-size: clamp(24px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -.005em;
  background: linear-gradient(100deg, #9FDBFF, #fff 50%, #FFE7BC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-block: .06em; }
.hs .hm-pools-await p { font-size: 14.5px; line-height: 1.65; color: #9FB6C3; margin-top: 8px; }
.hs .hm-pools-await > .btn { --h: 42px; font-size: 13.5px; border-radius: 999px; padding-inline: 18px; border-color: rgb(159 219 255 / .3); }
@media (max-width: 760px) {
  .hs .hm-pools-await { padding: 24px 20px; gap: 16px; }
  .hs .hm-await-icon { width: 48px; height: 48px; }
  .hs .hm-pools-await h3 { font-size: 22px; line-height: 1.2; }
  .hs .hm-pools-await p { font-size: 13px; }
  .hs .hm-pools-await > .btn { margin-left: 0; }
  .hs .hm-pools-await > div { flex-basis: 100%; }
}
.hs-trust-in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; align-items: start; }
.hs-trust-l { display: grid; gap: 14px; justify-items: start; position: sticky; top: calc(var(--topbar-h) + 24px); }
.hs-trust-l .display { margin: 0; }
.hs-trust-l .lede { font-size: 16px; }
.hs-trust .trust { gap: 14px; }
.hs-trust .trust-card { padding: 22px; border-radius: 20px; background: linear-gradient(180deg, rgb(255 255 255 / .04), rgb(255 255 255 / .015)); border: 1px solid rgb(159 219 255 / .12); transition: border-color .3s, transform .4s; }
.hs-trust .trust-card:hover { border-color: rgb(159 219 255 / .3); transform: translateY(-2px); }
.hs-trust .trust-card h3 { font-family: var(--ff-display); font-weight: 800; font-size: 21px; line-height: 1.25; letter-spacing: -.005em; color: #F3FAFC; }
.hs-trust .trust-card p { font-size: 13.5px; line-height: 1.7; color: #9FB6C3; }
.hs-trust .trust-ic { width: 38px; height: 38px; border-radius: 12px; background: rgb(159 219 255 / .08); border-color: rgb(159 219 255 / .2); color: #9FDBFF; }
.hs-trust .trust-ic.up { color: #46E0D2; }
.hs-trust .trust-ic.warn { color: #FFC766; background: rgb(245 165 36 / .1); border-color: rgb(255 199 102 / .32); }
.hs-trust .trust-card.is-warn { border-color: rgb(255 199 102 / .24); background: linear-gradient(180deg, rgb(245 165 36 / .06), rgb(255 255 255 / .015)); }
.hs-trust .trust-card.is-warn:hover { border-color: rgb(255 199 102 / .4); }

/* live-mode chain numbers (KPI band, flywheel panels) in the display number style */
.hs .hm-kpis { background: linear-gradient(180deg, rgb(12 32 44 / .85), rgb(8 20 29 / .92)); border-color: rgb(159 219 255 / .16); border-radius: 22px; box-shadow: 0 30px 80px -40px rgb(70 224 210 / .3); }
.hs .hm-kpis .kpi { padding: 20px 22px; box-shadow: -1px 0 0 rgb(159 219 255 / .08), 0 -1px 0 rgb(159 219 255 / .08); }
.hs .hm-kpis .kpi .l { font-family: "Geist Mono", var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #7FA3B4; }
:lang(zh-CN) .hs .hm-kpis .kpi .l { font-family: var(--font-sans); font-size: 12px; letter-spacing: 0; text-transform: none; }
.hs .hm-kpis .kpi .v:not(.is-pre), .hs .hm-fw-details .hm-node .v:not(.is-pre) {
  font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 30px; line-height: 1.15; letter-spacing: -.03em; font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #fff 10%, #DDF4FF 45%, #9FDBFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgb(120 205 255 / .3)); padding-block: .04em; }
.hs .hm-fw-details .hm-node .v:not(.is-pre) { font-size: 24px; }
.hs .hm-kpis .kpi .v.acc { background-image: linear-gradient(180deg, #FFF6E6 10%, #FFD591 50%, #F5A524); filter: drop-shadow(0 0 14px rgb(245 165 36 / .3)); }
.hs .hm-kpis .kpi .v .u, .hs .hm-fw-details .hm-node .v .u { font-size: 12px; font-weight: 600; letter-spacing: .02em; opacity: .85; }
@media (max-width: 760px) {
  .hs .hm-kpis .kpi .v:not(.is-pre) { font-size: 24px; }
  /* two-up cells on a phone: the sub line wraps instead of ending in "…" */
  .hs .hm-kpis .kpi .s { white-space: normal; overflow: visible; text-overflow: clip; text-wrap: pretty; word-break: keep-all; overflow-wrap: anywhere; }
}

/* =============================================================================
   6 · closing band
   ============================================================================= */
.hs-cta { position: relative; overflow: hidden; isolation: isolate; margin-top: clamp(96px, 12vw, 160px); padding: clamp(90px, 12vw, 160px) 0 clamp(64px, 8vw, 110px); }
.hs-cta-bg { position: absolute; inset: 0; z-index: -2; }
.hs-cta-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; transform: scale(1.1);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 65%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 65%, transparent); }
.hs-cta-bg::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 55% at 50% 50%, rgb(5 16 24 / .55), rgb(5 16 24 / .85) 70%, #071219); }
.hs-cta-rings { position: absolute; left: 50%; top: 50%; z-index: -1; pointer-events: none; }
.hs-cta-rings i { position: absolute; left: -300px; top: -300px; width: 600px; height: 600px; border-radius: 50%; border: 1px solid rgb(159 219 255 / .3); animation: hs-ring 8s linear infinite; }
.hs-cta-rings i:nth-child(2) { animation-delay: -2s; } .hs-cta-rings i:nth-child(3) { animation-delay: -4s; } .hs-cta-rings i:nth-child(4) { animation-delay: -6s; }
@keyframes hs-ring { from { transform: scale(.2); opacity: 0; } 15% { opacity: .8; } to { transform: scale(2.4); opacity: 0; } }
.hs-cta-in { position: relative; display: grid; justify-items: center; text-align: center; gap: 20px; }
.hs-cta-h { font-size: clamp(50px, 7.8vw, 116px) !important; line-height: 1.02 !important; }
.lang-en .hs-cta-h { font-size: clamp(44px, 6.8vw, 104px) !important; }
.hs-cta-in .lede { max-width: 30em; }
.hs-cta-in > .reveal:has(.hs-cta-form) { width: min(100%, 680px); }
.hs-cta-form { width: 100%; }
.hs-cta-field { display: flex; align-items: center; gap: 12px; height: 72px; padding: 8px 8px 8px 22px; border-radius: 20px; cursor: text;
  background: rgb(8 24 33 / .78); border: 1px solid rgb(159 219 255 / .32); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  box-shadow: 0 0 0 6px rgb(159 219 255 / .05), 0 30px 90px -20px rgb(70 224 210 / .45); color: #9FDBFF; transition: border-color .2s, box-shadow .3s; }
.hs-cta-field:focus-within { border-color: rgb(159 219 255 / .7); box-shadow: 0 0 0 6px rgb(159 219 255 / .12), 0 30px 90px -20px rgb(70 224 210 / .6); }
.hs-cta-field.is-err { border-color: rgb(240 73 94 / .7); }
.hs-cta-field input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: #fff; font: inherit; font-size: 16px; }
.hs-cta-field input::placeholder { color: #6F8896; }
.hs-go { display: inline-flex; align-items: center; gap: 8px; height: 56px; padding: 0 28px; border: 0; border-radius: 14px; cursor: pointer; flex: none;
  font: inherit; font-family: var(--ff-display); font-size: 20px; font-weight: 800; color: #06202A;
  background: linear-gradient(100deg, #9FDBFF, #DDF4FF 45%, #FFE7BC 75%, #FFC766); box-shadow: 0 12px 34px -10px rgb(159 219 255 / .7), inset 0 1px 0 rgb(255 255 255 / .6);
  transition: transform .2s, box-shadow .3s, filter .2s; }
.hs-go:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 18px 44px -10px rgb(159 219 255 / .85), inset 0 1px 0 rgb(255 255 255 / .6); }
.hs-go[aria-busy="true"] { opacity: .7; }
.hs-cta-msg { min-height: 22px; margin-top: 10px; font-size: 13px; }
.hs-cta-m { display: inline-flex; align-items: center; gap: 6px; color: #AFC4CF; }
.hs-cta-m.is-err { color: #FF8595; }
.hs-cta-links { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.hs-cta-link { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border-radius: 999px; font-size: 14px; font-weight: 500; color: #DDF4FF; text-decoration: none;
  border: 1px solid rgb(159 219 255 / .25); background: rgb(159 219 255 / .05); transition: background .2s, border-color .2s; }
.hs-cta-link:hover { background: rgb(159 219 255 / .12); border-color: rgb(159 219 255 / .45); }
.hs-cta-risk { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: 12px; color: #6F8896; }

/* =============================================================================
   responsive
   ============================================================================= */
@media (max-width: 1100px) {
  .hs-prop.is-a, .hs-prop.is-b, .hs-prop.is-c, .hs-prop.is-d { grid-column: span 12; }
  .hs-prop { min-height: 0; }
  .hs-trust-in { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .hs-trust-l { position: static; }
}
@media (max-width: 900px) {
  div.hs-vs { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hs-vs-mid { height: 44px; }
  .hs-vs-mid::before { top: 50%; bottom: auto; left: 10%; right: 10%; width: auto; height: 1px; background: linear-gradient(90deg, transparent, rgb(159 219 255 / .3), transparent); }
  .hs-chaps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hs-sec { padding-top: 76px; }
  .hs-sec-h, .hm .hs-sec-h { flex-direction: column; align-items: flex-start; gap: 16px; }
  .hs-vs-card { padding: 18px 16px 20px; border-radius: 22px; }
  .hs-vs-tag { font-size: 26px; }
  .hs-vs-field { height: 360px; margin-inline: -4px; }
  .hs-copy { font-size: 11px; padding: 3px 8px 3px 3px; gap: 4px; }
  .hs-copy .hs-artbox { width: 18px; height: 18px; }
  .hs-copy i { display: none; }
  .hs-vs-stats { gap: 22px; }
  .hs-prop { border-radius: 22px; }
  .hs-prop-t { padding: 0 20px 22px; }
  .hs-pv { min-height: 200px; }
  .hs-pv2, .hs-pv3, .hs-pv4 { padding-inline: 20px; }
  .hs-p2-line { left: 20px; right: 20px; }
  .hs-p3-row { grid-template-columns: 24px 120px minmax(0, 1fr); gap: 10px; }
  .hs-pv4 { padding: 40px 18px 14px; }
  .hs-p4-card { padding: 14px 16px; }
  .hs-p4-card.f1 { transform: translate(-8px, -26px) rotate(-3deg); }
  .hs-p4-card.f2 { transform: translate(10px, -13px) rotate(2.5deg); }
  .hs-p4-card.is-fake code { font-size: 11.5px; }
  .hs-chaps { gap: 6px; }
  .hs-ch { padding: 9px 10px 11px; }
  .hs-ch-t { font-size: 15px; }
  .hs-cta-field { height: 64px; padding-left: 14px; border-radius: 16px; gap: 8px; }
  .hs-cta-field > .i { display: none; }
  .hs-go { height: 48px; padding: 0 18px; font-size: 17px; border-radius: 12px; }
  .hs-trust .trust.cols-2 { grid-template-columns: minmax(0, 1fr); }
  .hs-fw-risk { text-align: left; }
}

/* reduced motion: a still poster — no drift, loops or reveals */
@media (prefers-reduced-motion: reduce) {
  .hs-caustic, .hs-badge i, .hs-p1-f, .hs-p1-ring2, .hs-p2-clock .fg, .hs-p2-dot, .hs-p3-bar i, .hs-p4-scan, .hs-halo, .hs-one-ring, .hs-one-ring .hs-artbox, .hs-cta-rings i,
  .hs-btn-hot.is-hot, .hs-cap.is-in, .hs-mc.is-flash .hs-mc-n, [data-phase="open"] .hs-phase-dot { animation: none !important; }
  .hs-p1-f { stroke-dasharray: none; opacity: .5; }
  .hs-p2-dot { transform: none; opacity: 1; }
  .hs-p3-bar i { transform: scaleX(.6); }
  .hs-p3-row:nth-child(2) .hs-p3-bar i { transform: scaleX(.4); } .hs-p3-row:nth-child(3) .hs-p3-bar i { transform: scaleX(.22); }
  .hs-cta-rings { display: none; }
  .hs .hm-await-icon::before, .hs .hm-await-icon::after { animation: none; opacity: 0; }
  .is-split .hs-copy, .is-merge .hs-copy, .hs-one, .is-split .hs-vs-lines path { transition: none !important; animation: none !important; }
  .is-merge .hs-copy { opacity: 0 !important; }
  .is-merge .hs-vs-lines path { opacity: .35 !important; animation: none !important; }
  .hs-prop, .hs-btn, .hs-go { transition: none; }
}

/* case-study art: real images in the version / copy tiles and the post photo */
.hs-artbox.is-img { overflow: hidden; background: #0d1a24; }
.hs-artbox.is-img > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hs-tw-img > .hs-tw-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }

/* the demo loops by itself — no pause / replay buttons (user request 2026-09-29) */
.hs-ctrl { display: none !important; }

/* =============================================================================
   r3 polish (2026-09-29) — varied section heads, hairline chapter rail, ruled trust list,
   flywheel footnote row, pre-launch board mirror, tighter section rhythm
   ============================================================================= */
.hs-sec { padding-top: clamp(80px, 9vw, 132px); }
/* heads: split (title left, lede right on the title's last line), centred over symmetric content */
@media (min-width: 1024px) {
  .hs-head.is-split { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: clamp(40px, 6vw, 104px); align-items: end; }
  .hs-head.is-split > .kicker { grid-column: 1 / -1; }
  .hs-head.is-split > .hs-h { grid-column: 1; }
  .hs-head.is-split > .lede { grid-column: 2; margin: 0 0 .55em; max-width: 30em; justify-self: end; font-size: 16px; line-height: 1.75; color: #9FB6C3;
    padding-left: 20px; border-left: 1px solid rgb(159 219 255 / .16); text-wrap: pretty; }
  .hs-head.is-split > .lede b { color: #EAF6FA; font-weight: 600; }
}
.hs-head.is-center { margin-inline: auto; }
.hs-head.is-center > .hs-h { max-width: 20ch; }
.hs-head.is-center > .kicker::after { content: ""; flex: none; width: 22px; height: 1.5px; border-radius: 2px;
  background: linear-gradient(270deg, transparent, var(--teal) 40%, var(--ice-hi)); box-shadow: 0 0 10px rgb(70 224 210 / .8); }

/* demo chapters: a hairline rail under the stage, not six boxes */
.hs-chaps { gap: 0; margin-top: 22px; }
.hs-chaps > li { min-width: 0; border-top: 1px solid rgb(159 219 255 / .12); }
.hs .hs-ch { border: 0; border-radius: 0; background: none; padding: 14px 16px 6px 0; gap: 4px; color: #6F8896; transition: color .25s; }
.hs .hs-ch:hover { color: #DDF4FF; background: none; }
.hs .hs-ch-bar { top: -1px; bottom: auto; right: 12px; height: 2px; border-radius: 2px; }
.hs .hs-ch.is-on { background: none; color: #F5FBFD; }
.hs .hs-ch.is-done { color: #A9BFCA; }
.hs .hs-ch-n { color: #5F7886; }
.hs .hs-ch.is-done .hs-ch-n { color: #7FA3B4; }

/* trust: a ruled list, the two withdrawal / upgrade facts marked amber — no icon boxes */
.hs-trust .trust { gap: 0 clamp(28px, 3.4vw, 48px); }
.hs .hs-trust .trust-card { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 14px; align-content: start;
  padding: 22px 0 30px; border: 0; border-top: 1px solid rgb(159 219 255 / .14); border-radius: 0; background: none; }
.hs .hs-trust .trust-card:hover { transform: none; border-top-color: rgb(159 219 255 / .32); }
.hs .hs-trust .trust-card.is-warn { background: none; border-top-color: rgb(255 199 102 / .28); }
.hs .hs-trust .trust-card.is-warn::before { content: ""; position: absolute; left: 0; top: -1px; width: 56px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #FFC766, #F5A524); }
.hs .hs-trust .trust-card.is-warn:hover { border-top-color: rgb(255 199 102 / .5); }
.hs .hs-trust .trust-ic { grid-row: 1 / span 2; width: 20px; height: 26px; place-items: center; border: 0; border-radius: 0; background: none; }
.hs .hs-trust .trust-ic .i { width: 16px; height: 16px; }
.hs .hs-trust .trust-card h3 { grid-column: 2; margin: 0; font-size: 20px; }
.hs .hs-trust .trust-card p { grid-column: 2; margin-top: 10px; font-size: 14px; line-height: 1.75; max-width: 34em; }
.hs .hs-trust .trust-card.is-warn h3 { color: #FFE7BC; }

/* flywheel foot: one hairline row (fact left, links right) + the disclosure as a marked note */
.hs .hs-fw-foot { justify-content: flex-start; gap: 10px 12px; margin-top: 28px; padding-top: 20px; border-top: 1px solid rgb(159 219 255 / .1); }
.hs .hs-fw-cut { padding: 0; border: 0; border-radius: 0; font-size: 14px; color: #AFC4CF; margin-right: auto; }
.hs .hs-fw-risk { max-width: 62em; margin: 16px 0 0; text-align: left; font-size: 13px; line-height: 1.75; color: #8FA7B5; padding-left: 14px; border-left: 2px solid rgb(255 199 102 / .45); text-wrap: pretty; }

/* pre-launch board: the table's own rows, empty, fading into the panel */
.hs .hm-ghost { display: grid; padding: 0 24px 8px; border-top: 1px solid rgb(159 219 255 / .08); -webkit-mask-image: linear-gradient(180deg, #000 10%, transparent 96%); mask-image: linear-gradient(180deg, #000 10%, transparent 96%); }
.hm-ghost-r { display: grid; grid-template-columns: 28px 32px minmax(0, 2.2fr) minmax(0, 1.6fr) 84px minmax(0, 1.6fr) 64px 64px; gap: 18px; align-items: center; height: 60px; border-bottom: 1px solid rgb(159 219 255 / .06); }
.hm-ghost-r i, .hm-ghost-r b { display: block; border-radius: 6px; background: rgb(159 219 255 / .07); }
.hm-ghost-r .g-id { height: 10px; width: 24px; }
.hm-ghost-r .g-av { width: 32px; height: 32px; border-radius: 9px; background: rgb(159 219 255 / .09); }
.hm-ghost-r .g-nm, .hm-ghost-r .g-tw { display: grid; gap: 7px; }
.hm-ghost-r .g-nm i:first-child { height: 11px; width: 62%; background: rgb(159 219 255 / .11); }
.hm-ghost-r .g-nm i:last-child, .hm-ghost-r .g-tw i:last-child { height: 8px; width: 36%; }
.hm-ghost-r .g-tw i:first-child { height: 10px; width: 48%; }
.hm-ghost-r .g-ph { height: 22px; width: 76px; border-radius: 999px; background: none; border: 1px solid rgb(159 219 255 / .12); }
.hm-ghost-r .g-pr i { height: 4px; border-radius: 4px; overflow: hidden; }
.hm-ghost-r .g-pr b { height: 100%; width: calc(var(--w) * 100%); border-radius: inherit; background: linear-gradient(90deg, rgb(70 224 210 / .35), rgb(159 219 255 / .5)); }
.hm-ghost-r .g-mc { height: 11px; width: 48px; justify-self: end; }
.hm-ghost-r .g-cd { height: 11px; width: 40px; justify-self: end; }
@media (max-width: 900px) {
  .hm-ghost-r { grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr) 56px; gap: 12px; }
  .hm-ghost-r .g-id, .hm-ghost-r .g-tw, .hm-ghost-r .g-ph, .hm-ghost-r .g-cd { display: none; }
  .hs .hm-ghost { padding: 0 16px 4px; }
}
@media (max-width: 760px) {
  .hs-sec { padding-top: 72px; }
  .hs-chaps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hs .hs-ch { padding: 12px 10px 8px 0; }
  .hs .hs-trust .trust-card { padding: 18px 0 22px; }
  .hs .hs-trust .trust-card h3 { font-size: 18px; }
  .hs .hs-fw-cut { margin-right: 0; flex-basis: 100%; }
}
/* closing band: closer to the trust list, and its artwork fades in instead of starting on a hard edge */
.hs-cta { margin-top: clamp(72px, 8vw, 112px); }
.hs-cta-bg { -webkit-mask-image: linear-gradient(180deg, transparent, #000 26%); mask-image: linear-gradient(180deg, transparent, #000 26%); }
/* demo: empty version slots read as slots (hairline top/bottom), not grey skeleton bars */
.hs ol.hs-vlist::before { opacity: 1; background: repeating-linear-gradient(180deg, rgb(159 219 255 / .12) 0 1px, rgb(159 219 255 / .018) 1px 57px, rgb(159 219 255 / .12) 57px 58px, transparent 58px var(--pitch)); }
.hs .is-stack ol.hs-vlist::before { background: repeating-linear-gradient(180deg, rgb(159 219 255 / .12) 0 1px, rgb(159 219 255 / .018) 1px 53px, rgb(159 219 255 / .12) 53px 54px, transparent 54px var(--pitch)); }