/* b0-x.com — shared styles. Tokens first; one accent (bWalletX gold). */
:root{--bg:#050506;--bg2:#0b0b0c;--bg3:#111113;--ink:#f4f1e8;--ink2:#d8d3c5;--mute:#9a968b;--line:rgba(255,210,77,.16);--line2:rgba(255,255,255,.07);--gold:#ffd24d;--ok:#7ee0a1;--blue:#8fb0ff;--r:16px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'IBM Plex Sans',system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}
img,svg{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
@media(min-width:700px){.wrap{padding:0 24px}}
.gold{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:8px 12px;border-radius:8px;z-index:60}.skip:focus{left:8px}

/* status banner */
.ea-bar{background:var(--bg2);border-bottom:1px solid var(--line2);text-align:center;font:500 12.5px/1.4 'IBM Plex Sans';color:var(--mute);padding:8px 16px}
.ea-bar b{color:var(--gold);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;margin-right:6px}

/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk';text-decoration:none;letter-spacing:-.02em;flex:none}
.brand img{width:20px;height:28px}
/* BETA pill after the logo (family standard: the bWalletX tag). Not a control, so no hover. */
.brand-row{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
.beta-tag{display:inline-flex;align-items:center;flex:none;padding:2px 8px;border:1px solid rgba(245,184,0,.6);border-radius:999px;background:transparent;color:#F5B800;font:700 10.5px/1.4 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;user-select:none}
@media(max-width:400px){.brand-row{gap:8px}.beta-tag{font-size:9px;padding:2px 7px}}
/* "Beta: use small amounts" strip on pages with deploy payments; dismissed per session (sessionStorage). */
.amt-bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;padding:4px 44px;background:#140f02;border-bottom:1px solid rgba(245,184,0,.35);color:#F5B800;font:600 12.5px/1.3 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.02em;text-align:center}
.amt-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;background:none;border:0;border-radius:6px;color:#cfcabd;font:400 18px/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}
.amt-x:hover{color:#F5B800;background:rgba(245,184,0,.1)}
.links{display:flex;gap:4px;align-items:center;font-size:14px}
.links a{color:#cfcabd;text-decoration:none;padding:8px 10px;border-radius:8px;transition:color .16s var(--ease),background .16s var(--ease)}
.links a:hover{color:var(--ink);background:var(--line2)}
.links a[aria-current=page]{color:var(--gold)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:10px;width:42px;height:38px;cursor:pointer;font:600 18px 'Space Grotesk'}
.nav-right{display:flex;align-items:center;gap:10px}
@media(max-width:960px){
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 16px 16px;z-index:40}
  .links.open{display:flex}
  .links a{padding:12px 8px;font-size:16px}
  header.site{position:relative}
}
@media(max-width:420px){.bwx-btn{padding:0 12px!important;font-size:13px!important}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font:600 15px 'Space Grotesk';text-decoration:none;border:0;cursor:pointer;transition:transform .16s var(--ease),border-color .16s,filter .16s}
.btn:active{transform:translateY(1px)}
.gb{background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#e0a800);color:#000}.gb:hover{filter:brightness(1.06)}
.ghost{border:1px solid var(--line);color:var(--ink);background:transparent}.ghost:hover{border-color:var(--gold)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.ea-note{font-size:14px;color:var(--mute);margin:14px 0 0}
.ea-note.ea-on{color:var(--ok)}

/* type */
.eyebrow,.kicker{font:600 12.5px 'Space Grotesk';letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
h1{font:700 clamp(46px,7.5vw,96px)/.94 'Space Grotesk';letter-spacing:-.045em;margin:0 0 20px}
h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--gold)}
.h1s{font-size:clamp(40px,6vw,72px)}
h2{font:700 clamp(30px,4.2vw,48px)/1.04 'Space Grotesk';letter-spacing:-.03em;margin:0 0 14px}
h3{font:700 20px/1.25 'Space Grotesk';letter-spacing:-.01em;margin:0 0 8px}
.lede{font-size:clamp(18px,2vw,21px);color:var(--ink2);max-width:620px;margin:0 0 26px}
p{max-width:70ch}
.small{font-size:13px;color:var(--mute)}
.prose p,.prose li{color:var(--ink2)}
.prose ul{padding-left:20px}
.prose li{margin:4px 0}

/* layout */
section{padding:80px 0;border-bottom:1px solid var(--line2)}
.page-hero{padding:56px 0 48px;border-bottom:1px solid var(--line2);position:relative;overflow:hidden}
.page-hero::before,.hero::before{content:"";position:absolute;right:-220px;top:-240px;width:760px;height:760px;background:radial-gradient(circle,rgba(255,210,77,.11),transparent 60%);pointer-events:none}
.page-hero>.wrap,.hero>.wrap{position:relative}
.hero{padding:48px 0 72px;border-bottom:1px solid var(--line2);position:relative;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
@media(max-width:820px){.three,.grid2{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.card{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);padding:22px;min-width:0}
.card p{color:var(--ink2);margin:0}
.card p+p{margin-top:10px}
.n{font:700 36px 'Space Grotesk';color:var(--gold);line-height:1;display:block;margin-bottom:10px}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 11.5px 'Space Grotesk';letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;border:1px solid var(--line);color:var(--gold);background:rgba(255,210,77,.05)}
.tag.dev{color:var(--blue);border-color:rgba(143,176,255,.35);background:rgba(143,176,255,.06)}
.tag.ex{color:#cfcabd;border-color:#3a3a3a;background:#111}
.tag.draft{color:#ffb38a;border-color:rgba(255,179,138,.35);background:rgba(255,179,138,.06)}

/* terminal & code */
.term{background:#070707;border:1px solid #222;border-radius:16px;overflow:hidden;font:400 13.5px/1.7 'IBM Plex Mono',monospace;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 30px 80px rgba(0,0,0,.55);min-width:0}
.term .bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #1a1a1a}.term .bar i{width:10px;height:10px;border-radius:50%;background:#2c2c2c}
.term .bar span{margin-left:auto;font:500 11px 'IBM Plex Sans';color:var(--mute);letter-spacing:.04em}
.term pre{margin:0;padding:16px 18px;white-space:pre-wrap;word-break:break-word;color:#cfcabd;min-height:300px}
.c{color:var(--mute)}.g{color:var(--gold)}.o{color:var(--ok)}.b{color:var(--blue)}
pre.code{background:#070707;border:1px solid #1f1f1f;border-radius:12px;padding:16px 18px;font:400 13px/1.65 'IBM Plex Mono',monospace;color:#cfcabd;overflow-x:auto;margin:14px 0;max-width:100%}
code{font:500 .9em 'IBM Plex Mono',monospace;color:#e9e3d2;background:#141414;border:1px solid #222;border-radius:6px;padding:1px 6px}
pre code{background:none;border:0;padding:0;color:inherit}

/* tables */
.tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}
.tbl th{font:600 11px 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line2)}
.tbl td{padding:13px 14px;border-bottom:1px solid #161616;vertical-align:top;color:var(--ink2)}
.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg2);margin-top:22px}

/* dashboard */
.dash{margin-top:26px;background:var(--bg2);border:1px solid var(--line2);border-radius:18px;overflow:hidden}
.dhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid #1d1d1d}
.dhead b{font:600 15px 'Space Grotesk'}
.row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr 110px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #161616;font-size:14px}
.row:last-child{border-bottom:0}
.row.h{font:600 11px 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
@media(max-width:820px){.row{grid-template-columns:1fr 1fr}.row .hide{display:none}}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 12px 'Space Grotesk';border-radius:999px;padding:3px 10px;border:1px solid;width:max-content;max-width:100%}
.chip.v{color:#cfcabd;border-color:#333}.chip.s{color:var(--ok);border-color:rgba(126,224,161,.4)}.chip.p{color:var(--gold);border-color:rgba(255,210,77,.4)}
.mono{font:500 13px 'IBM Plex Mono',monospace;color:#cfcabd}
.ex-ribbon{display:flex;gap:10px;align-items:center;padding:10px 18px;background:#0e0e0f;border-bottom:1px solid #1d1d1d;font-size:13px;color:var(--mute)}

/* price cards */
.price .card b{display:block;font:700 28px 'Space Grotesk';color:var(--gold);margin:6px 0;letter-spacing:-.02em}

/* status list */
.status{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.status li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;padding:14px 16px;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;color:var(--ink2)}
@media(max-width:520px){.status li{grid-template-columns:1fr;gap:6px}}

/* docs */
.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}
.docs aside{position:sticky;top:20px;align-self:start;font-size:14px}
.docs aside a{display:block;color:var(--mute);text-decoration:none;padding:6px 0}.docs aside a:hover{color:var(--ink)}
.docs h2{font-size:30px;margin-top:48px;scroll-margin-top:20px}.docs h2:first-child{margin-top:0}
.docs h3{margin-top:28px}
@media(max-width:860px){.docs{grid-template-columns:1fr}.docs aside{position:static;display:flex;flex-wrap:wrap;gap:4px 14px}}

/* footer */
footer.site{padding-top:48px;padding-bottom:40px;color:var(--mute);font-size:14px}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}
.fgrid h4{font:600 12px 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}
.fgrid a{display:block;color:var(--mute);text-decoration:none;padding:3px 0}.fgrid a:hover{color:var(--gold)}
.fine{margin-top:32px;padding-top:18px;border-top:1px solid var(--line2);font-size:12.5px}
/* company disclosure: its own line, the same small muted text as .fine (#9a968b on #050506, about 7:1) */
footer.site .disclose{margin:8px 0 0;font-size:12.5px;color:var(--mute)}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* signed-in nav */
.links a.me{color:var(--gold)}
.links a.me::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-left:6px;vertical-align:middle}

/* live dashboard */
.dsec{padding:40px 0 72px}
.dtop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
.dtop .eyebrow a{color:inherit;text-decoration:none}.dtop .eyebrow a:hover{text-decoration:underline}
.h1d{font-size:clamp(34px,5vw,52px);margin:0;overflow-wrap:anywhere}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.pcard{position:relative;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);padding:20px;display:grid;gap:16px;min-width:0;transition:border-color .16s var(--ease)}
.pcard:hover{border-color:rgba(255,210,77,.45)}
.pcard-hit{position:absolute;inset:0;border-radius:inherit;z-index:0}
.pcard a:not(.pcard-hit){position:relative;z-index:1}
.pcard-top{display:flex;gap:12px;align-items:center;min-width:0}.pcard-top h3{margin:0}
.pmark{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 18px 'Space Grotesk';color:#000;background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#e0a800)}
.plink{text-decoration:none}.plink:hover{color:var(--gold)}
.pmeta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.pmeta dt{font:600 11px 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}.pmeta dd{margin:0;font-size:14px}
.pfoot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:14px;border-top:1px solid #1a1a1a}
.pfoot a.chip{text-decoration:none}.pfoot a.small{text-decoration:none}.pfoot a.small:hover{color:var(--gold)}
.dempty{text-align:center;max-width:560px;margin:24px auto;padding:40px 20px;background:var(--bg2);border:1px solid var(--line2);border-radius:20px}
.dempty p{margin-left:auto;margin-right:auto}.dempty .lede{font-size:17px}.dempty img{margin-bottom:12px}
.dnote{margin-top:18px}
.dspend{margin-top:22px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line2);margin-bottom:6px;overflow-x:auto}
.tabs a{padding:10px 14px;color:var(--mute);text-decoration:none;font:600 14px 'Space Grotesk';border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a[aria-selected=true]{color:var(--ink);border-bottom-color:var(--gold)}
.tbl tr.cur td{background:rgba(255,210,77,.03)}
.tbl td.acts{white-space:nowrap}
.tbl a.mono{text-decoration:none}.tbl a.mono:hover,.tbl a.small:hover{color:var(--gold)}
.btn.sm{min-height:32px;padding:0 12px;font-size:13px;margin:0 6px 6px 0}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.soon{display:inline-block;cursor:help}
.dlist{display:grid;gap:14px;margin-top:20px}
.drow{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.drow>div{min-width:0}.drow .mono,.dbreak{word-break:break-all}
/* new project */
.ndrop{display:grid;place-items:center;gap:6px;text-align:center;padding:44px 16px;border:2px dashed rgba(255,210,77,.35);border-radius:20px;background:var(--bg2);cursor:pointer;transition:border-color .16s,background .16s;margin-bottom:24px}
.ndrop b{font:700 22px 'Space Grotesk'}.ndrop:hover,.ndrop.over{border-color:var(--gold);background:rgba(255,210,77,.04)}
.nstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:820px){.nstats{grid-template-columns:1fr 1fr}}
.nstats .card{display:grid;gap:2px;padding:16px}.nstats b{font:700 24px 'Space Grotesk';color:var(--gold);overflow-wrap:anywhere}
.nwarn{margin-top:16px;border-color:rgba(255,179,138,.35)}
.warn{color:#ffb38a}.ok{color:var(--ok)}
.nrefs{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;font-size:14px}.nrefs li{overflow-wrap:anywhere}
.nfiles{margin-top:18px}.nfiles summary{cursor:pointer;font:600 15px 'Space Grotesk';padding:6px 0}
.nfiles .tbl{min-width:0}.nfiles .tbl td.mono{overflow-wrap:anywhere}

/* ---------- home: bMusicX-style family layout (full-bleed hero, coverflow of sites, shelf) ---------- */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hx-top{position:relative;isolation:isolate;min-height:clamp(300px,44svh,460px);display:flex;flex-direction:column;background:#000;border-bottom:1px solid var(--line2)}
.hx-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.hx-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;opacity:.6}
.hx-art::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent 30%),linear-gradient(0deg,#000,rgba(0,0,0,.84) 28%,rgba(0,0,0,.25) 72%,transparent),linear-gradient(90deg,rgba(0,0,0,.82),transparent 70%)}
.hx-blocks{position:absolute;left:44%;right:0;bottom:0;height:46%;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='14' height='14' rx='2' fill='%23F4F4F2' fill-opacity='.12'/%3E%3C/svg%3E");clip-path:polygon(0 88%,6% 88%,6% 76%,12% 76%,12% 84%,18% 84%,18% 64%,24% 64%,24% 80%,30% 80%,30% 56%,36% 56%,36% 72%,42% 72%,42% 44%,48% 44%,48% 66%,54% 66%,54% 30%,60% 30%,60% 58%,66% 58%,66% 22%,72% 22%,72% 48%,78% 48%,78% 12%,84% 12%,84% 40%,90% 40%,90% 6%,96% 6%,96% 34%,100% 34%,100% 100%,0 100%);-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 95%);mask-image:linear-gradient(0deg,#000 10%,transparent 95%)}
.hx-ghost{position:absolute;right:-24px;bottom:-58px;z-index:3;font:700 clamp(140px,22vw,300px)/1 'Space Grotesk';letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(244,244,242,.14);white-space:nowrap}
.hx-top>.wrap{width:100%}
.hx-top .nav{position:relative;z-index:5;height:64px}
.hx-in{margin-top:auto;padding-top:8px;padding-bottom:30px;position:relative;z-index:2}
.hx-eye{font:600 12.5px 'Space Grotesk';letter-spacing:.18em;text-transform:uppercase;color:#cfcabd;margin:0 0 12px}
.hx-h1{font:700 clamp(56px,8vw,112px)/.95 'Space Grotesk';letter-spacing:-.04em;margin:0 0 12px;color:#fff}
.hx-h1 .hx-b{display:inline-block;height:.95em;width:auto;vertical-align:-.03em;margin-right:.03em;color:#F5B800}
.hx-nm{background:linear-gradient(180deg,#fff,#F4F4F2 45%,#9d9d97);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #000)}
.hx-lede{font-size:clamp(15px,1.35vw,18px);line-height:1.5;color:#d8d3c5;max-width:600px;margin:0 0 20px}
.btn.wt{background:#F4F4F2;color:#000}.btn.wt:hover{background:#fff}
.hx-in .ctas{gap:10px}
@media(max-width:640px){.hx-in{padding-bottom:22px}.hx-in .ctas .btn{flex:1 1 calc(50% - 5px);padding:0 14px}.hx-in .ctas .gb{flex-basis:100%}}

.hx-sites{position:relative;isolation:isolate;padding:32px 0 56px;border-bottom:1px solid var(--line2)}
.hx-sites::before{content:"";position:absolute;left:50%;top:12%;width:min(980px,100%);height:64%;transform:translateX(-50%);z-index:-1;background:radial-gradient(closest-side,rgba(244,244,242,.08),rgba(245,184,0,.06) 55%,transparent 75%);pointer-events:none}
.hx-kick{text-align:center;margin-left:auto!important;margin-right:auto!important;font:600 12.5px 'Space Grotesk';letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}
.hx-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px}
.hx-filters button{display:inline-flex;align-items:center;min-height:38px;font:600 13.5px 'Space Grotesk';color:var(--ink2);background:rgba(255,255,255,.03);border:1px solid #2a2b31;border-radius:999px;padding:0 14px;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}
.hx-filters button b{color:var(--mute);font-weight:600;margin-left:7px;font-variant-numeric:tabular-nums}
.hx-filters button:hover{border-color:rgba(255,210,77,.45)}
.hx-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#000}.hx-filters button[aria-pressed=true] b{color:#55534d}
.hx-filters button:disabled{opacity:.4;cursor:not-allowed}
.hx-flow{--cw:min(560px,80vw);position:relative;overscroll-behavior-x:contain;height:calc(var(--cw)*.625 + 30px + 64px);margin-top:10px;overflow:hidden;contain:layout paint;perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.hx-flow:focus-visible{outline-offset:-4px}
.hx-card{position:absolute;left:50%;top:28px;width:var(--cw);margin-left:calc(var(--cw)/-2);transition:transform .5s var(--ease),opacity .5s var(--ease),filter .5s var(--ease);will-change:transform;backface-visibility:hidden;cursor:pointer}
.hx-card.nodur{transition:none}
a.hx-card{color:inherit;text-decoration:none;-webkit-user-drag:none}
a.hx-card:focus-visible{outline:none}a.hx-card:focus-visible .hx-win{box-shadow:0 0 0 3px var(--gold)}
.hx-win{position:relative;border-radius:16px;overflow:hidden;background:#0b0b0c;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1);pointer-events:none;transition:box-shadow .3s var(--ease)}
.hx-card.on .hx-win{box-shadow:0 40px 90px -24px rgba(255,210,77,.35),0 0 0 2px var(--c);box-shadow:0 40px 90px -24px color-mix(in srgb,var(--c) 55%,transparent),0 0 0 2px var(--c)}
.hx-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#111214;border-bottom:1px solid #1d1d1f}
.hx-bar i{width:9px;height:9px;border-radius:50%;background:#2e2f33}
.hx-bar span{margin-left:8px;font:500 12px 'IBM Plex Mono',monospace;color:#9a968b}
.hx-shot,.hx-tshot{aspect-ratio:16/10;background:#08080a;display:grid;place-items:center}
.hx-shot img,.hx-tshot img{display:block;width:100%;height:100%;object-fit:cover}
.hx-none{font:500 13px/1.6 'IBM Plex Mono',monospace;color:#6d6a63;text-align:center}
.hx-badges{position:absolute;top:42px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px}
.hx-chip{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 'Space Grotesk';padding:7px 11px;border-radius:999px;color:var(--ink);background:rgba(10,10,12,.72);border:1px solid rgba(255,255,255,.18);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.st-live::before,.st-down::before{content:"";width:7px;height:7px;border-radius:50%;background:#3bd16f;box-shadow:0 0 0 3px rgba(59,209,111,.22)}
.st-soon{color:var(--mute);border-style:dashed}
.st-coming::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd24d;box-shadow:0 0 0 3px rgba(255,210,77,.22)}
.st-sale{color:#ffb38a;border-color:rgba(255,179,138,.4)}
.st-down{color:#ff8a7a;border-color:rgba(255,138,122,.4)}.st-down::before{background:#ff5a4f;box-shadow:0 0 0 3px rgba(255,90,79,.2)}
.st-chain{background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#e0a800);color:#000;border-color:transparent}
.hx-dom{font:500 12px/1 'IBM Plex Mono',monospace;color:var(--ink2)}
.hx-arrow{position:absolute;top:50%;z-index:150;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,12,.72);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .16s var(--ease)}
.hx-arrow:hover{border-color:rgba(255,210,77,.6)}
.hx-arrow.prev{left:12px}.hx-arrow.next{right:12px}
.hx-info{text-align:center;max-width:760px;margin:6px auto 0;padding:0 16px}
.hx-name{font:700 clamp(42px,7vw,72px)/1 'Space Grotesk';letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.hx-name .hx-b{display:inline-block;height:.95em;width:auto;vertical-align:-.06em;margin-right:.02em;color:var(--c)}
.hx-line{color:var(--ink2);font-size:clamp(17px,2.2vw,20px);margin:12px auto 16px;max-width:560px;min-height:1.6em}
.hx-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px}
.hx-plays{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hx-plays .btn{min-height:60px;padding:0 28px;font-size:18px;flex:1 1 280px;max-width:420px}
.hx-plays .btn[hidden],.btn[hidden]{display:none}
.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.hx-count{margin:18px auto 0;font:500 13px 'IBM Plex Mono',monospace;color:var(--mute)}

.hx-shelf{padding:64px 0 56px}
.hx-group+.hx-group{margin-top:56px}
.hx-gh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hx-gh h2{margin:0}
.hx-gh span{color:var(--mute);font-size:14px}.hx-gh b{color:var(--ink);font-weight:600}
.hx-gsub{color:var(--mute);margin:6px 0 20px;font-size:15px}
.hx-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.hx-tile{display:flex;flex-direction:column;text-decoration:none;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;overflow:hidden;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.hx-tile:hover,.hx-tile:focus-visible{transform:translateY(-3px);border-color:var(--c);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 20px 40px -20px color-mix(in srgb,var(--c) 50%,transparent)}
.hx-tshot{border-bottom:1px solid var(--line2)}
.hx-group[data-group=soon] .hx-tshot img,.hx-group[data-group=out] .hx-tshot img{opacity:.7}
.hx-tt{padding:12px 14px 4px;display:grid;gap:3px}
.hx-tt b{font:700 16px/1.2 'Space Grotesk';letter-spacing:-.01em}
.hx-tt b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:.1em}
.hx-tt span{color:var(--mute);font-size:13.5px;line-height:1.45}
.hx-tchips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px;margin-top:auto}
.hx-tchips .hx-chip{font-size:11.5px;padding:6px 10px}
.hx-note{margin-top:32px}
@media(max-width:640px){.hx-blocks{left:55%;height:34%}.hx-grid{grid-template-columns:1fr 1fr;gap:12px}.hx-tt{padding:10px 10px 2px}.hx-tt b{font-size:14.5px}.hx-tt span{font-size:12.5px}.hx-tchips{padding:8px 10px 12px}}
/* search (owner, 2 Nov 2026) */
.hx-search{position:relative;max-width:440px;margin:0 auto 14px;padding:0 16px}
.hx-search input{width:100%;height:46px;padding:0 44px 0 18px;border-radius:999px;border:1px solid #2a2b31;background:rgba(255,255,255,.04);color:var(--ink);font:500 15px 'IBM Plex Sans',sans-serif;outline:none;transition:border-color .16s var(--ease),background .16s var(--ease)}
.hx-search input::placeholder{color:var(--mute)}
.hx-search input:focus{border-color:var(--gold);background:rgba(255,255,255,.06)}
.hx-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.hx-search kbd{position:absolute;right:32px;top:50%;transform:translateY(-50%);font:500 12px 'IBM Plex Mono',monospace;color:var(--mute);border:1px solid #33353d;border-radius:6px;padding:1px 7px;pointer-events:none}
.hx-search input:focus+kbd,.hx-search input:not(:placeholder-shown)+kbd{display:none}
.hx-nomatch{text-align:center;color:var(--mute);margin:24px auto;max-width:none}

/* ---------- /start: three steps in (owner, 2 Nov 2026). Same family as web.bwalletx.com/start:
   obsidian with gold seams (a still of bWalletX's kintsugi pool), a centred gold b, one narrow column,
   a gold button and a black button with a gold edge. ---------- */
.sp-page{background:#030304}
.sp-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 22%),radial-gradient(ellipse 46% 62% at 50% 46%,rgba(0,0,0,.7),rgba(0,0,0,.4) 70%,rgba(0,0,0,.16)),url(/img/kintsugi-wide.webp) center/cover no-repeat,#030304}
@media (max-aspect-ratio:4/5){.sp-page::before{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 25%),radial-gradient(ellipse 90% 60% at 50% 45%,rgba(0,0,0,.66),rgba(0,0,0,.5) 80%,rgba(0,0,0,.34)),url(/img/kintsugi-tall.webp) center/cover no-repeat,#030304}}
.sp-page .bwx-strip{background:rgba(5,5,6,.92)}
.sp-nav{position:relative;z-index:5}
.sp-nav .links a{color:var(--ink2)}
.sp{--col:540px;max-width:calc(var(--col) + 32px);margin:0 auto;padding:40px 16px 24px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.sp-head{text-align:center;margin-bottom:40px}
.sp-mark{display:block;width:72px;height:72px;margin:0 auto 22px;border-radius:18px;box-shadow:0 0 0 1px rgba(255,210,77,.22),0 18px 50px -12px rgba(245,184,0,.35)}
.sp-eye{font:600 12.5px 'Space Grotesk';letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 auto 12px}
.sp-h1{font:700 clamp(40px,6vw,56px)/1 'Space Grotesk';letter-spacing:-.04em;margin:0 0 14px;color:var(--ink)}
.sp-lede{font-size:clamp(17px,1.6vw,19px);line-height:1.5;color:var(--ink2);margin:0 auto;max-width:440px;text-wrap:balance}

.sp-steps{list-style:none;margin:0;padding:0}
.sp-step{padding:28px 0}
.sp-step+.sp-step{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(255,210,77,.5) 18%,rgba(255,210,77,.22) 60%,transparent) 1}
.sp-h2{display:flex;align-items:center;gap:12px;font:700 24px/1.2 'Space Grotesk';letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.sp-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,210,77,.6);background:#050506;color:var(--gold);font:600 14px/1 'IBM Plex Mono',monospace;text-shadow:none}
.sp-beta{font:600 10.5px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(255,210,77,.45);background:rgba(20,15,2,.85);border-radius:999px;padding:5px 8px;text-shadow:none}
.sp-p{color:var(--ink2);margin:0 0 18px;font-size:16px;line-height:1.55}

.sp-btns{display:grid;gap:12px}
.sp-btn{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:52px;padding:0 20px;border-radius:14px;font:600 16px 'Space Grotesk';letter-spacing:-.005em;text-decoration:none;text-shadow:none;transition:filter .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}
.sp-btn:active{transform:translateY(1px)}
.sp-gold{background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#e0a800);color:#000}
.sp-gold:hover{filter:brightness(1.06)}
.sp-line{background:#000;color:var(--ink);border:1px solid rgba(255,210,77,.7)}
.sp-line:hover{border-color:var(--gold);background:#0b0a06}
.sp-btn:focus-visible,.sp-svc:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.sp-svcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-svcs li{display:flex;min-width:0}
.sp-svc{position:relative;flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 34px 15px 16px;border-radius:14px;text-decoration:none;color:var(--ink);background:rgba(4,4,5,.9);border:1px solid rgba(255,210,77,.24);text-shadow:none;transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}
.sp-svc:hover{border-color:var(--c);border-color:color-mix(in srgb,var(--c) 70%,transparent);background:#070708;transform:translateY(-1px)}
.sp-wm{display:inline-flex;align-items:baseline;font:700 19px/1.1 'Space Grotesk';letter-spacing:-.03em;white-space:nowrap}
.sp-wm .hx-b{display:inline-block;height:.98em;width:auto;align-self:center;margin-right:.04em;color:var(--c);transform:translateY(-.04em);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 40%,transparent))}
.sp-x{color:#F5B800}
.sp-tl{color:#b3ae9f;font-size:13.5px;line-height:1.45;text-wrap:pretty}
.sp-go{position:absolute;top:13px;right:14px;color:#8d887b;font-size:14px;transition:color .16s var(--ease),transform .16s var(--ease)}
.sp-svc:hover .sp-go{color:var(--gold);transform:translate(1px,-1px)}
.sp-all{flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:rgba(20,15,2,.55);border:1px dashed rgba(255,210,77,.55);color:var(--gold);font:600 15px 'Space Grotesk'}
.sp-all:hover{border-color:var(--gold);border-style:solid;background:rgba(30,22,3,.75)}
.sp-wm-in{font-size:17px}
.sp-wm-in .hx-b{filter:none}

.sp-foot{text-align:center;padding:8px 16px 40px}
.sp-foot p{margin:0 auto;font-size:12.5px;color:#b3ae9f;letter-spacing:.01em;text-shadow:0 1px 2px #000}
.sp-foot .disclose{margin-top:8px;max-width:560px;text-wrap:balance}
.sp-foot a{color:var(--ink2);text-decoration:none}.sp-foot a:hover{color:var(--gold)}
@media(max-width:520px){
  .sp{padding-top:28px}
  .sp-head{margin-bottom:28px}
  .sp-svcs{grid-template-columns:1fr}
  .sp-svc{padding:13px 40px 13px 16px}
  .sp-go{top:50%;transform:translateY(-50%)}
  .sp-svc:hover .sp-go{transform:translate(1px,-50%)}
}