*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:var(--s9)}
[hidden]{display:none !important}
body{margin:0;font:400 var(--t-body)/var(--lh-body) var(--font);color:var(--text);background:var(--paper);overflow-x:hidden}
h1,h2,h3{margin:0;color:var(--ink);font-weight:600}
p,ul,ol{margin:0}
a{color:var(--accent);text-underline-offset:3px}
code,pre{font-family:var(--mono)}
svg{display:block}
.wrap{max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:calc(880px + 2 * var(--gutter))}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s3);top:-80px;background:var(--paper);color:var(--ink);padding:var(--s3) var(--s4);z-index:30}
.skip:focus{top:var(--s3)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.top :focus-visible,.hero :focus-visible,.band :focus-visible,.foot :focus-visible,.term :focus-visible{outline-color:var(--gold-300)}
.icon{width:20px;height:20px;flex:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--control);padding:0 var(--s5);background:var(--accent);color:var(--on-dark);text-decoration:none;font:500 var(--t-body)/1 var(--font);border:1px solid transparent;border-radius:var(--r-1);cursor:pointer;transition:background var(--fast),color var(--fast)}
.btn:hover{background:var(--accent-h)}
.btn:active{transform:translateY(1px)}
.btn .icon{width:18px;height:18px}
.btn-sm{min-height:40px;padding:0 var(--s4);font-size:var(--t-small)}
.btn-light{background:var(--paper);color:var(--sea-800)}
.btn-light:hover{background:var(--sea-100)}
.btn-line{background:transparent;color:var(--on-dark);border-color:var(--line-dark)}
.btn-line:hover{background:rgba(255,255,255,.08)}

.eyebrow,.cap,.hero-eyebrow{font:500 var(--t-cap)/var(--lh-cap) var(--mono);letter-spacing:.04em;text-transform:lowercase}
.eyebrow{color:var(--accent);margin-bottom:var(--s3)}

.top{position:sticky;top:0;z-index:20;background:var(--sea-700);border-bottom:1px solid var(--line-dark)}
.top-in{display:flex;align-items:center;gap:var(--s6);height:72px}
.logo{display:inline-flex;align-items:center;gap:var(--s2);color:var(--on-dark);text-decoration:none;font-weight:650;font-size:22px;letter-spacing:-.03em}
.logo-mark{width:28px;height:28px}
#site-nav{display:flex;align-items:center;justify-content:space-between;flex:1}
.nav-list{display:flex;gap:var(--s1);list-style:none;padding:0}
.nav-list a,.nav-login{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s3);color:var(--on-dark);text-decoration:none;font-size:15px;border-radius:var(--r-1)}
.nav-list a:hover,.nav-login:hover{background:rgba(255,255,255,.1)}
.nav-end{display:flex;align-items:center;gap:var(--s2)}
.menu-btn{display:none;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center;background:none;border:1px solid var(--line-dark);color:var(--on-dark);border-radius:var(--r-1);cursor:pointer}

.hero{position:relative;background:var(--sea-700);color:var(--on-dark);padding:var(--s8) 0 0}
.hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s7);align-items:center;padding-bottom:var(--s8)}
.hero-eyebrow{display:inline-block;color:var(--sea-200);margin-bottom:var(--s4)}
.hero h1 span{display:inline-block}
.hero h1{color:var(--on-dark);font-size:var(--t-display);line-height:var(--lh-display);font-weight:620;letter-spacing:-.035em}
.lede{font-size:var(--t-lede);line-height:var(--lh-lede);color:var(--sea-100);max-width:54ch;margin-top:var(--s4)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s6)}
.path{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);background:var(--sea-850);color:var(--on-dark);text-decoration:none;border:1px solid var(--line-dark);border-radius:var(--r-1);transition:background var(--fast),border-color var(--fast)}
.path:hover{background:var(--sea-900);border-color:var(--sea-400)}
.path:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.path:first-child:hover{background:var(--sea-100)}
.path-top{display:flex;align-items:center;gap:var(--s2)}
.path-icon{display:inline-flex;width:28px;height:24px;align-items:center}
.path-icon .px-icon{width:28px;height:auto}
.path-kicker{font:500 var(--t-cap)/var(--lh-cap) var(--mono);color:var(--sea-200)}
.path:first-child .path-kicker{color:var(--muted)}
.path-title{font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:620;letter-spacing:-.02em}
.path-text{font-size:var(--t-small);line-height:var(--lh-small);color:var(--sea-100);flex:1}
.path:first-child .path-text{color:var(--text)}
.path-cta{display:inline-flex;align-items:center;gap:var(--s2);font-weight:550;font-size:var(--t-small);margin-top:var(--s2)}
.path:first-child .path-cta{color:var(--accent)}
.path-cta .icon{width:16px;height:16px;transition:transform var(--fast)}
.path:hover .path-cta .icon{transform:translateX(3px)}
.sell-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s4);margin-top:var(--s4);font-size:var(--t-small);color:var(--sea-200)}
.sell-row a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-dark);font-weight:500;text-decoration:underline;text-decoration-color:var(--sea-400)}
.sell-row a:hover{text-decoration-color:var(--on-dark)}

