/* ===== 01 cover ===== */
.s-cover .top{display:flex;justify-content:space-between;align-items:center}
.s-cover .ceo{display:flex;align-items:center;gap:16px;font-size:28px;color:var(--mute);font-weight:500;letter-spacing:-.015em;margin-top:-6px}
.s-cover .ceo b{color:var(--ink);font-weight:600}
.s-cover .ceo i{width:58px;height:58px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-style:normal;font-size:22px;letter-spacing:-.02em;flex:none}
.s-cover .row{flex:1;display:flex;align-items:center;gap:20px}
.s-cover .txt{width:980px;flex:none;display:flex;flex-direction:column;gap:34px}
.s-cover .stat{display:flex;align-items:flex-end;gap:28px}
.s-cover .stat .n{font-size:330px;line-height:.74;letter-spacing:-.065em;font-variant-numeric:tabular-nums;padding-right:.04em}
.s-cover .stat .l{font-size:64px;line-height:.98;letter-spacing:-.04em;padding-bottom:6px}
.s-cover h1{font-size:78px;line-height:1.03;letter-spacing:-.04em;max-width:900px;margin-top:26px}
.s-cover .sub{font-size:30px}
.s-cover .art{flex:1;display:flex;justify-content:center}
.s-cover .art>div{width:720px}
html.feed .s-cover{min-height:100svh;display:flex;flex-direction:column}
html.feed .s-cover .inner{flex:1;padding-top:28px}
html.feed .s-cover .ceo{font-size:var(--sub);gap:10px;margin-top:0}
html.feed .s-cover .ceo i{width:40px;height:40px;font-size:15px}
html.feed .s-cover .row{flex-direction:column;align-items:stretch;gap:12px;margin-top:40px}
html.feed .s-cover .txt{width:auto;gap:16px}
html.feed .s-cover .stat{gap:14px}
html.feed .s-cover .stat .n{font-size:min(40vw,240px)}
html.feed .s-cover .stat .l{font-size:min(9.5vw,56px);padding-bottom:2px}
html.feed .s-cover h1{font-size:min(8.6vw,60px);margin-top:12px}
html.feed .s-cover .sub{font-size:var(--sub)}
html.feed .s-cover .art>div{width:86%;max-width:520px;margin:10px auto 40px}

