/* MEMESTOCK WOW pass — cleaner, lighter, more animated. The original logo asset is never modified. */
:root{
  --wow-bg:#09090b;
  --wow-panel:#101012;
  --wow-panel-2:#0d0d0f;
  --wow-border:rgba(255,255,255,.085);
  --wow-text:#f3f2ef;
  --wow-muted:#919197;
  --wow-faint:#55555d;
  --wow-red:#d82734;
  --wow-gold:#b78a46;
  --wow-green:#47d98b;
  --wow-shell:1220px;
}
html{background:var(--wow-bg)}
body.ms-wow{
  margin:0;background:var(--wow-bg);color:var(--wow-text);
  font-family:"Helvetica Neue","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  font-weight:400;line-height:1.5;overflow-x:hidden;
}
.ms-wow *{box-sizing:border-box}
.ms-wow b,.ms-wow strong{font-weight:500;color:inherit}
.wow-shell{width:min(var(--wow-shell),calc(100% - 42px));margin-inline:auto}
.micro{margin:0;color:var(--wow-muted);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:400}

/* subtle animated paper/ink atmosphere */
.ms-wow::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.23;
  background-image:radial-gradient(circle at center,rgba(255,255,255,.15) .55px,transparent .7px);
  background-size:8px 8px;mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.ms-wow main,.wow-head,.wow-foot,.tape{position:relative;z-index:1}
.ambient-pointer{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;opacity:.34;filter:blur(44px);background:radial-gradient(circle,rgba(216,39,52,.09),rgba(216,39,52,0) 65%);translate:-50% -50%;left:50%;top:25%;transition:opacity .25s}
.scroll-progress{position:fixed;z-index:80;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.04)}
.scroll-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--wow-red);box-shadow:0 0 14px rgba(216,39,52,.7)}