.hero-art{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}
.scene{width:100%;max-width:440px;height:auto;image-rendering:pixelated}
.hero-art figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2) var(--s4);font:500 var(--t-cap)/var(--lh-cap) var(--mono);color:var(--sea-200)}
.hero-art figcaption span{display:inline-flex;align-items:center;gap:var(--s2)}
.dot{display:inline-block;width:8px;height:8px}
.dot-bowl{background:var(--sea-200)}.dot-fish{background:var(--coral-500)}.dot-proxy{background:var(--gold-300)}
.px-g{fill:var(--sea-200)}.px-h{fill:var(--paper)}.px-a{fill:var(--sea-600);opacity:.35}
.px-s{fill:var(--sea-300)}.px-w1{fill:var(--sea-400)}.px-w2{fill:var(--sea-600)}.px-w3{fill:var(--sea-800)}
.px-d{fill:var(--sand-200)}.px-D{fill:var(--sand-400)}.px-k{fill:var(--weed-400)}
.px-R{fill:var(--sea-900)}.px-r{fill:var(--sea-950)}.px-l{fill:var(--weed-400)}.px-l2{fill:var(--gold-300)}
.px-sh{fill:var(--sea-850)}
.px-bub{fill:var(--sea-100);animation:rise 3.2s steps(8) infinite}
.px-fish .px-body{fill:var(--coral-500)}.px-fish .px-fin{fill:var(--coral-700)}.px-fish .px-eye{fill:var(--sea-950)}
.px-fish.fb .px-body{fill:var(--gold-300)}.px-fish.fb .px-fin{fill:var(--gold-500)}
.px-fish .swim{animation:swim 7s steps(14) infinite alternate}
.px-fish.flip .swim{animation-name:swim-back;animation-duration:9s}
.px-fish.flip{transform-box:fill-box}
@keyframes rise{0%{transform:translateY(0);opacity:1}90%{opacity:1}100%{transform:translateY(-9px);opacity:0}}
@keyframes swim{from{transform:translate(0,0)}50%{transform:translate(5px,1px)}to{transform:translate(10px,0)}}
@keyframes swim-back{from{transform:translate(10px,0) scaleX(-1)}50%{transform:translate(5px,-1px) scaleX(-1)}to{transform:translate(0,0) scaleX(-1)}}
.hero.paused .px-bub,.hero.paused .swim,[data-egress].paused .eg-pk,[data-egress].paused .eg-pkv{animation-play-state:paused}
.px-icon .px-body{fill:var(--coral-500)}.px-icon .px-fin{fill:var(--coral-700)}.px-icon .px-eye{fill:var(--sea-950)}
.px-icon .px-g{fill:currentColor}.px-icon .px-s{fill:var(--sea-300)}.px-icon .px-w2{fill:var(--sea-600)}
.px-icon .px-R{fill:var(--sea-700)}.px-icon .px-l{fill:var(--weed-400)}
.path:not(:first-child) .px-icon .px-g{fill:var(--sea-200)}
.dither{display:block;fill:var(--paper);height:32px;margin-top:-1px}

.section{padding:var(--s9) 0}
.section.pale{background:var(--sea-50)}
.section h2{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:-.03em}
.section-lede{font-size:var(--t-lede);line-height:var(--lh-lede);color:var(--muted);max-width:60ch;margin-top:var(--s3)}
.note{font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);margin-top:var(--s4);max-width:52ch}

