/* LOWB Loser Agent — "comeback poster" look: sunny paper, ink, coin gold, one coral accent.
   Decorative motion is always on (no reduced-motion switch) and only animates transform / opacity. */
@font-face{font-family:"Anton";src:url(../type/anton-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Grotesk";src:url(../type/space-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Grotesk";src:url(../type/space-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Grotesk";src:url(../type/space-grotesk-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Mono";src:url(../type/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Serif";src:url(../type/instrument-serif-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}

:root{
  --paper:#FBF5E3;--paper2:#F4EACB;--card:#FFFDF5;--ink:#16130C;--ink2:#2B261A;--ink3:#4A4232;
  --gold:#F7D21E;--gold2:#EDB60D;--gold3:#C99107;--olive:#8C7810;--coral:#FF5B3A;--mute:#6F6650;
  --line:rgba(22,19,12,.14);--r:18px;--sh:6px 6px 0 var(--ink);
  --zh:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  --body:"Grotesk",system-ui,-apple-system,"Segoe UI",var(--zh);
  --disp:"Anton","Impact","Arial Narrow",var(--zh);
  --mono:"Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
main{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.6 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
html[lang="zh-CN"] body{font-family:"Grotesk",var(--zh)}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
code,pre{font-family:var(--mono)}
[hidden]{display:none!important}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.muted{color:var(--mute)}
.link{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}

/* scroll progress */
.scrollbar{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.scrollbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--coral));transform-origin:0 50%;transform:scaleX(0)}

/* ---------------------------------------------------------------- header */
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:18px;padding:14px max(20px,calc((100% - 1200px)/2));transition:background .3s,box-shadow .3s,padding .3s}
.top--solid{background:rgba(251,245,227,.86);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 var(--line);padding-block:9px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px var(--ink)}
.brand__word{font:400 24px/1 var(--disp);letter-spacing:.02em;display:flex;flex-direction:column}
.brand__word small{font:700 10px/1.2 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px;color:var(--ink3);transition:background .2s,color .2s}
.nav a:hover,.nav a.on{background:var(--ink);color:var(--gold)}
.top__end{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:2px solid var(--ink);border-radius:99px;overflow:hidden;background:var(--card)}
.lang button{border:0;background:none;padding:5px 10px;font-weight:700;font-size:12px;letter-spacing:.04em}
.lang button.on{background:var(--ink);color:var(--gold)}
.burger{display:none;width:42px;height:42px;border:2px solid var(--ink);border-radius:12px;background:var(--card);position:relative}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.burger i:nth-child(1){top:13px}.burger i:nth-child(2){top:19px}.burger i:nth-child(3){top:25px}
.burger.x i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.x i:nth-child(2){opacity:0}.burger.x i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;top:70px;left:12px;right:12px;z-index:49;background:var(--ink);border-radius:20px;padding:10px;display:grid;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:drop .25s ease-out}
.drawer a{color:var(--paper);text-decoration:none;font:400 26px/1 var(--disp);letter-spacing:.02em;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer a:last-child{border:0}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}}

/* ---------------------------------------------------------------- buttons */
.btn{--bg:var(--card);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:2px solid var(--ink);background:var(--bg);color:var(--ink);border-radius:14px;padding:13px 20px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .2s;position:relative;overflow:hidden;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn--gold{--bg:var(--gold)}
.btn--gold::after{content:"";position:absolute;inset:-2px auto -2px -40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:glint 3.6s ease-in-out infinite}
@keyframes glint{0%,55%{left:-40%}100%{left:130%}}
.btn--ink{--bg:var(--ink);color:var(--gold)}
.btn--line{--bg:transparent;box-shadow:none}
.btn--line:hover{box-shadow:4px 4px 0 var(--ink);background:var(--card)}
.btn--sm{padding:8px 14px;font-size:13px;border-radius:11px;box-shadow:3px 3px 0 var(--ink)}
.btn--wide{width:100%;white-space:normal;text-align:center}

/* ---------------------------------------------------------------- hero (nocturne stage) */
.hero{--iv:#F3EAD2;--iv2:rgba(243,234,210,.66);--iv3:rgba(243,234,210,.46);--hair:rgba(243,234,210,.12);
  position:relative;isolation:isolate;overflow:hidden;background:#0B0906;color:var(--iv);padding:136px 0 64px}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero__bg i{position:absolute;display:block}
.bg__lines{inset:0;background:repeating-linear-gradient(90deg,rgba(243,234,210,.045) 0 1px,transparent 1px 120px);background-position:calc(50% - 600px) 0;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 70%,transparent)}
.bg__sun{width:1180px;height:1180px;right:-260px;top:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(247,210,30,.26),rgba(237,182,13,.09) 46%,transparent 100%);animation:sunBreath 10s ease-in-out infinite}
.bg__beam{inset:-20% -10%;background:linear-gradient(112deg,transparent 42%,rgba(255,236,170,.055) 50%,transparent 58%);animation:beam 16s ease-in-out infinite alternate}
.bg__horizon{left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,210,30,.55) 50%,transparent);box-shadow:0 0 30px 2px rgba(247,210,30,.25)}
.bg__grain{inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes sunBreath{50%{transform:scale(1.06);opacity:.82}}
@keyframes beam{to{transform:translateX(8%)}}

.hero__layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:48px;align-items:center}
.hero .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 34px;font:500 11.5px/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--iv3);animation:fadeUp .9s .05s cubic-bezier(.16,1,.3,1) both}
.hero .pill{background:rgba(243,234,210,.06);border:1px solid var(--hair);color:var(--iv);padding:7px 13px 7px 11px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:99px}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF7A52;box-shadow:0 0 0 0 rgba(255,122,82,.6);animation:ping 2s infinite}
.pill[data-ph="genesis"]::before,.pill[data-ph="open"]::before{background:#3BD16F;box-shadow:0 0 0 0 rgba(59,209,111,.6)}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
.eyebrow__rule{width:40px;height:1px;background:rgba(243,234,210,.28)}
.hero .headline{margin:0;font:500 clamp(64px,7.4vw,120px)/.92 var(--body);letter-spacing:-.05em;text-transform:none;color:var(--iv)}
.hero .hl{display:block;overflow:hidden;padding:0 .06em .08em 0;margin-bottom:-.06em;animation:none;text-shadow:none;-webkit-text-stroke:0}
.hero .hl::after{content:none}
.hl__in{display:inline-block;animation:lineUp 1.15s cubic-bezier(.16,1,.3,1) both}
.hero .hl:nth-child(1) .hl__in{animation-delay:.12s}.hero .hl:nth-child(2) .hl__in{animation-delay:.24s}.hero .hl:nth-child(3) .hl__in{animation-delay:.36s}
.hero .hl--b{color:inherit;width:auto;position:static}
.hero .hl--b .hl__in{font:italic 400 1.16em/.86 "Serif",Georgia,serif;letter-spacing:-.015em;padding-right:.1em;background:linear-gradient(176deg,#FFF6CF 6%,#F7D21E 44%,#D29C08 78%,#9C6C03 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(247,210,30,.22))}
.hero .hl:nth-child(3){color:rgba(243,234,210,.9)}
html[lang="zh-CN"] .hero .headline{font-size:clamp(58px,6.8vw,108px);line-height:1.04;letter-spacing:.01em;font-weight:700}
html[lang="zh-CN"] .hero .hl:nth-child(1),html[lang="zh-CN"] .hero .hl:nth-child(3){font-family:"Grotesk",var(--zh)}
@keyframes lineUp{from{transform:translateY(108%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}}
.hero .lede{max-width:520px;margin:32px 0 40px;font:400 18px/1.68 var(--body);color:var(--iv2);animation:fadeUp 1s .5s cubic-bezier(.16,1,.3,1) both}
html[lang="zh-CN"] .hero .lede{font-size:17px;line-height:1.85}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;animation:fadeUp 1s .62s cubic-bezier(.16,1,.3,1) both}

.lux{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--body);letter-spacing:-.005em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,background .45s,border-color .45s,color .45s}
.lux svg{width:18px;height:18px;flex:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.lux--gold{border:0;color:#1A1306;background:linear-gradient(180deg,#FFE88A,#F7D21E 46%,#E2AD0C);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(120,80,0,.35),0 0 0 1px rgba(255,214,80,.45),0 14px 36px -12px rgba(247,210,30,.6)}
.lux--gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-130%);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.lux--gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(120,80,0,.35),0 0 0 1px rgba(255,214,80,.6),0 22px 44px -14px rgba(247,210,30,.75)}
.lux--gold:hover::after{transform:translateX(130%)}
.lux--ghost{color:var(--iv);border:1px solid rgba(243,234,210,.22);background:rgba(243,234,210,.03)}
.lux--ghost:hover{border-color:rgba(243,234,210,.5);background:rgba(243,234,210,.07)}
.lux--ghost:hover svg{transform:translateX(4px)}
.lux:focus-visible{outline:2px solid #FFE27A;outline-offset:3px}

/* stage */
.hero__stage{position:relative;animation:fadeIn 1.6s .2s ease-out both}
@keyframes fadeIn{from{opacity:0}}
.hero__stage{perspective:1600px}
.stage__inner{position:relative;width:min(580px,100%);aspect-ratio:1/1.02;margin-inline:auto;transform-style:preserve-3d;will-change:transform}
.stage__inner>i,.stage__inner>figure,.stage__inner>img{position:absolute;display:block}
.stage__halo{inset:-4% -2% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(247,210,30,.42),rgba(247,210,30,.12) 58%,transparent 100%);filter:blur(24px);animation:halo 8s ease-in-out infinite}
@keyframes halo{50%{opacity:.7;transform:scale(.96)}}
.stage__ring{border-radius:50%}
.stage__ring--a{left:6%;top:1%;width:88%;aspect-ratio:1;border:1px solid rgba(243,234,210,.1)}
.stage__ring--a::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 68%,rgba(255,226,122,0) 70%,rgba(255,226,122,.95) 79%,transparent 79.4%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 14s linear infinite}
.stage__ring--b{left:1%;top:-4%;width:98%;aspect-ratio:1;background:repeating-conic-gradient(rgba(243,234,210,.26) 0 .22deg,transparent .22deg 3deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px),#000 calc(100% - 1px),transparent);mask:radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px),#000 calc(100% - 1px),transparent);animation:spin 160s linear infinite reverse;opacity:.75}
@keyframes spin{to{transform:rotate(360deg)}}
.stage__coin{margin:0;left:15%;top:10%;width:70%;aspect-ratio:1;animation:float 7s ease-in-out infinite}
.stage__coin img{display:block;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 46px 50px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(247,210,30,.22))}
.stage__coin::before{content:"";position:absolute;inset:-3px;border-radius:50%;z-index:2;pointer-events:none;background:conic-gradient(from 200deg,transparent 0,rgba(255,244,200,.95) 7%,transparent 17%,transparent 58%,rgba(255,196,60,.55) 68%,transparent 78%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
.stage__sheen{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.stage__sheen::after{content:"";position:absolute;top:-30%;bottom:-30%;width:22%;left:-45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);animation:sheen 7.5s 1.6s ease-in-out infinite}
@keyframes sheen{0%,62%{left:-45%}100%{left:135%}}
@keyframes float{50%{transform:translateY(-12px)}}
.stage__floor{left:16%;right:16%;bottom:1.5%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}
.stage__floor::after{content:"";position:absolute;left:-30%;right:-30%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,210,30,.45),transparent)}
.stage__mascot{right:-1%;bottom:2%;width:30%;height:auto;filter:drop-shadow(0 22px 22px rgba(0,0,0,.6)) drop-shadow(-8px -2px 22px rgba(247,210,30,.2));transform-origin:50% 100%;animation:mascotIn 1.3s .7s cubic-bezier(.16,1,.3,1) both,sway 6.5s 2s ease-in-out infinite}
@keyframes mascotIn{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes sway{50%{transform:rotate(-1.6deg)}}
.callouts{list-style:none;margin:0;padding:0}
.co{position:absolute;display:flex;flex-direction:column;gap:6px;padding:2px 0 2px 14px;border-left:1px solid rgba(247,210,30,.45);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both}
.co b{font:500 24px/1 var(--body);letter-spacing:-.03em;color:var(--iv);font-variant-numeric:tabular-nums}
.co span{font:500 10px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--iv3);max-width:170px}
html[lang="zh-CN"] .co span{letter-spacing:.04em;font-size:11px}
.co--a{top:3%;right:0;animation-delay:.9s}
.co--b{left:0;top:3%;animation-delay:1s}
.co--c{left:0;bottom:6%;animation-delay:1.1s}

/* scoreboard (glass) */
.hero .scoreboard{margin-top:72px;display:grid;grid-template-columns:1.25fr 1.4fr 1fr 1fr;border:1px solid var(--hair);border-radius:22px;background:linear-gradient(180deg,rgba(243,234,210,.065),rgba(243,234,210,.02));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 70px -40px rgba(0,0,0,.9);overflow:hidden;color:var(--iv);animation:fadeUp 1s .8s cubic-bezier(.16,1,.3,1) both}
.hero .sb{padding:22px 24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.hero .sb+.sb{border-left:1px solid rgba(243,234,210,.09)}
.hero .sb__k{font:500 10.5px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--iv3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[lang="zh-CN"] .hero .sb__k{letter-spacing:.08em;font-size:12px}
.hero .sb__v{font:500 34px/1 var(--body);letter-spacing:-.035em;color:var(--iv)}
.hero .sb__v b{font-weight:500;font-variant-numeric:tabular-nums}
.hero .sb__v small{font:500 11px var(--mono);letter-spacing:.1em;color:var(--iv3)}
.hero .sb__s{font-size:12px;color:rgba(243,234,210,.42)}
.hero .clock{display:flex;align-items:baseline;gap:2px}
.hero .clock b{font:500 34px/1 var(--body);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#FFE27A;background:none;box-shadow:none;padding:0;min-width:1.3em;text-align:center;border-radius:0}
.hero .clock i{font:400 24px/1 var(--body);color:rgba(243,234,210,.28);font-style:normal}
.hero .clock b.flip{animation:tickIn .55s cubic-bezier(.16,1,.3,1)}
@keyframes tickIn{from{opacity:.15;transform:translateY(-28%)}}
.hero .meter{position:relative;height:3px;border-radius:99px;background:rgba(243,234,210,.12);overflow:visible;margin:16px 0 10px}
.hero .meter i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#B98505,#FFE27A);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 14px rgba(247,210,30,.6);animation:none}
.hero .meter__mark{position:absolute;top:-5px;width:1px;height:13px;background:rgba(243,234,210,.4)}
.hero .live{font:500 10px/1 var(--mono);letter-spacing:.12em;padding:4px 8px;border-radius:99px;border:1px solid rgba(243,234,210,.16);background:none;color:rgba(243,234,210,.7);font-style:normal}
.hero .live.on{border-color:rgba(80,220,140,.45);color:#9DF0BF;background:none}
.hero+.ticker{margin-top:-14px}

/* header (dark glass over every section) */
.top{color:#F3EAD2}
.top--solid{background:rgba(11,9,6,.74);box-shadow:0 1px 0 rgba(243,234,210,.08)}
.brand__word{color:#F3EAD2}
.brand__word small{color:rgba(243,234,210,.5)}
.brand img{box-shadow:0 0 0 1px rgba(247,210,30,.55)}
.nav a{color:rgba(243,234,210,.7);font-weight:500}
.nav a:hover,.nav a.on{background:rgba(243,234,210,.08);color:#FFF3BF}
.lang{border:1px solid rgba(243,234,210,.22);background:transparent}
.lang button{color:rgba(243,234,210,.7);font-weight:600}
.lang button.on{background:#F3EAD2;color:#0B0906}
.burger{border:1px solid rgba(243,234,210,.24);background:transparent}
.burger i{background:#F3EAD2}
.top .btn{border:1px solid rgba(247,210,30,.55);background:rgba(247,210,30,.1);color:#FFE27A;box-shadow:none;border-radius:999px;font-weight:600}
.top .btn:hover{transform:none;box-shadow:none;background:rgba(247,210,30,.2)}
.top .btn:active{transform:none;box-shadow:none}

/* ticker */
.ticker{background:var(--ink);color:var(--gold);overflow:hidden;border-block:2px solid var(--ink);transform:rotate(-1.2deg);margin:30px -20px 0;position:relative;z-index:2}
.ticker__rail{display:flex;width:max-content;animation:roll 46s linear infinite}
.ticker__run{display:flex;align-items:center;gap:26px;padding:14px 13px}
.ticker__run span{font:400 26px/1 var(--disp);letter-spacing:.06em;white-space:nowrap}
.ticker__run img{width:22px;height:22px;border-radius:50%}
@keyframes roll{to{transform:translateX(-50%)}}

/* ---------------------------------------------------------------- sections */
.sec{padding:110px 0;position:relative}
.sec--tight{padding:46px 0}
.sec--paper{background:var(--paper2);background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 34px}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec__h{max-width:780px;margin-bottom:44px}
.kick{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.kick b{font:400 15px/1 var(--disp);background:var(--ink);color:var(--gold);padding:6px 9px;border-radius:8px;letter-spacing:.06em}
.sec--ink .kick{color:#bdb39a}.sec--ink .kick b{background:var(--gold);color:var(--ink)}
h2{margin:0;font:400 clamp(40px,5.6vw,76px)/.95 var(--disp);text-transform:uppercase;letter-spacing:.01em}
html[lang="zh-CN"] h2{font-weight:900;line-height:1.12;letter-spacing:.02em}
.sec__lede{font-size:18px;color:var(--ink3);margin:18px 0 0;max-width:700px}
.sec--ink .sec__lede{color:#cfc6ad}
h3{margin:0 0 10px;font:700 21px/1.25 var(--body)}
.lbl{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hint{font-size:13px;color:var(--mute);margin:10px 0 0;min-height:1em}
.rise{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rise.in{opacity:1;transform:none}

.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:28px}
.card--ink{background:var(--ink);color:var(--paper)}
.card--glass{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);box-shadow:none;backdrop-filter:blur(6px)}

/* mint desk */
.desk{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}
.desk__phase{font-weight:700;padding:12px 16px;border-radius:12px;background:var(--paper2);border:1.5px dashed var(--ink3);margin-bottom:22px}
.desk__phase[data-ph="genesis"],.desk__phase[data-ph="open"]{background:#E6F7DA;border-color:#2C8A4B}
.desk__phase[data-ph="lapsed"]{background:#FFE1D9;border-color:var(--coral)}
.desk__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.desk__row .lbl{min-width:84px}
.stepper{display:flex;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:#fff}
.stepper button{width:46px;border:0;background:var(--paper2);font:700 22px/1 var(--body)}
.stepper input{width:92px;border:0;text-align:center;font:400 28px/1 var(--disp);padding:10px 0;background:#fff;color:var(--ink);border-inline:2px solid var(--ink)}
.chips{display:flex;gap:8px}
.chip{border:2px solid var(--ink);background:#fff;border-radius:99px;padding:6px 13px;font-weight:700;font-size:14px}
.chip.on{background:var(--ink);color:var(--gold)}
.seg{display:flex;border:2px solid var(--ink);border-radius:12px;overflow:hidden}
.seg button{border:0;background:#fff;padding:9px 20px;font-weight:700}
.seg button.on{background:var(--gold)}
.sum{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1.5px solid var(--line);border-radius:14px;overflow:hidden;margin:6px 0 22px}
.sum div{background:#fff;padding:14px 16px}
.sum dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.sum dd{margin:4px 0 0;font-weight:700;font-size:16px;word-break:break-word}
.desk__agent{position:relative;overflow:hidden}
.desk__agent::after{content:"";display:table;clear:both}
.desk__mascot{float:right;width:132px;height:auto;margin:-12px -10px 6px 12px;transform:rotate(6deg);animation:wave 5s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
@keyframes wave{50%{transform:rotate(1deg) translateY(-6px)}}
.desk__agent h3{color:var(--gold);font:400 32px/1.05 var(--disp);text-transform:uppercase;letter-spacing:.02em;margin-top:6px}
html[lang="zh-CN"] .desk__agent h3{font-weight:900}
.desk__agent p{color:#d7cfb7;font-size:15px}

.desk__agent .prompt{clear:both}
.prompt{background:#0b0a06;color:#f3e8bf;border:1px solid rgba(247,210,30,.3);border-radius:12px;padding:14px;font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:190px;overflow:auto;margin:14px 0}
.prompt--sm{max-height:150px}
.desk__alt{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.desk__agent .btn--line{color:var(--paper);border-color:rgba(255,255,255,.4)}
.desk__agent .btn--line:hover{background:rgba(255,255,255,.08);box-shadow:none}
.ro{margin-top:26px}

/* playbook */
.acts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.act{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:28px 26px 22px;position:relative;display:flex;flex-direction:column}
.act--hot{background:var(--gold);transform:translateY(-14px)}
.act--hot.rise.in{transform:translateY(-14px)}
.act__n{font:400 74px/.8 var(--disp);color:var(--paper2);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;display:block;margin-bottom:16px}
.act--hot .act__n{color:var(--ink)}
.act p{margin:0 0 18px;color:var(--ink2)}
.act__foot{margin-top:auto!important;padding-top:14px;border-top:2px dashed rgba(22,19,12,.3);font-weight:700;font-size:13px}
.pillars{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;background:var(--ink);gap:2px}
.pillars div{background:var(--paper);padding:20px;display:flex;flex-direction:column;gap:6px}
.pillars b{font:400 24px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}
html[lang="zh-CN"] .pillars b{font-weight:900}
.pillars span{font-size:14px;color:var(--ink3)}

/* ladder */
.stairs{display:flex;align-items:flex-end;gap:6px;height:280px;padding:0 0 4px;border-bottom:3px solid var(--ink);margin-bottom:30px}
.stair{flex:1;height:calc(26% + var(--i) * 5.2%);background:linear-gradient(180deg,var(--gold),var(--gold2));border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;display:flex;flex-direction:column;justify-content:space-between;padding:8px 4px;text-align:center;min-width:0;transition-delay:calc(var(--i) * 40ms)!important}
.stair:nth-child(odd){background:linear-gradient(180deg,#FFE680,var(--gold))}
.stair:last-child{background:var(--coral)}
.stair b{font:400 15px/1 var(--disp);letter-spacing:.02em}
.stair span{font:500 9.5px/1.1 var(--mono);color:var(--ink3);writing-mode:vertical-rl;transform:rotate(180deg);margin-inline:auto}
.calc{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:720px}
.calc input{border:2px solid var(--ink);border-radius:12px;padding:10px 14px;font:400 26px/1 var(--disp);width:180px;background:#fff;color:var(--ink)}
.calc__out{margin:0;font-weight:700}
.calc__out b{font:400 34px/1 var(--disp)}

/* crew */
.crew__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.crew h3{color:var(--gold)}
.copyline{display:flex;gap:10px;align-items:center;margin:12px 0 18px}
.copyline code,.copyline input{flex:1;min-width:0;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:11px 12px;font-size:12px;color:#f2e7c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}
.modal .copyline input{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
.mini div{border-top:1px solid rgba(255,255,255,.15);padding-top:10px}
.mini dt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a99f84}
.mini dd{margin:4px 0 0;font:400 24px/1.1 var(--disp);color:var(--paper);letter-spacing:.02em}
.board__list{list-style:none;padding:0;margin:8px 0 0;max-height:300px;overflow:auto}
.board__list li{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.board__list .rk{font:400 18px/1 var(--disp);color:var(--gold);width:32px}
.board__list code{flex:1;color:#e8dfc4;font-size:13px}
.board__list b{font:400 20px/1 var(--disp);color:var(--paper)}

/* payday */
.payday{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.ticks li{padding-left:34px;position:relative;font-weight:500}
.ticks li::before{content:"L";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--ink);font:400 13px/18px var(--disp);text-align:center}
.payday__card{background:var(--gold);background-image:radial-gradient(rgba(22,19,12,.1) 1px,transparent 1.3px);background-size:12px 12px}
.mini--big{grid-template-columns:1fr;gap:0;margin-bottom:22px}
.mini--big div{border-top:2px solid var(--ink);padding:14px 0}
.mini--big dt{color:var(--ink3)}
.mini--big dd{color:var(--ink);font-size:28px}
.mini--big dd b{font:inherit;font-size:44px}

/* paper */
.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.tabs button{border:2px solid var(--ink);background:var(--card);border-radius:99px;padding:9px 18px;font-weight:700}
.tabs button.on{background:var(--ink);color:var(--gold)}
.specs{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.specs th,.specs td{text-align:left;vertical-align:top;padding:15px 18px;border-bottom:1px solid var(--line);font-size:15px}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.specs th{width:30%;font-weight:700;background:rgba(247,210,30,.14)}
.story{max-width:780px;font:italic 400 clamp(22px,2.4vw,30px)/1.45 "Serif",Georgia,var(--zh)}
html[lang="zh-CN"] .story{font-style:normal;font-size:clamp(19px,2vw,24px);line-height:1.8}
.story p{margin:0 0 20px}

/* faq */
.faq__list{max-width:900px}
.qa{border-bottom:2px solid var(--ink)}
.qa:first-child{border-top:2px solid var(--ink)}
.qa summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 4px;cursor:pointer;font-weight:700;font-size:19px}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);position:relative;transition:transform .3s,background .3s}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink)}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i{transform:rotate(45deg);background:var(--gold)}
.qa p{margin:0 0 22px;padding:0 4px;color:var(--ink3);max-width:760px}

/* addresses */
.addrs{display:grid;gap:10px}
.addr{display:grid;grid-template-columns:170px 1fr auto;gap:16px;align-items:center;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px}
.addr span{font-weight:700;color:#bdb39a;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.addr a{text-decoration:none;min-width:0}
.addr code{color:var(--gold);font-size:14px;overflow-wrap:anywhere}
.addr code.muted{color:#8f8670}
.addr .btn--line{color:var(--paper);border-color:rgba(255,255,255,.4)}

/* footer */
.foot{background:var(--gold);border-top:3px solid var(--ink);padding:70px 0 30px;position:relative;overflow:hidden}
.foot::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,19,12,.12) 1.2px,transparent 1.5px);background-size:14px 14px;pointer-events:none}
.foot__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;position:relative}
.foot__brand img{border-radius:50%;box-shadow:0 0 0 3px var(--ink);margin-bottom:18px}
.foot__mega{margin:0;font:400 clamp(44px,6vw,86px)/.9 var(--disp);letter-spacing:.01em}
.foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.foot__cols h4{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.foot__cols a,.foot__cols .link{display:block;text-decoration:none;font-weight:700;padding:4px 0;text-align:left}
.foot__cols a:hover,.foot__cols .link:hover{text-decoration:underline}
.foot__legal{position:relative;margin-top:50px;padding-top:20px;border-top:2px solid var(--ink);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot__legal p{margin:0;max-width:760px}
.foot__legal .muted{color:var(--ink3)}

/* modal */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
.modal__bg{position:absolute;inset:0;background:rgba(22,19,12,.6);backdrop-filter:blur(4px)}
.modal__box{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;animation:drop .25s ease-out}
.modal__x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;line-height:1}
.modal h3{font:400 34px/1 var(--disp);text-transform:uppercase;margin-bottom:16px}
.opt{border-top:1.5px solid var(--line);padding:16px 0}
.opt--main{border-top:0;padding-top:0}
.opt__t{margin:0 0 4px}
.badge{display:inline-block;background:var(--coral);color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:3px 9px;letter-spacing:.06em;text-transform:uppercase}
.opt summary{cursor:pointer;font-weight:700}
.scan{padding-top:12px}
.scan__qr{width:220px;margin:0 auto;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:#FFFBEA}
.scan__msg,.scan__pair,.scan__wait{font-size:14px;text-align:center}
.scan__bad{color:#b4321a}
.scan__wait i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold2);margin-right:8px;animation:ping 1.4s infinite}
.ro__form .lbl{display:block}
.toast{position:fixed;left:50%;bottom:22px;z-index:90;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:12px;font-weight:700;font-size:14px;transition:.3s;max-width:calc(100% - 32px);pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast--ok{background:#1f6f3e}.toast--err{background:#b4321a}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1080px){
  .nav{display:none}.burger{display:block}.top__end{margin-left:auto}
}
@media (max-width:880px){
  .desk,.crew__grid,.payday,.foot__grid{grid-template-columns:1fr}
  .acts{grid-template-columns:1fr}.act--hot,.act--hot.rise.in{transform:none}
  .pillars{grid-template-columns:1fr 1fr}
  .addr{grid-template-columns:1fr auto}.addr span{grid-column:1/-1}
  .stairs{height:210px;gap:3px}.stair b{font-size:11px}.stair span{display:none}
  .sec{padding:80px 0}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 28px)}
  .top{padding-inline:12px;gap:6px}
  .brand__word{font-size:20px}
  .brand img{width:30px;height:30px}
  .top__end{gap:6px}
  .burger{width:38px;height:38px}
  .burger i{left:9px;right:9px}
  .burger i:nth-child(1){top:11px}.burger i:nth-child(2){top:17px}.burger i:nth-child(3){top:23px}
  .brand__word small{display:none}
  #connectBtn{padding:7px 9px;font-size:12px}
  .lang button{padding:4px 7px;font-size:11px}
  .sum{grid-template-columns:1fr}
  .card{padding:20px}
  .desk__agent h3{font-size:26px}
  .desk__mascot{width:112px}
  .mini{grid-template-columns:1fr 1fr 1fr}
  .mini dd{font-size:19px}
  .specs th,.specs td{display:block;width:100%}
  .specs th{border-bottom:0;padding-bottom:4px}
  .foot__cols{grid-template-columns:1fr 1fr}
  .chips{width:100%}
}

/* ---------------------------------------------------------------- hero responsive */
@media (max-width:1080px){
  .hero .scoreboard{grid-template-columns:1fr 1fr}
  .hero .sb:nth-child(3){border-left:0}
  .hero .sb:nth-child(n+3){border-top:1px solid rgba(243,234,210,.09)}
}
@media (max-width:880px){
  .hero{padding:112px 0 48px}
  .hero__layout{grid-template-columns:1fr;gap:36px}
  .stage__inner{width:min(440px,100%)}
  .callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;border-top:1px solid rgba(243,234,210,.12)}
  .co{position:static;border-left:0;padding:16px 10px 0 0}
  .co+.co{border-left:1px solid rgba(243,234,210,.1);padding-left:12px}
  .co b{font-size:19px}
  .co span{font-size:9.5px;letter-spacing:.1em}
  .hero .scoreboard{margin-top:44px}
}
@media (max-width:560px){
  .hero{padding-top:98px}
  .hero .eyebrow{gap:10px;margin-bottom:26px;letter-spacing:.14em;font-size:10.5px}
  .eyebrow__rule{display:none}
  .hero .headline{font-size:clamp(54px,16.4vw,80px)}
  html[lang="zh-CN"] .hero .headline{font-size:clamp(50px,14.5vw,70px)}
  .hero .lede{font-size:16px;margin:24px 0 30px}
  .hero__cta{flex-direction:column}
  .hero__cta .lux{width:100%}
  .co b{font-size:16px}
  .hero .scoreboard{grid-template-columns:1fr}
  .hero .sb+.sb{border-left:0;border-top:1px solid rgba(243,234,210,.09)}
  .hero .sb:nth-child(3){border-left:0}
  .hero .clock b{font-size:30px}
  .hero .sb__v{font-size:30px}
}

/* ---------------------------------------------------------------- reduced motion: no looping or entrance motion */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}
  .rise{opacity:1!important;transform:none!important}
  .stage__inner{transform:none!important}
}