/* ===== MVP bento ===== */
.row2{flex-direction:row!important;align-items:baseline;justify-content:space-between;gap:40px!important}
.s-mvp h2{font-size:104px}
.s-mvp .inner{gap:44px;padding-top:84px;padding-bottom:84px}
.bento{flex:1;display:grid;gap:var(--gap)}
.s-mvp .bento{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 1fr}
.t-open{grid-column:1/3;grid-row:1/3}
.t-up{grid-column:3/5;grid-row:1/2}
.tile.dark{background:#0b0b0f}
.tile.dark h3{color:#f5f5f7}.tile.dark .p{color:#a1a1a6}
.t-open .cimg{position:absolute;left:50%;top:53%;width:360px;transform:translate(-50%,-50%);z-index:2}
.mreel{position:absolute;left:0;right:0;bottom:30px;height:96px;overflow:hidden;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.mstrip{display:flex;gap:10px;position:absolute;left:0;top:6px;animation:mreel 16s linear infinite}
@keyframes mreel{to{transform:translateX(-50%)}}
.mi{flex:none;width:128px;height:84px;border-radius:12px;background:#17171c;border-bottom:2px solid var(--rc);position:relative}
.mi img{position:absolute;inset:10px 8px 14px;width:calc(100% - 16px);height:calc(100% - 24px);object-fit:contain}
.mreel .mk{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#f2b640;box-shadow:0 0 14px #f2b640}
.r-blue{--rc:#4b7bff}.r-purple{--rc:#8c5cff}.r-pink{--rc:#d64ce8}.r-red{--rc:#ff4d5e}.r-gold{--rc:#f2b640}
.t-up .tt{right:auto;width:300px;top:auto;bottom:32px}
.t-up .ring{position:absolute;left:380px;top:50%;width:200px;height:200px;transform:translateY(-50%)}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:12;stroke-linecap:round}
.ring .trk{stroke:#e3e3e8}
.ring .val{stroke:url(#rg);stroke-dasharray:540.4;stroke-dashoffset:540.4;transition:stroke-dashoffset 2s var(--ease) .5s}
.in .ring .val{stroke-dashoffset:calc(540.4*(1 - var(--p)))}
.ring .rv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring .rv b{font-size:58px;letter-spacing:-.04em}
.ring .rv span{font-size:15px;color:var(--mute);font-weight:500;margin-top:-2px}
.t-up .sk{position:absolute;right:30px;top:50%;width:200px;transform:translateY(-50%) rotate(-6deg)}
.tile .sk{filter:drop-shadow(0 16px 20px rgba(30,20,60,.18))}
.t-auth .steam{white-space:nowrap;position:absolute;left:36px;bottom:34px;height:58px;padding:0 26px;border-radius:999px;background:#1d1d1f;color:#fff;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}
.t-auth .steam .dot{width:22px;height:22px;border-radius:50%;border:3px solid #fff;position:relative}
.t-auth .steam .dot::after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff}
.t-cat .srch{position:absolute;left:36px;right:36px;bottom:34px;height:56px;border-radius:999px;background:#fff;display:flex;align-items:center;padding:0 22px;font-size:20px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.t-cat .srch i{width:2px;height:24px;background:#2f6bff;margin-left:3px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.t-cat .thumbs{position:absolute;right:36px;top:84px;display:flex}
.t-cat .thumbs img{width:64px;margin-left:-14px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.15))}
.t-drop .sk{position:absolute;left:50%;top:56%;width:300px;transform:translate(-50%,-50%) rotate(-8deg);z-index:2}
.t-drop .two{position:absolute;right:28px;top:30px;display:flex;gap:6px;z-index:3}
.t-drop .two span{font-size:14px;font-weight:600;padding:7px 12px;border-radius:999px;background:#fff;color:var(--ink)}
.t-drop .two span.on{background:#1d1d1f;color:#fff}
.t-drop .tt{top:auto;bottom:28px}
.t-acc .big{position:absolute;left:36px;bottom:30px}
.t-acc .big b{display:block;font-size:92px;line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.t-acc .big span{font-size:19px;color:var(--mute);font-weight:500}
.t-pay .coins{position:absolute;left:36px;right:28px;bottom:28px;display:flex;flex-wrap:wrap;gap:0 16px;font-size:46px;line-height:1.08;letter-spacing:-.04em}
.t-pay .coins b{color:#c7c7cc}.t-pay .coins b.g{color:transparent}
.t-adm .bars{position:absolute;left:36px;right:36px;bottom:30px;height:96px;display:flex;align-items:flex-end;gap:10px}
.t-adm .bars i{flex:1;border-radius:6px 6px 3px 3px;background:#d2d2d7;height:0;transition:height 1.2s var(--ease);transition-delay:calc(.5s + var(--d))}
.t-adm .bars i:last-child{background:var(--grad)}
.in .t-adm .bars i{height:var(--h)}
html.feed .s-mvp .inner{gap:26px}
html.feed .s-mvp h2{font-size:var(--h2)}
html.feed .row2{flex-direction:column!important;gap:8px!important}
html.feed .s-mvp .bento{grid-template-columns:1fr 1fr;grid-template-rows:none}
html.feed .s-mvp .tile{aspect-ratio:1/1}
html.feed .t-open{grid-column:1/3;grid-row:auto;aspect-ratio:1/1.02!important}
html.feed .t-up{grid-column:1/3;grid-row:auto;aspect-ratio:2/1.05!important}
html.feed .t-open .cimg{width:62%}
html.feed .mreel{height:min(16.4vw,96px);bottom:min(3.6vw,24px)}
html.feed .mi{width:min(22vw,128px);height:min(14.4vw,84px);border-radius:9px}
html.feed .t-up .tt{bottom:16px;width:45%}
html.feed .t-up .ring{right:24%;width:34%;height:auto;aspect-ratio:1}
html.feed .ring .rv b{font-size:min(7vw,40px)}
html.feed .ring .rv span{font-size:min(2.8vw,15px)}
html.feed .t-up .sk{width:34%;right:-4%}
html.feed .t-auth .steam{left:min(3.6vw,24px);bottom:min(4vw,24px);height:min(9.2vw,56px);gap:7px}
html.feed .t-auth .steam .dot{width:14px;height:14px;border-width:2px}
html.feed .t-auth .steam .dot::after{width:6px;height:6px;right:-2px;top:-2px}
html.feed .t-cat .srch{left:min(3.6vw,24px);right:min(3.6vw,24px);bottom:min(4vw,24px);height:min(9.2vw,56px);font-size:min(3.3vw,19px);padding:0 min(3.3vw,20px)}
html.feed .t-cat .srch i{height:45%}
html.feed .t-cat .thumbs{right:auto;top:auto;bottom:min(13vw,96px);left:min(5vw,30px)}
html.feed .t-cat .thumbs img{width:min(14vw,84px);margin-left:-3vw}
html.feed .t-drop .sk{width:80%}
html.feed .t-drop .two{right:12px;top:12px}
html.feed .t-drop .two span{font-size:10px;padding:4px 7px}
html.feed .t-drop .tt{bottom:14px}
html.feed .t-acc .big{left:16px;bottom:14px}
html.feed .t-acc .big b{font-size:min(12vw,64px)}
html.feed .t-acc .big span{font-size:min(3.1vw,18px)}
html.feed .t-pay .coins{left:16px;right:12px;bottom:12px;font-size:min(7.4vw,40px);gap:0 8px}
html.feed .t-adm .bars{left:16px;right:16px;bottom:16px;height:44%;gap:5px}
.nw{white-space:nowrap}
html.feed .t-up{aspect-ratio:2/1.2!important}
html.feed .t-up .tt{top:16px;bottom:auto;width:auto}
html.feed .t-up .ring{left:16px;right:auto;top:auto;bottom:14px;transform:none;width:36%}
html.feed .t-up .sk{width:44%;right:10px;top:auto;bottom:22%;transform:rotate(-6deg)}
html.feed .t-drop .two{display:none}
html.feed .t-drop .tt{top:16px;bottom:auto}
html.feed .t-drop .sk{top:62%}
html.feed .tile .tt h3{font-size:min(5.4vw,24px)}
html.feed .t-auth .steam{font-size:min(3.1vw,19px);padding:0 min(3.1vw,22px)}
@media (min-width:600px){
html.feed .s-mvp .bento{grid-template-columns:repeat(4,1fr)}
html.feed .s-mvp .tile{grid-column:span 2;aspect-ratio:1/.72}
html.feed .s-mvp .t-open{grid-column:1/5;aspect-ratio:2/1.15!important}
html.feed .s-mvp .t-up{grid-column:1/5;aspect-ratio:2/.78!important}
html.feed .t-open .cimg{width:44%}
html.feed .t-up .tt{top:auto;bottom:24px;width:34%}
html.feed .t-up .ring{left:40%;bottom:50%;transform:translateY(50%);width:24%}
html.feed .t-up .sk{width:28%;bottom:30%}
html.feed .t-adm .bars{height:40%}
}

/* ===== shared ===== */
.s-exp .inner,.s-team .inner,.s-tech .inner,.s-arch .inner{gap:44px;padding-top:84px;padding-bottom:84px}
.slide h2{font-size:104px}
html.feed .slide h2{font-size:var(--h2)}
html.feed .slide .inner{gap:26px}
.tile.dark .eb{color:#a1a1a6}

/* ===== 02 experience ===== */
.s-exp .bento{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:1fr 1fr}
.e-mech{grid-row:1/3}
.e-mech .cimg{position:absolute;left:36px;top:46%;width:360px;transform:translateY(-50%);z-index:2}
.odds{position:absolute;right:34px;bottom:36px;list-style:none;display:flex;flex-direction:column;gap:8px;z-index:2;width:220px}
.odds li{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.06);border-left:3px solid var(--rc);color:#f5f5f7;font-size:17px;font-weight:500}
.odds li b{font-variant-numeric:tabular-nums;font-weight:600}
.e-fair .hash{position:absolute;left:36px;right:30px;bottom:34px;font:500 22px/1.5 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:#b0b0b5;word-break:break-all}
.e-fair .hash span{display:inline-block;font:600 13px/1 "Inter";color:#fff;background:#1d1d1f;padding:5px 9px;border-radius:7px;margin-right:10px;vertical-align:3px}
.e-fair .hash b{color:var(--ink);font-weight:600;background:#fff;border-radius:6px;padding:0 4px}
.e-pay .chain{position:absolute;left:36px;right:36px;bottom:40px;display:flex;align-items:center;gap:10px}
.e-pay .chain i{width:46px;height:46px;border-radius:12px;background:#e3e3e8;position:relative;flex:none;opacity:.35;transition:opacity .5s,background .5s;transition-delay:calc(.6s + var(--k,0)*.35s)}
.e-pay .chain i:nth-child(2){--k:1}.e-pay .chain i:nth-child(3){--k:2}.e-pay .chain i:nth-child(4){--k:3}
.in .e-pay .chain i{opacity:1}
.e-pay .chain i.ok{background:#1d1d1f}
.e-pay .chain i.ok::after{content:"";position:absolute;left:16px;top:12px;width:9px;height:17px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.e-pay .chain span{font-size:19px;font-weight:600;margin-left:8px;white-space:nowrap}
.e-mk .mk{position:absolute;left:36px;right:30px;bottom:30px;display:flex;flex-wrap:wrap;gap:0 18px;font-size:40px;line-height:1.15;letter-spacing:-.04em}
.e-mk .mk b{color:#c7c7cc}.e-mk .mk b:first-child{color:var(--ink)}
.e-rt .live{position:absolute;right:30px;top:34px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.08em}
.e-rt .live i{width:10px;height:10px;border-radius:50%;background:#30d158;box-shadow:0 0 0 0 rgba(48,209,88,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
.e-rt .stack{position:absolute;left:36px;right:36px;bottom:30px;display:flex;gap:10px}
.e-rt .dc{flex:1;height:96px;border-radius:14px;background:#fff;position:relative;border-bottom:3px solid var(--rc);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.e-rt .dc img{position:absolute;left:10%;top:10%;width:80%;height:58%;object-fit:contain}
.e-rt .dc span{position:absolute;left:10px;bottom:7px;font-size:12px;color:var(--mute);font-weight:500;white-space:nowrap}
html.feed .s-exp .bento{grid-template-columns:1fr;grid-template-rows:none}
html.feed .s-exp .tile{aspect-ratio:2/1.1}
html.feed .e-mech{grid-row:auto;aspect-ratio:1/1!important}
@media (min-width:600px){html.feed .s-exp .bento{grid-template-columns:1fr 1fr}html.feed .e-mech{grid-column:1/3;aspect-ratio:2/1.1!important}html.feed .s-exp .tile{aspect-ratio:1/.8}}
html.feed .e-mech .cimg{left:4%;width:52%;top:52%}
html.feed .odds{right:4%;bottom:5%;width:40%;gap:5px}
html.feed .odds li{font-size:min(3vw,16px);padding:min(1.6vw,9px) min(2.4vw,14px);border-radius:9px}
html.feed .e-fair .hash{left:16px;right:14px;bottom:14px;font-size:min(3vw,18px)}
html.feed .e-fair .hash span{font-size:10px;padding:3px 6px;margin-right:6px}
html.feed .e-pay .chain{left:16px;right:12px;bottom:16px;gap:5px;flex-wrap:wrap}
html.feed .e-pay .chain i{width:min(7vw,40px);height:min(7vw,40px);border-radius:8px}
html.feed .e-pay .chain i.ok::after{left:35%;top:22%;width:24%;height:42%;border-width:0 2px 2px 0}
html.feed .e-pay .chain span{font-size:min(3vw,16px);margin:6px 0 0;width:100%}
html.feed .e-mk .mk{left:16px;right:14px;bottom:14px;font-size:min(6.6vw,40px);gap:0 10px}
html.feed .e-rt .live{right:16px;top:18px;font-size:11px}
html.feed .e-rt .stack{left:16px;right:16px;bottom:16px;gap:6px}
html.feed .e-rt .dc{height:min(20vw,96px);border-radius:10px}
html.feed .e-rt .dc span{font-size:min(2.6vw,12px);left:7px;bottom:5px}

/* ===== 03 team ===== */
.s-team .bento{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}
.t-ceo{grid-column:1/3;display:flex;align-items:center;gap:44px;padding:0 56px}
.t-ceo .mono{width:200px;height:200px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-size:84px;flex:none;letter-spacing:-.03em}
.t-ceo .who{display:flex;flex-direction:column;gap:8px}
.t-ceo .who b{font-size:76px;line-height:1;letter-spacing:-.04em}
.t-ceo .who .eb{font-size:26px}
.t-n{display:flex;flex-direction:column;justify-content:space-between;padding:32px 36px}
.t-n .n{font-size:150px;line-height:.8;letter-spacing:-.06em;font-variant-numeric:tabular-nums;padding-top:12px}
.t-n h3{font-size:30px}
.t-n .p{font-size:19px;margin-top:4px}
.t-tot{grid-column:3/5;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:36px;background:#0b0b0f}
.t-tot .n{color:#f5f5f7;font-size:210px}
.t-tot h3{color:#f5f5f7;font-size:44px}
.t-tot .p{color:#a1a1a6;font-size:22px}
html.feed .s-team .bento{grid-template-columns:1fr 1fr;grid-template-rows:none}
html.feed .t-ceo{grid-column:1/3;padding:20px;gap:18px}
html.feed .t-ceo .mono{width:min(22vw,140px);height:min(22vw,140px);font-size:min(9vw,56px)}
html.feed .t-ceo .who b{font-size:min(8.6vw,52px)}
html.feed .t-ceo .who .eb{font-size:min(3.6vw,20px)}
html.feed .t-n{padding:16px 18px;aspect-ratio:1/1}
html.feed .t-n .n{font-size:min(19vw,120px)}
html.feed .t-n h3{font-size:min(4.4vw,24px)}
html.feed .t-n .p{font-size:min(3.2vw,16px)}
html.feed .t-tot{grid-column:1/3;aspect-ratio:auto;gap:18px;padding:22px 20px}
html.feed .t-tot .n{font-size:min(30vw,170px)}
html.feed .t-tot h3{font-size:min(6vw,34px)}

/* ===== 04 tech ===== */
.s-tech .bento{grid-template-columns:1fr 1fr 1fr}
.s-tech .tile{padding:40px 44px}
.s-tech .tile .eb{font-size:24px;margin-bottom:26px}
.tl{list-style:none;display:flex;flex-direction:column}
.tl li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #e3e3e8}
.tl li:first-child{border-top:0;padding-top:0}
.tl b{font-size:38px;letter-spacing:-.035em;line-height:1.05}
.tl span{font:500 18px/1.2 "Inter";color:var(--mute);letter-spacing:-.01em;text-align:right;white-space:nowrap}
.dark .tl b{color:#f5f5f7}.dark .tl li{border-color:#26262b}.dark .tl span{color:#8e8e93}
html.feed .s-tech .bento{grid-template-columns:1fr}
html.feed .s-tech .tile{padding:22px 20px}
html.feed .s-tech .tile .eb{font-size:min(4vw,22px);margin-bottom:12px}
html.feed .tl li{padding:min(2.6vw,14px) 0}
html.feed .tl b{font-size:min(6.6vw,36px)}
html.feed .tl span{font-size:min(3.4vw,17px)}


/* ===== 05 architecture ===== */
.flow{flex:1;display:flex;align-items:stretch;gap:0}
.flow .col{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center}
.flow .col .eb{font-size:22px;margin-bottom:4px}
.flow .core{flex:1.25}
.nd{background:var(--tile);border-radius:22px;padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.nd b{font:600 26px/1.1 "InterD";letter-spacing:-.025em}
.nd span{font-size:17px;color:var(--mute);font-weight:500}
.nd.big{background:#0b0b0f;color:#f5f5f7;padding:34px 30px;gap:18px;border-radius:28px}
.nd.big b{font-size:46px;color:#f5f5f7}
.nd.big ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.nd.big li{font-size:21px;font-weight:500;color:#d1d1d6;padding-left:22px;position:relative}
.nd.big li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#48484a}
.nd.big .q{font-size:16px;color:#a1a1a6;border-top:1px solid #2c2c2e;padding-top:14px}
.flow .ln{width:56px;flex:none;position:relative;align-self:center;height:2px}
.flow .ln::before{content:"";position:absolute;inset:0;background:#d2d2d7}
.flow .ln i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#1d1d1f;animation:flowx 2.2s linear infinite}
@keyframes flowx{from{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:48px;opacity:0}}
.mon{display:flex;align-items:center;gap:12px}
.mon span{font-size:18px;font-weight:600;padding:9px 16px;border-radius:999px;background:var(--tile)}
.mon em{font-style:normal;font-size:19px;color:var(--mute);margin-left:8px}
html.feed .flow{flex-direction:column}
html.feed .flow .col{gap:8px}
html.feed .flow .col .eb{font-size:min(3.6vw,18px)}
html.feed .flow .col:not(.core){display:grid;grid-template-columns:1fr 1fr}
html.feed .flow .col:not(.core) .eb{grid-column:1/3}
html.feed .nd{padding:13px 14px;border-radius:16px}
html.feed .nd b{font-size:min(4.4vw,24px)}
html.feed .nd span{font-size:min(3.2vw,16px)}
html.feed .nd.big{padding:20px;gap:12px}
html.feed .nd.big b{font-size:min(8vw,40px)}
html.feed .nd.big ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html.feed .nd.big li{font-size:min(3.6vw,19px);padding-left:16px}
html.feed .nd.big li::before{top:7px;width:6px;height:6px}
html.feed .nd.big .q{font-size:min(3.2vw,15px)}
html.feed .flow .ln{width:2px;height:34px;align-self:center;margin:6px 0}
html.feed .flow .ln i{left:-3px;animation-name:flowy}
@keyframes flowy{from{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:26px;opacity:0}}
html.feed .mon{flex-wrap:wrap;gap:8px}
html.feed .mon span{font-size:min(3.4vw,16px);padding:6px 12px}
html.feed .mon em{font-size:min(3.4vw,16px);margin:0;width:100%}
.t-n .n{align-self:flex-start}
html.feed .t-tot .p{font-size:min(3.4vw,18px)}
.s-tech .tile{padding:44px 44px}
.tl li{padding:13px 0}
.nd{padding:24px 26px}
.nd b{font-size:29px}
.nd span{font-size:18px}
.nd.big b{font-size:58px}
.nd.big b .g{font:inherit;color:transparent;letter-spacing:inherit}
.nd.big li{font-size:23px}
.nd.big .q{font-size:18px}
.flow .col .eb{font-size:24px}
html.feed .nd.big b{font-size:min(9vw,48px)}
@media (min-width:600px){
html.feed .e-mech .cimg{width:36%;top:58%}
html.feed .t-n{aspect-ratio:1/.72}
html.feed .t-tot{aspect-ratio:auto}
}

/* ===== device slides ===== */
.s-dev .inner{padding-top:72px;padding-bottom:0;gap:34px;align-items:center}
.s-dev .hd.c{gap:14px}
.devw{position:relative;width:1080px}
.chip{position:absolute;z-index:5;display:flex;flex-direction:column;gap:2px;padding:18px 24px;border-radius:22px}
.chip b{font:700 24px/1.1 "InterD";letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.chip span{font-size:16px;color:#3a3a3c;font-weight:500}
.chip .dot{position:absolute;left:24px;top:24px}
.c1{right:-150px;top:120px;padding-left:46px}
.c1 .dot{width:10px;height:10px;border-radius:50%;background:#30d158;animation:pulse 1.8s infinite}
.c2{left:-160px;top:300px}
.c2 b::before{content:"";width:18px;height:18px;border-radius:50%;background:#1d1d1f;flex:none}
html.feed .s-dev .inner{padding-bottom:var(--py);gap:22px}
html.feed .devw{width:100%}
html.feed .chip{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:18px auto 0;width:max-content;max-width:100%;padding:12px 18px;border-radius:16px}
html.feed .chip b{font-size:min(4.4vw,20px)}
html.feed .chip span{font-size:min(3.2vw,15px)}
html.feed .c1{padding-left:36px}
html.feed .c1 .dot{left:16px;top:17px}
html.feed .s-dev .hd.c{align-items:flex-start;text-align:left}
@media (min-width:600px){html.feed .s-dev .hd.c{align-items:center;text-align:center}}

/* ===== drop ===== */
.s-drop .inner{padding-top:60px;padding-bottom:60px}
.s-drop .row{flex:1;display:flex;align-items:center;gap:80px}
.s-drop .txt{width:820px;flex:none;display:flex;flex-direction:column;gap:22px}
.s-drop .opts{display:flex;flex-direction:column;gap:0;margin-top:36px;border-top:1px solid #e3e3e8}
.s-drop .opts>div{display:flex;align-items:baseline;gap:22px;padding:22px 0;border-bottom:1px solid #e3e3e8}
.s-drop .opts b{font-size:44px;width:220px;flex:none}
.s-drop .opts span{font-size:24px;color:var(--mute);font-weight:500}
.s-drop .ph{position:relative;width:400px;margin-left:120px}
.c3{left:-190px;bottom:170px}
.c3 b{font-size:34px}
html.feed .s-drop .inner{padding-top:var(--py)}
html.feed .s-drop .row{flex-direction:column;align-items:stretch;gap:30px}
html.feed .s-drop .txt{width:auto;gap:12px}
html.feed .s-drop .opts{margin-top:14px}
html.feed .s-drop .opts>div{flex-direction:column;gap:2px;padding:12px 0}
html.feed .s-drop .opts b{font-size:min(6.4vw,34px);width:auto}
html.feed .s-drop .opts span{font-size:var(--body)}
html.feed .s-drop .ph{width:72%;max-width:380px;margin:0 auto}
html.feed .c3 b{font-size:min(5.6vw,26px)}

/* ===== provably fair ===== */
.s-fair .inner{padding-top:84px;gap:60px}
.pf{flex:1;display:flex;align-items:center;gap:22px;max-height:420px;margin:auto 0}
.pin{flex:1;align-self:stretch;background:var(--tile);border-radius:30px;padding:36px 34px;display:flex;flex-direction:column;gap:18px}
.pin .eb{font-size:22px}
.pin code{font:600 27px/1.2 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:var(--ink);letter-spacing:-.02em;word-break:break-all}
.pin .p{font-size:20px;margin-top:auto}
.pf .op{font:600 56px/1 "InterD";color:#c7c7cc;flex:none}
.pin.res{background:#0b0b0f;flex:1.25}
.pin.res .eb{color:#a1a1a6}
.pin.res b{font-size:120px;line-height:.9;color:#f5f5f7;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.pin.res .it{margin-top:auto;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:#17171c;border-bottom:3px solid var(--rc)}
.pin.res .it img{width:120px}
.pin.res .it span{font-size:22px;font-weight:600;color:#f5f5f7}
.chk{align-self:center;display:flex;align-items:center;gap:14px;font-size:26px;font-weight:500;color:var(--mute);letter-spacing:-.015em}
.chk .ok{width:36px;height:36px;border-radius:50%;background:#1d1d1f;position:relative;flex:none}
.chk .ok::after{content:"";position:absolute;left:13px;top:8px;width:7px;height:14px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
html.feed .s-fair .inner{gap:24px}
html.feed .s-fair .hd.c{align-items:flex-start;text-align:left}
html.feed .pf{flex-direction:column;align-items:stretch;gap:8px}
html.feed .pin{padding:18px 20px;gap:8px;border-radius:20px;max-height:none}
html.feed .pin .eb{font-size:min(3.6vw,18px)}
html.feed .pin code{font-size:min(5vw,26px)}
html.feed .pin .p{font-size:var(--small)}
html.feed .pf .op{font-size:28px;text-align:center}
html.feed .pin.res b{font-size:min(18vw,96px)}
html.feed .pin.res .it{padding:10px 12px;gap:10px;margin-top:6px}
html.feed .pin.res .it img{width:90px}
html.feed .pin.res .it span{font-size:min(4vw,20px)}
html.feed .chk{align-self:flex-start;font-size:var(--body);gap:10px}
html.feed .chk .ok{width:26px;height:26px}
html.feed .chk .ok::after{left:9px;top:5px;width:6px;height:11px;border-width:0 2px 2px 0}