.connect-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s7);align-items:center}
.term{background:var(--sea-900);color:var(--sea-100);border-radius:var(--r-1);min-width:0}
.term-bar{display:flex;align-items:stretch;justify-content:space-between;background:var(--sea-950);border-radius:var(--r-1) var(--r-1) 0 0}
.term-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
.term-tabs button,.term-copy{min-height:44px;padding:0 var(--s4);background:none;border:0;color:var(--sea-300);font:500 var(--t-small)/1 var(--mono);cursor:pointer;white-space:nowrap}
.term-tabs button:hover,.term-copy:hover{color:var(--on-dark)}
.term-tabs button[aria-selected="true"]{background:var(--sea-900);color:var(--on-dark)}
.term-copy{min-width:88px}
.term-body{display:grid}
.term-panel{grid-area:1/1;padding:var(--s5)}
.term-panel[hidden]{display:block !important;visibility:hidden}
.term pre{margin:0;font-size:var(--t-small);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere}
.t-c{color:var(--sea-400)}.t-p{color:var(--sea-400);user-select:none}.t-l{color:var(--on-dark)}

.cmp{margin-top:var(--s7);border-top:1px solid var(--line)}
.cmp-row{display:grid;grid-template-columns:200px 1fr 1fr;gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.cmp-head{padding:var(--s5) 0}
.cmp-k{font:500 var(--t-small)/var(--lh-small) var(--mono);color:var(--muted)}
.cmp-col{display:flex;flex-direction:column;gap:var(--s2)}
.cmp-cap{font:500 var(--t-cap)/var(--lh-cap) var(--mono);color:var(--muted)}
.cmp-name{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:620;color:var(--ink);letter-spacing:-.02em}
.cmp-name .px-icon{width:32px;height:auto;color:var(--sea-700)}
.cmp-v{color:var(--text)}
.cmp-m{display:none}
.together{display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s5);padding:var(--s4) var(--s5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink);max-width:880px}
.together .icon{color:var(--accent);margin-top:3px}

.safety-head{max-width:760px}
.egress{margin-top:var(--s7);background:var(--sea-900);color:var(--sea-100);border-radius:var(--r-1)}
.egress-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s2) var(--s2) var(--s2) var(--s5);background:var(--sea-950);border-radius:var(--r-1) var(--r-1) 0 0;flex-wrap:wrap}
.egress-bar .cap{color:var(--sea-300)}
.seg{display:inline-flex;background:var(--sea-900);border-radius:var(--r-1);padding:var(--s1)}
.seg button{min-height:40px;padding:0 var(--s4);background:none;border:0;border-radius:var(--r-1);color:var(--sea-300);font:500 var(--t-small)/1 var(--mono);cursor:pointer}
.seg button:hover{color:var(--on-dark)}
.seg button[aria-pressed="true"]{background:var(--sea-700);color:var(--on-dark)}
.seg button[data-state="down"][aria-pressed="true"]{background:var(--coral-700)}
.egress-art{padding:var(--s5) var(--s5) 0;overflow-x:auto}
.egress-svg{width:100%;min-width:640px;height:auto;font-family:var(--mono)}
.eg-node rect{fill:var(--sea-850);stroke:var(--sea-400);stroke-width:1.5}
.eg-proxy rect{stroke:var(--gold-300);stroke-width:2}
.eg-net rect{fill:var(--sea-800)}
.eg-lan-node rect{stroke-dasharray:4 4;stroke:var(--sea-600)}
.eg-name{fill:var(--on-dark);font-size:18px;font-weight:600}
.eg-sub{fill:var(--sea-300);font-size:13px}
.eg-wire{fill:none;stroke:var(--sea-400);stroke-width:2}
.eg-lan{stroke:var(--sea-600);stroke-dasharray:4 4}
.eg-x path{stroke:var(--coral-500);stroke-width:3;stroke-linecap:square}
.eg-x .eg-sub{fill:var(--coral-500)}
.eg-x-down,.eg-off{display:none}
.eg-pk{fill:var(--gold-300);animation:packet 3s linear infinite}
.eg-pk:nth-child(2),.eg-pkv:nth-child(2){animation-delay:-1s}.eg-pk:nth-child(3),.eg-pkv:nth-child(3){animation-delay:-2s}
.egress-svg-v{display:none;width:100%;max-width:360px;height:auto;margin:0 auto;font-family:var(--mono)}
.eg-pkv{fill:var(--gold-300);animation:packetv 3s linear infinite}
@keyframes packetv{from{transform:translateY(98px)}to{transform:translateY(368px)}}
[data-egress].down .eg-pkv{animation:packetv-stop 3s linear infinite}
@keyframes packetv-stop{from{transform:translateY(98px);opacity:1}25%{transform:translateY(128px);opacity:1}26%,to{transform:translateY(128px);opacity:0}}
@keyframes packet{from{transform:translateX(244px)}to{transform:translateX(812px)}}
[data-egress].down .eg-out{stroke:var(--sea-800);stroke-dasharray:6 6}
[data-egress].down .eg-pk{animation:packet-stop 3s linear infinite}
@keyframes packet-stop{from{transform:translateX(244px);opacity:1}25%{transform:translateX(290px);opacity:1}26%,to{transform:translateX(290px);opacity:0}}
[data-egress].down .eg-x-down,[data-egress].down .eg-off{display:inline}
[data-egress].down .eg-on{display:none}
[data-egress].down .eg-proxy rect{stroke:var(--coral-500);stroke-dasharray:6 4}
[data-egress].down .eg-net rect{opacity:.45}
.egress-status{padding:var(--s4) var(--s5) var(--s5);font:500 var(--t-small)/var(--lh-small) var(--mono);color:var(--sea-100);min-height:calc(var(--lh-small) * 2 + var(--s4) + var(--s5))}
[data-egress].down .egress-status{color:var(--gold-300)}
.rules{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);margin-top:var(--s6)}
.rules li{display:grid;gap:var(--s1);padding-top:var(--s4);border-top:1px solid var(--line)}
.rules b{color:var(--ink);font-weight:620}
.rules span{color:var(--muted);font-size:var(--t-small);line-height:var(--lh-small)}
.fail-closed{margin-top:var(--s6);padding:var(--s4) var(--s5);background:var(--warn-bg);color:var(--warn-ink);border-radius:var(--r-1);max-width:880px}
.fail-closed b{font-weight:620}

.sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s7)}
.sell-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--s6);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-1)}
.sell-card .cap{display:inline-flex;align-items:center;gap:var(--s2);color:var(--muted)}
.sell-card .px-icon{width:24px;height:auto;color:var(--sea-700)}
.sell-card h3{font-size:28px;line-height:36px;letter-spacing:-.025em;margin-top:var(--s3)}
.sell-text{color:var(--text);margin-top:var(--s2)}
.steps{list-style:none;padding:0;margin:var(--s5) 0;display:grid;gap:var(--s2);counter-reset:st;flex:1}
.steps li{display:flex;gap:var(--s3);align-items:baseline;font-size:var(--t-small);line-height:var(--lh-small);counter-increment:st}
.steps li::before{content:counter(st);flex:none;display:inline-grid;place-items:center;width:22px;height:22px;background:var(--sea-100);color:var(--sea-800);font:600 var(--t-cap)/1 var(--mono);border-radius:var(--r-1)}
.sell-note{font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);background:var(--sea-50);padding:var(--s3) var(--s4);border-radius:var(--r-1);margin:0 0 var(--s5)}

.now{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);margin-top:var(--s7)}
.now li{padding-top:var(--s4);border-top:1px solid var(--line)}
.now h3{font-size:var(--t-body);margin-top:var(--s2)}
.now p{color:var(--muted);font-size:var(--t-small);line-height:var(--lh-small);margin-top:var(--s1)}
.state{display:inline-flex;align-items:center;font:600 var(--t-cap)/1 var(--mono);text-transform:lowercase;padding:var(--s1) var(--s2);border-radius:var(--r-1)}
.state-live{background:var(--ok-bg);color:var(--ok-ink)}
.state-open{background:var(--sea-100);color:var(--sea-800)}
.state-later{background:var(--idle-bg);color:var(--idle-ink)}

.docs{background:var(--sea-900);color:var(--sea-100)}
.docs h2{color:var(--on-dark)}
.docs .eyebrow{color:var(--gold-300)}
.docs .section-lede{color:var(--sea-200)}
.docs-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s7);align-items:start}
.docs-list{min-width:0}
.eps{list-style:none;padding:0;border-top:1px solid var(--line-dark)}
.eps li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line-dark);font-size:var(--t-small);line-height:var(--lh-small)}
.ep{color:var(--on-dark);overflow-wrap:anywhere}
.ep-m{display:inline-block;min-width:58px;color:var(--sea-300)}
.ep-post{color:var(--gold-300)}.ep-delete{color:var(--coral-500)}
.ep-w{color:var(--sea-200)}
.cli{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5);padding:var(--s4);background:var(--sea-950);border-radius:var(--r-1);font-size:var(--t-small)}
.cli code{color:var(--sea-200);overflow-wrap:anywhere}

