/* Rialto Market. Enterprise marketplace look (eBay / G2A density) with a restrained Solana layer:
   black header + live network bar, one orange accent on warm neutrals; everything else is black, white and grey.
   Rules: 4-8px radii, 1px hairlines, real product photography, information-first cards, no decoration. */
:root{
  --page:#F6F5F3; --surf:#FFFFFF; --surf-2:#FAF9F7; --surf-3:#F0EEEB; --img:#FFFFFF;
  --ink:#0A0A0A; --text:#141414; --text-2:#4A4744; --text-3:#75706B; --line:#E8E5E1; --line-2:#D4D0CB;
  --brand:#FF5F1F; --brand-2:#E64A0C; --brand-bg:#FFF0E8; --mint:#E8590C; --mint-bg:#FFF0E8; --mint-hi:#FF7A2E;
  --deal:#FF5F1F; --deal-bg:#FFF0E8; --star:#FF8A1F; --warn:#B45309; --warn-bg:#FFF7E8;
  --hdr:#0A0A0A; --hdr-2:#141414; --hdr-line:#262626; --hdr-ink:#EDEDED; --hdr-dim:#9A9A9A;
  --grad:linear-gradient(90deg,#FF5F1F,#FFA24D);
  --sh-1:0 1px 2px rgba(10,10,10,.06); --sh-2:0 2px 6px rgba(10,10,10,.06),0 12px 32px rgba(10,10,10,.08);
  --f:"Archivo",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  --max:1360px; --r:8px;
}
:root[data-theme="dark"]{
  --page:#0A0A0A; --surf:#141414; --surf-2:#191919; --surf-3:#222222; --img:#FFFFFF;
  --text:#F2F2F2; --text-2:#BDBDBD; --text-3:#8A8A8A; --line:#262626; --line-2:#333333;
  --brand-bg:#2A1609; --mint-bg:#2A1609; --deal-bg:#2A1609; --warn-bg:#2A1E0C; --sh-2:0 2px 6px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4); color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--text);font:14px/1.45 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{margin:0;letter-spacing:-0.02em;line-height:1.15}
p{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);font-feature-settings:"zero"}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--text-3)}
.link{color:var(--brand);font-weight:600;background:none;border:0;padding:0;cursor:pointer}
.link:hover{text-decoration:underline}
@media (max-width:760px){.hide-m{display:none!important}}