/* ticker is cleaner */
.ms-wow .tape{background:#0b0b0d;border-color:rgba(255,255,255,.06)}
.ms-wow .tape::before,.ms-wow .tape::after{display:none}
.ms-wow .tape-mask{background:linear-gradient(90deg,var(--wow-bg),transparent 7%,transparent 93%,var(--wow-bg))}
.ms-wow .tape-item{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em;color:#626269;border-color:rgba(255,255,255,.055);padding-inline:25px}
.ms-wow .tape-track{animation-duration:52s}

/* header */
.wow-head{position:sticky;top:0;z-index:60;background:rgba(9,9,11,.76);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.06)}
.wow-head-inner{height:68px;display:flex;align-items:center;gap:24px}
.wow-brand{font-size:19px;letter-spacing:-.035em;color:var(--wow-text);font-weight:500;white-space:nowrap}
.wow-brand span{color:var(--wow-red)}
.wow-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.wow-nav a{font-size:13px;color:#8d8d92;padding:9px 12px;border-radius:999px;transition:color .2s,background .2s,transform .2s}
.wow-nav a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateY(-1px)}
.wow-nav .wow-buy{color:#fff;background:var(--wow-red);padding-inline:18px}
.wow-nav .wow-buy:hover{background:#ee3946}

/* hero */
.wow-hero{padding:clamp(72px,9vw,126px) 0 22px;position:relative;overflow:hidden}
.wow-hero::after{content:"";position:absolute;width:650px;height:650px;right:-150px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(216,39,52,.11),rgba(216,39,52,0) 70%);pointer-events:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);align-items:center;gap:60px}
.hero-copy-new{position:relative;z-index:2;max-width:680px}
.live-micro{display:flex;align-items:center;gap:8px}
.live-micro i,.chart-symbol i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wow-green);box-shadow:0 0 0 0 rgba(71,217,139,.35);animation:liveRing 2.3s ease-out infinite}
@keyframes liveRing{0%{box-shadow:0 0 0 0 rgba(71,217,139,.25)}65%{box-shadow:0 0 0 7px rgba(71,217,139,0)}100%{box-shadow:0 0 0 0 rgba(71,217,139,0)}}
.hero-title-new{font-family:"Helvetica Neue","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(58px,7.4vw,104px);font-weight:300;letter-spacing:-.065em;line-height:.89;margin:26px 0 0;color:var(--wow-text);text-transform:none}
.hero-title-new span{color:var(--wow-red);font-weight:300;position:relative;white-space:nowrap}
.hero-title-new span::after{content:"";position:absolute;left:2%;right:0;height:2px;bottom:-8px;background:var(--wow-red);transform:scaleX(0);transform-origin:left;animation:underlineIn .85s 1.05s cubic-bezier(.22,.75,.2,1) forwards}
@keyframes underlineIn{to{transform:scaleX(1)}}
.hero-desc-new{margin:32px 0 0;max-width:570px;color:#9c9ca1;font-size:clamp(17px,1.8vw,20px);line-height:1.62;font-weight:300}
.hero-actions-new{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.pill{border:1px solid var(--wow-border);background:transparent;color:#efefec;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:400;display:inline-flex;gap:9px;align-items:center;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}
.pill:hover{transform:translateY(-2px);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.pill.primary{background:var(--wow-red);border-color:var(--wow-red);color:white;padding:13px 20px}
.pill.primary span{transition:transform .25s}.pill.primary:hover span{transform:translate(2px,-2px)}
.pill.ghost{background:rgba(255,255,255,.02)}
.text-link{color:#a7a7ac;font-size:13px;display:inline-flex;gap:9px;align-items:center}.text-link:hover{color:#fff}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateY(3px)}

/* hero logo: asset remains untouched; all motion is around it */
.logo-scene{min-height:520px;position:relative;display:grid;place-items:center;isolation:isolate}
.logo-original{width:min(320px,62vw);height:auto;position:relative;z-index:3;filter:none!important;transform:none!important;animation:none!important}
.logo-orbit{position:absolute;width:min(450px,90%);height:auto;z-index:1;overflow:visible;pointer-events:none}
.orbit-a{animation:orbitFloat 8s ease-in-out infinite}.orbit-b{animation:orbitFloatB 11s ease-in-out infinite}
@keyframes orbitFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes orbitFloatB{0%,100%{translate:0 2px}50%{translate:7px -3px}}
.ink-path{fill:none;stroke:rgba(245,244,240,.42);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.ink-path.ink-red{stroke:rgba(216,39,52,.88);stroke-width:1.7}.ink-path.thin{stroke:rgba(245,244,240,.18);stroke-width:1}
.ink-path.drawn{animation:drawInk 1.3s cubic-bezier(.22,.72,.18,1) forwards}
@keyframes drawInk{to{stroke-dashoffset:0}}
.logo-scene .ink-path{animation:drawInk 1.6s .35s cubic-bezier(.22,.72,.18,1) forwards}
.candle-doodle{position:absolute;display:flex;align-items:flex-end;gap:9px;left:3%;bottom:10%;z-index:2;opacity:.55;animation:floatDoodle 5s ease-in-out infinite}
.candle-doodle i{width:8px;height:var(--h);border:1px solid #7a7a7e;position:relative;border-radius:1px}.candle-doodle i::before{content:"";position:absolute;width:1px;height:calc(var(--h) + 16px);background:#6b6b70;left:50%;top:-8px;z-index:-1}.candle-doodle i:nth-child(2),.candle-doodle i:nth-child(4){border-color:rgba(216,39,52,.8)}
@keyframes floatDoodle{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:1deg}}
.scribble-note{position:absolute;font-family:"Segoe Print","Bradley Hand",cursive;font-size:13px;color:#8b8b90;letter-spacing:.01em;white-space:nowrap;pointer-events:none}
.note-247{right:2%;top:17%;color:#bb7077;rotate:5deg;animation:noteFloat 6s ease-in-out infinite}
.note-open2{left:5%;top:22%;rotate:-7deg;animation:noteFloat 7.5s 1s ease-in-out infinite}
@keyframes noteFloat{0%,100%{translate:0 0}50%{translate:2px -5px}}
.quick-strip{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wow-border);border-bottom:1px solid var(--wow-border)}
.quick-strip>div{padding:18px 20px;border-right:1px solid var(--wow-border);min-width:0}.quick-strip>div:last-child{border-right:0}.quick-strip span{display:block;color:#616167;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.quick-strip b{display:block;color:#e7e7e4;font-weight:400;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.quick-strip b.up{color:var(--wow-green)}.quick-strip b.down{color:#ef696f}

/* sections */
.market-section,.mechanism-section,.tools-section,.contract-section,.payout-section{padding:clamp(82px,10vw,142px) 0;border-top:1px solid rgba(255,255,255,.045);position:relative}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px;position:relative}
.section-head h2,.mechanism-copy h2{margin:8px 0 0;font-weight:300;color:var(--wow-text);letter-spacing:-.05em;font-size:clamp(42px,5.2vw,70px);line-height:.98}
.market-now{text-align:right;font-variant-numeric:tabular-nums}.market-now span{font-size:clamp(24px,3vw,38px);font-weight:300;display:block;letter-spacing:-.03em}.market-now b{font-size:13px;font-weight:400;color:#777}.market-now b.up{color:var(--wow-green)}.market-now b.down{color:#ef696f}

/* live chart */
.chart-shell{position:relative;border:1px solid var(--wow-border);border-radius:22px;background:linear-gradient(180deg,#101012,#0d0d0f);overflow:hidden;box-shadow:0 40px 90px -72px rgba(0,0,0,1)}
.chart-topline{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--wow-border)}
.chart-symbol{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.12em;color:#78787e;display:flex;align-items:center;gap:9px}
.tf-new{display:flex;gap:4px}.tf-new button{border:0;background:transparent;color:#66666d;border-radius:999px;font-size:11px;padding:7px 10px;cursor:pointer;transition:.2s}.tf-new button:hover{color:#eee}.tf-new button.on{background:#efefec;color:#111}
.chart-stage-new{height:clamp(330px,45vw,520px);position:relative;padding:10px 6px}.chart-stage-new canvas{width:100%;height:100%;display:block}.chart-loading{position:absolute;inset:0;display:grid;place-items:center;color:#5f5f65;font-size:12px;pointer-events:none}.chart-hover-read{position:absolute;top:14px;left:20px;color:#7f7f85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.04em;pointer-events:none}.chart-scribble{position:absolute;width:220px;height:auto;right:32px;top:33px;opacity:.38;pointer-events:none}.chart-shell.in .chart-scribble .ink-path{animation:drawInk 1.1s .35s ease forwards}
.market-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wow-border)}.market-metrics>div{padding:17px 20px;border-right:1px solid var(--wow-border)}.market-metrics>div:last-child{border-right:0}.market-metrics span{display:block;color:#5f5f65;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.market-metrics b{display:block;font-weight:400;color:#d8d8d5;font-size:15px;margin-top:6px;font-variant-numeric:tabular-nums}

/* mechanism */
.mechanism-section{overflow:hidden}.mechanism-section::before{content:"";position:absolute;width:600px;height:600px;left:-300px;top:0;border-radius:50%;background:radial-gradient(circle,rgba(216,39,52,.06),transparent 70%)}
.mechanism-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.mechanism-copy p:last-child{color:#777;margin-top:24px;font-size:15px}.mechanism-drawing{min-height:380px;border:1px solid var(--wow-border);border-radius:24px;background:#0e0e10;display:grid;grid-template-columns:1fr 125px 1fr 125px 1fr;align-items:center;padding:36px;position:relative;overflow:hidden}.mechanism-drawing::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}.mechanism-node{width:128px;height:128px;border-radius:50%;border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;justify-self:center;position:relative;z-index:2;background:#101012}.mechanism-node span{font-size:10px;color:#666;letter-spacing:.13em}.mechanism-node b{font-size:15px;font-weight:400;color:#e6e6e3;margin-top:8px}.red-node{border-color:rgba(216,39,52,.35);box-shadow:0 0 60px rgba(216,39,52,.06)}.gold-node{border-color:rgba(183,138,70,.35)}.gold-node b{color:#c7a15f}.mechanism-arrow{width:100%;position:relative;z-index:2}.mechanism-drawing.in .mechanism-arrow .ink-path{animation:drawInk .8s .35s ease forwards}.mechanism-drawing.in .mechanism-arrow.flip .ink-path{animation-delay:.75s}.mechanism-note{right:7%;bottom:8%;color:#b86f76;rotate:-5deg}

/* payout auto-hidden if feed does not exist */
.payout-section{padding-top:30px}.payout-clean{border:1px solid var(--wow-border);border-radius:24px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#0e0e10;overflow:hidden;position:relative}.payout-big{font-size:clamp(44px,6vw,76px);font-weight:300;letter-spacing:-.055em;margin-top:10px;font-variant-numeric:tabular-nums}.payout-big small{font-size:.28em;letter-spacing:.05em;color:var(--wow-gold);font-weight:400}.payout-clean p:last-child{color:#67676e;font-size:12px}.payout-doodle{width:min(300px,32vw)}.payout-doodle circle{fill:#0e0e10;stroke:#b8787e;stroke-width:1}.payout-clean.in .payout-doodle .ink-path{animation:drawInk 1.1s .3s ease forwards}

/* tools */
.tools-section{overflow:hidden}.tools-note{position:relative;color:#b87077;rotate:4deg;font-size:13px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{min-height:310px;border:1px solid var(--wow-border);border-radius:24px;padding:30px;background:#0e0e10;color:inherit;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:30px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,.72,.18,1),border-color .3s,background .3s}.tool-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.16);background:#111114}.tool-card h3{font-size:clamp(25px,2.8vw,38px);font-weight:300;letter-spacing:-.035em;line-height:1.1;margin:10px 0 28px;color:#e9e9e6}.tool-card>div:last-child>span{font-size:13px;color:#89898f}.tool-icon svg{width:100%;height:auto;overflow:visible}.tool-card.in .tool-icon .ink-path{animation:drawInk 1.2s .3s ease forwards}.tool-card:hover .tool-icon{animation:iconWobble .8s ease both}@keyframes iconWobble{0%,100%{rotate:0}35%{rotate:-2deg}70%{rotate:1.5deg}}

/* contract */
.contract-section{padding-top:80px}.contract-clean{border-top:1px solid var(--wow-border);border-bottom:1px solid var(--wow-border);padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.contract-clean code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a6a6ab;font-size:13px;margin-top:9px;word-break:break-all}.contract-actions{display:flex;gap:8px;flex:0 0 auto}.contract-circle{position:absolute;inset:-20px -12px auto -12px;width:calc(100% + 24px);height:110px;pointer-events:none;opacity:.25}.contract-clean.in .contract-circle .ink-path{animation:drawInk 1.5s .2s ease forwards}

/* footer */
.wow-foot{padding:70px 0 38px;border-top:1px solid rgba(255,255,255,.04);background:#08080a}.foot-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.foot-nav{display:flex;gap:20px}.foot-nav a{font-size:12px;color:#66666c}.foot-nav a:hover{color:#ddd}.legal-clean{max-width:900px;margin:35px 0 0;color:#4f4f55;font-size:11px;line-height:1.65}

/* generic reveal */
.reveal-wow{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.22,.72,.18,1),transform .9s cubic-bezier(.22,.72,.18,1)}.reveal-wow.in{opacity:1;transform:none}
.hero-copy-new>*{opacity:0;animation:heroFade .8s cubic-bezier(.22,.72,.18,1) forwards}.hero-copy-new>*:nth-child(1){animation-delay:.08s}.hero-copy-new>*:nth-child(2){animation-delay:.16s}.hero-copy-new>*:nth-child(3){animation-delay:.27s}.hero-copy-new>*:nth-child(4){animation-delay:.38s}@keyframes heroFade{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.quick-strip{opacity:0;animation:heroFade .75s .62s ease forwards}
.chart-shell.data-flash{animation:dataFlash .7s ease}@keyframes dataFlash{0%{border-color:rgba(71,217,139,.38)}100%{border-color:var(--wow-border)}}

/* creative pages cleanup */
body.floor .strip:first-child{display:none}
body.floor .head{background:rgba(9,9,11,.78);border-color:rgba(255,255,255,.06);backdrop-filter:blur(20px)}
body.floor .head .wm{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.03em!important;font-size:19px!important}
body.floor .head-pair{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:.02em!important;font-size:11px!important;color:#696970!important}
body.floor .head nav a{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;border-radius:999px!important}
body.floor .desk-hero{padding:70px 0 30px!important}
body.floor .desk-hero h1{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;font-weight:300!important;text-transform:none!important;letter-spacing:-.055em!important;line-height:.95!important}
body.floor .desk-hero h1 em{font-weight:300!important;text-transform:none!important;text-shadow:none!important}
body.floor .desk-hero .lede{font-size:15px!important;color:#7e7e84!important;max-width:700px!important}
body.floor .desk-hero .lede b{font-weight:400!important;color:#c5c5c2!important}
body.floor .desk{background:#0e0e10!important;border-radius:22px!important}
body.floor .desk-bar{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.floor .desk-bar b{font-weight:500!important}
body.floor .step,body.floor .row,body.floor .status{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
body.floor .step b{font-weight:500!important}
body.floor .mode b{font-weight:400!important}
body.floor .mode span{font-size:11px!important}
body.floor .go{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;border-radius:999px!important}
body.floor .wall h2{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;font-weight:300!important;letter-spacing:-.04em!important;text-transform:none!important}
.g-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-family:"Segoe Print",cursive;color:#b87278;font-size:18px;margin:auto auto 6px}.g u{text-decoration:none!important}

/* terminal cleanup */
body.terminal{background:var(--wow-bg)!important;color:#a0a0a5!important;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important}
body.terminal .head{background:rgba(9,9,11,.8)!important;backdrop-filter:blur(20px)!important;border-color:var(--wow-border)!important}
body.terminal .t-wm,body.terminal .t-nav a{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
body.terminal .t-hero h1,body.terminal .t-sec h2{font-weight:300!important;text-transform:none!important}

@media(max-width:1000px){
  .hero-layout{grid-template-columns:1fr;gap:20px}.logo-scene{min-height:440px;order:-1}.hero-copy-new{text-align:center;margin-inline:auto}.live-micro{justify-content:center}.hero-actions-new{justify-content:center}.mechanism-grid{grid-template-columns:1fr;gap:40px}.mechanism-copy{text-align:center}.mechanism-drawing{grid-template-columns:1fr 90px 1fr 90px 1fr}.tool-card{grid-template-columns:140px 1fr}
}
@media(max-width:760px){
  .wow-shell{width:min(100% - 28px,var(--wow-shell))}.wow-head-inner{height:62px}.wow-nav a{display:none}.wow-nav .wow-buy{display:inline-flex}.wow-hero{padding-top:44px}.logo-scene{min-height:330px}.logo-original{width:210px}.logo-orbit{width:315px}.hero-title-new{font-size:clamp(52px,16vw,76px)}.hero-desc-new{font-size:16px}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip>div:nth-child(2){border-right:0}.quick-strip>div:nth-child(-n+2){border-bottom:1px solid var(--wow-border)}.section-head{align-items:flex-start;flex-direction:column}.market-now{text-align:left}.chart-stage-new{height:340px}.market-metrics{grid-template-columns:1fr 1fr}.market-metrics>div:nth-child(2){border-right:0}.market-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--wow-border)}.mechanism-drawing{grid-template-columns:1fr;gap:12px;padding:26px}.mechanism-arrow{width:110px;rotate:90deg;justify-self:center}.mechanism-node{width:116px;height:116px}.mechanism-note{right:10%;bottom:4%}.payout-clean{padding:30px;flex-direction:column;align-items:flex-start}.payout-doodle{width:230px;align-self:flex-end}.tool-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:105px 1fr;min-height:240px}.contract-clean{align-items:flex-start;flex-direction:column}.contract-actions{width:100%;flex-wrap:wrap}.foot-main{align-items:flex-start;flex-direction:column}.foot-nav{flex-wrap:wrap}
}
@media(max-width:480px){
  .hero-title-new{font-size:50px}.hero-title-new span{white-space:normal}.chart-topline{height:auto;padding:14px;align-items:flex-start;flex-direction:column}.chart-scribble{width:145px;right:12px;top:20px}.tool-card{grid-template-columns:1fr}.tool-icon{width:90px}.tools-note{display:none}.contract-actions .pill{flex:1;justify-content:center}.ambient-pointer{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ink-path{stroke-dashoffset:0!important}.reveal-wow{opacity:1!important;transform:none!important}.hero-copy-new>*{opacity:1!important}.quick-strip{opacity:1!important}
}

/* lightweight hand-drawn accents on the creative pages */
body.floor .desk-hero{position:relative;overflow:hidden}
body.floor .desk-hero::after{
  content:"";position:absolute;right:8%;top:46px;width:150px;height:72px;
  border:1px solid rgba(216,39,52,.28);border-left-color:transparent;border-radius:50%;
  rotate:-9deg;pointer-events:none;animation:creativeOrbit 6s ease-in-out infinite;
}
body.floor .desk-hero::before{
  content:"↗";position:absolute;right:11%;top:96px;color:rgba(216,39,52,.56);
  font:400 22px/1 "Segoe Print","Bradley Hand",cursive;rotate:8deg;pointer-events:none;
}
@keyframes creativeOrbit{0%,100%{translate:0 0;rotate:-9deg}50%{translate:-5px 4px;rotate:-6deg}}
body.floor .desk-grid{position:relative}
body.floor .desk-grid::before{
  content:"made here ↓";position:absolute;left:-92px;top:90px;color:#73737a;
  font:400 12px/1.2 "Segoe Print","Bradley Hand",cursive;rotate:-8deg;pointer-events:none;
}
body.floor .wall{border-top:1px solid rgba(255,255,255,.06);padding-top:54px!important}
body.floor .wall .lede{max-width:520px;font-size:14px!important;color:#707077!important}
@media(max-width:1100px){body.floor .desk-grid::before{display:none}}
@media(max-width:650px){body.floor .desk-hero::after,body.floor .desk-hero::before{display:none}}

/* Poster typography + bottom statement — inspired by condensed market poster lettering. */
:root{
  --poster-font:"Anton",Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
}

/* Keep body copy light; use the condensed face only where it creates hierarchy. */
.hero-title-new,
.section-head h2,
.mechanism-copy h2,
body.floor .desk-hero h1,
body.floor .wall h2,
body.terminal .t-hero h1,
body.terminal .t-sec h2{
  font-family:var(--poster-font)!important;
  font-weight:400!important;
  font-stretch:condensed;
  letter-spacing:-.018em!important;
  text-transform:uppercase!important;
  line-height:.9!important;
}
.hero-title-new{font-size:clamp(64px,8.2vw,118px)}
.hero-title-new span{font-weight:400!important}
.section-head h2,.mechanism-copy h2{font-size:clamp(48px,6vw,84px)}

/* Final kinetic poster */
.closing-poster{
  position:relative;
  overflow:hidden;
  padding:0 0 clamp(72px,8vw,120px);
  border-top:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at 74% 32%,rgba(216,39,52,.12),transparent 35%),
    linear-gradient(180deg,#09090b 0%,#070708 100%);
}
.closing-poster::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:radial-gradient(circle,rgba(255,255,255,.16) .55px,transparent .7px);
  background-size:8px 8px;
  mask-image:linear-gradient(to bottom,transparent 0,black 18%,black 86%,transparent 100%);
}
.closing-poster-ticker{
  position:relative;z-index:2;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.07);
  height:42px;display:flex;align-items:center;
  color:#5e5e64;font:400 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;white-space:nowrap;
}
.closing-poster-track{display:inline-block;min-width:max-content;animation:posterTicker 34s linear infinite}
@keyframes posterTicker{to{transform:translateX(-50%)}}
.closing-poster-inner{position:relative;z-index:2;padding-top:clamp(68px,8vw,116px)}
.poster-kicker{
  display:inline-flex;align-items:center;gap:8px;
  color:#77777d;font:400 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;
}
.poster-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--wow-red);box-shadow:0 0 0 0 rgba(216,39,52,.4);animation:posterPulse 2.2s ease-out infinite}
@keyframes posterPulse{60%{box-shadow:0 0 0 9px rgba(216,39,52,0)}}
.poster-title{position:relative;margin-top:25px;z-index:2}
.poster-line{
  display:block;
  font-family:var(--poster-font);
  font-weight:400;
  font-stretch:condensed;
  text-transform:uppercase;
  font-size:clamp(74px,12vw,185px);
  line-height:.77;
  letter-spacing:-.018em;
  white-space:nowrap;
  transform-origin:left center;
}
.poster-line-light{color:#f2f1ef;transform:translateX(-8%);opacity:0}
.poster-line-red{color:#df493f;transform:translateX(8%);opacity:0;margin-top:.08em}
.closing-poster-inner.in .poster-line-light{animation:posterSlideA .85s .08s cubic-bezier(.19,.86,.26,1) forwards}
.closing-poster-inner.in .poster-line-red{animation:posterSlideB .95s .16s cubic-bezier(.19,.86,.26,1) forwards}
@keyframes posterSlideA{to{transform:translateX(0);opacity:1}}
@keyframes posterSlideB{to{transform:translateX(0);opacity:1}}
.poster-sketch{position:absolute;pointer-events:none;overflow:visible;z-index:1}
.poster-sketch-left{width:220px;left:-24px;top:42%;rotate:-8deg}
.poster-sketch-circle{width:320px;right:1%;bottom:94px;opacity:.6;rotate:4deg}
.closing-poster-inner.in .poster-sketch .ink-path{animation:drawInk 1.45s .62s cubic-bezier(.22,.72,.18,1) forwards}
.poster-note{position:absolute;z-index:3;font:400 14px/1.1 "Segoe Print","Bradley Hand",cursive;color:#9e777a;pointer-events:none}
.poster-note-a{right:7%;top:22%;rotate:7deg;animation:noteFloat 6.2s ease-in-out infinite}
.poster-note-b{left:3%;bottom:145px;rotate:-8deg;color:#77777d;animation:noteFloat 7s .8s ease-in-out infinite}
.poster-actions{
  position:relative;z-index:4;
  margin-top:clamp(48px,6vw,78px);padding-top:26px;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.poster-actions p{margin:0;color:#77777d;font-size:13px;font-weight:300}
.poster-actions>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.poster-text-link{font-size:13px;color:#a6a6aa;transition:color .2s,transform .2s}
.poster-text-link:hover{color:#fff;transform:translateY(-2px)}

/* A little more poster character in the big section titles without making body text heavy. */
.tool-card h3{font-weight:300}
.wow-brand{font-weight:500}

@media(max-width:850px){
  .poster-line{font-size:clamp(58px,15vw,110px);white-space:normal;line-height:.82}
  .poster-note-a{right:3%;top:18%}.poster-sketch-circle{width:230px;right:-28px;bottom:120px}
  .poster-sketch-left{width:170px;left:-30px;top:50%}
  .poster-actions{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .poster-line{font-size:clamp(50px,18vw,86px)}
  .poster-note-a,.poster-note-b,.poster-sketch-circle{display:none}
  .closing-poster-inner{padding-top:58px}
  .poster-actions>div{width:100%;gap:12px}
  .poster-actions .pill{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .closing-poster-track{animation:none!important}
  .poster-line-light,.poster-line-red{opacity:1!important;transform:none!important}
}

/* Canonical MemeStock wordmark — extracted from the supplied brand reference.
   Use the image instead of re-typesetting the brand name so Meme/Stock spacing,
   weight, proportions and red stay consistent everywhere. */
.wow-brand,.ms-wow .wow-brand,body.floor .wm,body.terminal .t-wm{
  display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;
  padding:0!important;background:none!important;border:0!important;text-decoration:none!important;
}
.brand-wordmark-img{
  display:block;width:166px;height:auto;max-width:none;object-fit:contain;
  filter:none!important;transform:none!important;animation:none!important;
}
.wow-foot .brand-wordmark-img,body.floor .foot .brand-wordmark-img,body.terminal .t-foot .brand-wordmark-img{width:184px}
body.floor .head .brand-wordmark-img,body.terminal .head .brand-wordmark-img{width:166px}
@media(max-width:760px){
  .brand-wordmark-img,body.floor .head .brand-wordmark-img,body.terminal .head .brand-wordmark-img{width:148px}
  .wow-foot .brand-wordmark-img,body.floor .foot .brand-wordmark-img,body.terminal .t-foot .brand-wordmark-img{width:162px}
}

/* v6 — canonical brand wordmark + old-site inspired closing footer.
   The MemeStock wordmark is an image extracted from the supplied reference,
   never re-typeset with CSS. */
.brand-wordmark-img{
  width:190px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}

.reference-footer{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 50% -10%,rgba(216,39,52,.08),transparent 36%),
    #08090b;
  padding:74px 0 48px;
}
.reference-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:radial-gradient(circle,rgba(255,255,255,.13) .55px,transparent .7px);
  background-size:8px 8px;
  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.85) 72%,transparent 100%);
}
.reference-footer-inner{
  position:relative;
  z-index:1;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.reference-footer-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.reference-footer-brand img{
  display:block;
  width:282px;
  max-width:72vw;
  height:auto;
  filter:none;
  transform:none;
}
.reference-footer-tagline{
  margin-top:40px;
  color:#df493f;
  font-family:var(--poster-font);
  font-size:clamp(31px,3vw,48px);
  font-weight:400;
  line-height:.95;
  letter-spacing:.018em;
  text-transform:uppercase;
}
.reference-footer-legal{
  max-width:1360px;
  margin:56px auto 0;
  color:#66686f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(11px,1vw,14px);
  font-weight:400;
  line-height:1.78;
  letter-spacing:.02em;
  text-align:center;
}
.reference-footer-year{
  margin-top:38px;
  color:#3f4147;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
  letter-spacing:.22em;
}
@media(max-width:760px){
  .brand-wordmark-img{width:164px!important}
  .reference-footer{padding:58px 0 38px}
  .reference-footer-brand img{width:230px}
  .reference-footer-tagline{margin-top:30px}
  .reference-footer-legal{margin-top:40px;font-size:10px;line-height:1.7}
}

/* ── V7: square-corner interaction language ─────────────────────
   All clickable button surfaces use hard rectangular corners.
   Cards / panels / decorative circles keep their existing geometry. */
button,
a.pill,
a.btn,
.pill,
.btn,
.btn-solid,
.go,
.chip,
.mode,
.g,
.clear,
.burn,
.tools a,
.tools button,
.head nav a,
.wow-nav a,
.tf-new button,
.t-cta a,
.t-cta button,
.poster-actions a,
.poster-actions button {
  border-radius: 0 !important;
}

/* ── V8: refined square-button system ────────────────────────────
   Sharp corners, but quieter and more intentional than V7.
   Buttons use thin borders, disciplined spacing and segmented details.
   Panels/cards keep their own geometry. */
:root{
  --btn-surface:#101014;
  --btn-surface-hover:#17171c;
  --btn-line:rgba(255,255,255,.13);
  --btn-line-hover:rgba(255,255,255,.25);
  --btn-text:#efefec;
}

/* Main CTAs / utility actions */
.ms-wow .pill,
.ms-wow .text-link.live-chart-btn,
.ms-wow .wow-nav .wow-buy,
body.floor .go,
body.floor .chip,
body.floor .mode,
body.floor .g,
body.floor .clear,
body.floor .burn,
body.floor .tools a,
body.floor .tools button,
body.terminal .btn-solid,
body.terminal .btn-ghost,
body.terminal button.btn-solid,
body.terminal a.btn-solid,
body.terminal a.btn-ghost{
  border-radius:0!important;
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--btn-line);
  background:var(--btn-surface);
  color:var(--btn-text);
  font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;
  font-size:13px;
  font-weight:400!important;
  letter-spacing:.01em!important;
  line-height:1;
  text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  transform:none!important;
}

@media (hover:hover) and (pointer:fine){
  .ms-wow .pill:hover,
  .ms-wow .text-link.live-chart-btn:hover,
  .ms-wow .wow-nav .wow-buy:hover,
  body.floor .go:hover,
  body.floor .chip:hover,
  body.floor .mode:hover,
  body.floor .g:hover,
  body.floor .clear:hover,
  body.floor .burn:hover,
  body.floor .tools a:hover,
  body.floor .tools button:hover,
  body.terminal .btn-solid:hover,
  body.terminal .btn-ghost:hover{
    background:var(--btn-surface-hover);
    border-color:var(--btn-line-hover);
    color:#fff;
    transform:none!important;
  }
}

/* Primary actions: flat MemeStock red, not a rounded/puffy pill. */
.ms-wow .pill.primary,
.ms-wow .wow-nav .wow-buy,
body.floor .go,
body.terminal .btn-solid,
body.terminal button.btn-solid,
body.terminal a.btn-solid{
  background:var(--wow-red,#d82734)!important;
  border-color:var(--wow-red,#d82734)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}
@media (hover:hover) and (pointer:fine){
  .ms-wow .pill.primary:hover,
  .ms-wow .wow-nav .wow-buy:hover,
  body.floor .go:hover,
  body.terminal .btn-solid:hover{
    background:#e13643!important;
    border-color:#e13643!important;
  }
}

/* Hero actions: equal height. Live chart is now a real rectangular button. */
.hero-actions-new{gap:10px!important}
.hero-actions-new .pill.primary,
.hero-actions-new .live-chart-btn{
  min-height:48px;
  padding:0 19px!important;
}
.hero-actions-new .live-chart-btn{
  color:#d9d9dc!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:#0d0d10!important;
  text-decoration:none!important;
}
.hero-actions-new .pill.primary>span,
.hero-actions-new .live-chart-btn>span{
  min-width:24px;
  min-height:24px;
  margin-left:3px;
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.16);
  display:inline-grid;
  place-items:center;
  transition:transform .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .hero-actions-new .pill.primary:hover>span{transform:translate(2px,-2px)!important}
  .hero-actions-new .live-chart-btn:hover>span{transform:translateY(2px)!important}
}

/* Header Buy is compact, not a chunky box. */
.ms-wow .wow-nav .wow-buy{
  min-height:36px;
  padding:0 16px!important;
  margin-left:4px;
}

/* Timeframes: one precise segmented rectangle instead of four random boxes. */
.ms-wow .tf-new{
  gap:0!important;
  border:1px solid rgba(255,255,255,.10);
  background:#0b0b0e;
}
.ms-wow .tf-new button{
  min-width:43px;
  min-height:34px;
  padding:0 11px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#78787f!important;
  font-size:11px!important;
  font-weight:400!important;
  box-shadow:none!important;
  transform:none!important;
}
.ms-wow .tf-new button:first-child{border-left:0!important}
.ms-wow .tf-new button.on{
  background:#e9e9e6!important;
  color:#101014!important;
}
@media (hover:hover) and (pointer:fine){
  .ms-wow .tf-new button:not(.on):hover{background:#151519!important;color:#efefec!important}
}

/* PFP / Media selector buttons: square, softer, selected with a red edge. */
body.floor .chips{gap:7px!important}
body.floor .chip,
body.floor .g{
  min-height:38px;
  padding:0 13px!important;
  background:#0b0b0e!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#9b9ba1!important;
  box-shadow:none!important;
}
body.floor .chip.on,
body.floor .g.on{
  color:#fff!important;
  background:#141418!important;
  border-color:rgba(216,39,52,.55)!important;
  box-shadow:inset 3px 0 0 var(--wow-red,#d82734)!important;
}
body.floor .mode{
  justify-content:flex-start!important;
  align-items:flex-start!important;
  min-height:82px;
  padding:17px 18px!important;
  background:#0c0c0f!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body.floor .mode.on{
  background:#121216!important;
  border-color:rgba(216,39,52,.48)!important;
  box-shadow:inset 3px 0 0 var(--wow-red,#d82734)!important;
}
body.floor .go{
  min-height:50px;
  width:100%;
  font-size:13px!important;
}

/* Contract actions inherit the same visual system. */
.contract-actions{gap:8px!important}
.contract-actions .pill{min-height:40px!important;padding:0 15px!important}

/* Don't turn ordinary nav/text links into boxed buttons. */
.ms-wow .wow-nav a:not(.wow-buy){
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  min-height:auto!important;
  box-shadow:none!important;
}

@media(max-width:560px){
  .hero-actions-new{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .hero-actions-new .pill.primary,.hero-actions-new .live-chart-btn{width:100%;padding:0 13px!important}
  .ms-wow .tf-new button{min-width:40px;padding:0 9px!important}
}

/* ============================================================
   V9 — LIGHT MODE / PAPER MARKET EDITION
   Warm white canvas, ink-black text, MemeStock red accents.
   Original logo and canonical wordmark assets remain untouched.
   ============================================================ */
:root{
  --void:#f7f4ef;
  --board:#ffffff;
  --riser:#f2eee8;
  --raise:#ece6df;
  --line:#ddd6ce;
  --line-hot:#bdb4aa;
  --chalk:#171718;
  --body:#4f4d4c;
  --dim:#77726e;
  --faint:#aaa29a;
  --red:#d82734;
  --red-hot:#e43b47;
  --gold:#9b6a29;
  --wow-bg:#f7f4ef;
  --wow-panel:#ffffff;
  --wow-panel-2:#f2eee8;
  --wow-border:rgba(28,25,23,.12);
  --wow-text:#171718;
  --wow-muted:#706b67;
  --wow-faint:#a49d96;
  --btn-surface:#ffffff;
  --btn-surface-hover:#f3eee8;
  --btn-line:rgba(28,25,23,.18);
  --btn-line-hover:rgba(216,39,52,.56);
  --btn-text:#1b1919;
}
html,body,body.ms-wow,body.floor,body.terminal{background:#f7f4ef!important;color:#4f4d4c!important}
::selection{background:#d82734;color:#fff}

/* light paper atmosphere */
.ms-wow::before{
  opacity:.36!important;
  background-image:radial-gradient(circle at center,rgba(28,25,23,.13) .55px,transparent .72px)!important;
  mask-image:linear-gradient(to bottom,black,transparent 82%)!important;
}
body.floor::before{display:block!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;content:""!important;opacity:.24!important;background-image:radial-gradient(circle,rgba(28,25,23,.13) .55px,transparent .72px)!important;background-size:8px 8px!important}
body.floor::after{background:radial-gradient(circle,rgba(216,39,52,.10),transparent 68%)!important}
.ambient-pointer{opacity:.42!important;filter:blur(52px)!important;background:radial-gradient(circle,rgba(216,39,52,.11),rgba(216,39,52,0) 66%)!important}
.scroll-progress{background:rgba(28,25,23,.07)!important}

/* ticker + headers */
.ms-wow .tape,.tape{background:#eee8e1!important;border-color:#ddd6ce!important}
.ms-wow .tape-mask,.tape-mask{background:linear-gradient(90deg,#f7f4ef,transparent 7%,transparent 93%,#f7f4ef)!important}
.ms-wow .tape-item,.tape-item{color:#77716d!important;border-color:#d7d0c8!important}
.ms-wow .tape-item b,.tape-item b{color:#272424!important}
.wow-head,body.floor .head,body.terminal .head,.head{
  background:rgba(247,244,239,.90)!important;
  border-color:#ddd6ce!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}
.wow-nav a,body.floor .head nav a,body.terminal .t-nav a{color:#68635f!important}
.wow-nav a:hover,body.floor .head nav a:hover,body.floor .head nav a.on,body.terminal .t-nav a:hover{color:#fff!important;background:transparent!important}

/* Light-theme wordmark: Meme black / Stock red. Keep the mark clean with no backing plate. */
.wow-brand,body.floor .wm,body.terminal .t-wm,.reference-footer-brand,body.floor .foot .wm,body.terminal .t-foot .t-wm{
  background:transparent!important;
  padding:0!important;
  border:0!important;
}
.brand-wordmark-img{filter:none!important}

/* hero */
.wow-hero::after{background:radial-gradient(circle,rgba(216,39,52,.13),rgba(216,39,52,0) 70%)!important}
.hero-title-new,.section-head h2,.mechanism-copy h2,body.floor .desk-hero h1,body.floor .wall h2,body.terminal .t-hero h1,body.terminal .t-sec h2{color:#171718!important}
.hero-title-new span,body.floor .desk-hero h1 em{color:#d82734!important;text-shadow:none!important}
.hero-desc-new,.mechanism-copy p:last-child,body.floor .desk-hero .lede,body.terminal .lede{color:#68635f!important}
.micro,.section-head .micro,.market-now b{color:#756f6a!important}
.live-micro i,.chart-symbol i,.qc-live::before,.desk-live::before{box-shadow:0 0 0 3px rgba(38,167,95,.10)!important}

/* sketches become real ink on paper */
.ink-path{stroke:rgba(23,23,24,.50)!important}
.ink-path.thin{stroke:rgba(23,23,24,.22)!important}
.ink-path.ink-red{stroke:rgba(216,39,52,.92)!important}
.candle-doodle i{border-color:#7b746e!important}.candle-doodle i::before{background:#8b837c!important}
.scribble-note,.doodle-note,.tools-note{color:#6e6660!important}.note-247,.mechanism-note,.doodle-note-b{color:#b44b54!important}

/* live summary */
.quick-strip{border-color:#ddd6ce!important}
.quick-strip>div{border-color:#ddd6ce!important}
.quick-strip span{color:#817a74!important}.quick-strip b{color:#211f1e!important}

/* sections + cards */
.market-section,.mechanism-section,.tools-section,.contract-section,.payout-section,.t-sec{border-color:#e1dad2!important}
.chart-shell,.mechanism-drawing,.payout-clean,.tool-card,.quote-card,.chart-card,.points,.t-table,.addr,body.floor .desk,.shot,.note,.board{
  background:#fff!important;
  border-color:#d8d0c8!important;
  box-shadow:0 18px 54px rgba(70,52,37,.07)!important;
}
.chart-shell{background:linear-gradient(180deg,#fff,#fbf9f6)!important}
.chart-topline,.chart-bar,.qc-top,.qc-grid,.qc-foot,.tools,.cap,.desk-bar,.foot-end{border-color:#e0d9d1!important}
.chart-topline,.desk-bar,.qc-foot{background:#faf7f3!important}
.chart-symbol,.chart-name,.chart-msg,.qc-k,.qc-foot{color:#77716c!important}
.market-now span,.qc-price,.qc-v,.qc-name,.addr code,.t-table .v{color:#1d1b1a!important}

/* chart timeframe segmented control */
.ms-wow .tf-new,.tf{background:#f4efe9!important;border-color:#d7cfc7!important}
.ms-wow .tf-new button,.tf button{color:#716b66!important;border-color:#ddd5cd!important}
.ms-wow .tf-new button.on,.tf button.on{background:#171718!important;color:#fff!important;border-color:#171718!important}
@media (hover:hover) and (pointer:fine){
  .ms-wow .tf-new button:not(.on):hover,.tf button:not(.on):hover{background:#e9e2da!important;color:#171718!important}
}

/* chart grid / backgrounds */
.chart-stage-new,.chart-hold{background:
  linear-gradient(rgba(28,25,23,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(28,25,23,.035) 1px,transparent 1px),
  #fff!important;
  background-size:36px 36px!important;
}
.chart-hover-read{color:#2d2927!important;background:rgba(255,255,255,.88)!important;border-color:#d7cfc7!important}

/* how-it-works panel */
.mechanism-drawing::after{background-image:linear-gradient(rgba(28,25,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,25,23,.035) 1px,transparent 1px)!important}
.mechanism-node{background:#fbf8f4!important;border-color:#cfc6bd!important}
.mechanism-node b{color:#252221!important}.mechanism-node span{color:#8f8881!important}
.red-node{border-color:rgba(216,39,52,.45)!important;background:#fff6f6!important}
.gold-node{border-color:rgba(155,106,41,.42)!important;background:#fffaf2!important}.gold-node b{color:#8b5f26!important}
.payout-doodle circle{fill:#fff!important}

/* tools */
.tool-card h3{color:#1e1c1b!important}.tool-card>div:last-child>span{color:#746e69!important}
@media (hover:hover) and (pointer:fine){
  .tool-card:hover{background:#fffaf8!important;border-color:rgba(216,39,52,.35)!important}
}

/* contract */
.contract-clean code{color:#282422!important}

/* button system — light, sharp, premium */
.ms-wow .pill,.ms-wow .text-link.live-chart-btn,.ms-wow .wow-nav .wow-buy,
body.floor .go,body.floor .chip,body.floor .mode,body.floor .g,body.floor .clear,body.floor .burn,body.floor .tools a,body.floor .tools button,
body.terminal .btn-solid,body.terminal .btn-ghost{
  background:#fff!important;
  color:#1b1919!important;
  border-color:#cfc6bd!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9)!important;
}
.ms-wow .pill.primary,.ms-wow .wow-nav .wow-buy,body.floor .go,body.terminal .btn-solid{
  background:#d82734!important;border-color:#d82734!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(216,39,52,.14)!important;
}
.hero-actions-new .live-chart-btn{background:#fff!important;color:#211f1e!important;border-color:#cfc6bd!important}
.hero-actions-new .pill.primary>span,.hero-actions-new .live-chart-btn>span{border-left-color:rgba(28,25,23,.16)!important}
.hero-actions-new .pill.primary>span{border-left-color:rgba(255,255,255,.30)!important}
@media (hover:hover) and (pointer:fine){
  .ms-wow .pill:hover,.ms-wow .text-link.live-chart-btn:hover,body.floor .chip:hover,body.floor .mode:hover,body.floor .g:hover,body.floor .tools a:hover,body.floor .tools button:hover,body.terminal .btn-ghost:hover{
    background:#f4eee8!important;border-color:rgba(216,39,52,.48)!important;color:#171718!important;
  }
}

/* creative pages */
body.floor .desk-hero::after{border-color:rgba(216,39,52,.35)!important;border-left-color:transparent!important}
body.floor .head-pair,body.floor .step,body.floor .row,body.floor .status{color:#746d67!important}
body.floor .desk-bar{background:#faf7f3!important}
body.floor .desk-bar b,.step,.row>span{color:#242120!important}
body.floor .drop,body.floor textarea,body.floor .cap input{background:#fbf8f4!important;border-color:#cbc2ba!important;color:#242120!important}
body.floor .drop:hover,body.floor .drop.over{background:#fff4f4!important;border-color:#d82734!important}
body.floor textarea::placeholder,body.floor .cap input::placeholder{color:#aaa29b!important}
body.floor .chip,body.floor .g{background:#fff!important;border-color:#d2c9c1!important;color:#68625d!important}
body.floor .chip.on,body.floor .g.on{background:#fff5f5!important;color:#1d1b1a!important;border-color:#d82734!important;box-shadow:inset 3px 0 0 #d82734!important}
body.floor .mode{background:#fff!important;border-color:#d2c9c1!important}
body.floor .mode.on{background:#fff5f5!important;border-color:#d82734!important;box-shadow:inset 3px 0 0 #d82734!important}
body.floor .mode b{color:#242120!important}body.floor .mode span{color:#77706a!important}
.g-symbol{background:#fff!important;border-color:#d8d0c8!important;color:#b34750!important}
body.floor .wall{border-color:#ded6ce!important}body.floor .wall .lede{color:#77706b!important}
.board-grid a,.board-empty{background:#fff!important;border-color:#d7cfc7!important}.board-empty{color:#938b84!important}

/* terminal */
body.terminal .point{background:#fff!important}body.terminal .point:hover{background:#faf6f2!important}
body.terminal .point h3{color:#211f1e!important}body.terminal .point p{color:#746d67!important}
body.terminal .addr code{background:#faf7f3!important;border-color:#ddd5cd!important}
body.terminal .t-foot{background:#f0ebe5!important;border-color:#d7cfc7!important}
body.terminal .t-foot-tag,body.terminal .legal,body.terminal .foot-end{color:#77706a!important}

/* footer — light, branded, with black/red wordmark */
.reference-footer{
  border-color:#d8d0c8!important;
  background:radial-gradient(circle at 50% -10%,rgba(216,39,52,.11),transparent 36%),#efe9e2!important;
}
.reference-footer::before{opacity:.26!important;background-image:radial-gradient(circle,rgba(28,25,23,.14) .55px,transparent .7px)!important}
.reference-footer-tagline{color:#d82734!important}
.reference-footer-legal{color:#625d58!important}
.reference-footer-year{color:#8b847e!important}
body.floor .foot{background:#efe9e2!important;border-color:#d8d0c8!important}
body.floor .foot-tag,body.floor .foot-links a,body.floor .foot-end{color:#706a65!important}
body.floor .foot-links a:hover{background:#fff!important;color:#171718!important;border-color:#cfc6bd!important}

/* ensure any old black panels not explicitly covered cannot leak through */
body.floor .pulse-panel,body.floor .pulse-stat,body.floor .pulse-stage,body.floor .note,body.floor .flow-step{background:#fff!important;border-color:#d8d0c8!important}

@media(max-width:760px){
  .wow-brand,body.floor .wm,body.terminal .t-wm{padding:0!important}
}

/* =========================================================
   v11 — dimensional light mode
   3D is created with CSS depth/extrusion; source logos remain unchanged.
   ========================================================= */
:root{
  --ms3d-ink:#161515;
  --ms3d-red:#d82734;
  --ms3d-red-dark:#9f1722;
  --ms3d-paper-edge:#c9c0b7;
  --ms3d-paper-edge-2:#aea49a;
}

/* Give the page a physical-paper depth without going back to dark mode. */
body.ms-wow,body.floor,body.terminal{perspective:1400px;}

/* ALL major titles: thin face, visible extrusion, not heavy/bold. */
.ms-wow h1,.ms-wow h2,.ms-wow h3,
body.floor h1,body.floor h2,body.floor h3,
body.terminal h1,body.terminal h2,body.terminal h3{
  transform-style:preserve-3d;
  transform:perspective(1100px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,0,0);
  transition:transform .28s cubic-bezier(.2,.75,.2,1),text-shadow .28s ease;
  text-shadow:
    1px 1px 0 #eee8e1,
    2px 2px 0 #d8d0c8,
    3px 3px 0 #c6bdb4,
    5px 6px 10px rgba(52,42,35,.16);
  will-change:transform;
}

/* Red title fragments get their own red extrusion. */
.hero-title-new span,
body.floor .desk-hero h1 em,
body.terminal .t-hero h1 span,
body.terminal .t-sec h2 span,
.reference-footer-tagline{
  text-shadow:
    1px 1px 0 #c12430,
    2px 2px 0 #ad1e29,
    3px 3px 0 #941821,
    5px 6px 11px rgba(121,18,27,.20)!important;
}

/* Hero title gets a little more depth because it is the key poster statement. */
.hero-title-new{
  text-shadow:
    1px 1px 0 #f1ece6,
    2px 2px 0 #ddd5cd,
    3px 3px 0 #c9c0b7,
    4px 4px 0 #b7ada4,
    8px 10px 18px rgba(49,38,31,.17)!important;
}

/* The real MemeStock wordmark: face pixels remain untouched; depth lives behind it. */
.brand-wordmark-img{
  filter:
    drop-shadow(1px 1px 0 #d9d1c9)
    drop-shadow(2px 2px 0 #c8beb5)
    drop-shadow(3px 3px 0 #b4aaa0)
    drop-shadow(7px 9px 10px rgba(48,36,28,.18))!important;
  transform:perspective(900px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,0,8px)!important;
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease!important;
  will-change:transform;
}

/* Main circular logo: stronger floating/extruded object treatment. */
.logo-original{
  filter:
    drop-shadow(2px 2px 0 rgba(216,39,52,.22))
    drop-shadow(4px 4px 0 rgba(26,24,23,.18))
    drop-shadow(9px 12px 14px rgba(74,49,36,.20))!important;
  transform:perspective(950px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,0,16px)!important;
  transform-style:preserve-3d!important;
  transition:transform .32s cubic-bezier(.18,.8,.2,1),filter .3s ease!important;
  will-change:transform;
}
.logo-scene{perspective:1000px;transform-style:preserve-3d;}

/* Header/footer logo wrappers should not clip the extrusion. */
.wow-brand,body.floor .wm,body.terminal .t-wm,.reference-footer-logo{overflow:visible!important;perspective:900px;transform-style:preserve-3d;}

/* Cards and data surfaces also feel physical, but stay clean. */
.chart-shell,.mechanism-drawing,.payout-clean,.tool-card,.quote-card,.chart-card,.points,.t-table,.addr,
body.floor .desk,body.floor .shot,body.floor .note,body.floor .board,body.terminal .point{
  box-shadow:
    0 1px 0 rgba(255,255,255,.96),
    0 4px 0 var(--ms3d-paper-edge),
    0 12px 25px rgba(61,45,34,.10)!important;
  transform-style:preserve-3d;
}

@media (hover:hover) and (pointer:fine){
  .tool-card:hover,body.terminal .point:hover{
    transform:perspective(900px) translateY(-6px) rotateX(1deg)!important;
    box-shadow:0 1px 0 #fff,0 7px 0 #c8beb5,0 18px 30px rgba(61,45,34,.14)!important;
  }
  .brand-wordmark-img:hover{
    filter:
      drop-shadow(1px 1px 0 #d9d1c9)
      drop-shadow(3px 3px 0 #c8beb5)
      drop-shadow(5px 5px 0 #b4aaa0)
      drop-shadow(10px 13px 15px rgba(48,36,28,.22))!important;
  }
}

/* Rectangular buttons become actual raised controls rather than flat boxes. */
.ms-wow .pill,.ms-wow .text-link.live-chart-btn,.ms-wow .wow-nav .wow-buy,
body.floor .go,body.floor .chip,body.floor .mode,body.floor .g,body.floor .clear,body.floor .burn,body.floor .tools a,body.floor .tools button,
body.terminal .btn-solid,body.terminal .btn-ghost,.tf button,.ms-wow .tf-new button{
  border-radius:0!important;
  transform:translateY(-2px);
  box-shadow:0 3px 0 #bdb4ab,0 7px 14px rgba(49,38,31,.10)!important;
  transition:transform .16s ease,box-shadow .16s ease,background .2s,border-color .2s!important;
}
.ms-wow .pill.primary,.ms-wow .wow-nav .wow-buy,body.floor .go,body.terminal .btn-solid,
.tf button.on,.ms-wow .tf-new button.on{
  box-shadow:0 4px 0 var(--ms3d-red-dark),0 9px 18px rgba(216,39,52,.18)!important;
}
@media (hover:hover) and (pointer:fine){
  .ms-wow .pill:hover,.ms-wow .text-link.live-chart-btn:hover,.ms-wow .wow-nav .wow-buy:hover,
  body.floor .go:hover,body.floor .chip:hover,body.floor .mode:hover,body.floor .g:hover,body.floor .tools a:hover,body.floor .tools button:hover,
  body.terminal .btn-solid:hover,body.terminal .btn-ghost:hover,.tf button:hover,.ms-wow .tf-new button:hover{
    transform:translateY(-4px)!important;
  }
}
.ms-wow .pill:active,.ms-wow .text-link.live-chart-btn:active,.ms-wow .wow-nav .wow-buy:active,
body.floor .go:active,body.floor .chip:active,body.floor .mode:active,body.floor .g:active,body.floor .tools a:active,body.floor .tools button:active,
body.terminal .btn-solid:active,body.terminal .btn-ghost:active,.tf button:active,.ms-wow .tf-new button:active{
  transform:translateY(1px)!important;
  box-shadow:0 1px 0 #aaa198,0 3px 7px rgba(49,38,31,.10)!important;
}

/* Doodles sit on different Z-planes, reinforcing the dimensional collage. */
.logo-orbit,.scribble-note,.doodle-note,.tools-note,.chart-scribble,.mechanism-note,.candle-doodle{
  transform-style:preserve-3d;
  filter:drop-shadow(3px 4px 3px rgba(53,38,29,.11));
}
.orbit-a{transform:translateZ(6px)}
.orbit-b{transform:translateZ(-5px)}
.note-247,.doodle-note-a{transform:translateZ(22px) rotate(-5deg)}
.note-open2,.doodle-note-b{transform:translateZ(14px) rotate(4deg)}

/* Footer wordmark + tagline also get the dimensional treatment. */
.reference-footer-logo img{filter:drop-shadow(1px 1px 0 #d6cec6) drop-shadow(3px 3px 0 #bfb5ab) drop-shadow(7px 9px 9px rgba(47,36,29,.15))!important;}

/* Respect reduced motion: retain depth, remove interactive tilt. */
@media (prefers-reduced-motion:reduce){
  .ms-wow h1,.ms-wow h2,.ms-wow h3,body.floor h1,body.floor h2,body.floor h3,body.terminal h1,body.terminal h2,body.terminal h3,
  .brand-wordmark-img,.logo-original{transform:none!important;transition:none!important;}
}

/* =========================================================
   v12 — hero alignment corrections
   - underline begins exactly at the left edge of “in GameStop.”
   - Buy MemeStock and Live chart use identical dimensions.
   ========================================================= */
.hero-title-new span::after{
  left:0!important;
  right:0!important;
}

.hero-actions-new{
  display:grid!important;
  grid-template-columns:repeat(2,210px);
  align-items:stretch!important;
  gap:12px!important;
}
.hero-actions-new .pill.primary,
.hero-actions-new .live-chart-btn{
  box-sizing:border-box!important;
  width:210px!important;
  min-width:210px!important;
  min-height:56px!important;
  padding:0 18px!important;
  justify-content:space-between!important;
  align-items:center!important;
}

@media(max-width:560px){
  .hero-actions-new{
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 13px!important;
  }
}

/* v14 — animated mechanism stage */
.mechanism-live{
  min-height:440px!important;
  grid-template-columns:1fr 150px 1fr 150px 1fr!important;
  gap:2px;
  padding:44px 38px 52px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(198,47,51,.08),transparent 28%),
    radial-gradient(circle at 86% 44%,rgba(170,125,63,.07),transparent 22%),
    #fffdfa!important;
  border-color:#d8cec5!important;
  box-shadow:0 14px 0 rgba(55,45,36,.08),0 24px 48px rgba(55,45,36,.08)!important;
  isolation:isolate;
}
.mechanism-live::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(115deg,transparent 0 36%,rgba(197,47,51,.025) 36% 37%,transparent 37% 62%,rgba(197,47,51,.02) 62% 63%,transparent 63%),
    radial-gradient(circle at 12px 12px,rgba(34,31,29,.06) 1px,transparent 1.3px);
  background-size:auto,24px 24px;
  opacity:.6;
  pointer-events:none;
}
.mechanism-live::after{opacity:.6!important}
.mechanism-live .flow-node{
  width:156px!important;height:156px!important;
  background:rgba(255,253,250,.92)!important;
  border:1px solid #cfc3b8!important;
  box-shadow:0 9px 0 rgba(64,52,42,.08),0 18px 28px rgba(64,52,42,.08)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  overflow:visible;
}
.mechanism-live .flow-node::after{
  content:"";position:absolute;inset:9px;border-radius:50%;border:1px dashed rgba(54,48,43,.09);pointer-events:none;
}
.mechanism-live.in .sell-node{animation:flowNodeFloat 4.8s ease-in-out infinite}
.mechanism-live.in .route-node{animation:flowNodeFloat 4.8s .45s ease-in-out infinite}
.mechanism-live.in .reward-node{animation:flowNodeFloat 4.8s .9s ease-in-out infinite}
.mechanism-live .red-node{border-color:rgba(198,47,51,.52)!important;background:linear-gradient(145deg,#fffdfa,#fff5f3)!important}
.mechanism-live .gold-node{border-color:rgba(171,125,61,.52)!important;background:linear-gradient(145deg,#fffdfa,#fffaf0)!important}
.mechanism-live .flow-step{position:absolute;top:20px;left:0;right:0;font-size:10px!important;color:#928a83!important;letter-spacing:.16em!important}
.mechanism-live .flow-node b{font-size:16px!important;margin-top:5px!important;font-weight:500!important;letter-spacing:-.02em}
.mechanism-live .flow-node small{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9b938b;letter-spacing:.11em;text-transform:uppercase;margin-top:7px}
.flow-icon{width:50px;height:50px;fill:none;stroke:#3a3633;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:8px;filter:drop-shadow(0 5px 0 rgba(50,44,39,.06))}
.red-node .flow-icon{stroke:#c72f34}.gold-node .flow-icon{stroke:#9c7137}
.route-percent{font-size:42px;line-height:.9;color:#c72f34;font-weight:500;letter-spacing:-.07em;margin-top:8px;text-shadow:0 5px 0 rgba(145,29,34,.08)}
.route-percent span{font-size:.46em;vertical-align:top;margin-left:2px}
.flow-arrow{width:100%!important;overflow:visible;z-index:4!important}
.flow-arrow .flow-main{stroke:#5f5a56!important;stroke-width:1.8!important}
.flow-arrow .flow-ghost{stroke:#c72f34!important;stroke-width:1.05!important;opacity:.24}
.flow-arrow .flow-head{stroke:#5f5a56!important;stroke-width:1.8!important}
.flow-particle{fill:#c72f34;filter:drop-shadow(0 0 7px rgba(199,47,52,.55))}
.flow-particle-gold{fill:#a87a3d;filter:drop-shadow(0 0 7px rgba(168,122,61,.48))}
.mechanism-live.in .flow-particle{animation:particleGlow 1.3s ease-in-out infinite alternate}
.pulse-ring{position:absolute;border-radius:50%;inset:-1px;border:1px solid rgba(199,47,52,.35);opacity:0;pointer-events:none}
.mechanism-live.in .pulse-ring-a{animation:pulseOut 2.6s .3s ease-out infinite}
.mechanism-live.in .pulse-ring-b{animation:pulseOut 2.6s 1.6s ease-out infinite}
.reward-ripple{position:absolute;inset:20px;border:1px solid rgba(168,122,61,.32);border-radius:50%;opacity:0;pointer-events:none}
.mechanism-live.in .reward-ripple-a{animation:rewardRipple 2.6s 1.1s ease-out infinite}
.mechanism-live.in .reward-ripple-b{animation:rewardRipple 2.6s 2.4s ease-out infinite}
.flow-candles{position:absolute;right:4.5%;top:8%;width:180px;height:auto;opacity:.15;fill:none;stroke:#c72f34;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(3deg);z-index:1}
.mechanism-live.in .flow-candle-group{animation:candleBob 5s ease-in-out infinite}
.flow-ambient{position:absolute;font-family:"Comic Sans MS","Bradley Hand",cursive;color:#b84d54;opacity:.62;z-index:1;pointer-events:none}
.flow-ambient-a{left:6%;bottom:8%;font-size:35px;rotate:-12deg}
.flow-ambient-b{right:6%;top:11%;font-size:15px;letter-spacing:.06em;rotate:6deg}
.mechanism-live.in .flow-ambient-a{animation:ambientDrift 4s ease-in-out infinite}
.mechanism-live.in .flow-ambient-b{animation:ambientDrift 4.5s .7s ease-in-out infinite reverse}
.mechanism-live .mechanism-note{right:7%!important;bottom:7%!important;color:#b44b54!important;font-size:17px!important;z-index:5!important;rotate:-4deg}
@media (hover:hover) and (pointer:fine){
  .mechanism-live .flow-node:hover{transform:translateY(-7px) rotate(-1deg)!important;box-shadow:0 14px 0 rgba(64,52,42,.09),0 28px 44px rgba(64,52,42,.12)!important}
  .mechanism-live .route-node:hover{rotate:1deg}.mechanism-live .reward-node:hover{rotate:-1deg}
}
@keyframes flowNodeFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes pulseOut{0%{transform:scale(.98);opacity:.48}75%,100%{transform:scale(1.42);opacity:0}}
@keyframes rewardRipple{0%{transform:scale(.75);opacity:.38}80%,100%{transform:scale(1.55);opacity:0}}
@keyframes particleGlow{from{opacity:.65}to{opacity:1}}
@keyframes candleBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ambientDrift{0%,100%{translate:0 0}50%{translate:4px -6px}}

@media(max-width:980px){
  .mechanism-live{grid-template-columns:1fr 95px 1fr 95px 1fr!important;padding:36px 22px 48px!important}
  .mechanism-live .flow-node{width:132px!important;height:132px!important}
  .route-percent{font-size:36px}.flow-icon{width:42px;height:42px}
}
@media(max-width:700px){
  .mechanism-live{grid-template-columns:1fr!important;gap:10px!important;padding:30px 22px 58px!important;min-height:auto!important}
  .mechanism-live .flow-node{width:140px!important;height:140px!important}
  .mechanism-live .flow-arrow{width:100px!important;rotate:90deg!important;justify-self:center}
  .flow-candles{width:110px;right:2%;top:3%}.flow-ambient-a{left:7%;bottom:3%}.flow-ambient-b{right:7%;top:4%}
  .mechanism-live .mechanism-note{right:5%!important;bottom:2%!important;font-size:14px!important}
}
@media (prefers-reduced-motion:reduce){
  .mechanism-live .flow-node,.pulse-ring,.reward-ripple,.flow-candle-group,.flow-ambient,.flow-particle{animation:none!important}
}

/* =========================================================
   v15 — hero controls + mechanism layout corrections
   - smaller paired hero CTAs
   - mechanism becomes a full-width stage so every node stays visible
   ========================================================= */
.hero-actions-new{
  grid-template-columns:repeat(2,188px)!important;
  gap:10px!important;
}
.hero-actions-new .pill.primary,
.hero-actions-new .live-chart-btn{
  width:188px!important;
  min-width:188px!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 15px!important;
  font-size:14px!important;
}
.hero-actions-new .pill.primary>span,
.hero-actions-new .live-chart-btn>span{
  min-width:34px!important;
  height:30px!important;
}

/* Put the explanation above the mechanism instead of squeezing the stage. */
.mechanism-grid{
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
}
.mechanism-copy{
  max-width:620px;
}
.mechanism-copy h2{
  margin-bottom:10px;
}
.mechanism-copy p:last-child{
  margin-top:10px!important;
}

.mechanism-live{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:156px minmax(88px,1fr) 156px minmax(88px,1fr) 156px!important;
  column-gap:18px!important;
  row-gap:0!important;
  justify-content:center!important;
  padding:52px 56px 64px!important;
  min-height:430px!important;
  overflow:hidden!important;
}
.mechanism-live .flow-node{
  width:156px!important;
  height:156px!important;
  max-width:100%!important;
}
.mechanism-live .flow-arrow{
  min-width:0!important;
  width:100%!important;
  max-width:180px!important;
  justify-self:stretch!important;
}

/* Keep decoration away from the content edges. */
.flow-candles{right:5%!important;top:7%!important;width:158px!important}
.flow-ambient-a{left:5%!important;bottom:7%!important}
.flow-ambient-b{right:5%!important;top:9%!important}
.mechanism-live .mechanism-note{right:5%!important;bottom:6%!important}

@media(max-width:900px){
  .mechanism-live{
    grid-template-columns:136px minmax(64px,1fr) 136px minmax(64px,1fr) 136px!important;
    column-gap:12px!important;
    padding:44px 28px 60px!important;
  }
  .mechanism-live .flow-node{width:136px!important;height:136px!important}
  .mechanism-live .flow-node b{font-size:14px!important}
  .route-percent{font-size:36px!important}
  .flow-icon{width:42px!important;height:42px!important}
}

@media(max-width:700px){
  .hero-actions-new{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,390px)!important;
    margin-inline:auto!important;
  }
  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
  .mechanism-live{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:34px 22px 68px!important;
    min-height:auto!important;
  }
  .mechanism-live .flow-node{width:142px!important;height:142px!important}
  .mechanism-live .flow-arrow{
    width:96px!important;
    max-width:96px!important;
    rotate:90deg!important;
    justify-self:center!important;
  }
  .flow-candles{width:100px!important;right:3%!important;top:2%!important}
  .flow-ambient-a{left:6%!important;bottom:2%!important;font-size:28px!important}
  .flow-ambient-b{right:6%!important;top:3%!important}
  .mechanism-live .mechanism-note{right:5%!important;bottom:2%!important;font-size:13px!important}
}


/* =========================================================
   v16 — contract card polish
   Compact, branded, useful; replaces the oversized sketch oval.
   ========================================================= */
.contract-section-v16{
  padding-top:66px!important;
  padding-bottom:78px!important;
}
.contract-card-v16{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:24px 28px;
  background:rgba(255,255,255,.96);
  border:1px solid #d8d0c8;
  border-top:3px solid #c72f34;
  border-radius:22px;
  box-shadow:0 8px 0 #d7d0c8,0 24px 46px rgba(61,45,31,.09);
  overflow:hidden;
  isolation:isolate;
}
.contract-card-v16::before{
  content:"";
  position:absolute;
  width:250px;height:250px;
  right:-100px;top:-135px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,47,52,.095),rgba(199,47,52,0) 68%);
  pointer-events:none;
  z-index:-1;
}
.contract-brand-v16{
  width:62px;height:62px;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #d9d1c9;
  border-radius:16px;
  box-shadow:0 5px 0 #d7cfc7,0 12px 24px rgba(53,42,33,.08);
  transform:rotate(-2deg);
  transition:transform .28s ease,box-shadow .28s ease;
}
.contract-brand-v16 img{
  width:48px;height:48px;
  object-fit:contain;
  display:block;
}
.contract-main-v16{min-width:0}
.contract-kicker-v16{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:#766f69;
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.contract-status-v16{
  width:7px;height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#c72f34;
  box-shadow:0 0 0 4px rgba(199,47,52,.09);
  animation:contractBreath 2.1s ease-in-out infinite;
}
.contract-chain-v16{
  margin-left:auto;
  padding:5px 8px 4px;
  border:1px solid #e0d7cf;
  background:#fbf8f4;
  color:#8a6b43;
  letter-spacing:.11em;
}
.contract-address-v16{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-height:52px;
  border:1px solid #d9d1c9;
  background:#f8f5f1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.contract-address-v16 code{
  min-width:0;
  padding:0 16px;
  color:#25211f!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  line-height:1.5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.contract-copy-v16{
  align-self:stretch;
  min-width:82px;
  border:0;
  border-left:1px solid #d9d1c9;
  border-radius:0!important;
  background:#fff;
  color:#b72b31;
  font:500 12px/1 Inter,Arial,sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.contract-copy-v16:hover{background:#c72f34;color:#fff}
.contract-copy-v16:active{transform:translateY(1px)}
.contract-copy-v16.done{background:#1f8b53!important;color:#fff!important}
.contract-foot-v16{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:10px;
  color:#918982;
  font-size:11px;
}
.contract-scan-v16{
  color:#2f2a27;
  text-decoration:none;
  white-space:nowrap;
  font-weight:500;
  transition:color .18s ease,translate .18s ease;
}
.contract-scan-v16 b{color:#c72f34;font-weight:500;margin-left:4px}
.contract-scan-v16:hover{color:#c72f34;translate:2px 0}
.contract-doodle-v16{
  position:absolute;
  right:26px;
  bottom:5px;
  width:130px;
  height:auto;
  opacity:.22;
  pointer-events:none;
  transform:rotate(-4deg);
}
.contract-card-v16.in .contract-doodle-v16 .ink-path{animation:drawInk 1.2s .3s ease forwards}
@media (hover:hover) and (pointer:fine){
  .contract-card-v16:hover .contract-brand-v16{
    transform:translateY(-3px) rotate(1deg);
    box-shadow:0 7px 0 #d7cfc7,0 16px 30px rgba(53,42,33,.1);
  }
}
@keyframes contractBreath{0%,100%{opacity:.55;box-shadow:0 0 0 4px rgba(199,47,52,.07)}50%{opacity:1;box-shadow:0 0 0 7px rgba(199,47,52,.12)}}
@media(max-width:700px){
  .contract-card-v16{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:20px 18px;border-radius:18px}
  .contract-brand-v16{width:48px;height:48px;border-radius:13px}.contract-brand-v16 img{width:38px;height:38px}
  .contract-chain-v16{display:none}
  .contract-address-v16{grid-template-columns:minmax(0,1fr) 68px}.contract-address-v16 code{font-size:11px;padding:0 11px}
  .contract-copy-v16{min-width:68px;font-size:11px}
  .contract-foot-v16{align-items:flex-start;flex-direction:column;gap:6px}
  .contract-doodle-v16{width:95px;right:10px;bottom:8px}
}
@media(max-width:440px){
  .contract-card-v16{grid-template-columns:1fr}
  .contract-brand-v16{display:none}
  .contract-kicker-v16{margin-bottom:8px}
  .contract-foot-v16 span{max-width:70%}
}
@media(prefers-reduced-motion:reduce){.contract-status-v16{animation:none!important}}

/* =========================================================
   v17 — side-by-side mechanism + homepage nav underline
   ========================================================= */
@media (min-width: 1051px){
  .mechanism-grid{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
    gap:34px!important;
    align-items:center!important;
  }
  .mechanism-copy{
    max-width:360px!important;
    align-self:center!important;
  }
  .mechanism-copy h2{
    font-size:clamp(54px,4.6vw,76px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    margin:8px 0 16px!important;
  }
  .mechanism-copy p:last-child{
    max-width:320px!important;
    margin-top:0!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  .mechanism-live{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:124px minmax(58px,1fr) 124px minmax(58px,1fr) 124px!important;
    column-gap:12px!important;
    padding:38px 26px 52px!important;
    min-height:390px!important;
  }
  .mechanism-live .flow-node{
    width:124px!important;
    height:124px!important;
  }
  .mechanism-live .flow-arrow{
    max-width:150px!important;
  }
  .mechanism-live .flow-step{font-size:9px!important}
  .mechanism-live .flow-icon{width:35px!important;height:35px!important;margin-bottom:5px!important}
  .mechanism-live .flow-node b{font-size:13px!important;margin-top:5px!important;white-space:nowrap}
  .mechanism-live .flow-node small{font-size:8px!important;letter-spacing:.12em!important}
  .mechanism-live .route-percent{font-size:34px!important;line-height:.9!important}
  .mechanism-live .route-percent span{font-size:15px!important}
  .mechanism-live .mechanism-note{font-size:14px!important;right:4%!important;bottom:5%!important}
  .flow-candles{width:120px!important;right:3%!important;top:5%!important}
  .flow-ambient-b{right:4%!important;top:7%!important;font-size:13px!important}
  .flow-ambient-a{left:4%!important;bottom:6%!important}
}

/* Keep the horizontal composition until tablet widths; stack only when it truly needs it. */
@media (min-width: 901px) and (max-width:1050px){
  .mechanism-grid{
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:24px!important;
    align-items:center!important;
  }
  .mechanism-copy{max-width:260px!important}
  .mechanism-copy h2{font-size:52px!important;line-height:.94!important}
  .mechanism-live{
    grid-template-columns:108px minmax(42px,1fr) 108px minmax(42px,1fr) 108px!important;
    column-gap:8px!important;
    padding:34px 18px 48px!important;
    min-height:360px!important;
  }
  .mechanism-live .flow-node{width:108px!important;height:108px!important}
  .mechanism-live .flow-icon{width:30px!important;height:30px!important}
  .mechanism-live .flow-node b{font-size:12px!important;white-space:nowrap}
  .mechanism-live .flow-node small{font-size:7px!important}
  .mechanism-live .route-percent{font-size:30px!important}
}

/* Homepage nav: same drawn underline interaction as the inner pages. */
.ms-wow .wow-nav a:not(.wow-buy){
  position:relative!important;
  padding:10px 11px 12px!important;
  color:#68635f!important;
  background:transparent!important;
  transform:none!important;
}
.ms-wow .wow-nav a:not(.wow-buy)::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:5px;
  height:1.5px;
  background:#d82734;
  transform:scaleX(0);
  transform-origin:left center;
  opacity:.9;
  transition:transform .26s cubic-bezier(.22,.72,.18,1),opacity .2s ease;
}
.ms-wow .wow-nav a:not(.wow-buy):hover{
  color:#171718!important;
  background:transparent!important;
  transform:none!important;
}
.ms-wow .wow-nav a:not(.wow-buy):hover::after,
.ms-wow .wow-nav a:not(.wow-buy):focus-visible::after{
  transform:scaleX(1);
}

/* v18 — footer MemeStock wordmark gets the same dimensional treatment as the rest of the brand. */
.reference-footer-brand{
  overflow:visible!important;
  perspective:950px;
  transform-style:preserve-3d;
}
.reference-footer-brand img{
  filter:
    drop-shadow(1px 1px 0 #ddd6cf)
    drop-shadow(2px 2px 0 #cec4bb)
    drop-shadow(4px 4px 0 #b9aea4)
    drop-shadow(7px 8px 0 #a79b91)
    drop-shadow(12px 15px 16px rgba(55,39,29,.18))!important;
  transform:perspective(950px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,0,12px)!important;
  transform-style:preserve-3d!important;
  transition:transform .30s cubic-bezier(.2,.8,.2,1),filter .30s ease!important;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .reference-footer-brand:hover img{
    filter:
      drop-shadow(1px 1px 0 #ddd6cf)
      drop-shadow(3px 3px 0 #cec4bb)
      drop-shadow(5px 5px 0 #b9aea4)
      drop-shadow(9px 10px 0 #a79b91)
      drop-shadow(15px 18px 18px rgba(55,39,29,.22))!important;
    transform:perspective(950px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,-3px,18px)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .reference-footer-brand img{transform:none!important;transition:none!important;}
}


/* =========================================================
   v19 — unified primary navigation + red market 3D accents
   ========================================================= */
/* The wordmark is always the Home control; nav stays identical across tools. */
.site-nav{
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,1.6vw,24px)!important;
  margin-left:auto!important;
}
.site-nav a:not(.wow-buy){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 2px!important;
  color:#68635f!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}
.site-nav a:not(.wow-buy)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:5px!important;
  height:2px!important;
  background:#d82734!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .22s cubic-bezier(.2,.75,.2,1)!important;
}
.site-nav a:not(.wow-buy):hover,
.site-nav a:not(.wow-buy).on,
.site-nav a:not(.wow-buy)[aria-current="page"]{
  color:#171718!important;
  background:transparent!important;
}
.site-nav a:not(.wow-buy):hover::after,
.site-nav a:not(.wow-buy).on::after,
.site-nav a:not(.wow-buy)[aria-current="page"]::after{
  transform:scaleX(1)!important;
}

/* The stock-page red words use a red face AND red extrusion, never gray. */
body.terminal .t-hero h1 span,
body.terminal .t-sec h2 span{
  color:#d82734!important;
  text-shadow:
    1px 1px 0 #c12430,
    2px 2px 0 #ad1e29,
    3px 3px 0 #941821,
    5px 6px 11px rgba(121,18,27,.20)!important;
}

@media(max-width:720px){
  .site-nav{gap:10px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .site-nav::-webkit-scrollbar{display:none!important}
  .site-nav a:not(.wow-buy){font-size:11px!important;white-space:nowrap!important}
}

/* =========================================================
   v20 — nav active state: underline only, no gray pill/shadow
   ========================================================= */
.site-nav a:not(.wow-buy),
.site-nav a:not(.wow-buy):link,
.site-nav a:not(.wow-buy):visited,
.site-nav a:not(.wow-buy):hover,
.site-nav a:not(.wow-buy):focus,
.site-nav a:not(.wow-buy):focus-visible,
.site-nav a:not(.wow-buy):active,
.site-nav a:not(.wow-buy).on,
.site-nav a:not(.wow-buy)[aria-current="page"]{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
  filter:none!important;
  transform:none!important;
}
.site-nav a:not(.wow-buy):hover,
.site-nav a:not(.wow-buy):focus-visible,
.site-nav a:not(.wow-buy).on,
.site-nav a:not(.wow-buy)[aria-current="page"]{
  color:#171718!important;
}
/* Active page and hover are communicated only by the red underline. */
.site-nav a:not(.wow-buy)::after{
  bottom:5px!important;
  height:2px!important;
  background:#d82734!important;
  box-shadow:none!important;
}


/* =========================================================
   v21 — navigation is text + red underline only.
   Kill the legacy light-theme active/hover tile with a selector
   stronger than the older body.floor header rule.
   ========================================================= */
html body.floor header.head nav.site-nav a:not(.wow-buy),
html body.floor header.head nav.site-nav a:not(.wow-buy):link,
html body.floor header.head nav.site-nav a:not(.wow-buy):visited,
html body.floor header.head nav.site-nav a:not(.wow-buy):hover,
html body.floor header.head nav.site-nav a:not(.wow-buy):focus,
html body.floor header.head nav.site-nav a:not(.wow-buy):focus-visible,
html body.floor header.head nav.site-nav a:not(.wow-buy):active,
html body.floor header.head nav.site-nav a:not(.wow-buy).on,
html body.floor header.head nav.site-nav a:not(.wow-buy)[aria-current="page"],
html body.terminal header.head nav.site-nav a:not(.wow-buy),
html body.terminal header.head nav.site-nav a:not(.wow-buy):hover,
html body.terminal header.head nav.site-nav a:not(.wow-buy):focus-visible,
html body.terminal header.head nav.site-nav a:not(.wow-buy).on,
html body.terminal header.head nav.site-nav a:not(.wow-buy)[aria-current="page"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body.floor header.head nav.site-nav a:not(.wow-buy).on,
html body.floor header.head nav.site-nav a:not(.wow-buy)[aria-current="page"],
html body.terminal header.head nav.site-nav a:not(.wow-buy).on,
html body.terminal header.head nav.site-nav a:not(.wow-buy)[aria-current="page"]{
  color:#171718!important;
}
html body.floor header.head nav.site-nav a:not(.wow-buy)::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:5px!important;
  height:2px!important;
  background:#d82734!important;
  border:0!important;
  box-shadow:none!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .22s cubic-bezier(.2,.75,.2,1)!important;
}
html body.floor header.head nav.site-nav a:not(.wow-buy):hover::after,
html body.floor header.head nav.site-nav a:not(.wow-buy):focus-visible::after,
html body.floor header.head nav.site-nav a:not(.wow-buy).on::after,
html body.floor header.head nav.site-nav a:not(.wow-buy)[aria-current="page"]::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy):hover::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy):focus-visible::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy).on::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy)[aria-current="page"]::after{
  transform:scaleX(1)!important;
}


/* =========================================================
   v22 — cleaner footer + red moving ticker rules.
   The scrolling tape keeps neutral text, while every structural
   line/divider uses MemeStock red.
   ========================================================= */
.ms-wow .tape,
.tape{
  border-top-color:#d82734!important;
  border-bottom-color:#d82734!important;
}
.ms-wow .tape-item,
.tape-item{
  border-right-color:rgba(216,39,52,.72)!important;
}
body.floor .foot-top{
  margin-bottom:0!important;
}
body.floor .foot-end{
  margin-top:22px!important;
}

/* =========================================================
   v23 — DARK MODE / NIGHT MARKET EDITION
   Same layout, motion and 3D system; surfaces rebuilt for a
   black + MemeStock red presentation.
   ========================================================= */
:root{
  --void:#070709!important;
  --board:#0f0f12!important;
  --riser:#131317!important;
  --raise:#19191e!important;
  --line:#2a292e!important;
  --line-hot:#454149!important;
  --chalk:#f5f2ed!important;
  --body:#b0aba7!important;
  --dim:#7e7978!important;
  --faint:#514d50!important;
  --red:#df5247!important;
  --red-hot:#f05a50!important;
  --gold:#c79a59!important;
  --gold-dim:#82643e!important;
  --wow-bg:#070709!important;
  --wow-panel:#101013!important;
  --wow-panel-2:#151519!important;
  --wow-border:rgba(255,255,255,.105)!important;
  --wow-text:#f5f2ed!important;
  --wow-muted:#999395!important;
  --wow-faint:#5e595d!important;
  --btn-surface:#121216!important;
  --btn-surface-hover:#1a1a20!important;
  --btn-line:rgba(255,255,255,.15)!important;
  --btn-line-hover:rgba(223,82,71,.72)!important;
  --btn-text:#f4f1ed!important;
  --ms3d-ink:#f5f2ed!important;
  --ms3d-red:#df5247!important;
  --ms3d-red-dark:#922922!important;
  --ms3d-paper-edge:#37343a!important;
  --ms3d-paper-edge-2:#252329!important;
}
html{color-scheme:dark!important;background:#070709!important}
html,body,body.ms-wow,body.floor,body.terminal{
  background:#070709!important;
  color:#b0aba7!important;
}
::selection{background:#df5247!important;color:#fff!important}

/* Atmosphere: black paper, red bloom, tiny light grain. */
body.ms-wow::before,
body.floor::before{
  display:block!important;
  opacity:.34!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.13) .55px,transparent .72px)!important;
  background-size:8px 8px!important;
  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.8) 65%,transparent 100%)!important;
}
body.floor::after{
  background:radial-gradient(circle at 54% 0%,rgba(223,82,71,.15),transparent 64%)!important;
}
.ambient-pointer{
  opacity:.6!important;
  filter:blur(62px)!important;
  background:radial-gradient(circle,rgba(223,82,71,.17),rgba(223,82,71,0) 68%)!important;
}
.scroll-progress{background:rgba(255,255,255,.06)!important}

/* Moving tape stays restrained, but all structural rules remain red. */
.ms-wow .tape,.tape{
  background:#0b0b0e!important;
  border-top-color:#df5247!important;
  border-bottom-color:#df5247!important;
}
.ms-wow .tape-mask,.tape-mask{
  background:linear-gradient(90deg,#070709,transparent 7%,transparent 93%,#070709)!important;
}
.ms-wow .tape-item,.tape-item{
  color:#7f797c!important;
  border-right-color:rgba(223,82,71,.7)!important;
}
.ms-wow .tape-item b,.tape-item b{color:#f0ede9!important}

/* Header and unified navigation. */
.wow-head,body.floor .head,body.terminal .head,.head{
  background:rgba(7,7,9,.88)!important;
  border-color:#242329!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.22)!important;
}
.site-nav a:not(.wow-buy),
html body.floor header.head nav.site-nav a:not(.wow-buy),
html body.terminal header.head nav.site-nav a:not(.wow-buy){
  color:#9b9697!important;
}
.site-nav a:not(.wow-buy):hover,
.site-nav a:not(.wow-buy).on,
.site-nav a:not(.wow-buy)[aria-current="page"],
html body.floor header.head nav.site-nav a:not(.wow-buy):hover,
html body.floor header.head nav.site-nav a:not(.wow-buy).on,
html body.floor header.head nav.site-nav a:not(.wow-buy)[aria-current="page"],
html body.terminal header.head nav.site-nav a:not(.wow-buy):hover,
html body.terminal header.head nav.site-nav a:not(.wow-buy).on,
html body.terminal header.head nav.site-nav a:not(.wow-buy)[aria-current="page"]{
  color:#f6f2ee!important;
  background:transparent!important;
}
.site-nav a:not(.wow-buy)::after,
html body.floor header.head nav.site-nav a:not(.wow-buy)::after,
html body.terminal header.head nav.site-nav a:not(.wow-buy)::after{background:#df5247!important}

/* Brand assets. Wordmark file in this build is white/red, exact same geometry. */
.brand-wordmark-img{
  filter:
    drop-shadow(1px 1px 0 #4a4549)
    drop-shadow(3px 3px 0 #302d31)
    drop-shadow(7px 9px 10px rgba(0,0,0,.62))!important;
}
.logo-original,.hero-mark{
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.42))
    drop-shadow(0 12px 0 #18171b)
    drop-shadow(0 22px 30px rgba(0,0,0,.72))
    drop-shadow(0 0 36px rgba(223,82,71,.22))!important;
}

/* Hero and all primary typography. */
.hero-title-new,.section-head h2,.mechanism-copy h2,
body.floor .desk-hero h1,body.floor .wall h2,
body.terminal .t-hero h1,body.terminal .t-sec h2,
.ms-wow h1,.ms-wow h2,.ms-wow h3,body.floor h1,body.floor h2,body.floor h3,body.terminal h1,body.terminal h2,body.terminal h3{
  color:#f5f2ed!important;
  text-shadow:
    1px 1px 0 #4a474d,
    2px 2px 0 #36343a,
    4px 4px 0 #242329,
    7px 9px 15px rgba(0,0,0,.62)!important;
}
.hero-title-new span,body.floor .desk-hero h1 em,
body.terminal .t-hero h1 span,body.terminal .t-sec h2 span,
.reference-footer-tagline{
  color:#df5247!important;
  text-shadow:
    1px 1px 0 #c2443b,
    2px 2px 0 #a83831,
    4px 4px 0 #76251f,
    7px 9px 14px rgba(0,0,0,.55)!important;
}
.hero-desc-new,.mechanism-copy p:last-child,body.floor .desk-hero .lede,body.terminal .lede,
body.floor .wall .lede{color:#a8a2a2!important}
.micro,.section-head .micro,.market-now b,.hero-sub,.head-pair{color:#817b7e!important}
.quick-strip{border-color:#29282d!important}
.quick-strip>div{border-color:#29282d!important}
.quick-strip span{color:#7f797c!important}.quick-strip b{color:#f0ede9!important}

/* Drawings: pale graphite + branded red. */
.ink-path{stroke:rgba(245,242,237,.56)!important}
.ink-path.thin{stroke:rgba(245,242,237,.23)!important}
.ink-path.ink-red{stroke:rgba(223,82,71,.95)!important}
.candle-doodle i{border-color:#aaa4a5!important}.candle-doodle i::before{background:#aaa4a5!important}
.scribble-note,.doodle-note,.tools-note{color:#aaa3a4!important}
.note-247,.mechanism-note,.doodle-note-b{color:#df6c66!important}
.logo-orbit,.scribble-note,.doodle-note,.tools-note,.chart-scribble,.mechanism-note,.candle-doodle{
  filter:drop-shadow(3px 4px 5px rgba(0,0,0,.45))!important;
}

/* Major panels / sections. */
.market-section,.mechanism-section,.tools-section,.contract-section,.payout-section,.t-sec,
body.floor .wall{border-color:#242329!important}
.chart-shell,.mechanism-drawing,.payout-clean,.tool-card,.quote-card,.chart-card,.points,.t-table,.addr,
body.floor .desk,.shot,.note,.board,body.floor .pulse-panel,body.floor .pulse-stat,body.floor .pulse-stage,body.floor .flow-step{
  background:#101013!important;
  border-color:#2b2a30!important;
  box-shadow:0 18px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.chart-shell{background:linear-gradient(180deg,#111114,#0d0d10)!important}
.chart-topline,.chart-bar,.qc-top,.qc-grid,.qc-foot,.tools,.cap,.desk-bar,.foot-end{border-color:#29282e!important}
.chart-topline,.desk-bar,.qc-foot{background:#0d0d10!important}
.chart-symbol,.chart-name,.chart-msg,.qc-k,.qc-foot{color:#827c7f!important}
.market-now span,.qc-price,.qc-v,.qc-name,.addr code,.t-table .v{color:#f3efeb!important}

/* Live chart: black grid, red accents, readable controls. */
.chart-stage-new,.chart-hold{
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    #0b0b0e!important;
  background-size:36px 36px!important;
}
.chart-hover-read{
  color:#f3efeb!important;
  background:rgba(15,15,18,.93)!important;
  border-color:#3b383e!important;
  box-shadow:0 12px 26px rgba(0,0,0,.35)!important;
}
.ms-wow .tf-new,.tf{background:#0d0d10!important;border-color:#323036!important}
.ms-wow .tf-new button,.tf button{color:#928c8f!important;border-color:#2d2b31!important;background:transparent!important}
.ms-wow .tf-new button.on,.tf button.on{background:#df5247!important;color:#fff!important;border-color:#df5247!important}
@media (hover:hover) and (pointer:fine){
  .ms-wow .tf-new button:not(.on):hover,.tf button:not(.on):hover{background:#18181d!important;color:#f5f2ed!important}
}

/* Buttons remain rectangular, dimensional, and red/charcoal. */
.ms-wow .pill,.ms-wow .text-link.live-chart-btn,.ms-wow .wow-nav .wow-buy,
body.floor .go,body.floor .chip,body.floor .mode,body.floor .g,body.floor .clear,body.floor .burn,body.floor .tools a,body.floor .tools button,
body.terminal .btn-solid,body.terminal .btn-ghost{
  background:#121216!important;
  color:#f3efeb!important;
  border-color:#39363d!important;
  box-shadow:0 4px 0 #050506,0 9px 18px rgba(0,0,0,.34)!important;
}
.ms-wow .pill.primary,.ms-wow .wow-nav .wow-buy,body.floor .go,body.terminal .btn-solid{
  background:#df5247!important;
  border-color:#df5247!important;
  color:#fff!important;
  box-shadow:0 4px 0 #8e2924,0 11px 24px rgba(223,82,71,.19)!important;
}
.hero-actions-new .live-chart-btn{background:#121216!important;color:#f3efeb!important;border-color:#39363d!important}
.hero-actions-new .pill.primary>span{border-left-color:rgba(255,255,255,.30)!important}
.hero-actions-new .live-chart-btn>span{border-left-color:rgba(255,255,255,.13)!important}
@media (hover:hover) and (pointer:fine){
  .ms-wow .pill:hover,.ms-wow .text-link.live-chart-btn:hover,body.floor .chip:hover,body.floor .mode:hover,body.floor .g:hover,body.floor .tools a:hover,body.floor .tools button:hover,body.terminal .btn-ghost:hover{
    background:#1b1b20!important;border-color:rgba(223,82,71,.66)!important;color:#fff!important;
  }
}

/* How it works — same animation, dark stage. */
.mechanism-live{
  background:
    radial-gradient(circle at 50% 45%,rgba(223,82,71,.12),transparent 30%),
    radial-gradient(circle at 86% 44%,rgba(199,154,89,.08),transparent 24%),
    #0d0d10!important;
  border-color:#2d2b31!important;
  box-shadow:0 11px 0 #050506,0 26px 54px rgba(0,0,0,.42)!important;
}
.mechanism-live::before{
  background:
    linear-gradient(115deg,transparent 0 36%,rgba(223,82,71,.04) 36% 37%,transparent 37% 62%,rgba(223,82,71,.03) 62% 63%,transparent 63%),
    radial-gradient(circle at 12px 12px,rgba(255,255,255,.06) 1px,transparent 1.3px)!important;
  background-size:auto,24px 24px!important;
}
.mechanism-live .flow-node,.mechanism-node{
  background:rgba(19,19,23,.96)!important;
  border-color:#3a373e!important;
  box-shadow:0 8px 0 #070709,0 18px 30px rgba(0,0,0,.38)!important;
}
.mechanism-live .flow-node::after{border-color:rgba(255,255,255,.10)!important}
.mechanism-live .flow-node b,.mechanism-node b{color:#f3efeb!important}
.mechanism-live .flow-step,.mechanism-live .flow-node small,.mechanism-node span{color:#827c7f!important}
.mechanism-live .red-node,.red-node{background:linear-gradient(145deg,#181519,#1b1113)!important;border-color:rgba(223,82,71,.66)!important}
.mechanism-live .gold-node,.gold-node{background:linear-gradient(145deg,#171615,#19150f)!important;border-color:rgba(199,154,89,.55)!important}
.mechanism-live .gold-node b,.gold-node b{color:#d2a766!important}
.flow-icon{stroke:#d3cdca!important;filter:drop-shadow(0 5px 4px rgba(0,0,0,.28))!important}
.red-node .flow-icon{stroke:#df5247!important}.gold-node .flow-icon{stroke:#c79a59!important}
.flow-arrow .flow-main,.flow-arrow .flow-head{stroke:#d2ccca!important}
.flow-arrow .flow-ghost{stroke:#df5247!important;opacity:.38!important}
.mechanism-live .mechanism-note{color:#df706a!important}

/* Tools cards and hover. */
.tool-card h3{color:#f1ede9!important}.tool-card>div:last-child>span{color:#8e888a!important}
@media (hover:hover) and (pointer:fine){
  .tool-card:hover{background:#151519!important;border-color:rgba(223,82,71,.46)!important}
}

/* Creative pages — PFP Generator + Media Desk. */
body.floor .head-pair,body.floor .step,body.floor .row,body.floor .status{color:#858083!important}
body.floor .desk-bar{background:#0d0d10!important}
body.floor .desk-bar b,.step,.row>span{color:#eeeae6!important}
body.floor .drop,body.floor textarea,body.floor .cap input{
  background:#0d0d10!important;border-color:#353239!important;color:#efebe7!important;
}
body.floor .drop:hover,body.floor .drop.over{background:#171116!important;border-color:#df5247!important}
body.floor textarea::placeholder,body.floor .cap input::placeholder{color:#625d61!important}
body.floor .chip,body.floor .g,body.floor .mode{background:#111115!important;border-color:#353239!important;color:#aaa4a6!important}
body.floor .chip.on,body.floor .g.on,body.floor .mode.on{
  background:#1a1114!important;color:#f3efeb!important;border-color:#df5247!important;box-shadow:inset 3px 0 0 #df5247,0 4px 0 #050506!important;
}
body.floor .mode b{color:#f0ece8!important}body.floor .mode span{color:#8b8588!important}
.g-symbol{background:#111115!important;border-color:#38353c!important;color:#df6a64!important}
.board-grid a,.board-empty{background:#101013!important;border-color:#302e34!important}.board-empty{color:#706a6d!important}

/* Market / terminal page. */
body.terminal .point{background:#101013!important;border-color:#2b2930!important}
body.terminal .point:hover{background:#151519!important}
body.terminal .point h3{color:#f0ece8!important}body.terminal .point p{color:#918b8e!important}
body.terminal .addr code{background:#0c0c0f!important;border-color:#302e34!important;color:#eeeae6!important}
body.terminal .t-foot{background:#09090c!important;border-color:#26242a!important}
body.terminal .t-foot-tag,body.terminal .legal,body.terminal .foot-end{color:#777174!important}
body.terminal .t-hero h1 span,body.terminal .t-sec h2 span{
  color:#df5247!important;
  text-shadow:1px 1px 0 #c2443b,2px 2px 0 #a83831,4px 4px 0 #76251f,7px 9px 14px rgba(0,0,0,.58)!important;
}

/* Contract card — compact, branded, and dark rather than a white island. */
.contract-card-v16{
  background:linear-gradient(145deg,#121216,#0e0e11)!important;
  border-color:#343139!important;
  border-top-color:#df5247!important;
  box-shadow:0 8px 0 #050506,0 26px 52px rgba(0,0,0,.42)!important;
}
.contract-card-v16::before{background:radial-gradient(circle,rgba(223,82,71,.14),rgba(223,82,71,0) 68%)!important}
.contract-brand-v16{
  background:#0b0b0e!important;border-color:#36333a!important;
  box-shadow:0 5px 0 #050506,0 14px 28px rgba(0,0,0,.34)!important;
}
.contract-kicker-v16{color:#8a8487!important}
.contract-chain-v16{background:#151419!important;border-color:#343139!important;color:#c7a16b!important}
.contract-address-v16{
  background:#0a0a0d!important;border-color:#35323a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.contract-address-v16 code{color:#f1ede9!important}
.contract-copy-v16{
  background:#111115!important;color:#df6a64!important;border-left-color:#35323a!important;
}
.contract-copy-v16:hover{background:#df5247!important;color:#fff!important}
.contract-foot-v16{color:#777174!important}
.contract-scan-v16{color:#ddd8d4!important}.contract-scan-v16 b{color:#df5247!important}.contract-scan-v16:hover{color:#df5247!important}
@media (hover:hover) and (pointer:fine){
  .contract-card-v16:hover .contract-brand-v16{box-shadow:0 7px 0 #050506,0 18px 32px rgba(0,0,0,.42)!important}
}

/* Footer: dark branded close, no redundant shortcut buttons. */
.reference-footer{
  border-color:#26242a!important;
  background:radial-gradient(circle at 50% -10%,rgba(223,82,71,.15),transparent 36%),#09090c!important;
}
.reference-footer::before{
  opacity:.32!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.12) .55px,transparent .7px)!important;
}
.reference-footer-tagline{color:#df5247!important}
.reference-footer-legal{color:#8d878a!important}
.reference-footer-year{color:#5f5a5e!important}
.reference-footer-brand img,
.reference-footer-logo img{
  filter:
    drop-shadow(1px 1px 0 #4a4549)
    drop-shadow(3px 3px 0 #302d31)
    drop-shadow(7px 9px 12px rgba(0,0,0,.65))!important;
}
body.floor .foot{background:#09090c!important;border-color:#26242a!important}
body.floor .foot-tag,body.floor .foot-end{color:#777174!important}

/* Inputs / misc legacy panels that can otherwise retain light paper colors. */
input,textarea,select{color-scheme:dark}
body.floor .cap,body.floor .tools,body.floor .desk-grid,body.floor .wall,
body.terminal .t-table,body.terminal .addr{color:#aaa4a6!important}
hr{border-color:#2a282e!important}

/* Dark 3D surfaces: retain the physical feel without beige extrusion. */
.chart-shell,.mechanism-drawing,.payout-clean,.tool-card,.quote-card,.chart-card,.points,.t-table,.addr,
body.floor .desk,.shot,.note,.board,.contract-card-v16{
  transform-style:preserve-3d;
}
@media (hover:hover) and (pointer:fine){
  .mechanism-live .flow-node:hover{
    box-shadow:0 13px 0 #050506,0 29px 45px rgba(0,0,0,.48)!important;
  }
}


/* =========================================================
   v24 — homepage hero coin refresh
   - make the hero coin feel shinier, more premium and alive
   - the underlying MemeStock logo artwork remains unchanged
   ========================================================= */
.logo-scene{overflow:visible!important}
.hero-coin-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:min(390px,88%);
  aspect-ratio:1/1;
  isolation:isolate;
  transform-style:preserve-3d;
  animation:heroCoinFloat 6.8s ease-in-out infinite;
}
@keyframes heroCoinFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
.hero-coin-wrap::before{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 52%,rgba(216,39,52,.26),rgba(216,39,52,.13) 34%,rgba(216,39,52,.05) 56%,transparent 74%);
  filter:blur(28px);
  z-index:0;
  opacity:.95;
  animation:coinAuraPulse 4.8s ease-in-out infinite;
}
.hero-coin-wrap::after{
  content:"";
  position:absolute;
  inset:11%;
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.18),rgba(255,255,255,0) 45%);
  filter:blur(10px);
  z-index:1;
  opacity:.7;
}
@keyframes coinAuraPulse{
  0%,100%{transform:scale(1);opacity:.82}
  50%{transform:scale(1.05);opacity:1}
}
.coin-shadow-disc{
  position:absolute;
  left:12%;right:12%;bottom:5%;
  height:54px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.68),rgba(0,0,0,.05) 72%,transparent 78%);
  filter:blur(12px);
  z-index:0;
  transform:translateZ(-20px);
}
.coin-back,
.coin-sheen-ring,
.coin-gloss,
.coin-spark{
  position:absolute;
  pointer-events:none;
}
.coin-back{border-radius:50%;z-index:1}
.coin-back-a{
  inset:9%;
  background:
    radial-gradient(circle at 30% 28%,rgba(255,255,255,.14),rgba(255,255,255,0) 30%),
    radial-gradient(circle at 68% 76%,rgba(255,255,255,.08),rgba(255,255,255,0) 20%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),rgba(255,255,255,0) 60%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 42px rgba(216,39,52,.16),
    0 0 80px rgba(216,39,52,.10);
  filter:blur(.2px);
}
.coin-back-b{
  inset:4.5%;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    0 0 0 1px rgba(216,39,52,.15) inset,
    0 0 36px rgba(216,39,52,.20);
  opacity:.8;
}
.coin-sheen-ring{
  inset:2.8%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 26px rgba(255,255,255,.06);
  z-index:2;
}
.hero-coin-wrap .logo-original{
  width:min(348px,72vw)!important;
  height:auto;
  position:relative;
  z-index:4;
  filter:
    drop-shadow(0 0 0 rgba(255,255,255,0))
    drop-shadow(0 3px 0 rgba(255,255,255,.06))
    drop-shadow(0 10px 20px rgba(0,0,0,.48))
    drop-shadow(0 18px 40px rgba(0,0,0,.42))
    drop-shadow(0 0 26px rgba(216,39,52,.12))!important;
  transform:perspective(1000px) rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) translate3d(0,0,20px)!important;
  animation:coinBreath 4.5s ease-in-out infinite!important;
}
@keyframes coinBreath{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,255,255,0)) drop-shadow(0 3px 0 rgba(255,255,255,.06)) drop-shadow(0 10px 20px rgba(0,0,0,.48)) drop-shadow(0 18px 40px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(216,39,52,.10))}
  50%{filter:drop-shadow(0 0 0 rgba(255,255,255,0)) drop-shadow(0 4px 0 rgba(255,255,255,.08)) drop-shadow(0 14px 24px rgba(0,0,0,.55)) drop-shadow(0 22px 46px rgba(0,0,0,.48)) drop-shadow(0 0 34px rgba(216,39,52,.18))}
}
.coin-gloss{z-index:5;mix-blend-mode:screen}
.coin-gloss-a{
  inset:12% 16%;
  border-radius:50%;
  background:linear-gradient(118deg,rgba(255,255,255,0) 26%,rgba(255,255,255,.68) 44%,rgba(255,255,255,0) 58%);
  filter:blur(14px);
  opacity:.52;
  transform:rotate(-17deg) translateX(-145%);
  animation:coinSweep 5.8s linear infinite;
}
.coin-gloss-b{
  inset:18% 26% 49% 25%;
  border-radius:50%;
  background:radial-gradient(circle at 30% 45%,rgba(255,255,255,.42),rgba(255,255,255,0) 66%);
  filter:blur(9px);
  opacity:.82;
  animation:coinHighlight 4.4s ease-in-out infinite;
}
@keyframes coinSweep{
  0%{transform:rotate(-17deg) translateX(-145%);opacity:0}
  8%{opacity:.2}
  24%{opacity:.58}
  36%{transform:rotate(-17deg) translateX(120%);opacity:0}
  100%{transform:rotate(-17deg) translateX(120%);opacity:0}
}
@keyframes coinHighlight{
  0%,100%{opacity:.58;transform:scale(.98)}
  50%{opacity:.9;transform:scale(1.04)}
}
.coin-spark{
  z-index:6;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.05),0 0 14px rgba(255,255,255,.85);
}
.coin-spark-a{
  top:18%;
  right:18%;
  width:7px;height:7px;
  animation:coinSpark 2.8s ease-in-out infinite;
}
.coin-spark-b{
  left:16%;
  bottom:23%;
  width:5px;height:5px;
  animation:coinSpark 2.8s .95s ease-in-out infinite;
}
@keyframes coinSpark{
  0%,100%{transform:scale(.7);opacity:.35}
  50%{transform:scale(1.25);opacity:1}
}
@media (max-width: 820px){
  .hero-coin-wrap{width:min(320px,88vw)}
  .hero-coin-wrap .logo-original{width:min(286px,70vw)!important}
  .coin-shadow-disc{left:10%;right:10%;bottom:7%;height:44px}
}
@media (prefers-reduced-motion: reduce){
  .hero-coin-wrap,
  .hero-coin-wrap .logo-original,
  .coin-gloss-a,
  .coin-gloss-b,
  .coin-spark-a,
  .coin-spark-b,
  .hero-coin-wrap::before{animation:none!important}
}


/* =========================================================
   v25 — smoother hero coin + softer white coin field
   ========================================================= */
.hero-coin-wrap::before{
  inset:7%!important;
  background:radial-gradient(circle at 50% 48%,
    rgba(255,255,255,.30) 0%,
    rgba(255,255,255,.20) 31%,
    rgba(255,255,255,.10) 48%,
    rgba(216,39,52,.10) 61%,
    rgba(216,39,52,0) 76%)!important;
  filter:blur(24px)!important;
  opacity:.96!important;
}
.hero-coin-wrap::after{
  inset:10%!important;
  background:radial-gradient(circle at 46% 43%,
    rgba(255,255,255,.86) 0%,
    rgba(255,255,255,.50) 36%,
    rgba(255,255,255,.18) 58%,
    rgba(255,255,255,0) 75%)!important;
  filter:blur(20px)!important;
  opacity:.72!important;
}
.coin-back-a{
  inset:8.5%!important;
  background:
    radial-gradient(circle at 45% 42%,rgba(255,255,255,.52),rgba(255,255,255,.20) 38%,rgba(255,255,255,.06) 58%,rgba(255,255,255,0) 74%)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.09) inset,
    0 0 48px rgba(255,255,255,.10),
    0 0 68px rgba(216,39,52,.10)!important;
  filter:blur(1.5px)!important;
}
.coin-back-b{
  inset:5.5%!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 30px rgba(255,255,255,.06),
    0 0 38px rgba(216,39,52,.10)!important;
  opacity:.60!important;
}
.coin-sheen-ring{
  inset:4%!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 0 22px rgba(255,255,255,.05)!important;
  opacity:.72!important;
}
.hero-coin-wrap .logo-original{
  filter:
    drop-shadow(0 2px 0 rgba(255,255,255,.05))
    drop-shadow(0 8px 16px rgba(0,0,0,.32))
    drop-shadow(0 16px 30px rgba(0,0,0,.30))
    drop-shadow(0 0 18px rgba(255,255,255,.06))
    drop-shadow(0 0 18px rgba(216,39,52,.08))!important;
  image-rendering:auto;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.coin-gloss-a{
  inset:14% 18%!important;
  background:linear-gradient(118deg,
    rgba(255,255,255,0) 31%,
    rgba(255,255,255,.46) 45%,
    rgba(255,255,255,.14) 50%,
    rgba(255,255,255,0) 61%)!important;
  filter:blur(18px)!important;
  opacity:.42!important;
  animation-duration:7s!important;
}
.coin-gloss-b{
  inset:19% 28% 52% 27%!important;
  background:radial-gradient(circle at 35% 45%,rgba(255,255,255,.33),rgba(255,255,255,0) 68%)!important;
  filter:blur(12px)!important;
  opacity:.66!important;
}
.coin-spark{opacity:.55!important;box-shadow:0 0 9px rgba(255,255,255,.55)!important}
.coin-spark-a{width:5px!important;height:5px!important}
.coin-spark-b{width:4px!important;height:4px!important}
.coin-shadow-disc{
  left:14%!important;right:14%!important;bottom:7%!important;height:46px!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.46),rgba(0,0,0,.06) 68%,transparent 78%)!important;
  filter:blur(14px)!important;
}


/* =========================================================
   v26 — replace hero coin with cinematic video
   ========================================================= */
.hero-video-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:min(420px,92%);
  aspect-ratio: 10 / 12;
  isolation:isolate;
  transform-style:preserve-3d;
  animation:heroVideoFloat 7s ease-in-out infinite;
}
@keyframes heroVideoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.hero-video-wrap::before{
  content:"";
  position:absolute;
  inset:5% 8%;
  border-radius:36px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),rgba(255,255,255,.08) 32%,rgba(216,39,52,.08) 54%,transparent 76%);
  filter:blur(28px);
  z-index:0;
}
.video-shadow-disc{
  position:absolute;
  left:10%;right:10%;bottom:1%;height:48px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.62),rgba(0,0,0,.08) 70%,transparent 78%);
  filter:blur(12px);
  z-index:0;
}
.video-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(18px)}
.video-glow-a{width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);top:4%;right:4%}
.video-glow-b{width:220px;height:220px;background:radial-gradient(circle,rgba(216,39,52,.16),rgba(216,39,52,0) 72%);left:0;bottom:6%}
.hero-video-frame{
  position:relative;
  z-index:3;
  width:100%;
  height:100%;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f2f2f2 100%);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:
    0 2px 0 rgba(255,255,255,.10),
    0 10px 24px rgba(0,0,0,.40),
    0 24px 48px rgba(0,0,0,.32),
    0 0 34px rgba(216,39,52,.10);
}
.hero-video-frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 68%,rgba(255,255,255,.08));
  z-index:2;
}
.hero-video-frame::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:24px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
  pointer-events:none;
  z-index:2;
}
.hero-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#111;
  filter:saturate(1.04) contrast(1.04) brightness(1.02);
}
.video-shine{
  position:absolute;
  z-index:4;
  inset:8% 12%;
  border-radius:28px;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,0) 24%,rgba(255,255,255,.34) 40%,rgba(255,255,255,0) 54%);
  filter:blur(10px);
  transform:translateX(-150%) rotate(-12deg);
  animation:videoSweep 5.6s linear infinite;
}
@keyframes videoSweep{
  0%{transform:translateX(-150%) rotate(-12deg);opacity:0}
  10%{opacity:.15}
  28%{opacity:.55}
  40%{transform:translateX(125%) rotate(-12deg);opacity:0}
  100%{transform:translateX(125%) rotate(-12deg);opacity:0}
}
.video-spark{
  position:absolute;z-index:5;border-radius:50%;background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.05),0 0 14px rgba(255,255,255,.85);
}
.video-spark-a{top:12%;right:9%;width:6px;height:6px;animation:coinSpark 2.8s ease-in-out infinite}
.video-spark-b{left:8%;bottom:14%;width:5px;height:5px;animation:coinSpark 2.8s .9s ease-in-out infinite}
@media (max-width: 820px){
  .hero-video-wrap{width:min(340px,90vw);aspect-ratio: 10 / 11.5}
}
@media (prefers-reduced-motion: reduce){
  .hero-video-wrap,.video-shine{animation:none!important}
}


/* =========================================================
   v27 — enlarge the hero video box while keeping the video itself smaller
   ========================================================= */
.hero-video-wrap{
  width:min(468px,96%)!important;
  aspect-ratio:10 / 12.4!important;
}
.hero-video-frame{
  border-radius:38px!important;
  padding:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f7f7 52%,#efefef 100%)!important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.14),
    0 12px 28px rgba(0,0,0,.42),
    0 28px 54px rgba(0,0,0,.34),
    0 0 38px rgba(216,39,52,.09)!important;
}
.hero-video-frame::after{
  inset:12px!important;
  border-radius:28px!important;
}
.hero-video{
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.video-shine{
  inset:11% 15%!important;
}
@media (max-width: 820px){
  .hero-video-wrap{width:min(372px,92vw)!important;aspect-ratio:10 / 12!important}
  .hero-video-frame{padding:14px!important;border-radius:30px!important}
  .hero-video{border-radius:20px!important}
}


/* =========================================================
   v28 — borderless cinematic hero video
   ========================================================= */
.cinematic-video-scene{
  min-height:500px!important;
  overflow:visible!important;
}
.hero-video-stage{
  position:relative;
  width:min(560px,100%);
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  isolation:isolate;
  transform-style:preserve-3d;
  animation:videoStageFloat 7.5s ease-in-out infinite;
}
@keyframes videoStageFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.008)}
}
.video-aura{
  position:absolute;
  inset:-12% -8%;
  z-index:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 28%,rgba(216,39,52,.11) 48%,rgba(216,39,52,0) 72%);
  filter:blur(34px);
  animation:videoAura 5s ease-in-out infinite;
}
@keyframes videoAura{
  0%,100%{opacity:.65;transform:scale(.98)}
  50%{opacity:1;transform:scale(1.045)}
}
.hero-video-clean{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
  filter:saturate(1.06) contrast(1.08) brightness(1.045);
  -webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 50%,#000 48%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.68) 73%,rgba(0,0,0,.18) 87%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 72% at 50% 50%,#000 48%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.68) 73%,rgba(0,0,0,.18) 87%,transparent 100%);
  filter:
    saturate(1.06)
    contrast(1.08)
    brightness(1.045)
    drop-shadow(0 22px 32px rgba(0,0,0,.42))
    drop-shadow(0 0 24px rgba(216,39,52,.12));
}
.hero-video-stage::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:8% 10%;
  border-radius:50%;
  background:radial-gradient(circle at 52% 48%,rgba(255,255,255,.14),rgba(255,255,255,0) 58%);
  filter:blur(16px);
  pointer-events:none;
}
.video-light-pass{
  position:absolute;
  z-index:3;
  inset:9% 14%;
  pointer-events:none;
  border-radius:50%;
  background:linear-gradient(112deg,transparent 27%,rgba(255,255,255,.24) 43%,rgba(255,255,255,.05) 48%,transparent 59%);
  filter:blur(13px);
  transform:translateX(-145%) rotate(-9deg);
  mix-blend-mode:screen;
  animation:borderlessSweep 6.2s linear infinite;
}
@keyframes borderlessSweep{
  0%{transform:translateX(-145%) rotate(-9deg);opacity:0}
  8%{opacity:.12}
  24%{opacity:.55}
  39%{transform:translateX(135%) rotate(-9deg);opacity:0}
  100%{transform:translateX(135%) rotate(-9deg);opacity:0}
}
.video-floor-shadow{
  position:absolute;
  z-index:0;
  width:65%;
  height:42px;
  bottom:1%;
  left:17.5%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.68),rgba(0,0,0,.12) 62%,transparent 78%);
  filter:blur(13px);
}
.video-sketch{
  position:absolute;
  z-index:4;
  width:64%;
  height:auto;
  pointer-events:none;
  opacity:.66;
}
.video-sketch-top{
  top:-10%;
  right:-2%;
  transform:rotate(3deg);
}
.hero-video-stage .video-sketch .ink-path{
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:drawInk 1.45s .35s cubic-bezier(.22,.72,.18,1) forwards;
}
.video-note-a{
  z-index:4;
  right:-1%;
  top:12%;
  color:#c47a81!important;
  rotate:6deg;
  font-size:14px!important;
}
.video-note-b{
  z-index:4;
  left:2%;
  bottom:9%;
  color:#8e8e94!important;
  rotate:-6deg;
  font-size:12px!important;
}
@media (hover:hover) and (pointer:fine){
  .hero-video-stage{
    transition:transform .35s cubic-bezier(.18,.8,.2,1);
  }
  .hero-video-stage:hover{
    transform:translateY(-10px) scale(1.018);
  }
}
@media(max-width:820px){
  .cinematic-video-scene{min-height:340px!important}
  .hero-video-stage{width:min(430px,100%);aspect-ratio:16/9}
  .video-note-a{right:1%;top:8%}
  .video-note-b{left:5%;bottom:6%}
}
@media(prefers-reduced-motion:reduce){
  .hero-video-stage,.video-aura,.video-light-pass{animation:none!important}
}


/* =========================================================
   v29 — larger borderless hero video + softer background blend
   ========================================================= */
.hero-video-stage{
  width:min(640px,112%)!important;
  aspect-ratio:16/9!important;
}
.hero-video-clean{
  -webkit-mask-image:radial-gradient(ellipse 91% 84% at 50% 50%,
    #000 0%,
    #000 45%,
    rgba(0,0,0,.98) 58%,
    rgba(0,0,0,.86) 68%,
    rgba(0,0,0,.58) 78%,
    rgba(0,0,0,.25) 88%,
    transparent 100%)!important;
  mask-image:radial-gradient(ellipse 91% 84% at 50% 50%,
    #000 0%,
    #000 45%,
    rgba(0,0,0,.98) 58%,
    rgba(0,0,0,.86) 68%,
    rgba(0,0,0,.58) 78%,
    rgba(0,0,0,.25) 88%,
    transparent 100%)!important;
  filter:
    saturate(1.06)
    contrast(1.06)
    brightness(1.035)
    drop-shadow(0 26px 38px rgba(0,0,0,.36))
    drop-shadow(0 0 32px rgba(216,39,52,.10))!important;
}
.hero-video-stage::after{
  content:"";
  position:absolute;
  inset:-3% -5%;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--wow-bg) 0%,rgba(9,9,11,.78) 5%,transparent 17%,transparent 83%,rgba(9,9,11,.78) 95%,var(--wow-bg) 100%),
    linear-gradient(180deg,var(--wow-bg) 0%,rgba(9,9,11,.70) 4%,transparent 15%,transparent 84%,rgba(9,9,11,.78) 96%,var(--wow-bg) 100%);
  filter:blur(9px);
  opacity:.78;
}
.video-aura{
  inset:-18% -12%!important;
  background:radial-gradient(ellipse at center,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.035) 32%,
    rgba(216,39,52,.075) 52%,
    rgba(216,39,52,0) 76%)!important;
  filter:blur(42px)!important;
}
.video-floor-shadow{
  width:72%!important;
  left:14%!important;
  bottom:-1%!important;
  opacity:.72!important;
}
.video-light-pass{inset:8% 10%!important}
.video-sketch-top{top:-7%!important;right:-1%!important}
@media(max-width:1100px){
  .hero-video-stage{width:min(570px,105%)!important}
}
@media(max-width:820px){
  .hero-video-stage{width:min(455px,106vw)!important}
}


/* =========================================================
   v30 — true edge fade: video dissolves into page background
   ========================================================= */
.hero-video-stage{
  width:min(690px,118%)!important;
  overflow:visible!important;
}

/* Lighter edge fade so the whole video stays readable. */
.hero-video-clean{
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.14) 4%,
      rgba(0,0,0,.40) 8%,
      #000 12%,
      #000 88%,
      rgba(0,0,0,.40) 92%,
      rgba(0,0,0,.14) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.14) 4%,
      rgba(0,0,0,.38) 8%,
      #000 13%,
      #000 87%,
      rgba(0,0,0,.38) 92%,
      rgba(0,0,0,.14) 96%,
      transparent 100%)!important;
  -webkit-mask-composite: source-in!important;

  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.14) 4%,
      rgba(0,0,0,.40) 8%,
      #000 12%,
      #000 88%,
      rgba(0,0,0,.40) 92%,
      rgba(0,0,0,.14) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.14) 4%,
      rgba(0,0,0,.38) 8%,
      #000 13%,
      #000 87%,
      rgba(0,0,0,.38) 92%,
      rgba(0,0,0,.14) 96%,
      transparent 100%)!important;
  mask-composite: intersect!important;

  filter:
    saturate(1.06)
    contrast(1.05)
    brightness(1.03)
    drop-shadow(0 18px 28px rgba(0,0,0,.20))
    drop-shadow(0 0 16px rgba(216,39,52,.05))!important;
}

/* Very soft perimeter veil only to hide the hard corners. */
.hero-video-stage::after{
  content:"";
  position:absolute;
  inset:-4% -5%;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse 66% 68% at 50% 50%,
      transparent 0%,
      transparent 76%,
      rgba(9,9,11,.08) 84%,
      rgba(9,9,11,.22) 91%,
      rgba(9,9,11,.46) 96%,
      var(--wow-bg) 100%);
  filter:blur(8px);
  opacity:.85!important;
}

/* Keep the central logo/video crisp while the perimeter disappears. */
.hero-video-stage::before{
  inset:10% 12%!important;
  background:radial-gradient(
    ellipse at 50% 48%,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.03) 36%,
    rgba(255,255,255,0) 68%
  )!important;
  filter:blur(14px)!important;
}

.video-aura{
  inset:-7% -4%!important;
  opacity:.30!important;
  filter:blur(32px)!important;
}

.video-floor-shadow{
  opacity:.36!important;
  filter:blur(14px)!important;
}

@media(max-width:1100px){
  .hero-video-stage{width:min(625px,110%)!important}
}
@media(max-width:820px){
  .hero-video-stage{width:min(490px,109vw)!important}
  .hero-video-clean{
    -webkit-mask-image:
      linear-gradient(to right,transparent 0%,rgba(0,0,0,.22) 7%,#000 14%,#000 86%,rgba(0,0,0,.22) 93%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.22) 7%,#000 14%,#000 86%,rgba(0,0,0,.22) 93%,transparent 100%)!important;
    mask-image:
      linear-gradient(to right,transparent 0%,rgba(0,0,0,.22) 7%,#000 14%,#000 86%,rgba(0,0,0,.22) 93%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.22) 7%,#000 14%,#000 86%,rgba(0,0,0,.22) 93%,transparent 100%)!important;
  }
}

.video-sketch-top,.video-note-b{display:none!important;}


/* =========================================================
   v30f — slightly larger hero video + Anton titles
   ========================================================= */
.hero-video-stage{
  width:min(725px,122%)!important;
}
@media(max-width:1100px){
  .hero-video-stage{width:min(650px,113%)!important}
}
@media(max-width:820px){
  .hero-video-stage{width:min(510px,111vw)!important}
}

/* Use the requested Anton face for visible page titles. */
.hero-title-new,
.section-head h2,
.mechanism-copy h2,
.ms-wow h1,.ms-wow h2,.ms-wow h3,
body.floor h1,body.floor h2,body.floor h3,
body.terminal h1,body.terminal h2,body.terminal h3,
.reference-footer-tagline{
  font-family:"Anton",Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}

/* =========================================================
   v30f2 — Anton spacing correction
   Anton is cleaner and more balanced than Impact,
   so give headings enough vertical and horizontal breathing room.
   ========================================================= */
.hero-title-new{
  line-height:.98!important;
  letter-spacing:.005em!important;
}
.hero-title-new span{
  letter-spacing:.005em!important;
}
.section-head h2,
.mechanism-copy h2,
.ms-wow h2,
body.floor h1,
body.floor h2,
body.terminal h1,
body.terminal h2,
.reference-footer-tagline{
  line-height:1!important;
  letter-spacing:.002em!important;
}
.ms-wow h3,
body.floor h3,
body.terminal h3{
  line-height:1.04!important;
  letter-spacing:.002em!important;
}
@media(max-width:820px){
  .hero-title-new{line-height:1!important}
}


/* =========================================================
   v30g — slightly smaller Anton titles
   ========================================================= */
.hero-title-new{font-size:clamp(58px,7.3vw,108px)!important;}
.section-head h2,.mechanism-copy h2{font-size:clamp(44px,5.5vw,76px)!important;}
.ms-wow h1,body.floor h1,body.terminal h1{font-size:clamp(52px,4.3vw,72px)!important;}
.ms-wow h2,body.floor h2,body.terminal h2,.reference-footer-tagline{font-size:clamp(28px,2.7vw,42px)!important;}
@media(max-width:820px){
  .hero-title-new{font-size:clamp(46px,14vw,68px)!important;}
  .section-head h2,.mechanism-copy h2{font-size:clamp(36px,10vw,56px)!important;}
}


/* v30h — polish fixes: section alignment, mechanism cleanup, tool icon cleanup */
.market-section .section-head{
  align-items:flex-end!important;
}
.market-section .section-head > div:first-child{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.market-now{
  display:flex!important;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  min-height:96px;
  margin-bottom:6px;
}
.market-now span{line-height:1!important}
.market-now b{margin-top:10px;display:block}

.mechanism-copy h2{
  font-size:clamp(46px,5.8vw,80px)!important;
  line-height:.94!important;
}

.mechanism-live .flow-node,
.mechanism-node{
  border-radius:50%!important;
  overflow:hidden!important;
}
.mechanism-live .flow-node::after,
.mechanism-node::after,
.mechanism-live .pulse-ring,
.mechanism-live .reward-ripple{
  display:none!important;
}

.tool-card{
  grid-template-columns:160px 1fr!important;
  align-items:center!important;
}
.tool-icon{
  width:136px;
  min-width:136px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tool-icon svg{
  width:118px!important;
  max-width:100%;
  height:auto;
  overflow:visible;
}
.pfp-icon svg .ink-path,
.media-icon svg .ink-path{
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width: 920px){
  .market-now{min-height:auto;margin-bottom:0;align-items:flex-start}
  .tool-card{grid-template-columns:110px 1fr!important}
  .tool-icon{width:92px;min-width:92px}
  .tool-icon svg{width:86px!important}
}
@media (max-width: 640px){
  .mechanism-copy h2{font-size:clamp(40px,10vw,58px)!important}
}


/* v30i — clean mechanism nodes: no step numbers / inherited rectangular bands */
.mechanism-live .flow-step,
.mechanism-node .flow-step{
  display:none!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}

.video-note-a{display:none!important;}


/* =========================================================
   v30k — stable arrows + tool logos at normal browser zoom
   Remove path-drawing dash state that could leave SVGs half drawn.
   ========================================================= */

/* Mechanism arrows: always render the COMPLETE curves and arrowheads. */
.mechanism-live .flow-arrow{
  overflow:visible!important;
  display:block!important;
}
.mechanism-live .flow-arrow .ink-path,
.mechanism-live .flow-arrow .flow-main,
.mechanism-live .flow-arrow .flow-ghost,
.mechanism-live .flow-arrow .flow-head{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:none!important;
  visibility:visible!important;
  opacity:1;
}
.mechanism-live .flow-arrow .flow-ghost{
  opacity:.38!important;
}

/* Tool icons: don't use the draw-in dash animation.
   It was leaving the circles / frames partially drawn at 100% zoom. */
.tool-card .tool-icon .ink-path,
.tool-card.in .tool-icon .ink-path,
.pfp-icon .ink-path,
.media-icon .ink-path{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:none!important;
  visibility:visible!important;
}

/* Keep icon geometry centered and consistent in both cards. */
.tool-icon svg{
  display:block!important;
  width:118px!important;
  height:118px!important;
  overflow:visible!important;
}
.pfp-icon svg,
.media-icon svg{
  transform:none!important;
}

/* Give arrow columns enough room on desktop so nothing clips. */
@media (min-width:1051px){
  .mechanism-live{
    grid-template-columns:124px minmax(72px,1fr) 124px minmax(72px,1fr) 124px!important;
  }
  .mechanism-live .flow-arrow{
    width:100%!important;
    max-width:165px!important;
    min-width:72px!important;
    justify-self:stretch!important;
  }
}

@media (max-width:920px){
  .tool-icon svg{
    width:86px!important;
    height:86px!important;
  }
}


/* v30l — contract directly under live market chart */
.market-section{
  padding-bottom:48px!important;
}
.market-section + .contract-section-v16{
  padding-top:34px!important;
  padding-bottom:clamp(78px,8vw,118px)!important;
  border-top:0!important;
}
@media(max-width:820px){
  .market-section{padding-bottom:32px!important}
  .market-section + .contract-section-v16{
    padding-top:20px!important;
    padding-bottom:70px!important;
  }
}


/* =========================================================
   v30m — COMPLETE MOBILE RESPONSIVE PASS
   Homepage + Market + PFP Generator + Media Desk
   Desktop is intentionally untouched.
   ========================================================= */
@media (max-width: 820px){

  /* ---------- global overflow safety ---------- */
  html,
  body,
  body.ms-wow,
  body.floor,
  body.terminal{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .wow-shell,
  .shell,
  .shell.narrow{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ms-wow main,
  body.floor > *,
  body.terminal > *,
  section,
  footer{
    max-width:100%!important;
  }

  img,
  video,
  canvas,
  svg{
    max-width:100%;
  }

  h1,h2,h3,p,
  .hero-copy-new,
  .mechanism-copy,
  .tool-card > div,
  .contract-main-v16,
  .quote-card *,
  .desk *,
  .addr *,
  .point{
    min-width:0!important;
  }

  code,
  .foot-end,
  .legal,
  .reference-footer-legal{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  /* ---------- all mobile headers ---------- */
  .wow-head-inner{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-top:11px!important;
    padding-bottom:8px!important;
  }

  .wow-brand{
    justify-self:start!important;
  }

  .brand-wordmark-img,
  body.floor .head .brand-wordmark-img,
  body.terminal .head .brand-wordmark-img{
    width:145px!important;
    max-width:145px!important;
  }

  .wow-nav.site-nav{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 3px!important;
    gap:17px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none!important;
    justify-content:flex-start!important;
  }
  .wow-nav.site-nav::-webkit-scrollbar{display:none!important}

  .wow-nav.site-nav a,
  .wow-nav.site-nav a:not(.wow-buy),
  .wow-nav.site-nav .wow-buy{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:0 1px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  .wow-nav.site-nav .wow-buy{
    padding:0 11px!important;
    min-width:auto!important;
  }

  body.floor .head .shell,
  body.terminal .head .shell{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    padding-top:10px!important;
    padding-bottom:8px!important;
  }

  body.floor .head .wm,
  body.terminal .head .t-wm{
    flex:0 0 100%!important;
    width:100%!important;
  }

  body.floor .head nav.site-nav,
  body.terminal .head nav.site-nav{
    flex:0 0 100%!important;
    width:100%!important;
    margin:0!important;
    display:flex!important;
    gap:17px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  body.floor .head nav.site-nav::-webkit-scrollbar,
  body.terminal .head nav.site-nav::-webkit-scrollbar{display:none!important}

  body.floor .head nav.site-nav a,
  body.terminal .head nav.site-nav a{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 1px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  /* ---------- homepage hero ---------- */
  .wow-hero{
    padding-top:24px!important;
  }

  .hero-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .logo-scene,
  .cinematic-video-scene{
    order:-1!important;
    min-height:230px!important;
    height:auto!important;
    width:100%!important;
    overflow:hidden!important;
  }

  .hero-video-stage{
    width:min(430px,100%)!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    margin-inline:auto!important;
    transform:none!important;
  }

  .hero-video-clean{
    max-width:100%!important;
  }

  .video-aura{
    inset:-8% -4%!important;
  }

  .hero-copy-new{
    width:100%!important;
    max-width:560px!important;
    margin-inline:auto!important;
    text-align:center!important;
  }

  .live-micro{
    justify-content:center!important;
    font-size:9.5px!important;
    letter-spacing:.11em!important;
  }

  .hero-title-new{
    max-width:100%!important;
    margin-top:16px!important;
    font-size:clamp(46px,13.5vw,60px)!important;
    line-height:.96!important;
    letter-spacing:0!important;
  }

  .hero-title-new span{
    white-space:normal!important;
  }

  .hero-desc-new{
    max-width:34ch!important;
    margin:24px auto 0!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  .hero-actions-new{
    width:min(100%,380px)!important;
    max-width:100%!important;
    margin:24px auto 0!important;
    gap:8px!important;
  }

  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    font-size:12.5px!important;
    padding-inline:10px!important;
  }

  .quick-strip{
    margin-top:30px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .quick-strip > div{
    min-width:0!important;
    padding:14px 12px!important;
  }

  .quick-strip span{
    font-size:9px!important;
    margin-bottom:5px!important;
  }

  .quick-strip b{
    min-width:0!important;
    max-width:100%!important;
    font-size:14px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* ---------- homepage market/chart ---------- */
  .market-section,
  .mechanism-section,
  .tools-section,
  .payout-section{
    padding-top:62px!important;
    padding-bottom:62px!important;
  }

  .market-section{
    padding-bottom:28px!important;
  }

  .section-head,
  .market-section .section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    margin-bottom:20px!important;
  }

  .section-head h2,
  .mechanism-copy h2{
    font-size:clamp(38px,10.8vw,48px)!important;
    line-height:.96!important;
  }

  .market-now{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    align-items:flex-start!important;
    text-align:left!important;
  }

  .market-now span{
    max-width:100%!important;
    font-size:clamp(30px,9vw,38px)!important;
    line-height:1!important;
    overflow-wrap:anywhere!important;
  }

  .market-now b{
    margin-top:7px!important;
    font-size:12px!important;
  }

  .chart-shell{
    width:100%!important;
    max-width:100%!important;
    border-radius:17px!important;
    overflow:hidden!important;
  }

  .chart-topline{
    height:auto!important;
    min-height:0!important;
    padding:13px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  .chart-symbol{
    font-size:9px!important;
  }

  .tf-new{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
  }

  .tf-new button{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    padding:0 4px!important;
    font-size:10px!important;
  }

  .chart-stage-new{
    height:270px!important;
    min-height:270px!important;
    padding:6px 2px!important;
  }

  .chart-scribble{
    display:none!important;
  }

  .chart-hover-read{
    left:10px!important;
    top:10px!important;
    max-width:calc(100% - 20px)!important;
    font-size:9px!important;
  }

  .market-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .market-metrics > div{
    min-width:0!important;
    padding:13px 11px!important;
  }

  .market-metrics span{
    font-size:8.5px!important;
    letter-spacing:.09em!important;
  }

  .market-metrics b{
    max-width:100%!important;
    font-size:13px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* ---------- homepage contract under chart ---------- */
  .market-section + .contract-section-v16{
    padding-top:14px!important;
    padding-bottom:58px!important;
  }

  .contract-card-v16{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  .contract-brand-v16{
    display:none!important;
  }

  .contract-kicker-v16{
    gap:7px!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
    margin-bottom:8px!important;
  }

  .contract-chain-v16{
    display:none!important;
  }

  .contract-address-v16{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) 64px!important;
    min-height:48px!important;
  }

  .contract-address-v16 code{
    min-width:0!important;
    padding:0 9px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
  }

  .contract-copy-v16{
    min-width:64px!important;
    width:64px!important;
    font-size:10px!important;
  }

  .contract-foot-v16{
    width:100%!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    font-size:10px!important;
  }

  .contract-foot-v16 span{
    max-width:100%!important;
  }

  .contract-scan-v16{
    white-space:normal!important;
  }

  .contract-doodle-v16{
    display:none!important;
  }

  /* ---------- homepage mechanism ---------- */
  .mechanism-grid{
    gap:22px!important;
  }

  .mechanism-copy{
    max-width:100%!important;
    text-align:center!important;
  }

  .mechanism-copy p:last-child{
    max-width:32ch!important;
    margin:12px auto 0!important;
    font-size:14px!important;
    line-height:1.5!important;
  }

  .mechanism-live{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:0!important;
    padding:28px 14px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .mechanism-live .flow-node{
    width:128px!important;
    height:128px!important;
    max-width:128px!important;
    justify-self:center!important;
  }

  .mechanism-live .flow-node b{
    max-width:112px!important;
    font-size:12px!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.15!important;
  }

  .mechanism-live .flow-node small{
    max-width:108px!important;
    font-size:7px!important;
    letter-spacing:.08em!important;
    text-align:center!important;
    line-height:1.25!important;
  }

  .route-percent{
    font-size:34px!important;
  }

  .flow-icon{
    width:38px!important;
    height:38px!important;
  }

  .mechanism-live .flow-arrow{
    width:78px!important;
    max-width:78px!important;
    min-width:0!important;
    justify-self:center!important;
    rotate:90deg!important;
    overflow:visible!important;
  }

  .flow-candles,
  .flow-ambient,
  .mechanism-live .mechanism-note{
    display:none!important;
  }

  /* ---------- homepage tool cards ---------- */
  .tool-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .tool-card{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:22px 18px!important;
    text-align:center!important;
    border-radius:17px!important;
  }

  .tool-icon{
    width:92px!important;
    min-width:92px!important;
    margin:0 auto!important;
  }

  .tool-icon svg{
    width:86px!important;
    height:86px!important;
  }

  .tool-card h3{
    max-width:12ch!important;
    margin:7px auto 18px!important;
    font-size:clamp(28px,8.5vw,34px)!important;
    line-height:1.02!important;
  }

  .tool-card > div:last-child > span{
    font-size:12px!important;
  }

  .tools-note{
    display:none!important;
  }

  /* ---------- homepage footer ---------- */
  .reference-footer{
    padding:50px 0 30px!important;
  }

  .reference-footer-brand img{
    width:200px!important;
    max-width:70vw!important;
  }

  .reference-footer-tagline{
    max-width:10ch!important;
    margin-top:25px!important;
    font-size:30px!important;
    line-height:.95!important;
  }

  .reference-footer-legal{
    width:100%!important;
    margin-top:30px!important;
    padding-inline:2px!important;
    font-size:9.5px!important;
    line-height:1.65!important;
  }

  .reference-footer-year{
    margin-top:25px!important;
    font-size:9px!important;
  }

  /* =======================================================
     MARKET PAGE
     ======================================================= */
  body.terminal .t-hero{
    padding:46px 0 32px!important;
  }

  body.terminal .t-kick{
    max-width:100%!important;
    font-size:9px!important;
    letter-spacing:.11em!important;
    overflow-wrap:anywhere!important;
  }

  body.terminal .t-hero h1{
    max-width:10ch!important;
    font-size:clamp(42px,12vw,52px)!important;
    line-height:.96!important;
  }

  body.terminal .t-hero .lede,
  body.terminal .t-sec .lede{
    max-width:100%!important;
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  body.terminal .t-cta{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.terminal .btn-solid,
  body.terminal .btn-ghost{
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    font-size:11px!important;
    text-align:center!important;
  }

  body.terminal .quote-card{
    margin-top:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  body.terminal .qc-top,
  body.terminal .qc-main,
  body.terminal .qc-foot{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body.terminal .qc-main{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
    align-items:baseline!important;
  }

  body.terminal .qc-price{
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(31px,10vw,40px)!important;
    overflow-wrap:anywhere!important;
  }

  body.terminal .qc-chg{
    font-size:14px!important;
  }

  body.terminal .qc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.terminal .qc-grid > div{
    min-width:0!important;
    padding:12px!important;
  }

  body.terminal .qc-k{
    font-size:8.5px!important;
    letter-spacing:.08em!important;
  }

  body.terminal .qc-v{
    max-width:100%!important;
    margin-top:4px!important;
    font-size:13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.terminal .qc-foot{
    font-size:9px!important;
    letter-spacing:.06em!important;
  }

  body.terminal .points{
    grid-template-columns:1fr!important;
    border-radius:15px!important;
  }

  body.terminal .point{
    width:100%!important;
    padding:20px 16px!important;
    border-right:0!important;
  }

  body.terminal .point h3{
    font-size:21px!important;
  }

  body.terminal .point p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  body.terminal .t-sec{
    padding:54px 0!important;
  }

  body.terminal .t-sec h2{
    max-width:100%!important;
    font-size:clamp(30px,9.5vw,38px)!important;
    line-height:1!important;
  }

  body.terminal .chart-card{
    margin-top:24px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  body.terminal .chart-bar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    padding:12px!important;
  }

  body.terminal .chart-name{
    max-width:100%!important;
    font-size:9px!important;
    overflow-wrap:anywhere!important;
  }

  body.terminal .tf{
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
  }

  body.terminal .tf button{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    padding:0 3px!important;
    font-size:10px!important;
  }

  body.terminal .chart-hold{
    height:245px!important;
    min-height:245px!important;
    padding:5px 2px!important;
  }

  body.terminal .chart-msg{
    padding:14px!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
    text-align:center!important;
  }

  body.terminal .addr{
    margin-top:22px!important;
    padding:15px!important;
    border-radius:15px!important;
  }

  body.terminal .addr code{
    width:100%!important;
    padding:12px!important;
    font-size:10px!important;
    line-height:1.55!important;
    letter-spacing:0!important;
    word-break:break-all!important;
  }

  body.terminal .addr .t-cta{
    margin-top:12px!important;
  }

  body.terminal .t-foot{
    padding:40px 0 30px!important;
  }

  body.terminal .t-foot-top{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }

  body.terminal .t-foot-tag{
    margin-left:0!important;
    font-size:11px!important;
  }

  body.terminal .legal{
    font-size:11px!important;
    line-height:1.65!important;
  }

  body.terminal .foot-end{
    max-width:100%!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  /* =======================================================
     PFP GENERATOR + MEDIA DESK
     ======================================================= */
  body.floor .desk-hero{
    padding:44px 0 24px!important;
    overflow:hidden!important;
  }

  body.floor .desk-hero::before,
  body.floor .desk-hero::after{
    display:none!important;
  }

  body.floor .desk-hero .eyebrow{
    font-size:9px!important;
    letter-spacing:.13em!important;
  }

  body.floor .desk-hero h1{
    max-width:100%!important;
    font-size:clamp(42px,12vw,50px)!important;
    line-height:.96!important;
    letter-spacing:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body.floor .desk-hero .lede{
    max-width:100%!important;
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  body.floor .desk-grid{
    width:100%!important;
    max-width:100%!important;
    gap:18px!important;
    padding-bottom:54px!important;
  }

  body.floor .desk{
    width:100%!important;
    max-width:100%!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  body.floor .desk-bar{
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    padding:13px 14px!important;
  }

  body.floor .desk-bar b{
    min-width:0!important;
    max-width:70%!important;
    font-size:9.5px!important;
    letter-spacing:.07em!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .desk-live{
    margin-left:auto!important;
    font-size:8.5px!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
  }

  body.floor .desk-body{
    width:100%!important;
    max-width:100%!important;
    padding:16px!important;
  }

  body.floor .step{
    width:100%!important;
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    margin:22px 0 10px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  body.floor .step:first-child{
    margin-top:0!important;
  }

  body.floor .step i{
    flex:1 1 100%!important;
    width:100%!important;
    margin-left:22px!important;
    font-size:9.5px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .drop{
    width:100%!important;
    min-height:145px!important;
    padding:18px 12px!important;
    border-radius:12px!important;
  }

  body.floor .drop b{
    font-size:13px!important;
    max-width:100%!important;
  }

  body.floor .drop span{
    max-width:100%!important;
    font-size:9.5px!important;
    letter-spacing:.04em!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .drop img{
    max-width:100%!important;
    width:auto!important;
    height:auto!important;
    max-height:230px!important;
  }

  body.floor textarea,
  body.floor .cap input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:14px!important;
  }

  body.floor textarea{
    min-height:96px!important;
  }

  body.floor .modes{
    grid-template-columns:1fr!important;
  }

  body.floor .mode{
    width:100%!important;
    min-width:0!important;
    padding:13px!important;
  }

  body.floor .mode b{
    font-size:13.5px!important;
  }

  body.floor .mode span{
    font-size:11px!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .gear{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body.floor .g{
    min-width:0!important;
    width:100%!important;
    padding:12px 7px!important;
  }

  body.floor .g-symbol{
    width:34px!important;
    height:34px!important;
    font-size:16px!important;
  }

  body.floor .g u{
    max-width:100%!important;
    font-size:10px!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .chips{
    max-width:100%!important;
    gap:6px!important;
  }

  body.floor .chip{
    max-width:100%!important;
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:10.5px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.2!important;
  }

  body.floor .row{
    width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:22px!important;
  }

  body.floor .row > span{
    font-size:10px!important;
    letter-spacing:.1em!important;
  }

  body.floor .go{
    width:100%!important;
    min-height:48px!important;
    margin-top:22px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  body.floor .status{
    width:100%!important;
    max-width:100%!important;
    font-size:9.5px!important;
    letter-spacing:.07em!important;
    overflow-wrap:anywhere!important;
  }

  body.floor .fills{
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  body.floor .shot{
    width:100%!important;
    max-width:100%!important;
    border-radius:12px!important;
  }

  body.floor .tools{
    width:100%!important;
    gap:6px!important;
  }

  body.floor .tools a,
  body.floor .tools button{
    min-height:38px!important;
    padding:7px 9px!important;
    font-size:9px!important;
    letter-spacing:.07em!important;
  }

  body.floor .wall{
    width:100%!important;
    max-width:100%!important;
    padding-top:30px!important;
    margin-top:4px!important;
  }

  body.floor .wall h2{
    max-width:100%!important;
    font-size:34px!important;
    line-height:1!important;
  }

  body.floor .wall .lede{
    max-width:100%!important;
    font-size:14px!important;
  }

  body.floor .board-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.floor .board-empty{
    padding:32px 12px!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  body.floor .foot{
    padding:36px 0 28px!important;
  }

  body.floor .foot-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:9px!important;
  }

  body.floor .foot-tag{
    margin-left:0!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
  }

  body.floor .foot-end{
    width:100%!important;
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.55!important;
    letter-spacing:.06em!important;
    text-transform:none!important;
  }
}

/* extra-small phones */
@media (max-width: 430px){
  .hero-actions-new{
    grid-template-columns:1fr!important;
  }

  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    height:46px!important;
    min-height:46px!important;
  }

  .hero-title-new{
    font-size:clamp(43px,13.2vw,54px)!important;
  }

  .logo-scene,
  .cinematic-video-scene{
    min-height:205px!important;
  }

  .chart-stage-new{
    height:245px!important;
    min-height:245px!important;
  }

  .mechanism-live{
    padding-inline:10px!important;
  }

  .contract-card-v16{
    padding:14px!important;
  }

  body.terminal .t-hero h1{
    font-size:clamp(39px,11.8vw,47px)!important;
  }

  body.terminal .qc-grid > div{
    padding:10px!important;
  }

  body.floor .desk-hero h1{
    font-size:clamp(39px,11.5vw,46px)!important;
  }

  body.floor .desk-body{
    padding:14px!important;
  }

  body.floor .board-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =========================================================
   v30n — MOBILE AUDIT / FINAL POLISH
   Targeted fixes found after full 360 / 390 / 430px review.
   ========================================================= */
@media (max-width:820px){

  /* Fix the hidden 700px+ decorative bloom that made Floor pages
     internally much wider than the phone viewport. */
  body.floor::after{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:-120px!important;
    width:100vw!important;
    max-width:100vw!important;
    height:420px!important;
    transform:none!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 55% 0%,rgba(223,82,71,.12),transparent 68%)!important;
  }

  /* Mobile hero video: keep it inside its cell and remove expensive/
     off-canvas decorative animation that can flash at the edges. */
  .hero-video-stage{
    animation:none!important;
  }
  .video-aura{
    animation:none!important;
  }
  .video-light-pass{
    display:none!important;
  }

  /* Stock hero: don't constrain a long unbreakable word to a 10ch box. */
  body.terminal .t-hero h1{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  /* Slightly better contrast for the explanatory copy on mobile. */
  body.terminal .point p{
    color:#aaa4a6!important;
  }
  body.terminal .point b{
    color:#c15a55!important;
  }
  body.terminal .t-hero .lede,
  body.terminal .t-sec .lede{
    color:#9d9799!important;
  }

  /* Mechanism arrows: make the mobile down-flow visibly intentional. */
  .mechanism-live .flow-arrow{
    width:92px!important;
    max-width:92px!important;
    height:48px!important;
    transform:rotate(90deg)!important;
    rotate:0deg!important;
    transform-origin:center!important;
  }

  /* Footer copy was technically fitting, but a little too tiny. */
  .reference-footer-legal{
    font-size:10.5px!important;
    line-height:1.62!important;
  }
  body.floor .foot-end{
    font-size:9.5px!important;
    line-height:1.6!important;
  }

  /* Keep tool/form content from establishing intrinsic widths larger
     than the actual mobile viewport. */
  body.floor .desk,
  body.floor .desk-body,
  body.floor .wall,
  body.floor .fills,
  body.floor .board-grid,
  body.floor .modes,
  body.floor .gear,
  body.floor .chips{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:430px){
  body.terminal .t-hero h1{
    font-size:clamp(39px,11.5vw,45px)!important;
    line-height:.95!important;
  }

  .reference-footer-legal{
    font-size:10px!important;
  }
}


/* =========================================================
   v30o — header/nav polish + static market info cards
   ========================================================= */

/* Desktop: nav labels brighten on hover instead of getting darker. */
@media (min-width:821px) and (hover:hover) and (pointer:fine){
  .site-nav a:not(.wow-buy):hover,
  html body.floor header.head nav.site-nav a:not(.wow-buy):hover,
  html body.terminal header.head nav.site-nav a:not(.wow-buy):hover{
    color:#fff!important;
    opacity:1!important;
    background:transparent!important;
    text-shadow:0 0 10px rgba(255,255,255,.10)!important;
  }
}

/* The three Market explainer cards are informational, not interactive. */
body.terminal .point{
  transition:none!important;
  cursor:default!important;
}
@media (hover:hover) and (pointer:fine){
  body.terminal .point:hover{
    transform:none!important;
    background:#101013!important;
    border-color:#2b2930!important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.96),
      0 4px 0 var(--ms3d-paper-edge),
      0 12px 25px rgba(61,45,34,.10)!important;
  }
}

/* Phone homepage header:
   centered wordmark on row 1;
   Market / PFP / Media grouped on the left of row 2;
   Buy anchored to the far right. */
@media (max-width:820px){
  body.ms-wow .wow-head-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    align-items:center!important;
    gap:10px!important;
    padding-top:13px!important;
    padding-bottom:10px!important;
  }

  body.ms-wow .wow-brand{
    justify-self:center!important;
    margin:0 auto!important;
  }

  body.ms-wow .brand-wordmark-img{
    width:150px!important;
    max-width:46vw!important;
  }

  body.ms-wow .wow-nav.site-nav{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:auto auto auto 1fr auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:12px!important;
    overflow:visible!important;
  }

  body.ms-wow .wow-nav.site-nav a{
    min-width:0!important;
    min-height:38px!important;
    padding:0!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    justify-self:start!important;
  }

  body.ms-wow .wow-nav.site-nav a:nth-child(1){grid-column:1}
  body.ms-wow .wow-nav.site-nav a:nth-child(2){grid-column:2}
  body.ms-wow .wow-nav.site-nav a:nth-child(3){grid-column:3}

  body.ms-wow .wow-nav.site-nav .wow-buy{
    grid-column:5!important;
    justify-self:end!important;
    min-width:58px!important;
    height:40px!important;
    padding:0 14px!important;
    justify-content:center!important;
    font-size:12px!important;
  }
}

@media (max-width:390px){
  body.ms-wow .wow-nav.site-nav{
    column-gap:9px!important;
  }
  body.ms-wow .wow-nav.site-nav a{
    font-size:9.8px!important;
  }
  body.ms-wow .wow-nav.site-nav .wow-buy{
    min-width:54px!important;
    padding-inline:11px!important;
  }
}

@media (max-width:360px){
  body.ms-wow .wow-nav.site-nav{
    column-gap:7px!important;
  }
  body.ms-wow .wow-nav.site-nav a{
    font-size:9.3px!important;
  }
}


/* =========================================================
   v30p — definitive nav hover color fix
   Applies at every viewport size; desktop no longer depends on
   the 821px media-query threshold.
   ========================================================= */
html body .site-nav a:not(.wow-buy):hover,
html body.ms-wow .wow-nav.site-nav a:not(.wow-buy):hover,
html body.floor header.head nav.site-nav a:not(.wow-buy):hover,
html body.terminal header.head nav.site-nav a:not(.wow-buy):hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  background:transparent!important;
  background-color:transparent!important;
  text-shadow:0 0 10px rgba(255,255,255,.12)!important;
  filter:none!important;
}

/* Keyboard focus gets the same bright treatment. */
html body .site-nav a:not(.wow-buy):focus-visible,
html body.ms-wow .wow-nav.site-nav a:not(.wow-buy):focus-visible,
html body.floor header.head nav.site-nav a:not(.wow-buy):focus-visible,
html body.terminal header.head nav.site-nav a:not(.wow-buy):focus-visible{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}

/* Keep the red underline as the only hover decoration. */
html body .site-nav a:not(.wow-buy):hover::after,
html body .site-nav a:not(.wow-buy):focus-visible::after{
  transform:scaleX(1)!important;
  background:#df5247!important;
}


/* =========================================================
   v30r — mobile header simplified
   Mobile: centered logo + centered 3-link menu, no Buy button.
   Desktop: unchanged; Buy remains visible.
   ========================================================= */
@media (max-width:820px){
  body.ms-wow .wow-head-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px!important;
    padding-top:13px!important;
    padding-bottom:11px!important;
  }

  body.ms-wow .wow-brand{
    justify-self:center!important;
    margin:0 auto!important;
  }

  body.ms-wow .brand-wordmark-img{
    width:150px!important;
    max-width:50vw!important;
  }

  body.ms-wow .wow-nav.site-nav{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(18px,6vw,34px)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.ms-wow .wow-nav.site-nav a:not(.wow-buy){
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:38px!important;
    padding:0!important;
    justify-content:center!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  body.ms-wow .wow-nav.site-nav .wow-buy{
    display:none!important;
  }
}

@media (max-width:390px){
  body.ms-wow .wow-nav.site-nav{
    gap:18px!important;
  }
  body.ms-wow .wow-nav.site-nav a:not(.wow-buy){
    font-size:10px!important;
  }
}

@media (max-width:360px){
  body.ms-wow .wow-nav.site-nav{
    gap:14px!important;
  }
  body.ms-wow .wow-nav.site-nav a:not(.wow-buy){
    font-size:9.5px!important;
  }
}


/* =========================================================
   v30s — red desktop scrollbar
   ========================================================= */
@media (min-width:821px){
  html{
    scrollbar-color:#df5247 #0b0b0d;
    scrollbar-width:thin;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar{
    width:11px;
  }

  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track{
    background:#0b0b0d;
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb{
    background:#df5247;
    border-radius:999px;
    border:2px solid #0b0b0d;
  }

  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover{
    background:#f06459;
  }
}


/* =========================================================
   v30t — live holders + read-only GMEB wallet rewards
   ========================================================= */
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.holder-rewards-section{
  padding:clamp(76px,8vw,118px) 0;
  border-top:1px solid rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
}
.holder-rewards-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 48%,rgba(223,82,71,.075),transparent 30%),
    radial-gradient(circle at 83% 54%,rgba(255,255,255,.025),transparent 28%);
}
.holder-rewards-head{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:28px;
}
.holder-rewards-head h2{
  margin:7px 0 0;color:#f3efeb;font-family:"Anton",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif!important;
  font-weight:400!important;font-size:clamp(44px,5.5vw,76px);line-height:.96;letter-spacing:.002em!important;
}
.holder-rewards-head>p{
  width:min(430px,42%);margin:0;color:#888286;font-size:13px;line-height:1.6;
}
.holder-rewards-grid{
  position:relative;display:grid;grid-template-columns:.76fr 1.24fr;gap:16px;align-items:stretch;
}
.holders-live-card,.wallet-rewards-card{
  min-width:0;border:1px solid #29272e;border-radius:22px;background:#101013;
  box-shadow:0 14px 34px rgba(0,0,0,.22);position:relative;overflow:hidden;
}
.holders-live-card{
  min-height:315px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(circle at 22% 30%,rgba(223,82,71,.09),transparent 35%),
    #101013;
}
.holders-live-card::after{
  content:"";position:absolute;width:175px;height:175px;border:1px solid rgba(223,82,71,.14);border-radius:50%;
  right:-76px;top:-70px;pointer-events:none;
}
.holders-card-top{
  display:flex;align-items:center;gap:9px;color:#a19b9e;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
}
.holders-live-dot{
  width:7px;height:7px;border-radius:50%;background:#47d98b;box-shadow:0 0 12px rgba(71,217,139,.38);
  animation:holdersPulse 1.8s ease-in-out infinite;
}
@keyframes holdersPulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
.holders-live-card>strong{
  display:block;margin:24px 0 6px;color:#f5f1ee;font-family:"Anton",Impact,sans-serif;font-weight:400;
  font-size:clamp(66px,7vw,104px);line-height:.9;letter-spacing:-.01em;font-variant-numeric:tabular-nums;
}
.holders-live-card>p{
  margin:0;color:#777176;font-size:12px;line-height:1.55;
}
.holders-card-foot{
  display:flex;justify-content:space-between;gap:14px;margin-top:27px;padding-top:16px;border-top:1px solid #28262c;
  color:#5f5a5e;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;
}
.wallet-rewards-card{
  min-height:315px;padding:28px 30px;display:flex;flex-direction:column;
}
.wallet-rewards-copy h3{
  margin:7px 0 10px;color:#f2eeeb;font-family:"Anton",Impact,sans-serif;font-size:clamp(28px,3vw,42px);
  line-height:1;letter-spacing:.004em;font-weight:400;
}
.wallet-rewards-copy>p:last-child{
  margin:0;max-width:670px;color:#858084;font-size:12.5px;line-height:1.6;
}
.wallet-rewards-form{
  width:100%;display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:8px;margin-top:24px;
}
.wallet-rewards-form input{
  width:100%;min-width:0;height:50px;border:1px solid #343139;background:#0a0a0c;color:#f2eeeb;
  border-radius:8px;padding:0 15px;outline:none;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;
  transition:border-color .2s,box-shadow .2s;
}
.wallet-rewards-form input::placeholder{color:#59555a}
.wallet-rewards-form input:focus{border-color:#df5247;box-shadow:0 0 0 3px rgba(223,82,71,.09)}
.wallet-rewards-form button{
  height:50px;border:0;border-radius:7px;background:#c84e45;color:#fff;font-size:12px;font-weight:650;cursor:pointer;
  box-shadow:0 5px 0 #7e2d2a;transition:transform .15s,background .2s,box-shadow .15s;
}
.wallet-rewards-form button:hover{background:#df5a50}
.wallet-rewards-form button:active{transform:translateY(2px);box-shadow:0 3px 0 #7e2d2a}
.wallet-rewards-form button:disabled{cursor:wait;opacity:.62;transform:none}
.wallet-rewards-message{
  min-height:18px;margin:12px 0 0;color:#666166;font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;
}
.wallet-rewards-message.error{color:#e86d65}.wallet-rewards-message.ok{color:#79c69e}
.wallet-rewards-result{
  display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;margin-top:21px;border-top:1px solid #2c2930;
}
.wallet-rewards-result[hidden]{display:none!important}
.wallet-rewards-result>div{min-width:0;padding:17px 16px 0 0}
.wallet-rewards-result>div+div{border-left:1px solid #2c2930;padding-left:16px}
.wallet-rewards-result span{
  display:block;color:#686268;font:8.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;margin-bottom:7px;
}
.wallet-rewards-result strong{
  display:block;max-width:100%;color:#eeebe8;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wallet-reward-primary strong{color:#d2a766}

@media(max-width:820px){
  .holder-rewards-section{padding:60px 0!important}
  .holder-rewards-head{display:block;margin-bottom:20px;text-align:left}
  .holder-rewards-head h2{font-size:clamp(38px,10.8vw,48px)!important}
  .holder-rewards-head>p{width:100%;max-width:34ch;margin-top:13px;font-size:12.5px}
  .holder-rewards-grid{grid-template-columns:1fr;gap:11px}
  .holders-live-card,.wallet-rewards-card{border-radius:17px}
  .holders-live-card{min-height:245px;padding:21px}
  .holders-live-card>strong{font-size:clamp(60px,19vw,78px)}
  .wallet-rewards-card{min-height:0;padding:21px 18px}
  .wallet-rewards-copy h3{font-size:clamp(28px,8vw,34px)}
  .wallet-rewards-form{grid-template-columns:1fr;margin-top:20px}
  .wallet-rewards-form input{font-size:16px;height:48px}
  .wallet-rewards-form button{height:47px}
  .wallet-rewards-result{grid-template-columns:1fr 1fr;margin-top:18px}
  .wallet-rewards-result>div{padding-top:14px}
  .wallet-rewards-result>div+div{padding-left:12px}
  .wallet-rewards-result .wallet-reward-primary{grid-column:1/-1;padding:14px 0 14px;border-bottom:1px solid #2c2930}
  .wallet-rewards-result .wallet-reward-primary+div{border-left:0;padding-left:0}
  .wallet-rewards-result strong{font-size:16px}
}
@media(max-width:390px){
  .wallet-rewards-result span{font-size:7.8px;letter-spacing:.09em}
  .wallet-rewards-result strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.holders-live-dot{animation:none!important}}


/* =========================================================
   v30u — hero Buy arrow is a CSS icon, never an emoji
   ========================================================= */
.hero-actions-new .pill.primary > .btn-arrow-ne{
  position:relative!important;
  min-width:34px!important;
  width:34px!important;
  height:30px!important;
  margin-left:3px!important;
  padding-left:10px!important;
  border-left:1px solid rgba(255,255,255,.30)!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
}

/* diagonal stem */
.hero-actions-new .pill.primary > .btn-arrow-ne::before{
  content:""!important;
  position:absolute!important;
  width:13px!important;
  height:2px!important;
  background:currentColor!important;
  left:12px!important;
  top:15px!important;
  transform:rotate(-45deg)!important;
  transform-origin:center!important;
  border-radius:2px!important;
}

/* arrow head */
.hero-actions-new .pill.primary > .btn-arrow-ne::after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  right:4px!important;
  top:7px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
}

@media(max-width:560px){
  .hero-actions-new .pill.primary > .btn-arrow-ne{
    min-width:30px!important;
    width:30px!important;
    height:28px!important;
    padding-left:8px!important;
  }
  .hero-actions-new .pill.primary > .btn-arrow-ne::before{
    width:12px!important;
    left:10px!important;
    top:14px!important;
  }
  .hero-actions-new .pill.primary > .btn-arrow-ne::after{
    right:3px!important;
    top:6px!important;
  }
}


/* =========================================================
   v30v — final audit polish
   ========================================================= */
.holders-live-dot{
  background:#6f6a70!important;
  box-shadow:none!important;
  animation:none!important;
}
.holders-live-card.is-live .holders-live-dot{
  background:#47d98b!important;
  box-shadow:0 0 12px rgba(71,217,139,.38)!important;
  animation:holdersPulse 1.8s ease-in-out infinite!important;
}
.holders-live-card.is-error .holders-live-dot{
  background:#c1534d!important;
  box-shadow:0 0 10px rgba(193,83,77,.22)!important;
}
.drop[role="button"]:focus-visible{
  outline:2px solid #df5247!important;
  outline-offset:3px!important;
}


/* =========================================================
   v30w — Buy button: simple UP arrow, opposite of Live chart ↓
   ========================================================= */
.hero-actions-new .pill.primary > .btn-arrow-ne{
  position:relative!important;
  min-width:34px!important;
  width:34px!important;
  height:30px!important;
  margin-left:3px!important;
  padding-left:10px!important;
  border-left:1px solid rgba(255,255,255,.30)!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
}

/* vertical stem */
.hero-actions-new .pill.primary > .btn-arrow-ne::before{
  content:""!important;
  position:absolute!important;
  width:2px!important;
  height:13px!important;
  left:21px!important;
  top:10px!important;
  background:currentColor!important;
  transform:none!important;
  border-radius:2px!important;
}

/* upward chevron */
.hero-actions-new .pill.primary > .btn-arrow-ne::after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  left:17.5px!important;
  top:8px!important;
  right:auto!important;
  border-top:2px solid currentColor!important;
  border-left:2px solid currentColor!important;
  border-right:0!important;
  border-bottom:0!important;
  transform:rotate(45deg)!important;
}

@media(max-width:560px){
  .hero-actions-new .pill.primary > .btn-arrow-ne{
    min-width:30px!important;
    width:30px!important;
    height:28px!important;
    padding-left:8px!important;
  }
  .hero-actions-new .pill.primary > .btn-arrow-ne::before{
    left:18px!important;
    top:9px!important;
    height:13px!important;
  }
  .hero-actions-new .pill.primary > .btn-arrow-ne::after{
    left:14.5px!important;
    top:7px!important;
  }
}


/* =========================================================
   v30x — Buy arrow matches Live chart arrow exactly
   Uses a normal ↑ glyph in the same span treatment as ↓.
   ========================================================= */
.hero-actions-new .pill.primary > span{
  position:static!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  margin-left:0!important;
  padding-left:0!important;
  border-left:0!important;
  display:inline!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.hero-actions-new .pill.primary > span::before,
.hero-actions-new .pill.primary > span::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   v30y — Buy arrow EXACTLY matches Live chart arrow
   Same ↓ glyph, mirrored 180°. Divider restored.
   ========================================================= */

/* Outer arrow slot: same dimensions/divider as Live chart. */
.hero-actions-new .pill.primary > .buy-arrow-slot{
  min-width:24px!important;
  min-height:24px!important;
  width:auto!important;
  height:auto!important;
  margin-left:3px!important;
  padding-left:10px!important;
  border-left:1px solid rgba(255,255,255,.30)!important;
  display:inline-grid!important;
  place-items:center!important;
  position:static!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Remove every old pseudo-element arrow implementation. */
.hero-actions-new .pill.primary > .buy-arrow-slot::before,
.hero-actions-new .pill.primary > .buy-arrow-slot::after{
  content:none!important;
  display:none!important;
}

/* Exact same ↓ glyph as Live chart, simply flipped vertically. */
.hero-actions-new .buy-arrow-mirror{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font:inherit!important;
  font-style:normal!important;
  line-height:1!important;
  color:currentColor!important;
  transform:rotate(180deg)!important;
  transform-origin:center!important;
}

/* Make motion symmetrical with the Live chart arrow. */
@media (hover:hover) and (pointer:fine){
  .hero-actions-new .pill.primary:hover > .buy-arrow-slot{
    transform:translateY(-2px)!important;
  }
}


/* =========================================================
   v30z — Total GMEB paid to holders
   Large reference-style card directly under Trade/Distribute/Hold.
   ========================================================= */
.total-paid-section{
  padding-top:22px!important;
  padding-bottom:clamp(82px,9vw,128px)!important;
  border-top:0!important;
}
.total-paid-card{
  min-height:350px!important;
  padding:54px 62px!important;
  border:1px solid #2d2b31!important;
  border-radius:30px!important;
  background:#101013!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  align-items:center!important;
  gap:58px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.total-paid-card > div:first-child{
  min-width:0!important;
  align-self:center!important;
}
.total-paid-card .micro{
  margin:0 0 42px!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  color:#858087!important;
}
.total-paid-card .payout-big{
  display:flex!important;
  align-items:baseline!important;
  gap:18px!important;
  min-width:0!important;
  margin:0!important;
  font-size:clamp(72px,7.2vw,118px)!important;
  font-weight:300!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
  color:#aaa7a5!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.total-paid-card .payout-big small{
  flex:0 0 auto!important;
  font-size:.25em!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
  color:#c79a59!important;
}
.total-paid-card #wowPaidUsd{
  margin:46px 0 0!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:#68656c!important;
}
.total-paid-card .payout-doodle{
  width:100%!important;
  max-width:390px!important;
  justify-self:end!important;
  align-self:center!important;
  overflow:visible!important;
  opacity:.92!important;
}
.total-paid-card .payout-doodle path:first-child{
  stroke:#a7a3a4!important;
  stroke-width:1.6!important;
}
.total-paid-card .payout-doodle .ink-red{
  stroke:#d95b50!important;
  stroke-width:2!important;
}
.total-paid-card .payout-doodle circle{
  fill:#f1eeeb!important;
  stroke:#d95b50!important;
  stroke-width:1.1!important;
}
.total-paid-card.is-live{
  border-color:#323037!important;
}

@media(max-width:900px){
  .total-paid-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:38px!important;
    padding:42px 34px!important;
  }
  .total-paid-card .payout-doodle{
    width:min(320px,78vw)!important;
    justify-self:end!important;
  }
}
@media(max-width:560px){
  .total-paid-section{
    padding-top:12px!important;
    padding-bottom:62px!important;
  }
  .total-paid-card{
    padding:30px 22px 26px!important;
    border-radius:20px!important;
    gap:26px!important;
  }
  .total-paid-card .micro{
    margin-bottom:28px!important;
    font-size:9.5px!important;
  }
  .total-paid-card .payout-big{
    gap:10px!important;
    font-size:clamp(48px,14vw,62px)!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
  }
  .total-paid-card .payout-big small{
    font-size:.30em!important;
  }
  .total-paid-card #wowPaidUsd{
    margin-top:24px!important;
    font-size:10.5px!important;
  }
  .total-paid-card .payout-doodle{
    width:min(260px,76vw)!important;
    justify-self:center!important;
  }
}


/* =========================================================
   v30za — continuous payout chart arrow
   The line now physically reaches the arrow head instead of stopping early.
   ========================================================= */
.total-paid-card .payout-doodle{
  max-width:420px!important;
}
.total-paid-card .payout-doodle .payout-rise-line{
  fill:none!important;
  stroke:#aaa7a8!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.total-paid-card .payout-doodle .payout-rise-head{
  fill:none!important;
  stroke:#d95b50!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.total-paid-card .payout-doodle circle{
  fill:#f1eeeb!important;
  stroke:#d95b50!important;
  stroke-width:1.2!important;
}

/* Don't animate the line and arrow separately; that separation made the head
   appear detached while the drawing animation was in progress. */
.total-paid-card.in .payout-doodle .payout-rise-line,
.total-paid-card.in .payout-doodle .payout-rise-head{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:none!important;
}


/* =========================================================
   v30zb — mobile footer tagline in two lines
   "THE PIT" / "DOESN'T SLEEP."
   ========================================================= */
@media (max-width:560px){
  .reference-footer-tagline{
    max-width:none!important;
    width:min(92vw,430px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(34px,10.2vw,44px)!important;
    line-height:.92!important;
    letter-spacing:.005em!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .reference-footer-tagline br{
    display:none!important;
  }
}

/* Force exactly two logical lines on small phones by keeping each phrase together. */
@media (max-width:430px){
  .reference-footer-tagline{
    font-size:clamp(32px,9.6vw,40px)!important;
  }
}

@media (max-width:560px){
  .reference-footer-tagline .footer-line-one,
  .reference-footer-tagline .footer-line-two{
    display:block!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   v30zc — mobile hero button dividers perfectly aligned
   Both separators are positioned from the button edge,
   so their X position and height are identical.
   ========================================================= */
@media (max-width:560px){

  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    position:relative!important;
    box-sizing:border-box!important;
    padding:0 70px 0 22px!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }

  /* Remove the old span-owned divider. */
  .hero-actions-new .pill.primary > .buy-arrow-slot,
  .hero-actions-new .live-chart-btn > span{
    border-left:0!important;
    padding-left:0!important;
    margin-left:0!important;
  }

  /* One identical divider on both buttons. */
  .hero-actions-new .pill.primary::after,
  .hero-actions-new .live-chart-btn::after{
    content:""!important;
    position:absolute!important;
    right:68px!important;
    top:19%!important;
    bottom:19%!important;
    width:1px!important;
    height:auto!important;
    background:rgba(255,255,255,.28)!important;
    pointer-events:none!important;
  }

  .hero-actions-new .live-chart-btn::after{
    background:rgba(255,255,255,.18)!important;
  }

  /* Put both arrow glyphs in the exact same fixed slot. */
  .hero-actions-new .pill.primary > .buy-arrow-slot,
  .hero-actions-new .live-chart-btn > span{
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    display:grid!important;
    place-items:center!important;
    transform:translateY(-50%)!important;
    line-height:1!important;
  }

  .hero-actions-new .buy-arrow-mirror{
    transform:rotate(180deg)!important;
    line-height:1!important;
  }
}

@media (max-width:390px){
  .hero-actions-new .pill.primary,
  .hero-actions-new .live-chart-btn{
    padding-left:18px!important;
    padding-right:66px!important;
  }

  .hero-actions-new .pill.primary::after,
  .hero-actions-new .live-chart-btn::after{
    right:64px!important;
  }

  .hero-actions-new .pill.primary > .buy-arrow-slot,
  .hero-actions-new .live-chart-btn > span{
    right:17px!important;
  }
}