.faq{margin-top:var(--s6);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:550;font-size:var(--t-lede);line-height:var(--lh-lede);color:var(--ink);padding:var(--s5) var(--s7) var(--s5) 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:var(--s2);top:var(--s5);font:400 22px/28px var(--mono);color:var(--accent)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{color:var(--muted);padding:0 0 var(--s5);max-width:66ch}

.band{background:var(--sea-700);color:var(--on-dark);padding:var(--s8) 0}
.band-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}
.band h2{color:var(--on-dark);font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:-.03em}
.band p{color:var(--sea-100);margin-top:var(--s2)}
.band-actions{display:flex;gap:var(--s3);flex-wrap:wrap}

.foot{background:var(--sea-950);color:var(--sea-200);padding:var(--s8) 0 var(--s6);font-size:var(--t-small);line-height:var(--lh-small)}
.foot-grid{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:var(--s6)}
.foot-brand p{margin-top:var(--s3)}
.foot-strip{max-width:32ch}
.foot a{color:var(--sea-200);text-decoration:none}
.foot a:hover{color:var(--on-dark);text-decoration:underline}
.foot h2{color:var(--on-dark);font:500 var(--t-cap)/var(--lh-cap) var(--mono);text-transform:lowercase;margin-bottom:var(--s4)}
.foot ul{list-style:none;padding:0;display:grid;gap:var(--s2)}
.legal{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;border-top:1px solid var(--line-dark);margin-top:var(--s7);padding-top:var(--s5);font-size:var(--t-cap);line-height:var(--lh-cap);color:var(--sea-300)}
.legal-links{display:flex;gap:var(--s5);flex-wrap:wrap}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .px-bub,.px-fish .swim,.eg-pk,.eg-pkv{animation:none}
  .eg-pk,.eg-pkv{display:none}
  .btn,.path,.path-cta .icon{transition:none}
}
@media (max-width:1100px){
  .hero-in{grid-template-columns:1fr;gap:var(--s6)}
  .hero-art{order:-1}.scene{max-width:280px}
  .connect-in,.docs-in{grid-template-columns:1fr}
  .rules,.now{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:repeat(3,1fr)}.foot-brand{grid-column:1/-1}
}
@media (max-width:900px){
  .menu-btn{display:inline-flex}
  #site-nav{display:none;position:absolute;left:0;right:0;top:72px;max-height:calc(100vh - 72px);overflow:auto;background:var(--sea-800);padding:var(--s2) var(--gutter) var(--s5);flex-direction:column;align-items:stretch;gap:var(--s4);border-bottom:1px solid var(--line-dark)}
  #site-nav.open{display:flex}
  .nav-list{flex-direction:column;gap:0}
  .nav-list a{width:100%;min-height:52px;font-size:var(--t-body);border-bottom:1px solid var(--line-dark);border-radius:0;padding:0}
  .nav-end{flex-direction:column;align-items:stretch;gap:var(--s3)}
  .nav-login{padding:0}
}
@media (max-width:640px){
  .top-in{height:64px}
  #site-nav{top:64px}
  .hero{padding-top:var(--s5)}
  .hero-in{gap:var(--s4);padding-bottom:var(--s6)}
  .scene{max-width:150px}
  .hero-art figcaption{display:none}
  .hero-eyebrow{margin-bottom:var(--s2)}
  .lede{margin-top:var(--s3)}
  .paths{grid-template-columns:1fr;gap:var(--s2);margin-top:var(--s5)}
  .path{padding:var(--s4);gap:var(--s1)}
  .path-text{display:none}
  .path-cta{margin-top:0}
  .section{padding:var(--s8) 0}
  .term-panel{padding:var(--s4)}
  .term pre{font-size:13px;line-height:22px}
  .cmp-head{display:none}
  .cmp-row{grid-template-columns:1fr;gap:var(--s2)}
  .cmp-m{display:block;font:600 var(--t-cap)/var(--lh-cap) var(--mono);color:var(--accent);text-transform:lowercase}
  .egress-art{padding:var(--s4) var(--s4) 0}
  .egress-svg{display:none}.egress-svg-v{display:block}
  .egress-bar{padding-left:var(--s4)}
  .rules,.now,.sell-grid{grid-template-columns:1fr}
  .sell-card{padding:var(--s5)}
  .eps li{grid-template-columns:1fr;gap:var(--s1)}
  .band-actions,.band-actions .btn{width:100%}
  .foot-grid{grid-template-columns:1fr 1fr;gap:var(--s5)}
}