/* buttons, inputs, badges */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:6px;border:1px solid transparent;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-2)}
.btn-mint{background:var(--mint);color:#fff}
.btn-mint:hover{filter:brightness(.93)}
.btn-ink{background:var(--ink);color:#fff}
:root[data-theme="dark"] .btn-ink{background:#F2F2F2;color:#0A0A0A}
.btn-out{background:var(--surf);border-color:var(--line-2);color:var(--text)}
.btn-out:hover{border-color:var(--text)}
.btn-ghost{background:transparent;color:var(--text-2)}
.btn-ghost:hover{color:var(--text);background:var(--surf-3)}
.btn-lg{height:48px;padding:0 22px;font-size:15px}
.btn-sm{height:32px;padding:0 12px;font-size:13px}
.btn-block{width:100%}
.inp{height:40px;width:100%;padding:0 12px;border-radius:6px;border:1px solid var(--line-2);background:var(--surf);outline:none}
textarea.inp{height:100px;padding:10px 12px;resize:vertical}
.inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,95,31,.15)}
.fg{display:grid;gap:6px}
.fg label{font-size:13px;font-weight:600}
.fg .hint{font-size:12px;color:var(--text-3)}
.bdg{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.bdg svg{width:12px;height:12px;stroke-width:2.4}
.bdg.deal{background:var(--deal);color:#fff}
.bdg.esc{background:var(--mint-bg);color:var(--mint)}
.bdg.top{background:var(--brand-bg);color:var(--brand)}
.bdg.new{background:var(--ink);color:#fff}
.bdg.inst{background:#FFF0E8;color:#C2410C}
:root[data-theme="dark"] .bdg.inst{background:#2A1609;color:#FF8A3D}
.stars{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3)}
.stars i{font-style:normal;color:var(--star);letter-spacing:-1px}
.stars b{color:var(--text);font-weight:600}

/* network bar */
.netbar{background:#000000;color:var(--hdr-ink);font-size:12px;border-bottom:1px solid #1C1C1C}
.netbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:32px}
.net-l{display:flex;align-items:center;gap:18px;white-space:nowrap;overflow:hidden;font-family:var(--mono)}
.net-l span{display:inline-flex;align-items:center;gap:6px}
.net-l em{font-style:normal;color:var(--hdr-dim)}
.net-l .up{color:#FF8A3D}.net-l .down{color:#9A9A9A}
.pulse{width:7px;height:7px;border-radius:50%;background:#FF7A2E;box-shadow:0 0 0 0 rgba(255,122,46,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(255,122,46,0)}100%{box-shadow:0 0 0 0 rgba(255,122,46,0)}}
.net-r{display:flex;gap:18px;white-space:nowrap}
@media (max-width:760px){.net-r{display:none}}
.net-r a,.net-r button{color:var(--hdr-ink);background:none;border:0;padding:0;cursor:pointer;font-size:12px}
.net-r a:hover,.net-r button:hover{color:#fff;text-decoration:underline}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:var(--hdr);color:var(--hdr-ink)}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad)}
.hdr-row{display:flex;align-items:center;gap:22px;height:72px}
.logo{display:flex;align-items:center;gap:10px;flex:none;color:#fff}
.logo .mark{width:36px;height:36px;stroke:none}
.logo .wm{display:flex;flex-direction:column;font-weight:800;font-size:19px;letter-spacing:.12em;line-height:1}
.logo .wm small{font-size:9.5px;font-weight:600;letter-spacing:.42em;color:var(--hdr-dim);margin-top:4px}
.search{flex:1;display:flex;align-items:stretch;height:44px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.search:focus-within{box-shadow:0 0 0 2px var(--brand)}
.search select{border:0;border-right:1px solid #E8E5E1;background:#F6F5F3;color:#141414;padding:0 10px;font-size:13px;max-width:170px;outline:none;cursor:pointer}
.search input{flex:1;min-width:0;border:0;padding:0 14px;font-size:14.5px;outline:none;background:#fff;color:#141414}
.search input::placeholder{color:#9A9A9A}
.search button{width:56px;border:0;background:var(--brand);color:#fff;cursor:pointer;display:grid;place-items:center}
.search button:hover{background:var(--brand-2)}
.search button svg{width:19px;height:19px;stroke-width:2.4}
.hdr-act{display:flex;align-items:center;gap:4px;flex:none}
.hbtn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:6px 8px;border-radius:6px;border:0;background:none;color:var(--hdr-ink);font-size:11px;cursor:pointer}
.hbtn:hover{background:var(--hdr-2);color:#fff}
.hbtn svg{width:21px;height:21px}
.hbtn .b{position:absolute;top:1px;right:8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--deal);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.hbtn.menu{display:none;min-width:0}
.wallet{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;margin-left:6px;border-radius:6px;border:1px solid #333333;background:var(--hdr-2);color:#fff;font-weight:600;cursor:pointer}
.wallet:hover{border-color:#666666}
.wallet .dot{width:8px;height:8px;border-radius:50%;background:#FF7A2E}
.wallet .addr{font-family:var(--mono);font-size:13px}
.wallet .bal{font-family:var(--mono);font-size:12px;color:var(--hdr-dim);padding-left:8px;border-left:1px solid #333333}
.wallet.signin{background:var(--brand);border-color:var(--brand)}
.wallet.signin:hover{background:var(--brand-2)}
.deptbar{background:var(--hdr-2);border-top:1px solid var(--hdr-line)}
.deptbar .wrap{display:flex;align-items:stretch;gap:2px;height:44px;overflow-x:auto;scrollbar-width:none}
.deptbar .wrap::-webkit-scrollbar{display:none}
.deptbar a{display:flex;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:500;color:var(--hdr-ink);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:2px}
.deptbar a svg{width:16px;height:16px;color:var(--hdr-dim)}
.deptbar a:hover{color:#fff;background:rgba(255,255,255,.04)}
.deptbar a:hover svg{color:#fff}
.deptbar a[aria-current="page"]{color:#fff;border-bottom-color:var(--mint-hi)}
.deptbar a.all{font-weight:700;color:#fff}
.deptbar .sp{flex:1}
.deptbar a.hot .bdg{margin-left:2px}
@media (max-width:1100px){.hbtn .t{display:none}.hbtn{min-width:40px}}
@media (max-width:900px){.logo .wm small{display:none}}
@media (max-width:760px){
  .hdr-row{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}
  .hbtn.menu{display:flex}
  .logo{margin-right:auto}
  .search{order:5;flex-basis:100%;height:42px}
  .search select{display:none}
  .hdr-act .hide-m{display:none}
  .wallet{height:38px;padding:0 12px;font-size:13px}
  .wallet .bal{display:none}
  .wrap{padding:0 14px}
  .deptbar{display:none}
}

/* department mega menus */
.deptbar .wrap{overflow:visible}
.ddw{position:relative;display:flex}
.ddt svg:last-child{width:13px;height:13px;margin-left:-1px;opacity:.7}
.ddm{display:none;position:absolute;left:0;top:100%;z-index:60;width:520px;padding:14px;margin-top:2px;border-radius:8px;background:var(--surf);color:var(--text);border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.ddw:hover .ddm,.ddw:focus-within .ddm{display:block}
.ddh{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px;border-bottom:1px solid var(--line);margin-bottom:8px}
.ddh b{font-size:14px}
.ddh a{font-size:12.5px;font-weight:600;color:var(--brand);padding:0;border:0;margin:0}
.ddg{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.deptbar .ddg a{color:var(--text);font-weight:500;padding:8px 8px;border-radius:6px;border:0;margin:0}
.deptbar .ddg a svg{width:16px;height:16px;color:var(--brand)}
.deptbar .ddg a:hover{background:var(--surf-3);color:var(--text)}
.deptbar .div{width:1px;margin:12px 6px;background:var(--hdr-line)}
.deptbar a.qk{color:var(--hdr-dim)}
@media (max-width:1240px){.deptbar a.qk,.deptbar .div{display:none}}

/* department directory (homepage) */
.dir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dcol{display:flex;flex-direction:column;padding:16px 18px}
.dcol .dh{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dcol .dh .ic{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--brand-bg);color:var(--brand);flex:none}
.dcol .dh .ic svg{width:20px;height:20px}
.dcol .dh b{display:block;font-size:16px}
.dcol .dh small{display:block;font-size:12px;color:var(--text-3)}
.dcol .dh:hover b{color:var(--brand)}
.dcol .subs{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:10px 0;flex:1;align-content:start}
.dcol .subs a{font-size:13px;color:var(--text-2);padding:4px 0}
.dcol .subs a:hover{color:var(--brand);text-decoration:underline}
.dcol .all{font-size:13px;font-weight:600;color:var(--brand);padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:1100px){.dir{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.dir{grid-template-columns:1fr}}

/* drawer, toast, dialog */
.drawer{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);z-index:70;background:var(--surf);transform:translateX(-102%);transition:transform .25s;overflow-y:auto;box-shadow:var(--sh-2)}
.drawer.open{transform:none}
.drawer .dh{background:var(--hdr);color:#fff;padding:18px 18px 14px}
.drawer h4{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:16px 18px 6px}
.drawer a{display:flex;align-items:center;gap:12px;padding:10px 18px;font-weight:500}
.drawer a svg{width:18px;height:18px;color:var(--text-3)}
.drawer a:hover{background:var(--surf-3)}
.scrim{position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.open{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:24px;z-index:90;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:8px;background:#0A0A0A;color:#fff;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:.2s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast svg{width:18px;height:18px;color:var(--mint-hi);flex:none}
dialog{border:1px solid var(--line);padding:0;border-radius:10px;background:var(--surf);color:var(--text);width:min(500px,calc(100vw - 24px));box-shadow:0 30px 80px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(0,0,0,.6)}
.dlg-h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.dlg-h h2{font-size:18px}
.dlg-x{width:34px;height:34px;border:0;border-radius:6px;background:none;cursor:pointer;display:grid;place-items:center;color:var(--text-2)}
.dlg-x:hover{background:var(--surf-3)}
.dlg-x svg{width:18px;height:18px}
.dlg-b{padding:18px 20px 20px;display:grid;gap:14px}

/* page scaffolding */
.page{padding-top:20px;padding-bottom:56px}
.crumb{font-size:12.5px;color:var(--text-3);margin-bottom:12px}
.crumb a:hover{color:var(--text);text-decoration:underline}
.panel{background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}
.sec{margin-top:28px}
.sec-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.sec-h h2{font-size:21px;font-weight:700;display:flex;align-items:center;gap:10px}
.sec-h .sub{font-size:13px;color:var(--text-3);margin-top:3px}
.sec-h .acts{display:flex;align-items:center;gap:14px}
.sec-h a.more{font-size:13.5px;font-weight:600;color:var(--brand);white-space:nowrap}
.sec-h a.more:hover{text-decoration:underline}
.empty{grid-column:1/-1;padding:48px 24px;text-align:center;color:var(--text-3);border:1px dashed var(--line-2);border-radius:var(--r);background:var(--surf)}
.empty b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}

/* hero band (dark) */
.band{background:var(--hdr);color:#fff;position:relative;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.band::after{content:"";position:absolute;right:-10%;top:-60%;width:60%;height:160%;background:radial-gradient(closest-side,rgba(255,95,31,.28),transparent);pointer-events:none}
.band .wrap{position:relative;z-index:1;padding-top:22px;padding-bottom:26px}
.hero{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:14px;height:392px}
.slides{position:relative;border-radius:10px;overflow:hidden;background:#141414;border:1px solid #262626}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;padding:0 0 0 44px;opacity:0;transition:opacity .6s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide .copy{position:relative;z-index:2}
.slide .eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FF7A2E}
.slide .eyebrow svg{width:14px;height:14px}
.slide h1{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-0.035em;line-height:1.03;margin-top:12px}
.slide p{color:#B5B5B5;font-size:15px;margin-top:12px;max-width:30em}
.slide .acts{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.slide .acts .btn-out{background:transparent;color:#fff;border-color:#444444}
.slide .acts .btn-out:hover{border-color:#fff}
.slide .art{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.slide .art img{position:absolute;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 24px 50px -18px rgba(0,0,0,.7)}
.slides .dots{position:absolute;left:44px;bottom:20px;display:flex;gap:6px;z-index:3}
.slides .dots button{width:22px;height:4px;border-radius:2px;border:0;background:#444444;cursor:pointer;padding:0}
.slides .dots button[aria-pressed="true"]{background:#fff;width:34px}
.slides .arrows{position:absolute;left:150px;bottom:10px;display:flex;gap:6px;z-index:3}
.slides .arrows button{width:34px;height:34px;border-radius:6px;border:1px solid #333333;background:rgba(10,10,10,.7);color:#fff;cursor:pointer;display:grid;place-items:center}
.slides .arrows svg{width:16px;height:16px}
.side{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}
.promo{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 22px;border-radius:10px;overflow:hidden;border:1px solid #262626;background:#141414;min-width:0}
.promo .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9A9A9A}
.promo h3{font-size:20px;font-weight:700;margin-top:6px;max-width:11em}
.promo p{font-size:13px;color:#B5B5B5;margin-top:6px;max-width:17em}
.promo .go{margin-top:12px;font-weight:600;font-size:13.5px;color:#FF7A2E}
.promo img{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:118px;height:118px;object-fit:contain;background:#fff;border-radius:8px}
.promo .pi{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:96px;height:96px;border-radius:14px;display:grid;place-items:center;background:var(--brand-bg);color:var(--brand)}
.promo .pi svg{width:44px;height:44px;stroke-width:1.6}
.promo.violet{background:linear-gradient(135deg,#E64A0C,#FF7A2E)}
.promo.violet .k,.promo.violet p{color:#FFE3D3}
.promo.violet .go{color:#fff}
.giftfan{position:relative;width:300px;height:220px}
.giftfan .gc{position:absolute;width:220px;aspect-ratio:1.586}
.giftfan .gc:nth-child(1){left:0;top:46px;transform:rotate(-10deg)}
.giftfan .gc:nth-child(2){left:44px;top:22px;transform:rotate(-2deg)}
.giftfan .gc:nth-child(3){left:88px;top:0;transform:rotate(7deg)}
.book{width:320px;border-radius:10px;background:#0A0A0A;border:1px solid #333333;padding:12px 14px;font-family:var(--mono);font-size:12.5px;box-shadow:0 24px 50px -18px rgba(0,0,0,.8)}
.book .bh{display:flex;justify-content:space-between;color:#9A9A9A;font-size:11px;padding-bottom:8px;border-bottom:1px solid #262626;margin-bottom:6px}
.book .br{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:5px 0;color:#EDEDED}
.book .br .p{color:#FF8A3D}
.book .br .m{color:#9A9A9A}
@media (max-width:1100px){.hero{grid-template-columns:1fr;height:auto}.slides{height:360px}.side{grid-template-columns:1fr 1fr;grid-template-rows:none;height:170px}}
@media (max-width:760px){.slide{grid-template-columns:1fr;padding:28px 22px 56px}.slide .art{display:none}.slides{height:330px}.slides .dots{left:22px}.side{grid-template-columns:1fr;height:auto}.promo{min-height:150px}.promo img{width:84px;height:84px}}

/* trust strip */
.trustbar{background:var(--surf);border-bottom:1px solid var(--line)}
.trustbar .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trustbar .t{display:flex;align-items:center;gap:12px;padding:14px 16px}
.trustbar .t+.t{border-left:1px solid var(--line)}
.trustbar svg{width:26px;height:26px;color:var(--brand);flex:none;stroke-width:1.7}
.trustbar b{display:block;font-size:13.5px}
.trustbar span span{display:block;font-size:12px;color:var(--text-3)}
@media (max-width:900px){.trustbar .wrap{grid-template-columns:1fr 1fr}.trustbar .t:nth-child(3){border-left:0}.trustbar .t:nth-child(n+3){border-top:1px solid var(--line)}}

/* departments (circles, eBay style) */
.depts{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}
.dept{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;font-weight:600}
.dept .c{width:100%;max-width:118px;aspect-ratio:1;border-radius:50%;background:var(--surf);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.dept .c img{width:72%;height:72%;object-fit:contain}
.dept .c svg{width:40%;height:40%;color:var(--brand);stroke-width:1.6}
.dept:hover .c{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,95,31,.12)}
.dept:hover span{color:var(--brand)}
@media (max-width:1100px){.depts{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:560px){.depts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.grid.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 12px) / 6);gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:2px}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.pc{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.pc:hover{box-shadow:var(--sh-2);border-color:var(--line-2)}
.pc .im{position:relative;display:block;aspect-ratio:1/1;background:var(--img);border-bottom:1px solid var(--line);overflow:hidden}
.pc .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;transition:transform .35s}
.pc:hover .im img{transform:scale(1.04)}
.pc .im .gc,.pc .im .cover{position:absolute;inset:16% 10%}
.pc .bdgs{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:1}
.pc .watch{position:absolute;right:8px;top:8px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:#141414;opacity:0;transition:opacity .15s}
.pc:hover .watch,.pc .watch[aria-pressed="true"]{opacity:1}
.pc .watch svg{width:15px;height:15px}
.pc .watch[aria-pressed="true"] svg{fill:var(--deal);stroke:var(--deal)}
.pc .body{display:flex;flex-direction:column;gap:5px;padding:10px 12px 12px;flex:1}
.pc .plat{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .tt{font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc a.tt:hover{color:var(--brand);text-decoration:underline}
.pc .pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;margin-top:auto;padding-top:4px}
.pc .pr b{font-size:18px;font-weight:700;letter-spacing:-0.02em}
.pc .pr s{font-size:12px;color:var(--text-3)}
.pc .pr .off{font-size:12px;font-weight:700;color:var(--deal)}
.pc .sol{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.pc .ship{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:5px}
.pc .ship svg{width:13px;height:13px;color:var(--mint)}
.pc .by{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .by b{color:var(--text-2);font-weight:600}
@media (max-width:1240px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.rail{grid-auto-columns:calc((100% - 4 * 12px) / 5)}}
@media (max-width:1000px){.grid,.grid.g5{grid-template-columns:repeat(4,minmax(0,1fr))}.rail{grid-auto-columns:calc((100% - 3 * 12px) / 4)}}
@media (max-width:760px){.grid,.grid.g5,.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rail{grid-auto-columns:calc((100% - 12px) / 2.2)}.pc .watch{opacity:1}}

/* gift card / digital box art and service covers */
.gc{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.586;border-radius:10px;padding:12% 10%;color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 10px 24px -10px rgba(0,0,0,.5);overflow:hidden;position:relative}
.gc::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
.gc .gt{display:flex;justify-content:space-between;align-items:center;font-size:clamp(8px,.85vw,12px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.95}
.gc .gt svg{width:1.4em;height:1.4em}
.gc .gv{font-size:clamp(18px,2vw,30px);font-weight:800;letter-spacing:-0.03em;line-height:1}
.gc .gv.long{font-size:clamp(14px,1.35vw,21px);letter-spacing:-0.02em}
.gc .gs{font-size:clamp(8px,.75vw,11px);font-weight:600;opacity:.85;margin-top:3px}
.cover{display:flex;flex-direction:column;justify-content:flex-end;border-radius:8px;padding:10%;color:#fff;background:linear-gradient(160deg,var(--a1),var(--a2));overflow:hidden;position:relative}
.cover::after{content:"";position:absolute;right:-20%;top:-20%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent)}
.cover svg{width:22%;height:auto;aspect-ratio:1;margin-bottom:auto;opacity:.95}
.cover .cv{font-size:clamp(16px,1.6vw,24px);font-weight:800;letter-spacing:-0.03em;line-height:1.05}
.cover .cs{font-size:clamp(9px,.8vw,12px);opacity:.85;margin-top:4px}

/* deals header + countdown */
.cd{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}
.cd b{font-family:var(--mono);font-weight:600;background:var(--ink);color:#fff;padding:3px 7px;border-radius:4px}
:root[data-theme="dark"] .cd b{background:#F2F2F2;color:#0A0A0A}

/* split promos */
.splits{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.split{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px;padding:24px 28px;border-radius:10px;overflow:hidden;background:var(--ink);color:#fff;border:1px solid #262626}
.split::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.split>*{position:relative}
.split .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#FF7A2E}
.split h3{font-size:22px;font-weight:700;margin-top:6px}
.split p{color:#B5B5B5;font-size:13.5px;margin-top:6px;max-width:30em}
.split.violet{background:linear-gradient(120deg,#C2410C,#FF6A2A);border-color:#E64A0C}
.split.violet .k{color:#FFE3D3}
.split.violet p{color:#FFE9DC}
.split .num{font-family:var(--mono);font-size:44px;font-weight:600;letter-spacing:-0.04em;white-space:nowrap}
@media (max-width:900px){.splits{grid-template-columns:1fr}}

/* closets (Poshmark style) */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surf);font-size:13px;font-weight:600;cursor:pointer;color:var(--text-2)}
.chip:hover{border-color:var(--text);color:var(--text)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
:root[data-theme="dark"] .chip[aria-pressed="true"]{background:#F2F2F2;color:#0A0A0A}
.closets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.closet{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.closet .ch{display:flex;align-items:center;gap:10px}
.closet .ch b{display:block;font-size:13.5px}
.closet .ch span span{display:block;font-size:12px;color:var(--text-3)}
.closet .ch .btn{margin-left:auto}
.closet .ci{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.closet .ci a{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}
.closet .ci img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%}
.closet .ci span{position:absolute;left:4px;bottom:4px;font-size:10.5px;font-weight:700;background:rgba(255,255,255,.92);color:#141414;padding:1px 5px;border-radius:3px}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none;font-size:14px}
@media (max-width:1000px){.closets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.closets{grid-template-columns:1fr}}

/* exchange (cash) */
.xwrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}
.quick{padding:18px}
.quick h3{font-size:17px}
.tabs2{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 14px;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.tabs2 button{height:38px;border:0;background:var(--surf);font-weight:700;cursor:pointer;color:var(--text-2)}
.tabs2 button+button{border-left:1px solid var(--line-2)}
.tabs2 button[aria-pressed="true"][data-side="buy"]{background:var(--mint);color:#fff}
.tabs2 button[aria-pressed="true"][data-side="sell"]{background:var(--ink);color:#fff}
.tabs2 button[aria-pressed="true"][data-asset]{background:var(--ink);color:#fff}
:root[data-theme="dark"] .tabs2 button[aria-pressed="true"][data-asset]{background:#F2F2F2;color:#0A0A0A}
.quick .res{margin-top:14px;padding:12px;border-radius:6px;background:var(--surf-2);border:1px solid var(--line);font-size:13px;color:var(--text-2)}
.quick .res b{display:block;font-family:var(--mono);font-size:22px;color:var(--text);font-weight:600;margin-top:2px}
.ticker{display:flex;gap:28px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.ticker .pair{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.ticker .pair svg{width:26px;height:26px;stroke:none}
.ticker div span{display:block;font-size:11.5px;color:var(--text-3)}
.ticker div b{font-family:var(--mono);font-weight:600;font-size:14px}
.ticker .up{color:var(--mint)}
.xtools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}
.xtools .inp{height:36px;width:auto;font-size:13px}
.xtools .amt{width:140px}
.otbl{width:100%;border-collapse:collapse;font-size:13.5px}
.otbl th{text-align:left;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 18px;background:var(--surf-2);border-bottom:1px solid var(--line)}
.otbl td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
.otbl tr:last-child td{border-bottom:0}
.otbl tr:hover td{background:var(--surf-2)}
.otbl .who{display:flex;align-items:center;gap:10px}
.otbl .who .av{width:32px;height:32px;font-size:13px}
.otbl .who b{display:flex;align-items:center;gap:6px;font-weight:600}
.otbl .who small{display:block;font-size:12px;color:var(--text-3)}
.otbl .px{font-family:var(--mono);font-weight:600;font-size:15px}
.otbl .px.buy{color:var(--mint)}.otbl .px.sell{color:var(--deal)}
.otbl .lim{font-size:12px;color:var(--text-3)}
.otbl .pm{display:flex;flex-wrap:wrap;gap:4px}
.otbl .pm span{font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid var(--line);background:var(--surf)}
.vf{width:14px;height:14px;color:var(--brand);stroke:none;fill:currentColor}
@media (max-width:1000px){.xwrap{grid-template-columns:1fr}.otbl .hide-t{display:none}}
@media (max-width:760px){.otbl td,.otbl th{padding:11px 10px}}

/* listing pages (eBay style) */
.lp{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.filters{position:sticky;top:132px;padding:4px 16px 16px}
.filters section{padding:14px 0;border-bottom:1px solid var(--line)}
.filters section:last-child{border-bottom:0}
.filters h4{font-size:13.5px;margin-bottom:8px}
.filters a,.filters label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13.5px;color:var(--text-2);cursor:pointer}
.filters a:hover{color:var(--brand)}
.filters a[aria-current="page"]{color:var(--text);font-weight:700}
.filters a .n{margin-left:auto;font-size:12px;color:var(--text-3)}
.filters input[type=checkbox],.filters input[type=radio]{accent-color:var(--brand);width:15px;height:15px;margin:0}
.filters .range{display:flex;gap:6px;align-items:center}
.filters .range .inp{height:34px;padding:0 8px}
.rh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rh h1{font-size:24px;font-weight:700}
.rh .cnt{font-size:13px;color:var(--text-3);margin-top:4px}
.rh .tools{display:flex;gap:8px;align-items:center}
.rh select.inp{width:auto;height:36px;font-size:13px}
.dept-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;border-radius:10px;background:var(--hdr);color:#fff;margin-bottom:16px;position:relative;overflow:hidden}
.dept-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 20%,#000);pointer-events:none}
.dept-hero>*{position:relative}
.dept-hero h1{font-size:28px;font-weight:800}
.dept-hero p{color:#B5B5B5;margin-top:6px;max-width:44em;font-size:14px}
.dept-hero .rules{display:flex;gap:8px;flex-wrap:wrap}
.dept-hero .rules span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid #333333}
.dept-hero .rules svg{width:14px;height:14px;color:#FF7A2E}
@media (max-width:1000px){.lp{grid-template-columns:1fr}.filters{position:static;display:flex;flex-wrap:wrap;gap:0 24px}.filters section{border:0;padding:10px 0}.dept-hero{flex-direction:column;align-items:flex-start}}

/* item page */
.ip{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 330px;gap:22px;align-items:start}
.gal{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.gal .th{display:grid;gap:8px;align-content:start}
.gal .th button{aspect-ratio:1;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px;cursor:pointer;overflow:hidden}
.gal .th button[aria-pressed="true"]{border:2px solid var(--brand)}
.gal .th img{width:100%;height:100%;object-fit:contain}
.gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r);background:#fff;display:grid;place-items:center;overflow:hidden}
.gal .main img{width:100%;height:100%;object-fit:contain;padding:6%}
.gal .main .gc{width:72%}
.gal .main .cover{position:absolute;inset:12%}
.idet .plat{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.idet h1{font-size:24px;font-weight:700;line-height:1.25;margin-top:6px}
.idet .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--text-3)}
.idet hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.spec{display:grid;grid-template-columns:130px 1fr;gap:9px 14px;font-size:13.5px}
.spec dt{color:var(--text-3)}
.spec dd{margin:0}
.spec dd small{display:block;color:var(--text-3);font-size:12px}
.buybox{position:sticky;top:132px;padding:18px}
.buybox .big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.buybox .big b{font-size:32px;font-weight:800;letter-spacing:-0.03em}
.buybox .big s{color:var(--text-3)}
.buybox .big .off{color:var(--deal);font-weight:700;font-size:14px}
.buybox .alt{font-family:var(--mono);font-size:12.5px;color:var(--text-3);margin-top:2px}
.buybox .acts{display:grid;gap:8px;margin-top:14px}
.buybox .line{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-2);margin-top:12px}
.buybox .line svg{width:17px;height:17px;flex:none;color:var(--mint);margin-top:1px}
.buybox .line b{color:var(--text)}
.protect{margin-top:14px;padding:12px;border-radius:6px;background:var(--mint-bg);border:1px solid color-mix(in srgb,var(--mint) 30%,transparent);font-size:12.5px;color:var(--text-2)}
.protect b{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:13px;margin-bottom:4px}
.protect b svg{width:15px;height:15px}
.seller{display:flex;gap:10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.seller b{display:flex;align-items:center;gap:5px}
.seller span span{display:block;font-size:12px;color:var(--text-3)}
.offers-cmp{margin-top:22px}
.offers-cmp table{width:100%;border-collapse:collapse;font-size:13.5px}
.offers-cmp td{padding:12px 14px;border-top:1px solid var(--line)}
.offers-cmp .p{font-weight:700;font-size:15px}
.itabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-top:30px;overflow-x:auto;scrollbar-width:none}
.itabs button{white-space:nowrap}
.itabs button{border:0;background:none;padding:12px 14px;font-weight:600;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.itabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--brand)}
.ipanel{padding:18px 0;max-width:860px;color:var(--text-2);font-size:14px}
.ipanel ol{margin:0;padding-left:20px;display:grid;gap:8px}
@media (max-width:1240px){.ip{grid-template-columns:minmax(0,1fr) 330px}.ip .idet{grid-column:1}.gal{grid-row:span 2}}
@media (max-width:900px){.ip{grid-template-columns:1fr}.buybox{position:static}}

/* checkout, trade room, accounts */
.co-item{display:flex;gap:12px;align-items:center}
.co-item .th{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;flex:none;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.co-item .th img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-item .th .gc{width:52px;padding:6px;border-radius:5px}.co-item .th .gc .gt,.co-item .th .gc .gs{display:none}.co-item .th .gc .gv{font-size:12px}
.co-item .th .cover{position:absolute;inset:0;padding:8px;border-radius:0}.co-item .th .cover .cs,.co-item .th .cover svg{display:none}.co-item .th .cover .cv{font-size:11px}
.co-item b{display:block;line-height:1.3;font-size:14px}
.co-item span{font-size:12.5px;color:var(--text-3)}
.payopt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line-2);border-radius:6px;cursor:pointer}
.payopt:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.payopt input{accent-color:var(--brand);margin:0}
.payopt b{flex:1}
.payopt .r{font-family:var(--mono);font-weight:600}
.payopt svg.tok{width:20px;height:20px;stroke:none}
.note{display:flex;gap:10px;padding:12px;border-radius:6px;background:var(--surf-2);border:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.note svg{width:17px;height:17px;color:var(--mint);flex:none;margin-top:1px}
.note.warn{background:var(--warn-bg);border-color:transparent}
.note.warn svg{color:var(--warn)}
.sum{display:grid;gap:7px;font-size:13.5px}
.sum div{display:flex;justify-content:space-between}
.sum div span:first-child{color:var(--text-2)}
.sum .tot{font-weight:700;font-size:15px;padding-top:9px;border-top:1px solid var(--line)}
.fine{font-size:12px;color:var(--text-3);text-align:center}
.room{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}
.room .panel{padding:20px}
.room h2{font-size:22px}
.rtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.timer{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;background:var(--warn-bg);color:var(--warn);font-family:var(--mono);font-weight:600;font-size:13px}
.timer svg{width:15px;height:15px}
.tsteps{list-style:none;margin:18px 0 0;padding:0}
.tsteps li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);opacity:.5}
.tsteps li.on{opacity:1}
.tsteps .d{width:32px;height:32px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;font-weight:700;font-size:13px;font-family:var(--mono)}
.tsteps li.done .d{background:var(--mint);border-color:var(--mint);color:#fff}
.tsteps li.cur .d{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px rgba(255,95,31,.12)}
.tsteps li b{display:block}
.tsteps li small{display:block;color:var(--text-3);font-size:12.5px;margin-top:2px}
.payto{margin-top:12px;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:13px}
.payto div{display:flex;justify-content:space-between;gap:10px;padding:9px 12px}
.payto div+div{border-top:1px solid var(--line)}
.payto span{color:var(--text-3)}
.payto b{font-family:var(--mono);font-weight:600}
.chat{display:flex;flex-direction:column;height:520px}
.chat .msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px 0}
.msg{max-width:82%;padding:8px 12px;border-radius:8px;background:var(--surf-3);align-self:flex-start;font-size:13.5px}
.msg.me{align-self:flex-end;background:var(--brand);color:#fff}
.msg.sys{align-self:stretch;max-width:100%;background:none;color:var(--text-3);font-size:12px;text-align:center;font-family:var(--mono)}
.chat form{display:flex;gap:8px}
@media (max-width:1000px){.room{grid-template-columns:1fr}.chat{height:380px}}
.acct{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.anav{padding:8px}
.anav .who{display:flex;align-items:center;gap:10px;padding:10px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.anav .who b{display:block;font-size:13.5px}
.anav .who span span{display:block;font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.anav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--text-2)}
.anav a svg{width:17px;height:17px;color:var(--text-3)}
.anav a:hover{background:var(--surf-3);color:var(--text)}
.anav a[aria-current="page"]{background:var(--brand-bg);color:var(--brand);font-weight:600}
.anav a[aria-current="page"] svg{color:var(--brand)}
.anav a .n{margin-left:auto;font-size:11.5px;font-weight:700;background:var(--deal);color:#fff;border-radius:9px;padding:1px 6px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.stat{padding:14px 16px}
.stat span{display:block;font-size:12px;color:var(--text-3)}
.stat b{display:block;font-size:22px;font-weight:700;letter-spacing:-0.02em;margin-top:2px}
.stat small{font-size:12px;color:var(--text-3)}
.ord{margin-bottom:12px;overflow:hidden}
.ord .oh{display:flex;flex-wrap:wrap;gap:6px 28px;padding:10px 16px;background:var(--surf-2);border-bottom:1px solid var(--line);font-size:12px;color:var(--text-3)}
.ord .oh b{display:block;color:var(--text);font-weight:600;font-size:12.5px}
.ord .oh .id{margin-left:auto;text-align:right}
.ord .ob{display:flex;gap:14px;align-items:flex-start;padding:14px 16px}
.ord .ob .th{position:relative;width:84px;height:84px;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;flex:none;display:grid;place-items:center}
.ord .ob .th img{width:100%;height:100%;object-fit:contain;padding:6px}
.ord .ob .th .gc{width:74px;padding:7px;border-radius:5px}.ord .ob .th .gc .gt,.ord .ob .th .gc .gs{display:none}.ord .ob .th .gc .gv{font-size:14px}
.ord .ob .th .cover{position:absolute;inset:0;border-radius:0;padding:10px}.ord .ob .th .cover .cs,.ord .ob .th .cover svg{display:none}.ord .ob .th .cover .cv{font-size:13px}
.ord .grow{flex:1;min-width:0}
.ord .st{font-weight:700;font-size:14.5px}
.ord .st.ok{color:var(--mint)}
.ord .grow a.t{display:block;margin-top:3px;color:var(--brand);font-weight:500}
.ord .grow a.t:hover{text-decoration:underline}
.ord .sub{font-size:12.5px;color:var(--text-3);margin-top:2px}
.track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;max-width:460px}
.track div{font-size:11.5px;color:var(--text-3)}
.track div::before{content:"";display:block;height:4px;border-radius:2px;background:var(--surf-3);margin-bottom:5px}
.track div.on{color:var(--text);font-weight:500}
.track div.on::before{background:var(--mint)}
.ord .acts{display:grid;gap:8px;width:190px;flex:none}
@media (max-width:1000px){.acct{grid-template-columns:1fr}.anav{display:flex;flex-wrap:wrap;gap:2px}.anav .who{display:none}.stats{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.ord .ob{flex-wrap:wrap}.ord .acts{width:100%;grid-template-columns:1fr 1fr}.ord .oh .id{margin-left:0;text-align:left}}

/* sell (seller hub) */
.sh-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sh-type{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surf);cursor:pointer;text-align:left}
.sh-type:hover{border-color:var(--line-2)}
.sh-type[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--brand-bg)}
.sh-type .ic{width:40px;height:40px;border-radius:8px;background:var(--surf-3);display:grid;place-items:center;flex:none;color:var(--brand)}
.sh-type[aria-pressed="true"] .ic{background:var(--brand);color:#fff}
.sh-type .ic svg{width:20px;height:20px}
.sh-type b{display:block;font-size:14.5px}
.sh-type span span{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.sh{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:14px;align-items:start}
.sh .form{padding:20px;display:grid;gap:14px}
.sh .form h3{font-size:18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border:1px dashed var(--line-2);border-radius:6px;background:var(--surf-2);text-align:center;font-size:13px;color:var(--text-3)}
.drop svg{width:26px;height:26px;color:var(--text-2)}
.drop b{color:var(--text)}
.pmchips{display:flex;gap:6px;flex-wrap:wrap}
.pmchips button{height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--line-2);background:var(--surf);font-size:13px;font-weight:600;cursor:pointer}
.pmchips button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}
.fee{padding:16px;display:grid;gap:8px;font-size:13.5px}
.fee h4{font-size:14px;margin-bottom:4px}
.fee div{display:flex;justify-content:space-between}
.fee div span:first-child{color:var(--text-2)}
.fee .tot{font-weight:700;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:1000px){.sh-types{grid-template-columns:1fr 1fr}.sh{grid-template-columns:1fr}}
@media (max-width:560px){.sh-types,.two{grid-template-columns:1fr}}

/* protect / help */
.ph{padding:30px 32px;border-radius:10px;background:var(--hdr);color:#fff;position:relative;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.ph>*{position:relative}
.ph .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#FF7A2E}
.ph h1{font-size:32px;font-weight:800;margin-top:8px}
.ph p{color:#B5B5B5;margin-top:8px;max-width:48em;font-size:15px}
.flows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flow{padding:18px}
.flow h3{font-size:16px;display:flex;align-items:center;gap:8px}
.flow h3 svg{width:18px;height:18px;color:var(--brand)}
.flow ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:11px;counter-reset:s}
.flow li{counter-increment:s;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:13px;color:var(--text-2)}
.flow li::before{content:counter(s);width:24px;height:24px;border-radius:5px;background:var(--brand-bg);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:12px;font-family:var(--mono)}
.flow li b{display:block;color:var(--text);font-weight:600;font-size:13.5px}
.ftbl{width:100%;border-collapse:collapse;font-size:13.5px}
.ftbl th{text-align:left;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;background:var(--surf-2);border-bottom:1px solid var(--line)}
.ftbl td{padding:12px 16px;border-bottom:1px solid var(--line)}
.ftbl tr:last-child td{border-bottom:0}
@media (max-width:1100px){.flows{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.flows{grid-template-columns:1fr}}

/* activity */
.act{width:100%;border-collapse:collapse;font-size:13px}
.act th{text-align:left;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:9px 16px;background:var(--surf-2);border-bottom:1px solid var(--line)}
.act td{padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.act tr:last-child td{border-bottom:0}
.act .ev{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:600}
.act .ev i{width:7px;height:7px;border-radius:2px}
.ev.lock{color:var(--brand)}.ev.lock i{background:var(--brand)}
.ev.ship{color:var(--text)}.ev.ship i{background:var(--text)}
.ev.rel{color:var(--mint)}.ev.rel i{background:var(--mint)}
.ev.ref{color:var(--text-3)}.ev.ref i{background:var(--text-3)}
.act .it{display:flex;align-items:center;gap:10px}
.act .it span.t{max-width:300px;overflow:hidden;text-overflow:ellipsis}
.act .tx{font-family:var(--mono);color:var(--text-3)}
.act tr.new{animation:rowin 1.2s ease}
@keyframes rowin{from{background:var(--brand-bg)}to{background:transparent}}
@media (max-width:760px){.act .hide-m{display:none}}

/* footer */
.foot{background:var(--hdr);color:#B5B5B5;margin-top:40px;font-size:13px}
.foot-trust{border-bottom:1px solid var(--hdr-line)}
.foot-trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.foot-trust .t{display:flex;align-items:center;gap:12px;padding:18px 16px}
.foot-trust svg{width:24px;height:24px;color:#FF7A2E;flex:none;stroke-width:1.7}
.foot-trust b{display:block;color:#fff;font-size:13.5px}
.foot-trust span span{display:block;font-size:12px;color:#9A9A9A}
.foot-cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px;padding:34px 24px 26px}
.foot-brand p{margin-top:12px;max-width:30em;color:#9A9A9A}
.foot h4{color:#fff;font-size:13.5px;margin-bottom:10px}
.foot-cols a:not(.logo){display:block;padding:4px 0}
.foot-cols a:hover{color:#fff}
.pays{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.pays span{font-size:11px;font-weight:600;padding:4px 8px;border:1px solid #333333;border-radius:4px;color:#EDEDED;font-family:var(--mono)}
.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 24px 26px;border-top:1px solid var(--hdr-line);color:#777777;font-size:12.5px}
.foot-bot .links{display:flex;gap:16px}
.foot-bot a:hover{color:#fff}
@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.foot-trust .wrap{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* light bands: in light mode the hero, banners and page heads are white panels with an orange wash,
   so the black header is the only dark band above the footer. Dark mode keeps the original black blocks. */
:root:not([data-theme="dark"]) .band{background:var(--page);color:var(--text)}
:root:not([data-theme="dark"]) .band::before,:root:not([data-theme="dark"]) .band::after,:root:not([data-theme="dark"]) .split:not(.violet)::before,:root:not([data-theme="dark"]) .dept-hero::before,:root:not([data-theme="dark"]) .ph::before{display:none}
:root:not([data-theme="dark"]) .slides{background:linear-gradient(100deg,#FFFFFF 46%,#FFF3EA);border-color:var(--line);box-shadow:var(--sh-1)}
:root:not([data-theme="dark"]) .slide .eyebrow{color:var(--brand-2)}
:root:not([data-theme="dark"]) .slide p{color:var(--text-2)}
:root:not([data-theme="dark"]) .slide .acts .btn-out{color:var(--text);border-color:var(--line-2);background:var(--surf)}
:root:not([data-theme="dark"]) .slide .acts .btn-out:hover{border-color:var(--text)}
:root:not([data-theme="dark"]) .slide .art img{border:1px solid var(--line);box-shadow:0 18px 40px -22px rgba(10,10,10,.35)}
:root:not([data-theme="dark"]) .slides .dots button{background:var(--line-2)}
:root:not([data-theme="dark"]) .slides .dots button[aria-pressed="true"]{background:var(--ink)}
:root:not([data-theme="dark"]) .slides .arrows button{background:var(--surf);border-color:var(--line-2);color:var(--text)}
:root:not([data-theme="dark"]) .slides .arrows button:hover{border-color:var(--text)}
:root:not([data-theme="dark"]) .promo:not(.violet){background:var(--surf);border-color:var(--line);color:var(--text);box-shadow:var(--sh-1)}
:root:not([data-theme="dark"]) .promo:not(.violet) .k{color:var(--text-3)}
:root:not([data-theme="dark"]) .promo:not(.violet) p{color:var(--text-2)}
:root:not([data-theme="dark"]) .promo:not(.violet) .go{color:var(--brand)}
:root:not([data-theme="dark"]) .promo img{border:1px solid var(--line)}
:root:not([data-theme="dark"]) .book{background:var(--surf);border-color:var(--line);box-shadow:0 18px 40px -22px rgba(10,10,10,.35)}
:root:not([data-theme="dark"]) .book .bh{color:var(--text-3);border-bottom-color:var(--line)}
:root:not([data-theme="dark"]) .book .br{color:var(--text)}
:root:not([data-theme="dark"]) .book .br .p{color:var(--brand-2)}
:root:not([data-theme="dark"]) .book .br .m{color:var(--text-3)}
:root:not([data-theme="dark"]) .split:not(.violet),:root:not([data-theme="dark"]) .dept-hero,:root:not([data-theme="dark"]) .ph{background:linear-gradient(100deg,#FFFFFF 55%,#FFF3EA);color:var(--text);border:1px solid var(--line)}
:root:not([data-theme="dark"]) .split .k,:root:not([data-theme="dark"]) .ph .k{color:var(--brand-2)}
:root:not([data-theme="dark"]) .split:not(.violet) p,:root:not([data-theme="dark"]) .dept-hero p,:root:not([data-theme="dark"]) .ph p{color:var(--text-2)}
:root:not([data-theme="dark"]) .dept-hero .rules span{background:var(--surf);border-color:var(--line);color:var(--text)}
:root:not([data-theme="dark"]) .dept-hero .rules svg{color:var(--brand)}

/* Rialto Protect: lifecycle, code explorer, roles, verify */
.pchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;position:relative}
.pchips span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:6px;background:var(--surf);border:1px solid var(--line);color:var(--text)}
.pchips svg{width:14px;height:14px;color:var(--brand)}
:root[data-theme="dark"] .pchips span{background:rgba(255,255,255,.06);border-color:#333;color:#fff}
.lc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lcx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.lc button,.lcx button{position:relative;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surf);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lcx button{background:var(--surf-2);border-style:dashed}
.lc button:hover,.lcx button:hover{border-color:var(--line-2)}
.lc button[aria-pressed="true"],.lcx button[aria-pressed="true"]{border-color:var(--brand);border-style:solid;box-shadow:0 0 0 1px var(--brand)}
.lc button:not(:last-child)::after{content:"";position:absolute;right:-11px;top:50%;width:8px;height:8px;border-top:1.5px solid var(--text-3);border-right:1.5px solid var(--text-3);transform:translateY(-50%) rotate(45deg)}
.lc .st,.lcx .st{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-2)}
.lc b,.lcx b{display:block;font-size:14.5px;margin-top:4px}
.lc button>span:last-child,.lcx button>span:last-child{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.code{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);overflow:hidden;border-top-left-radius:0;border-top-right-radius:0;border-top:0}
.code .src{min-width:0;background:var(--surf-2);border-right:1px solid var(--line)}
.code .fp{padding:10px 18px;font-size:11.5px;color:var(--text-3);border-bottom:1px solid var(--line)}
.code pre{margin:0;padding:16px 18px 18px;overflow-x:auto;font:12.5px/1.75 var(--mono);color:var(--text);tab-size:4}
.code pre .k{color:#C2410C;font-weight:600}
.code pre .m{color:#E64A0C}
.code pre .t{color:#7A3E12}
.code pre .c,.code pre .a{color:var(--text-3)}
.code pre .c{font-style:italic}
:root[data-theme="dark"] .code pre .k{color:#FF8A3D}
:root[data-theme="dark"] .code pre .m{color:#FF7A2E}
:root[data-theme="dark"] .code pre .t{color:#FFC9A3}
.code .why{padding:18px 20px}
.code .why h4{font-size:14px}
.code .why ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.code .why li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:13.5px;color:var(--text-2);line-height:1.5}
.code .why li svg{width:16px;height:16px;color:var(--brand);margin-top:2px;stroke-width:2.4}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.role{padding:18px}
.role>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.role b{font-size:15px}
.role p{margin-top:8px;font-size:13.5px;color:var(--text-2)}
.verify{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.verify>div{padding:16px 18px;display:grid;gap:4px}
.verify>div+div{border-left:1px solid var(--line)}
.verify span{font-size:12px;color:var(--text-3)}
.verify b{font-size:13px;font-weight:500}
@media (max-width:1000px){.lc{grid-template-columns:repeat(3,minmax(0,1fr))}.lc button::after{display:none}.code{grid-template-columns:1fr}.code .src{border-right:0;border-bottom:1px solid var(--line)}.roles,.verify{grid-template-columns:1fr 1fr}.verify>div:nth-child(3){border-left:0}.verify>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.lc,.lcx,.roles,.verify{grid-template-columns:1fr}.verify>div+div{border-left:0;border-top:1px solid var(--line)}}

/* hero: dark listing cards (physical slide). Local tokens force the black card look in either theme. */
.hcards{position:relative;width:410px;height:318px;margin-left:36px;--surf:#141414;--line:#262626;--line-2:#333;--text:#F2F2F2;--text-2:#BDBDBD;--text-3:#8A8A8A;--img:#FFFFFF;color:var(--text)}
.hcards .pc{position:absolute;width:162px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55)}
.hcards .pc:nth-child(1){left:0;top:30px;transform:rotate(-5deg)}
.hcards .pc:nth-child(2){left:120px;top:0;width:172px;z-index:2}
.hcards .pc:nth-child(3){right:0;top:30px;transform:rotate(5deg)}
.hcards .pc .watch,.hcards .pc .sol,.hcards .pc .by{display:none}
.hcards .pc:not(:nth-child(2)) .ship{display:none}
.hcards .pc:not(:nth-child(2)) .tt{-webkit-line-clamp:1;min-height:0}
.slide .art .hcards img,:root:not([data-theme="dark"]) .slide .art .hcards img{position:absolute;border:0;border-radius:0;box-shadow:none;background:#fff}
.hcards .pc .body{gap:4px;padding:9px 10px 10px}
.hcards .pc .tt{font-size:12.5px}
.hcards .pc .pr b{font-size:16px}
/* hero: crypto offers that look like the real exchange rows, with floating payment logos */
.hxw{position:relative}
.xbook{width:360px;border-radius:10px;background:#141414;border:1px solid #2A2A2A;color:#F2F2F2;box-shadow:0 24px 50px -18px rgba(0,0,0,.7);overflow:hidden}
.xh{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #262626;font-size:13px}
.xh .bdg.esc{background:rgba(255,122,46,.14);color:#FF8A3D}
.xr{display:block;padding:10px 14px;border-bottom:1px solid #222}
.xr:last-child{border-bottom:0}
.xr:hover{background:#1A1A1A}
.x1{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}
.xm b{display:flex;align-items:center;gap:4px;font-size:13px}
.xm b svg{width:12px;height:12px;color:#FF8A3D;stroke-width:3}
.xm span,.xp span{display:block;font-size:11px;color:#8A8A8A}
.xp{text-align:right}
.xp b{font-family:var(--mono);font-size:13.5px;color:#FF8A3D;font-weight:600}
.x2{display:flex;align-items:center;gap:8px;margin-top:8px;padding-left:40px}
.xl{font-family:var(--mono);font-size:11px;color:#BDBDBD;white-space:nowrap}
.xpm{display:flex;gap:4px;flex:1;min-width:0;flex-wrap:wrap}
.xpm span,.pm span{display:inline-flex;align-items:center;gap:5px}
.xpm span{font-size:10.5px;font-weight:600;padding:2px 6px 2px 3px;border:1px solid #333;border-radius:4px;color:#EDEDED}
.xb{font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:5px;background:var(--brand);color:#fff}
@media (max-width:1240px){.hcards{transform:scale(.86)}.hxw{transform:scale(.88)}}

/* payment rail logos (Simple Icons, CC0 SVGs; marks are the brands' trademarks) */
.pmk{display:inline-block;flex:none;width:16px;height:16px;border-radius:4px;position:relative}
.pmk::after{content:"";position:absolute;inset:19%;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.pmk-revolut{background:#0A0A0A;color:#fff;--ic:url("https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/revolut.svg")}
.pmk-wise{background:#9FE870;color:#163300;--ic:url("https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/wise.svg")}
.pmk-zelle{background:#6D1ED4;color:#fff;--ic:url("https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/zelle.svg")}
:root[data-theme="dark"] .pmk-revolut,.xbook .pmk-revolut{background:#fff;color:#0A0A0A}
.xpm .pmk{width:14px;height:14px;border-radius:3px}
/* orange promo: white type and no dark outline in light mode */
.promo.violet{color:#fff;border-color:transparent}
.promo.violet .k{color:#FFE3D3}
.split.violet{color:#fff}

/* hero: digital slide shows a delivered order (dark card, like the other two slides) */
.dwrap{position:relative;width:390px;height:318px}
.dord{position:absolute;left:0;right:0;bottom:0;border-radius:10px;background:#141414;border:1px solid #2A2A2A;color:#F2F2F2;box-shadow:0 24px 50px -18px rgba(0,0,0,.7);overflow:hidden;z-index:2}
.dord.back{bottom:auto;top:0;left:22px;right:22px;z-index:1;background:#1B1B1B}
.dord.back .di{display:none}
.dord .dh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #262626;font-size:12px;color:#BDBDBD}
.dord .dh b{color:#F2F2F2;font-weight:600}
.dord .bdg.esc{background:rgba(255,122,46,.14);color:#FF8A3D}
.dord .bdg.inst{background:rgba(255,122,46,.14);color:#FF8A3D}
.dord .di{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:12px 14px}
.dord .dt .gc{width:62px;padding:6px;border-radius:5px;box-shadow:none}
.dord .dt .gc .gt,.dord .dt .gc .gs{display:none!important}
.dord .dt .gc{justify-content:center;aspect-ratio:1.586}
.dord .dt .gc .gv{font-size:13px}
.dord .dn b{display:block;font-size:13px;line-height:1.3}
.dord .dn span{display:block;font-size:11.5px;color:#8A8A8A;margin-top:2px}
.dord .dp{font-size:13.5px;color:#FF8A3D}
.dcode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px;padding:10px 12px;border:1px dashed #3A3A3A;border-radius:8px;background:#0E0E0E}
.dcode b{display:block;font-size:14px;letter-spacing:.06em;margin-top:3px}
.dcode .dl{display:flex;align-items:center;gap:5px;font-size:11px;color:#8A8A8A}
.dcode .dl svg{width:12px;height:12px;color:#FF8A3D}
.dcode .db{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:5px;background:var(--brand);color:#fff}
.dsteps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:14px 14px 0;padding:0;counter-reset:d}
.dsteps li{position:relative;padding-top:16px;font-size:11px;color:#6E6E6E;text-align:center}
.dsteps li::before{content:"";position:absolute;top:0;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#333;z-index:1}
.dsteps li::after{content:"";position:absolute;top:4px;left:-50%;width:100%;height:2px;background:#333}
.dsteps li:first-child::after{display:none}
.dsteps li.done,.dsteps li.cur{color:#F2F2F2}
.dsteps li.done::before,.dsteps li.done::after,.dsteps li.cur::after{background:#FF7A2E}
.dsteps li.cur::before{background:#141414;border:2px solid #FF7A2E;width:6px;height:6px}
.dfoot{display:flex;justify-content:space-between;align-items:baseline;padding:14px 14px 6px;font-size:11.5px;color:#8A8A8A}
.dfoot b{font-size:13px;color:#F2F2F2}
.dbar{height:3px;margin:0 14px 14px;border-radius:2px;background:#2A2A2A;overflow:hidden}
.dbar i{display:block;width:4%;height:100%;background:#FF7A2E}
@media (max-width:1240px){.dwrap{transform:scale(.88)}}
/* light-mode fixes */
:root:not([data-theme="dark"]) .split.violet .k{color:#FFE3D3}
.cover::after{background:radial-gradient(closest-side,rgba(255,255,255,.1),transparent)}

/* ---------- homepage v3: calmer type, consistent categories, scroll motion ---------- */
.home{padding-top:36px}
.home .sec{margin-top:72px}
.home .sec-h{margin-bottom:18px}
.home .sec-h h2{font-size:26px;letter-spacing:-0.03em}
.home .sec-h .sub{font-size:14px;margin-top:5px}
.slide .eyebrow,.promo .k{font-family:var(--f);text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
/* category row: one style for all nine */
.depts .dept .c{background:var(--surf);border:1px solid var(--line);transition:background .25s,border-color .25s,translate .25s}
.depts .dept .c svg{width:36%;height:36%;color:var(--brand);stroke-width:1.5;transition:color .25s}
.depts .dept:hover .c{background:var(--brand);border-color:var(--brand);box-shadow:none;translate:0 -3px}
.depts .dept:hover .c svg{color:#fff}
.depts .dept:hover span{color:var(--text)}
:root[data-theme="dark"] .depts .dept .c{background:var(--surf);border-color:var(--line)}
/* product cards lift slightly */
.pc{transition:box-shadow .25s,border-color .25s,translate .25s}
.pc:hover{translate:0 -3px}
/* reveal on scroll */
@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.rv{opacity:0;translate:0 22px;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;translate:0 0}
.rv.in:not(.now) .rail>*,.rv.in:not(.now) .grid>*,.rv.in:not(.now) .depts>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.rv .rail>:nth-child(2),.rv .grid>:nth-child(2),.rv .depts>:nth-child(2){animation-delay:.06s}
.rv .rail>:nth-child(3),.rv .grid>:nth-child(3),.rv .depts>:nth-child(3){animation-delay:.12s}
.rv .rail>:nth-child(4),.rv .grid>:nth-child(4),.rv .depts>:nth-child(4){animation-delay:.18s}
.rv .rail>:nth-child(5),.rv .grid>:nth-child(5),.rv .depts>:nth-child(5){animation-delay:.24s}
.rv .rail>:nth-child(6),.rv .grid>:nth-child(6),.rv .depts>:nth-child(6){animation-delay:.3s}
.rv .depts>:nth-child(7){animation-delay:.36s}.rv .depts>:nth-child(8){animation-delay:.42s}.rv .depts>:nth-child(9){animation-delay:.48s}
/* hero: copy and art rise in on each slide */
.slide.on .copy>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.slide.on .copy>:nth-child(2){animation-delay:.06s}.slide.on .copy>:nth-child(3){animation-delay:.12s}.slide.on .copy>:nth-child(4){animation-delay:.18s}
.slide.on .art>*{animation:rise .9s .12s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;translate:none;transition:none}.rv *,.slide.on *{animation:none!important}}
/* how Rialto works: sticky story */
.how{margin-top:0;padding:96px 0;background:var(--surf);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.how-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}
.how-st{position:sticky;top:170px}
.how-k{font-size:13px;font-weight:600;color:var(--brand-2)}
.how h2{font-size:clamp(32px,3.4vw,46px);font-weight:800;letter-spacing:-0.04em;line-height:1.02;margin-top:10px;max-width:11em}
.how-st>p{font-size:16px;color:var(--text-2);margin-top:16px;max-width:30em;line-height:1.55}
.how-prog{display:flex;align-items:center;gap:14px;margin:34px 0 28px;font-size:13px;color:var(--text-3)}
.how-prog b{font-size:15px;color:var(--text)}
.how-bar{flex:1;max-width:220px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.how-bar i{display:block;height:100%;width:33.4%;background:var(--brand);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.how-r{display:grid;gap:28px}
.how-s{min-height:340px;padding:30px 32px;border:1px solid var(--line);border-radius:12px;background:var(--page);opacity:.5;filter:saturate(.2);transition:opacity .5s,filter .5s,border-color .5s,box-shadow .5s}
.how-s.on{opacity:1;filter:none;border-color:var(--line-2);box-shadow:0 30px 60px -40px rgba(10,10,10,.35)}
.how-sn{font-size:13px;color:var(--brand-2)}
.how-s h3{font-size:24px;font-weight:700;letter-spacing:-0.025em;margin-top:8px}
.how-s>p{font-size:15px;color:var(--text-2);margin-top:8px;max-width:34em;line-height:1.55}
.hv{margin-top:24px;max-width:420px;border-radius:10px;background:#141414;border:1px solid #2A2A2A;color:#F2F2F2;padding:16px 18px;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
.hv-r{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#8A8A8A}
.hv-r b{color:#F2F2F2;font-size:12.5px}
.hv-big{font-size:34px;font-weight:600;letter-spacing:-0.03em;margin:12px 0 14px}
.hv-big small{font-size:14px;color:#8A8A8A;margin-left:8px;font-weight:500}
.hv .bdg.esc{background:rgba(255,122,46,.14);color:#FF8A3D}
.hv-tl{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hv-tl li{position:relative;padding-left:24px}
.hv-tl li::before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:#FF7A2E}
.hv-tl li:not(:last-child)::after{content:"";position:absolute;left:4px;top:18px;bottom:-12px;width:2px;background:#FF7A2E;opacity:.5}
.hv-tl li.cur::before{background:#141414;border:2px solid #FF7A2E;width:6px;height:6px}
.hv-tl b{display:block;font-size:13.5px}
.hv-tl span{display:block;font-size:12px;color:#8A8A8A;margin-top:1px}
@media (max-width:900px){.how{padding:56px 0}.how-in{grid-template-columns:minmax(0,1fr);gap:28px}.how-st{position:static}.how-prog{display:none}.how-s{min-height:0;opacity:1}}

/* code explorer: always dark, like the hero cards (local tokens override the theme) */
.code{--surf:#141414;--surf-2:#0E0E0E;--line:#262626;--line-2:#333;--text:#F2F2F2;--text-2:#BDBDBD;--text-3:#8A8A8A;--brand-2:#FF8A3D;background:#141414;color:var(--text);border-color:#262626;box-shadow:0 24px 50px -30px rgba(0,0,0,.5)}
.code pre .k{color:#FF8A3D}
.code pre .m{color:#FF7A2E}
.code pre .t{color:#FFC9A3}
.code pre::-webkit-scrollbar{height:8px}
.code pre::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
.code pre{scrollbar-color:#333 transparent}

/* how-it-works: code under each step's visual (always dark, same palette as the Protect code explorer) */
.hcode{margin-top:14px;max-width:560px;border-radius:10px;background:#0E0E0E;border:1px solid #262626;overflow:hidden}
.hcode .fp{padding:8px 14px;font-size:11px;color:#8A8A8A;border-bottom:1px solid #222}
.hcode pre{margin:0;padding:12px 14px 14px;overflow-x:auto;font:12px/1.7 var(--mono);color:#F2F2F2;scrollbar-color:#333 transparent}
.hcode pre .k{color:#FF8A3D;font-weight:600}
.hcode pre .m{color:#FF7A2E}
.hcode pre .t{color:#FFC9A3}
.hcode pre .c,.hcode pre .a{color:#8A8A8A}
.hcode pre .c{font-style:italic}
.how-s .hv{max-width:560px}

.how-l,.how-r,.how-s{min-width:0}
.hv,.hcode{max-width:100%}
@media (max-width:900px){.how-s{padding:22px 18px}}

/* how-it-works, compact: text across the top, visual and code side by side */
.how{padding:64px 0}
.how-in{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:56px}
.how h2{font-size:clamp(28px,2.6vw,38px)}
.how-st{top:150px}
.how-st>p{font-size:15px;margin-top:12px}
.how-prog{margin:24px 0 20px}
.how-r{gap:14px}
.how-s{min-height:0;padding:20px 22px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:14px;align-items:stretch}
.how-s>.how-sn,.how-s>h3,.how-s>p{grid-column:1/-1}
.how-s h3{font-size:19px;margin-top:4px}
.how-s>p{font-size:14px;margin-top:4px}
.how-s .hv,.how-s .hcode{margin-top:14px;max-width:none}
.how-s .hv{padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between}
.how-s .hv-big{font-size:24px;margin:8px 0}
.how-s .hv-big small{font-size:12px}
.how-s .hv-r{font-size:11px}
.how-s .hv-tl{gap:8px}
.how-s .hv-tl b{font-size:12.5px}
.how-s .hv-tl span{font-size:11px}
.how-s .hv-tl li:not(:last-child)::after{bottom:-6px}
.how-s .hcode .fp{padding:6px 12px;font-size:10.5px}
.how-s .hcode pre{padding:9px 12px 10px;font-size:11.5px;line-height:1.65}
@media (max-width:1100px){.how-s{grid-template-columns:minmax(0,1fr)}.how-s .hcode{margin-top:10px}}

/* how-it-works: visual only (no code), full width under the step text */
.how-s .hv{grid-column:1/-1;max-width:460px}

/* homepage Browse (search, tabs, chips) */
.browse .bhead{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:18px}
.browse .bhead h2{font-size:26px;font-weight:700;letter-spacing:-0.03em}
.bseg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--surf-3)}
.bseg button{border:0;background:transparent;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s}
.bseg button span{font-weight:500;color:var(--text-3);margin-left:2px}
.bseg button[aria-pressed="true"]{background:var(--surf);color:var(--text);box-shadow:var(--sh-1)}
.brow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}
.bsearch{position:relative;display:block}
.bsearch svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--text-3);pointer-events:none}
.bsearch input{width:100%;height:48px;padding:0 16px 0 46px;border-radius:10px;border:1px solid var(--line-2);background:var(--surf);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}
.bsearch input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,95,31,.14)}
.bsort{height:48px;width:auto;min-width:190px;border-radius:10px;font-size:14px;font-weight:600;padding:0 14px}
.bchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center}
.bchip{border:1px solid var(--line-2);background:var(--surf);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.bchip span{font-weight:500;color:var(--text-3);margin-left:3px}
.bchip:hover{border-color:var(--text)}
.bchip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.bchip[aria-pressed="true"] span{color:rgba(255,255,255,.65)}
:root[data-theme="dark"] .bchip[aria-pressed="true"]{background:#F2F2F2;border-color:#F2F2F2;color:#0A0A0A}
:root[data-theme="dark"] .bchip[aria-pressed="true"] span{color:#555}
.bprice{margin-bottom:16px}
.bprice .bchip{padding:5px 12px;font-size:12.5px}
.bclear{border:0;background:none;color:var(--brand);font-weight:600;font-size:13px;cursor:pointer;padding:4px 6px}
.bclear:hover{text-decoration:underline}
.bcount{margin-left:auto;font-size:13px;color:var(--text-3)}
.bmore{display:flex;justify-content:center;margin-top:18px}
@media (max-width:760px){.brow{grid-template-columns:1fr}.bsort{width:100%}.bseg{width:100%;overflow-x:auto}.bseg button{padding:7px 12px;font-size:13px;white-space:nowrap}}

.home>.browse:first-child{margin-top:0}

/* ---------- Shop by department: bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:290px 290px;gap:14px}
.bt{position:relative;overflow:hidden;border-radius:18px;padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.bt-hit{position:absolute;inset:0;z-index:1}
.bt-top,.bt-subs{position:relative;z-index:2;pointer-events:none}
.bt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bt h3{font-size:28px;font-weight:800;letter-spacing:-0.035em;line-height:1}
.bt-n{display:block;margin-top:8px;font-size:13.5px;opacity:.7}
.bt-go{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.85;transition:background .3s,color .3s,transform .3s,opacity .3s}
.bt-go svg{width:18px;height:18px}
.bt:hover .bt-go{transform:translateX(3px);opacity:1}
.bt-subs{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
.bt-subs a{pointer-events:auto;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,color .2s,border-color .2s}
.bt-art{position:absolute;inset:0;pointer-events:none}
.bt-art>*{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
/* physical: warm stone stage with real product photos */
.bt-phys{grid-column:1/3;grid-row:1/3;background:radial-gradient(120% 90% at 70% 35%,#FBFAF8 0%,#EEEAE4 60%,#E6E1DA 100%);color:#141414}
.bt-phys .bt-art img{position:absolute;object-fit:contain;mix-blend-mode:multiply}
.bt-phys .p0{width:46%;right:27%;top:20%;transform:rotate(-8deg)}
.bt-phys .p1{width:40%;right:2%;top:46%}
.bt-phys .p2{width:22%;right:57%;top:47%;transform:rotate(6deg)}
.bt-phys .p3{width:25%;right:7%;top:15%;transform:rotate(10deg)}
.bt-phys:hover .p0{transform:rotate(-10deg) translateY(-6px) scale(1.03)}
.bt-phys:hover .p1{transform:translateY(-4px) scale(1.03)}
.bt-phys:hover .p2{transform:rotate(8deg) translateY(-5px)}
.bt-phys:hover .p3{transform:rotate(12deg) translateY(-4px)}
.bt-phys h3{font-size:44px}
.bt-phys .bt-subs{max-width:72%}
.bt-phys .bt-subs a{background:rgba(255,255,255,.72);border:1px solid rgba(20,20,20,.08);color:#141414}
.bt-phys .bt-subs a:hover{background:#141414;color:#fff}
.bt-phys:hover .bt-go{background:#141414;color:#fff;border-color:#141414}
/* digital: black, gift-card fan */
.bt-dig{grid-column:3/5;grid-row:1/2;background:radial-gradient(90% 120% at 85% 20%,rgba(255,106,42,.28),transparent 60%),#0E0E0E;color:#F4F4F4}
.bt-fan{position:absolute;right:-18px;top:56%;width:280px;height:180px;transform:translateY(-50%)}
.bt-fan .gc{position:absolute;width:170px}
.bt-fan .gc:nth-child(1){right:112px;top:44px;transform:rotate(-12deg)}
.bt-fan .gc:nth-child(2){right:58px;top:20px;transform:rotate(-3deg)}
.bt-fan .gc:nth-child(3){right:6px;top:0;transform:rotate(8deg)}
.bt-dig:hover .bt-fan{transform:translateY(-50%) translateX(-6px) rotate(-1deg)}
.bt-dig .bt-subs{max-width:54%}
/* services: orange */
.bt-serv{grid-column:3/4;grid-row:2/3;background:linear-gradient(145deg,#FF7A2E,#E64A0C 70%);color:#fff}
.bt-brief{position:absolute;right:-22px;top:42%;width:210px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:rotate(-4deg);font-size:12px}
.bt-brief b{display:flex;align-items:center;gap:6px;font-size:13px}
.bt-brief b svg{width:14px;height:14px;stroke-width:3}
.bt-brief span{display:block;opacity:.85;margin-top:3px}
.bt-serv:hover .bt-brief{transform:rotate(-2deg) translateX(-6px)}
/* crypto: black, live price */
.bt-cry{grid-column:4/5;grid-row:2/3;background:radial-gradient(100% 100% at 100% 0%,rgba(153,69,255,.18),transparent 55%),radial-gradient(100% 100% at 0% 100%,rgba(20,241,149,.10),transparent 55%),#0E0E0E;color:#F4F4F4}
.bt-px{position:absolute;right:24px;top:92px;text-align:right}
.bt-px b{display:block;font-size:30px;font-weight:600;letter-spacing:-0.03em}
.bt-px>span:last-child{display:block;font-size:11.5px;opacity:.7;margin-top:2px}
.bt-px em{font-style:normal;color:#FF8A3D}
.bt-tok{display:inline-flex;justify-content:flex-end;margin-bottom:8px}
.bt-tok svg{width:30px;height:30px}
.bt-tok svg+svg{margin-left:-8px}
.bt-cry:hover .bt-px{transform:translateY(-4px)}
/* dark tiles share chip styling */
.bt-dig .bt-subs a,.bt-cry .bt-subs a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#EDEDED}
.bt-dig .bt-subs a:hover,.bt-cry .bt-subs a:hover{background:#fff;color:#0A0A0A}
.bt-serv .bt-subs a{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff}
.bt-serv .bt-subs a:hover{background:#fff;color:#C2410C}
.bt-dig:hover .bt-go,.bt-cry:hover .bt-go{background:#fff;color:#0A0A0A;border-color:#fff}
.bt-serv:hover .bt-go{background:#fff;color:#C2410C;border-color:#fff}
.bt-subs .bt-more{font-weight:700}
.bt-serv .bt-subs,.bt-cry .bt-subs{max-width:100%}
:root[data-theme="dark"] .bt-phys{background:radial-gradient(120% 90% at 70% 35%,#F3F1ED 0%,#E4DFD8 70%)}
@media (max-width:1100px){.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bt{min-height:260px}.bt-phys{grid-column:1/3;grid-row:auto;min-height:420px}.bt-dig{grid-column:1/3;grid-row:auto}.bt-serv,.bt-cry{grid-column:auto;grid-row:auto}}
@media (max-width:640px){.bento{grid-template-columns:1fr}.bt-phys,.bt-dig,.bt-serv,.bt-cry{grid-column:auto}.bt h3,.bt-phys h3{font-size:26px}.bt-phys .bt-subs,.bt-dig .bt-subs{max-width:100%}.bt-fan{opacity:.35}.bt-brief,.bt-px{opacity:.5}}
.bt-mark{position:absolute;right:-26px;bottom:-30px;width:190px;height:190px;color:rgba(255,255,255,.2)}
.bt-mark svg{width:100%;height:100%;stroke-width:1.1}
.bt-serv:hover .bt-mark{transform:rotate(-6deg) scale(1.04)}

@media (max-width:640px){.bt{min-height:0;gap:18px}.bt-phys{min-height:520px}.bt-phys .bt-subs{margin-top:auto}.bt-phys .p0{width:58%;right:30%;top:24%}.bt-phys .p1{width:52%;right:0;top:36%}.bt-phys .p2{width:30%;right:66%;top:40%}.bt-phys .p3{width:32%;right:4%;top:14%}.bt-dig .bt-art,.bt-cry .bt-art{display:none}.bt-dig,.bt-cry,.bt-serv{min-height:220px}}

.home>.depts2:first-child{margin-top:0}
.how{margin-top:72px}

.bt-fan img.gc{display:block;height:auto;padding:0;background:none;border-radius:10px;box-shadow:0 18px 34px -12px rgba(0,0,0,.7)}
.bt-fan img.gc::before{display:none}

.bt-fan{width:400px;height:200px;right:-26px;top:54%}
.bt-fan .gc{width:176px}
.bt-fan .gc:nth-child(1){right:212px;top:70px;transform:rotate(-10deg)}
.bt-fan .gc:nth-child(2){right:104px;top:34px;transform:rotate(-2deg)}
.bt-fan .gc:nth-child(3){right:0;top:4px;transform:rotate(7deg)}
.bt-dig .bt-subs{max-width:50%}

.bt-fan{width:310px;height:170px;right:-10px;top:auto;bottom:-6px;transform:none}
.bt-dig:hover .bt-fan{transform:translateX(-6px)}
.bt-fan .gc{width:150px}
.bt-fan .gc:nth-child(1){right:150px;top:62px;transform:rotate(-9deg)}
.bt-fan .gc:nth-child(2){right:76px;top:34px;transform:rotate(-2deg)}
.bt-fan .gc:nth-child(3){right:4px;top:8px;transform:rotate(6deg)}
.bt-dig .bt-subs{max-width:54%}

/* token logos: never inherit the line-icon stroke */
.tok circle,.tok path[fill^="url"]{stroke:none}
.bt-tok svg{border-radius:50%;box-shadow:0 0 0 2px #0E0E0E,0 0 0 3px rgba(255,255,255,.22)}

/* digital tile: three retail gift cards standing in a row */
.bt-stand{position:absolute;right:26px;bottom:-34px;width:330px;height:250px}
.bt-stand img{position:absolute;bottom:0;height:218px;width:auto;border-radius:8px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bt-stand img:nth-child(1){left:0;transform:rotate(-9deg) translateY(10px)}
.bt-stand img:nth-child(2){left:94px;z-index:2;transform:translateY(-14px)}
.bt-stand img:nth-child(3){left:188px;transform:rotate(9deg) translateY(10px)}
.bt-dig:hover .bt-stand img:nth-child(1){transform:rotate(-12deg) translate(-6px,4px)}
.bt-dig:hover .bt-stand img:nth-child(2){transform:translateY(-24px)}
.bt-dig:hover .bt-stand img:nth-child(3){transform:rotate(12deg) translate(6px,4px)}
.bt-dig .bt-subs{max-width:52%}
@media (max-width:640px){.bt-stand{display:none}}

.bt-stand{right:20px;bottom:-22px;width:292px;height:220px}
.bt-stand img{height:186px}
.bt-stand img:nth-child(2){left:78px}
.bt-stand img:nth-child(3){left:156px}

.bt-phys .p0{width:44%;right:26%;top:18%;transform:rotate(-6deg)}
.bt-phys:hover .p0{transform:rotate(-8deg) translateY(-6px) scale(1.03)}
.bt-phys .p2{width:21%;right:74%;top:38%;transform:rotate(-4deg)}
.bt-phys:hover .p2{transform:rotate(-6deg) translateY(-5px)}

.bt-phys .p0{width:30%;right:35%;top:15%;transform:rotate(-8deg)}
.bt-phys:hover .p0{transform:rotate(-10deg) translateY(-6px) scale(1.03)}

.bt-phys .p0{width:36%;right:31%;top:20%}
.bt-phys .p2{right:73%;top:40%}

/* hero: services slide (an escrow-funded job) */
.svc{width:372px;border-radius:12px;background:#141414;border:1px solid #2A2A2A;color:#F2F2F2;box-shadow:0 24px 50px -18px rgba(0,0,0,.7);overflow:hidden}
.svc-h{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #262626;font-size:12px;color:#BDBDBD}
.svc-h b{color:#F2F2F2;font-weight:600}
.svc .bdg.esc{background:rgba(255,122,46,.14);color:#FF8A3D}
.svc-who{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #222}
.svc-n b{display:flex;align-items:center;gap:4px;font-size:13px}
.svc-n b svg{width:12px;height:12px;color:#FF8A3D;stroke-width:3}
.svc-n span,.svc-p span{display:block;font-size:11px;color:#8A8A8A}
.svc-p{text-align:right}
.svc-p b{font-size:14px;color:#FF8A3D;font-weight:600}
.svc-ms{list-style:none;margin:0;padding:12px 14px 4px 14px;display:grid;gap:11px}
.svc-ms li{position:relative;padding-left:24px}
.svc-ms li::before{content:"";position:absolute;left:0;top:3px;width:10px;height:10px;border-radius:50%;background:#FF7A2E}
.svc-ms li:not(:last-child)::after{content:"";position:absolute;left:4px;top:17px;bottom:-9px;width:2px;background:#FF7A2E;opacity:.5}
.svc-ms li.cur::before{background:#141414;border:2px solid #FF7A2E;width:6px;height:6px}
.svc-ms b{display:block;font-size:13px}
.svc-ms li>span{display:block;font-size:11px;color:#8A8A8A;margin-top:1px}
.svc-files{display:flex!important;gap:6px;margin-top:7px!important}
.svc-files i{width:42px;height:30px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;letter-spacing:-0.04em}
.svc-files .c1{background:#FF5F1F;color:#fff}
.svc-files .c2{background:#F2F2F2;color:#141414}
.svc-files .c3{background:#262626;color:#FF8A3D;border:1px solid #333}
.svc-zip{display:flex!important;align-items:center;gap:7px;margin-top:7px!important;padding:7px 9px;border:1px solid #2E2E2E;border-radius:7px;background:#0E0E0E;color:#EDEDED!important;font-size:11.5px!important}
.svc-zip svg{width:14px;height:14px;color:#FF8A3D;flex:none}
.svc-zip em{margin-left:auto;font-style:normal;color:#8A8A8A}
.svc-f{display:flex;gap:8px;padding:12px 14px 14px}
.svc-b{flex:1;text-align:center;font-size:12px;font-weight:700;padding:8px 10px;border-radius:6px;background:var(--brand);color:#fff}
.svc-b.out{background:transparent;border:1px solid #3A3A3A;color:#EDEDED}
@media (max-width:1240px){.svc{transform:scale(.88)}}

.svc-h{padding:9px 14px}
.svc-who{padding:9px 14px}
.svc-ms{padding:10px 14px 2px;gap:8px}
.svc-files i{width:36px;height:24px;font-size:12px}
.svc-files{margin-top:5px!important}
.svc-zip{margin-top:5px!important;padding:5px 9px}
.svc-f{padding:10px 14px 12px}
.svc-b{padding:7px 10px}
.slides .arrows{left:auto;right:24px;bottom:16px}

.slides .arrows{left:250px;right:auto;bottom:10px}
@media (max-width:760px){.slides .arrows{display:none}}

/* hero: digital slide = a real listing card + the delivered order */
.dwrap2{position:relative;width:440px;height:330px;--surf:#141414;--line:#262626;--line-2:#333;--text:#F2F2F2;--text-2:#BDBDBD;--text-3:#8A8A8A;color:var(--text)}
.dwrap2 .dlist{position:absolute;left:0;top:14px;width:172px;z-index:3;transform:rotate(-4deg);box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
.dwrap2 .dlist .im{background:radial-gradient(90% 90% at 50% 40%,#2A2A2A,#151515)}
.slide .art .dwrap2 .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dlist img{position:absolute;inset:9% 0 0;margin:auto;height:90%;width:auto;max-width:none;left:50%;transform:translateX(-50%);padding:0;background:none;border:0;border-radius:6px;box-shadow:0 10px 18px -8px rgba(0,0,0,.7);object-fit:contain}
.dwrap2 .dlist .body{gap:4px;padding:9px 10px 10px}
.dwrap2 .dlist .tt{font-size:12.5px;min-height:0}
.dwrap2 .dlist .pr b{font-size:16px}
.dwrap2 .dlist .watch{display:none}
.dwrap2 .dord{position:absolute;right:0;top:40px;left:120px;bottom:auto;z-index:2}
.dwrap2 .dord .di{grid-template-columns:34px 1fr auto}
.dthumb{width:34px;height:46px;border-radius:5px;overflow:hidden;background:#0E0E0E;display:grid;place-items:center}
.slide .art .dthumb img,:root:not([data-theme="dark"]) .slide .art .dthumb img{position:static;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;background:none}
.dwrap2 .dord .dh .bdg.inst{background:rgba(255,122,46,.14);color:#FF8A3D}
.dwrap2 .dord .dn b{font-size:12.5px}
.dwrap2 .dcode b{font-size:13px}
@media (max-width:1240px){.dwrap2{transform:scale(.86)}}

.dwrap2{width:480px}
.dwrap2 .dlist{width:164px;left:0;top:22px;transform:rotate(-5deg)}
.dwrap2 .dord{left:150px;top:46px}
.slide .art .dwrap2 .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dlist img{inset:16% 0 4%;height:80%}

.dwrap2{width:430px}
.dwrap2 .dlist{width:180px;left:0;top:8px;transform:rotate(-4deg)}
.dwrap2 .dord{left:158px;right:0;top:56px}
.dsum{display:flex;justify-content:space-between;gap:8px;padding:10px 14px 8px;font-size:11.5px;color:#8A8A8A}
.dsum span:first-child{color:#F2F2F2;font-weight:600}
.dwrap2 .dcode{margin-top:2px}
.dwrap2 .dcode b{font-size:12px;letter-spacing:.03em}
.dwrap2 .dcode .dl{font-size:10.5px}
.dwrap2 .dsteps li{font-size:10px}
.slide .art .dwrap2 .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dlist img{inset:6% 0 4%;height:90%}

.dwrap2{width:440px}
.dwrap2 .dlist{width:170px}
.dwrap2 .dord{left:176px;right:0;top:50px}
.slide .art .dwrap2 .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dlist img{inset:auto;top:7%;left:50%;height:88%;width:auto;transform:translateX(-50%)}
.dwrap2 .dord .dh{padding:9px 12px;font-size:11px}
.dwrap2 .dsum{padding:9px 12px 7px;font-size:11px}
.dwrap2 .dcode{margin:0 12px;padding:8px 10px}
.dwrap2 .dcode b{font-size:12.5px}
.dwrap2 .dcode .db{padding:5px 9px;font-size:11px}
.dwrap2 .dsteps{margin:12px 12px 0}
.dwrap2 .dfoot{padding:12px 12px 6px;font-size:11px}
.dwrap2 .dbar{margin:0 12px 12px}

/* digital slide, v3: listing and delivered order side by side, same height, top-aligned */
.dwrap2{display:flex;align-items:stretch;gap:16px;width:auto;height:auto}
.dwrap2 .dlist{position:relative;left:auto;top:auto;width:178px;flex:none;transform:none;box-shadow:0 24px 50px -22px rgba(0,0,0,.55)}
.dwrap2 .dlist .im{background:#fff}
.slide .art .dwrap2 .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dlist img{inset:auto;top:8%;left:50%;height:84%;width:auto;transform:translateX(-50%);border-radius:5px;box-shadow:0 8px 14px -6px rgba(0,0,0,.35)}
.dwrap2 .dord{position:relative;left:auto;right:auto;top:auto;width:256px;flex:none;display:flex;flex-direction:column;box-shadow:0 24px 50px -22px rgba(0,0,0,.55)}
.dwrap2 .dord .dfoot{margin-top:auto}
.dwrap2 .dsteps{margin:16px 12px 0}
.dwrap2 .dsum{padding:12px 12px 10px}
.dwrap2::after{content:"";position:absolute}

.dwrap2{gap:12px;margin-left:24px}
.dwrap2 .dlist{width:158px}
.dwrap2 .dord{width:226px}
.dwrap2 .dsum span:last-child{display:none}

.dheld{margin:14px 12px 0;padding:10px 12px;border-radius:8px;background:rgba(255,122,46,.08);border:1px solid rgba(255,122,46,.22)}
.dheld span{display:block;font-size:10.5px;color:#8A8A8A}
.dheld b{display:block;font-size:17px;color:#FF8A3D;margin:2px 0;font-weight:600}
.dwrap2 .dfoot{padding-top:10px}

/* how-it-works sits on the page background (no full-width band) */
.how{background:transparent;border-top:0;border-bottom:0;padding:24px 0 8px}
.how-s{background:var(--surf)}
/* trust strip: a contained, bordered box within the content width */
.trustbar{background:transparent;border:0;margin-top:14px}
.trustbar .wrap{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;max-width:calc(var(--max) - 48px)}
@media (max-width:760px){.trustbar .wrap{max-width:calc(100% - 28px)}}

/* digital slide v4: a fan of gift-card listings behind the delivered order */
.dwrap2{display:block;position:relative;width:470px;height:340px;margin-left:0;gap:0}
.dfan{position:absolute;left:0;top:6px;width:300px;height:330px}
.dfan .dlist{position:absolute;top:0;width:150px;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dfan .dlist:nth-child(1){left:0;transform:rotate(-12deg) translateY(18px)}
.dfan .dlist:nth-child(2){left:66px;z-index:2;transform:rotate(-2deg)}
.dfan .dlist:nth-child(3){left:132px;transform:rotate(8deg) translateY(16px)}
.slide.on:hover .dfan .dlist:nth-child(1){transform:rotate(-15deg) translate(-8px,18px)}
.slide.on:hover .dfan .dlist:nth-child(3){transform:rotate(11deg) translate(6px,16px)}
.dfan .dlist .body{padding:8px 9px 9px;gap:3px}
.dfan .dlist .tt{font-size:11.5px}
.dfan .dlist .pr b{font-size:15px}
.dfan .dlist .plat{font-size:9.5px}
.dwrap2 .dord{position:absolute;right:0;left:auto;top:34px;width:236px;z-index:5;box-shadow:0 30px 60px -18px rgba(0,0,0,.7)}
@media (max-width:1240px){.dwrap2{transform:scale(.86);transform-origin:right center}}

.dwrap2{width:430px}
.dfan{left:0;width:280px}
.dfan .dlist{width:140px}
.dfan .dlist:nth-child(1){left:0;z-index:1;transform:rotate(-11deg) translateY(26px)}
.dfan .dlist:nth-child(2){left:62px;z-index:3;transform:rotate(-2deg) translateY(4px)}
.dfan .dlist:nth-child(3){left:124px;z-index:2;transform:rotate(8deg) translateY(22px)}
.slide.on:hover .dfan .dlist:nth-child(1){transform:rotate(-14deg) translate(-8px,26px)}
.slide.on:hover .dfan .dlist:nth-child(3){transform:rotate(11deg) translate(6px,22px)}
.dwrap2 .dord{width:228px;top:40px}

.dwrap2{width:404px}
.dfan .dlist{width:134px}
.dfan .dlist:nth-child(2){left:56px}
.dfan .dlist:nth-child(3){left:112px}

/* digital slide v5: a 3D shelf of gift-card listings */
.dwrap2{width:440px;height:330px;perspective:1100px}
.dshelf{left:0;top:4px;width:440px;height:330px;transform-style:preserve-3d}
.dshelf .dlist{width:146px;top:0;transform-origin:50% 50%;box-shadow:0 30px 50px -24px rgba(0,0,0,.55)}
.dshelf .dlist:nth-child(1){left:0;z-index:1;transform:rotateY(28deg) translateZ(-60px) translateY(10px)}
.dshelf .dlist:nth-child(2){left:128px;z-index:3;transform:rotateY(0deg) translateZ(40px) translateY(-8px)}
.dshelf .dlist:nth-child(3){left:258px;z-index:2;transform:rotateY(-28deg) translateZ(-60px) translateY(10px)}
.slide.on:hover .dshelf .dlist:nth-child(1){transform:rotateY(22deg) translateZ(-40px) translate(-10px,6px)}
.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateZ(60px) translateY(-16px)}
.slide.on:hover .dshelf .dlist:nth-child(3){transform:rotateY(-22deg) translateZ(-40px) translate(10px,6px)}
.dchip{position:absolute;z-index:6;left:50%;bottom:-6px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;background:#141414;color:#F2F2F2;font-size:12px;white-space:nowrap;box-shadow:0 18px 34px -14px rgba(0,0,0,.6);border:1px solid #2A2A2A}
.dchip svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#FF5F1F;color:#fff;box-sizing:content-box}
.dchip b{font-weight:700}

.dwrap2{width:380px;margin-right:18px}
.dshelf{width:380px}
.dshelf .dlist{width:128px}
.dshelf .dlist:nth-child(2){left:116px}
.dshelf .dlist:nth-child(3){left:232px}

.logo img.mark{display:block;width:36px;height:36px;border-radius:9px}

/* hero: taller stage so the artwork can be the centrepiece */
.hero{height:460px}
/* digital shelf: middle card stays flat (no Z push) so the Steam art renders sharp */
.dshelf .dlist:nth-child(2){transform:translateY(-10px)}
.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-18px)}
.dshelf .dlist:nth-child(1){transform:rotateY(26deg) translateY(12px) scale(.94)}
.dshelf .dlist:nth-child(3){transform:rotateY(-26deg) translateY(12px) scale(.94)}
.dshelf .dlist img{image-rendering:auto;backface-visibility:hidden}
@media (max-width:1100px){.hero{height:auto}}

/* text column only as wide as the copy; the artwork gets the rest */
.slide{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
.slide .copy{max-width:440px}
@media (max-width:760px){.slide{grid-template-columns:1fr}}

/* artwork keeps its designed size; fitArt() scales it */
.slide .art>*{flex:none}
.hcards{margin-left:0}

/* digital shelf: the spread-out look is the resting state; on hover the side cards swing round to face you */
.dshelf .dlist{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.dshelf .dlist:nth-child(1){transform:rotateY(22deg) translateZ(-40px) translate(-10px,6px)}
.dshelf .dlist:nth-child(2){transform:translateY(-18px)}
.dshelf .dlist:nth-child(3){transform:rotateY(-22deg) translateZ(-40px) translate(10px,6px)}
.slide.on:hover .dshelf .dlist:nth-child(1){transform:rotateY(0deg) translate(6px,14px) rotate(-6deg) scale(.96)}
.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-26px) scale(1.04);box-shadow:0 40px 60px -26px rgba(0,0,0,.6)}
.slide.on:hover .dshelf .dlist:nth-child(3){transform:rotateY(0deg) translate(-6px,14px) rotate(6deg) scale(.96)}

/* digital shelf, flat (2D only) so text and images stay sharp when the hero scales the artwork */
.dwrap2{perspective:none}
.dshelf{transform-style:flat}
.dshelf .dlist{transition:transform .25s,box-shadow .25s,border-color .25s}
.dshelf .dlist:nth-child(1),.slide.on:hover .dshelf .dlist:nth-child(1){transform:rotate(-5deg) translateY(14px)}
.dshelf .dlist:nth-child(2),.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-8px);box-shadow:0 30px 50px -24px rgba(0,0,0,.55)}
.dshelf .dlist:nth-child(3),.slide.on:hover .dshelf .dlist:nth-child(3){transform:rotate(5deg) translateY(14px)}
/* same subtle lift as the physical cards */
.dshelf .dlist:nth-child(1):hover{transform:rotate(-5deg) translateY(11px)}
.dshelf .dlist:nth-child(2):hover{transform:translateY(-11px)}
.dshelf .dlist:nth-child(3):hover{transform:rotate(5deg) translateY(11px)}
.dshelf .dlist img{backface-visibility:visible}

/* spread-out shelf, 2D only: side cards apart with a slight lean (skew), centre raised */
.dshelf .dlist:nth-child(1),.slide.on:hover .dshelf .dlist:nth-child(1){transform:translate(-22px,10px) skewY(6deg) scale(.95)}
.dshelf .dlist:nth-child(2),.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-14px)}
.dshelf .dlist:nth-child(3),.slide.on:hover .dshelf .dlist:nth-child(3){transform:translate(22px,10px) skewY(-6deg) scale(.95)}
.dshelf .dlist:nth-child(1):hover{transform:translate(-22px,7px) skewY(6deg) scale(.95)}
.dshelf .dlist:nth-child(2):hover{transform:translateY(-17px)}
.dshelf .dlist:nth-child(3):hover{transform:translate(22px,7px) skewY(-6deg) scale(.95)}

/* digital shelf in 3D, laid out at full display size (zoom renders it natively, so no blur) */
.dwrap2{zoom:1.32;perspective:1100px}
.dshelf{transform-style:preserve-3d}
.dshelf .dlist{transition:transform .25s,box-shadow .25s}
.dshelf .dlist:nth-child(1),.slide.on:hover .dshelf .dlist:nth-child(1){transform:rotateY(22deg) translateZ(-40px) translate(-10px,6px)}
.dshelf .dlist:nth-child(2),.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-18px)}
.dshelf .dlist:nth-child(3),.slide.on:hover .dshelf .dlist:nth-child(3){transform:rotateY(-22deg) translateZ(-40px) translate(10px,6px)}
.dshelf .dlist:nth-child(1):hover{transform:rotateY(22deg) translateZ(-40px) translate(-10px,3px)}
.dshelf .dlist:nth-child(2):hover{transform:translateY(-21px)}
.dshelf .dlist:nth-child(3):hover{transform:rotateY(-22deg) translateZ(-40px) translate(10px,3px)}

/* only the side cards are 3D (own perspective); the centre card is plain 2D so it stays razor sharp */
.dwrap2{perspective:none}
.dshelf{transform-style:flat}
.dshelf .dlist:nth-child(1),.slide.on:hover .dshelf .dlist:nth-child(1){transform:perspective(900px) rotateY(22deg) translate3d(-10px,6px,-40px)}
.dshelf .dlist:nth-child(3),.slide.on:hover .dshelf .dlist:nth-child(3){transform:perspective(900px) rotateY(-22deg) translate3d(10px,6px,-40px)}
.dshelf .dlist:nth-child(2),.slide.on:hover .dshelf .dlist:nth-child(2){transform:translateY(-18px)}
.dshelf .dlist:nth-child(1):hover{transform:perspective(900px) rotateY(22deg) translate3d(-10px,3px,-40px)}
.dshelf .dlist:nth-child(3):hover{transform:perspective(900px) rotateY(-22deg) translate3d(10px,3px,-40px)}
.dshelf .dlist:nth-child(2):hover{transform:translateY(-21px)}

/* digital slide v6: three flat (2D) listing cards, spaced left / centre / right, with an order confirmation underneath */
.dwrap2{zoom:1.2;perspective:none;width:436px;height:auto;margin-right:0}
.dshelf{position:relative;left:auto;top:auto;width:436px;height:auto;display:flex;gap:16px;align-items:flex-start;transform-style:flat}
.dshelf .dlist,.slide.on:hover .dshelf .dlist{position:relative;left:auto!important;top:auto;width:134px;flex:none;transform:none;box-shadow:0 22px 40px -22px rgba(0,0,0,.5);transition:transform .25s,box-shadow .25s}
.dshelf .dlist:nth-child(1),.slide.on:hover .dshelf .dlist:nth-child(1),.dshelf .dlist:nth-child(3),.slide.on:hover .dshelf .dlist:nth-child(3){transform:translateY(14px)}
.dshelf .dlist:nth-child(2),.slide.on:hover .dshelf .dlist:nth-child(2){transform:none;box-shadow:0 28px 48px -22px rgba(0,0,0,.6)}
.dshelf .dlist:nth-child(1):hover,.dshelf .dlist:nth-child(3):hover{transform:translateY(11px)}
.dshelf .dlist:nth-child(2):hover{transform:translateY(-3px)}
.dshelf .dlist .im{aspect-ratio:5/4}
.slide .art .dwrap2 .dshelf .dlist img,:root:not([data-theme="dark"]) .slide .art .dwrap2 .dshelf .dlist img{top:9%;height:82%}
.dshelf .dlist .body{padding:7px 9px 9px;gap:2px}
.dshelf .dlist .by{display:none}
.dconf{position:relative;z-index:6;margin:30px auto 0;width:400px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#141414;color:#F2F2F2;border:1px solid #2A2A2A;box-shadow:0 18px 34px -14px rgba(0,0,0,.6);font-size:11px}
.dconf .dc-ic svg{display:block;width:16px;height:16px;padding:5px;border-radius:50%;background:#FF5F1F;color:#fff;stroke-width:3;box-sizing:content-box}
.dconf .dc-t{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.dconf .dc-t b{font-size:12.5px;font-weight:700}
.dconf .dc-t span{color:#9A9A9A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dconf .dc-e{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:rgba(255,95,31,.12);border:1px solid rgba(255,95,31,.3);color:#FFB089;white-space:nowrap}
.dconf .dc-e svg{width:13px;height:13px;color:#FF8A3D}
.dconf .dc-e b{color:#fff;font-family:"Geist Mono",monospace;font-weight:600}
/* footer: brand + 4 columns */
.foot-cols{grid-template-columns:1.6fr repeat(4,1fr)}
@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}}

/* disputes */
.dsp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:22px}
.dsp{padding:22px}
.dsp h3{font-size:15px;font-weight:700;margin:4px 0 12px}
.dsp h3:not(:first-child){margin-top:24px}
.dsp .fg{margin-bottom:14px}
.dsp textarea.inp{height:auto;min-height:110px;padding:10px 12px;resize:vertical}
.dsp .note{margin:4px 0 16px}
.dtx{display:flex;flex-direction:column;gap:8px}
.dtx-o{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}
.dtx-o:hover{border-color:var(--line-2)}
.dtx-o:has(input:checked){border-color:#FF5F1F;background:rgba(255,95,31,.06)}
.dtx-o input{accent-color:#FF5F1F;flex:none}
.dtx-o .th{flex:none;width:44px;height:44px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:var(--img)}
.dtx-o .th>*{max-width:100%;max-height:100%}
.dtx-o .th svg{width:22px;height:22px}
.dtx-o .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dtx-o .grow b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtx-o .grow .muted{font-size:12px}
.dtx-o .st{font-size:11.5px;color:var(--brand-2);font-weight:600}
.dtx-o .amt{font-family:var(--mono);font-weight:600;font-size:13.5px}
.dsp-side{padding:20px;position:sticky;top:90px}
.dsp-side h4{font-size:14px;font-weight:700;margin-bottom:12px}
.dsp-side ol{list-style:none;counter-reset:s;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:12px}
.dsp-side li{counter-increment:s;display:grid;grid-template-columns:24px 1fr;column-gap:10px;font-size:13px}
.dsp-side li::before{content:counter(s);grid-row:span 2;width:22px;height:22px;border-radius:50%;background:#FF5F1F;color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.dsp-side li span{color:var(--text-2)}
.dsp-side p{font-size:12.5px;margin-bottom:10px}
@media (max-width:900px){.dsp-wrap{grid-template-columns:1fr}.dsp-side{position:static}}

/* contact */
.contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.ccard{display:flex;gap:14px;padding:20px;align-items:flex-start;transition:border-color .15s,transform .15s}
.ccard:hover{border-color:#FF5F1F;transform:translateY(-2px)}
.ccard .ci{flex:none;width:42px;height:42px;border-radius:10px;background:#141414;color:#fff;display:grid;place-items:center}
.ccard .ci svg{width:20px;height:20px}
.ccard>span:last-child{display:flex;flex-direction:column;gap:3px}
.ccard b{font-size:15px}
.ccard>span:last-child>span{color:#FF5F1F;font-weight:600;font-size:14px}
.ccard small{color:var(--text-3);font-size:12.5px}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* legal pages */
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}
.ltoc{padding:14px;position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.ltoc a{font-size:13px;color:var(--text-2);padding:6px 8px;border-radius:6px}
.ltoc a:hover{background:var(--img);color:var(--text)}
.lbody{padding:28px 32px;max-width:820px}
.lbody section{scroll-margin-top:96px}
.lbody section+section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.lbody h2{font-size:18px;font-weight:700;margin-bottom:10px}
.lbody p,.lbody li{font-size:14.5px;line-height:1.65;color:var(--text-2)}
.lbody p+p,.lbody ul+p,.lbody p+ul{margin-top:10px}
.lbody ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.lbody b{color:var(--text)}
@media (max-width:900px){.legal{grid-template-columns:1fr}.ltoc{position:static}.lbody{padding:20px}}
/* $RIALTO token: dept-bar link + page */
.qk-tok{display:inline-flex;align-items:center;gap:7px;color:#FF8A3D!important;font-weight:600}
.qk-tok img{width:18px;height:18px;border-radius:5px}
.tok-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center;margin-top:14px;padding:40px;border-radius:16px;background:radial-gradient(120% 140% at 100% 0%,rgba(255,95,31,.32),transparent 55%),#0E0E0E;color:#F2F2F2;overflow:hidden}
.tok-k{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:#FF8A3D;letter-spacing:.04em}
.tok-k img{width:22px;height:22px;border-radius:6px}
.tok-hero h1{font-size:42px;font-weight:800;line-height:1.05;margin:12px 0 14px;color:#fff}
.tok-hero p{color:#B5B5B5;font-size:15.5px;max-width:520px;line-height:1.6}
.tok-cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.tok-out{background:transparent;color:#fff;border:1px solid #3A3A3A}
.tok-out:hover{border-color:#FF5F1F;color:#fff}
.tok-card{background:#161616;border:1px solid #2A2A2A;border-radius:14px;padding:22px}
.tok-coin{width:88px;height:88px;margin:0 auto 18px;border-radius:50%;padding:6px;background:linear-gradient(145deg,#FF8A3D,#FF5F1F);box-shadow:0 18px 40px -12px rgba(255,95,31,.6)}
.tok-coin img{width:100%;height:100%;border-radius:50%;display:block}
.tok-card dl{display:flex;flex-direction:column}
.tok-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #262626;font-size:13.5px}
.tok-card dt{color:#8A8A8A}
.tok-card dd{color:#F2F2F2;font-weight:600;margin:0}
.tok-util{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tok-u{padding:20px;display:flex;flex-direction:column;gap:8px}
.tok-u .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,95,31,.1);color:#FF5F1F}
.tok-u .ic svg{width:19px;height:19px}
.tok-u b{font-size:15px;margin-top:4px}
.tok-u p,.tok-s p{font-size:13.5px;color:var(--text-2);line-height:1.55}
.tok-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tok-s{padding:20px;display:flex;flex-direction:column;gap:6px}
.tok-s .mono{color:#FF5F1F;font-size:12px;font-weight:600}
.tok-s b{font-size:15px}
@media (max-width:900px){.tok-hero{grid-template-columns:1fr;padding:26px}.tok-hero h1{font-size:32px}.tok-util,.tok-flow{grid-template-columns:1fr}}
/* $RIALTO scroll story: steps scroll on the left, the sticky stage on the right swaps visuals */
.xlogo{width:16px;height:16px;flex:none}
.tok-out{display:inline-flex;align-items:center;gap:9px}
.ccard .ci .xlogo{width:18px;height:18px}
.tks{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin-top:20px}
.tks-s{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.tks-s.on{opacity:1}
.tks-s>.mono{font-size:12.5px;color:#FF5F1F;font-weight:600;letter-spacing:.04em}
.tks-s h2{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:10px 0 14px}
.tks-s p{font-size:16.5px;line-height:1.6;color:var(--text-2);max-width:30em}
.tks-m{display:none}
.tks-stage{position:relative}
.tks-box{position:sticky;top:calc(50vh - 200px);height:420px;border-radius:18px;overflow:hidden;background:radial-gradient(90% 80% at 85% 0%,rgba(255,95,31,.35),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(255,95,31,.14),transparent 60%),#0E0E0E;border:1px solid #222;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.tks-rail{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:2}
.tks-rail span{width:6px;height:6px;border-radius:3px;background:#3A3A3A;transition:height .4s,background .4s}
.tks-rail span.on{height:26px;background:#FF5F1F}
.tks-v{position:absolute;inset:0;display:grid;place-items:center;padding:30px 30px 30px 56px;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.tks-v.on{opacity:1;transform:none}
.tks-v>div,.tks-m>div{width:100%;max-width:360px;color:#F2F2F2}
.tv-lbl{display:block;font-size:12px;color:#8A8A8A}
.tv-fee .tv-big{display:flex;align-items:baseline;gap:14px;margin:6px 0 2px}
.tv-fee .tv-big s{font-size:30px;color:#5A5A5A;font-weight:700}
.tv-fee .tv-big b{font-size:64px;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}
.tv-save{display:inline-block;font-size:12.5px;color:#FF8A3D;background:rgba(255,95,31,.12);border:1px solid rgba(255,95,31,.3);padding:4px 10px;border-radius:999px}
.tv-tbl{margin-top:18px;border-top:1px solid #262626}
.tv-tbl div{display:grid;grid-template-columns:1fr 50px 50px;padding:8px 0;border-bottom:1px solid #1E1E1E;font-size:13px}
.tv-tbl span{color:#B5B5B5}
.tv-tbl s{color:#5A5A5A;text-align:right}
.tv-tbl b{color:#FF8A3D;text-align:right;font-family:var(--mono)}
.tv-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#1A1A1A;border:1px solid #2A2A2A;font-size:13px;color:#B5B5B5;margin-bottom:12px}
.tv-search svg{width:15px;height:15px}
.tv-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;border:1px solid #222;background:#141414;margin-top:8px;font-size:13px}
.tv-row .tv-th{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#2A2A2A,#1A1A1A);flex:none}
.tv-row .tv-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tv-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-row i{font-style:normal;font-size:11px;color:#5A5A5A}
.tv-row em{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#FF8A3D}
.tv-row em svg{width:12px;height:12px}
.tv-row.on{border-color:#FF5F1F;background:rgba(255,95,31,.08);box-shadow:0 14px 30px -14px rgba(255,95,31,.55);transform:scale(1.03)}
.tv-row.on .tv-th{background:linear-gradient(135deg,#FF8A3D,#FF5F1F)}
.tv-store{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#141414;border:1px solid #2A2A2A}
.tv-store b{display:flex;align-items:center;gap:6px;font-size:16px}
.tv-store b svg{width:16px;height:16px;padding:2px;border-radius:50%;background:#FF5F1F;color:#fff;stroke-width:3}
.tv-store small{display:block;font-size:12px;color:#8A8A8A;margin-top:2px}
.tv-ver ul{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:9px}
.tv-ver li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#D5D5D5}
.tv-ver li svg{width:14px;height:14px;padding:3px;border-radius:50%;background:rgba(255,95,31,.15);color:#FF8A3D;stroke-width:3;flex:none}
.tv-badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#FF8A3D;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,95,31,.35)}
.tv-badge svg{width:14px;height:14px}
.tv-flow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:22px}
.tv-node{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#B5B5B5;text-align:center;width:86px}
.tv-node svg{width:46px;height:46px;padding:12px;border-radius:14px;background:#181818;border:1px solid #2A2A2A;color:#F2F2F2;box-sizing:border-box}
.tv-node.hot svg{background:linear-gradient(145deg,#FF8A3D,#FF5F1F);border-color:transparent;color:#fff;box-shadow:0 12px 30px -8px rgba(255,95,31,.7)}
.tv-arr{flex:1;height:2px;margin-bottom:24px;background:repeating-linear-gradient(90deg,#FF5F1F 0 6px,transparent 6px 11px);background-size:22px 2px;animation:tvdash 1s linear infinite}
@keyframes tvdash{to{background-position:22px 0}}
.tv-supply>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#B5B5B5;margin-bottom:8px}
.tv-supply .mono{color:#FF8A3D;font-size:11px}
.tv-bar{height:10px;border-radius:5px;background:#1E1E1E;overflow:hidden;margin-bottom:12px}
.tv-bar i{display:block;height:100%;width:100%;border-radius:5px;background:linear-gradient(90deg,#FF5F1F,#FF8A3D);animation:tvburn 4s ease-in-out infinite alternate}
@keyframes tvburn{to{width:72%}}
.tv-pay{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid #2A2A2A;background:#141414;margin-top:8px;font-size:13.5px}
.tv-pay svg,.tv-pay img{width:24px;height:24px;flex:none}
.tv-pay b{flex:1}
.tv-pay.on{border-color:#FF5F1F}
.tv-opt .tv-lbl{margin-bottom:4px}
.tv-chip{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;color:#fff;padding:8px 14px;border-radius:999px;background:#1E1E1E;border:1px solid #333}
.tv-chip svg{width:14px;height:14px;color:#FF8A3D;stroke-width:3}
.tok-fine{font-size:12.5px;color:var(--text-3);text-align:center;margin:28px 0 8px}
@media (prefers-reduced-motion:reduce){.tv-arr,.tv-bar i{animation:none}}
@media (max-width:900px){.tks{grid-template-columns:1fr;gap:0}.tks-stage{display:none}.tks-s{min-height:0;opacity:1;padding:26px 0}.tks-s h2{font-size:28px}
  .tks-m{display:block;margin-top:18px;padding:24px 20px;border-radius:16px;background:radial-gradient(90% 80% at 85% 0%,rgba(255,95,31,.3),transparent 60%),#0E0E0E}}
/* help center: quick links above the FAQ */
.help-h{font-size:18px;font-weight:700;margin:30px 0 -6px}

/* dept-bar dropdowns: stay open while the pointer travels into the menu, and keep the trigger highlighted */
.ddm{display:block;visibility:hidden;opacity:0;transform:translateY(4px);margin-top:0;transition:opacity .15s,transform .15s,visibility 0s linear .2s}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.ddw:hover .ddm,.ddw:focus-within .ddm{visibility:visible;opacity:1;transform:none;transition:opacity .15s,transform .15s,visibility 0s}
.ddw:hover .ddt,.ddw:focus-within .ddt{color:#fff;background:rgba(255,255,255,.06);border-bottom-color:#FF5F1F}
.ddw:hover .ddt svg,.ddw:focus-within .ddt svg{color:#fff}
.ddw:hover .ddt svg:last-child{transform:rotate(180deg)}
.ddt svg:last-child{transition:transform .2s}
@media (max-width:1240px){.deptbar a.qk-tok{display:flex}}
/* featured-listings visual: real listing rows */
.tv-search small{margin-left:auto;font-size:11px;color:#5A5A5A}
.tv-row{color:#F2F2F2;text-decoration:none}
.tv-row .tv-th{background:#fff;overflow:hidden;display:grid;place-items:center}
.tv-row.on .tv-th{background:#fff;box-shadow:0 0 0 2px #FF5F1F}
.tv-row .tv-th img{width:100%;height:100%;object-fit:contain;padding:3px}
.tv-row i{color:#8A8A8A}
.tv-pr{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}
.tv-pr b{font-size:13.5px;font-weight:600}
.tv-pr s{font-size:11px;color:#5A5A5A}
/* verified-seller visual: Rialto storefront */
.tv-logo{width:46px;height:46px;border-radius:12px;flex:none;display:block}
.tv-ver li em{margin-left:auto;font-style:normal;font-size:12px;color:#FF8A3D}

/* protect: 4 roles, 6 verify cells */
@media (min-width:1001px){.roles{grid-template-columns:repeat(4,minmax(0,1fr))}.verify{grid-template-columns:repeat(3,minmax(0,1fr))}.verify>div:nth-child(4){border-left:0}.verify>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:1000px) and (min-width:561px){.verify>div:nth-child(odd){border-left:0}}
/* token hero v2: coin centrepiece with orbit rings, stats strip */
.tok-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 40px;align-items:stretch;padding:60px 56px 0;border-radius:20px;border:1px solid #1E1E1E;
  background:radial-gradient(55% 75% at 76% 42%,rgba(255,95,31,.26),transparent 62%),radial-gradient(40% 55% at 100% 0%,rgba(255,138,61,.16),transparent 70%),#0A0A0A}
.tok-hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 85% at 76% 42%,#000,transparent 75%);mask-image:radial-gradient(60% 85% at 76% 42%,#000,transparent 75%)}
.tok-hero::after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,138,61,.55),transparent)}
.tok-copy{align-self:center;padding-bottom:56px}
.tok-k{padding:6px 13px 6px 11px;border:1px solid rgba(255,95,31,.32);background:rgba(255,95,31,.08);border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.tok-k i{width:7px;height:7px;border-radius:50%;background:#FF5F1F;box-shadow:0 0 0 4px rgba(255,95,31,.18)}
.tok-hero h1{font-size:clamp(40px,4.6vw,62px);letter-spacing:-.035em;line-height:1;margin:22px 0 18px}
.tok-hero h1 em{font-style:normal;background:linear-gradient(100deg,#FFC08F 0%,#FF7A2F 45%,#FF5F1F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tok-hero p{color:#A3A3A3;font-size:16px;max-width:500px}
.tok-cta{margin-top:30px;gap:12px}
.tok-hero .btn-primary{box-shadow:0 12px 32px -10px rgba(255,95,31,.75),inset 0 1px 0 rgba(255,255,255,.28)}
.tok-out{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.tok-art{position:relative;min-height:400px;display:grid;place-items:center}
.tok-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.tok-ring.r1{width:230px;height:230px;background:radial-gradient(circle,rgba(255,95,31,.10),transparent 70%)}
.tok-ring.r2{width:330px;height:330px;border:1px dashed rgba(255,138,61,.28);animation:tokspin 80s linear infinite}
.tok-ring.r3{width:440px;height:440px;border-color:rgba(255,255,255,.05)}
.tok-art .tok-coin{position:relative;width:156px;height:156px;margin:0;padding:9px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#FFC08F,#FF6A26 42%,#B83A0A 100%);
  box-shadow:0 34px 80px -12px rgba(255,95,31,.7),0 0 0 1px rgba(255,190,140,.25),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -12px 24px rgba(0,0,0,.28);animation:tokfloat 7s ease-in-out infinite}
.tok-art .tok-coin img{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.25)}
.tok-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:rgba(20,20,20,.72);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:500;color:#EDEDED;white-space:nowrap;box-shadow:0 14px 34px -14px rgba(0,0,0,.8);animation:tokfloat 8s ease-in-out infinite}
.tok-chip b{font-family:var(--mono);color:#FF8A3D;font-weight:600}
.tok-chip svg{width:15px;height:15px;color:#FF8A3D;stroke-width:2.4}
.tok-chip.c1{top:13%;left:2%}
.tok-chip.c2{top:27%;right:0;animation-delay:-2.5s}
.tok-chip.c3{bottom:15%;left:10%;animation-delay:-5s}
.tok-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -56px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.tok-stats>div{padding:20px 28px}
.tok-stats>div:first-child{padding-left:56px}
.tok-stats>div+div{border-left:1px solid rgba(255,255,255,.07)}
.tok-stats dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#727272}
.tok-stats dd{margin:6px 0 0;font-size:15px;font-weight:600;color:#F5F5F5}
@keyframes tokspin{to{transform:rotate(360deg)}}
@keyframes tokfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.tok-ring.r2,.tok-art .tok-coin,.tok-chip{animation:none}}
@media (max-width:900px){.tok-hero{grid-template-columns:1fr;padding:32px 24px 0}.tok-copy{padding-bottom:8px}.tok-art{min-height:320px}.tok-ring.r3{width:340px;height:340px}.tok-ring.r2{width:270px;height:270px}.tok-ring.r1{width:190px;height:190px}.tok-art .tok-coin{width:124px;height:124px}
  .tok-stats{grid-template-columns:1fr 1fr;margin:0 -24px}.tok-stats>div,.tok-stats>div:first-child{padding:16px 24px}.tok-stats>div:nth-child(3){border-left:0}.tok-stats>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.07)}}
@media (max-width:420px){.tok-chip{font-size:12px;padding:7px 12px}.tok-chip.c2{right:-4px}}

/* protect code panel: compact, fixed-height window that scrolls inside */
.code pre{font-size:11px;line-height:1.55;padding:12px 16px 14px;max-height:420px;overflow:auto;scrollbar-width:thin}
.code pre::-webkit-scrollbar{width:8px}
.code .fp{padding:8px 16px;font-size:11px}
.code .why{padding:16px 18px}
.code .why h4{font-size:13px}
.code .why ul{gap:10px}
.code .why li{font-size:12.5px}
@media (max-width:1000px){.code pre{max-height:360px}}
/* netbar: devnet beta label */
.nbeta{margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(255,95,31,.16);color:#FF8A3D;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.nbeta[hidden]{display:none}