/* GullyChain Terminal kit. Part 1 is the landing's own stylesheet (sites/_shared/landing/index.html), part 2 is
   sites/_shared/term-extra.css. Built by sites/_shared/build.mjs; do not edit the copy in a site folder. */
:root{
  /* GullyChain brand kit (brand/tokens.json) */
  --gc-night:#05080D;--gc-ink:#0A1018;--gc-blue:#2563FF;--gc-cyan:#00B2FA;--gc-green:#46FB04;--gc-white:#F2F5F7;--gc-muted:#8A97A8;
  --gc-chain-gradient:linear-gradient(90deg,#00B2FA,#46FB04);
  --gc-font:'Exo 2',system-ui,sans-serif;
  /* page roles */
  --gc-black:var(--gc-night);--gc-line:rgba(138,151,168,.18);--gc-royal:var(--gc-blue);--gc-electric:var(--gc-blue);--gc-indigo:var(--gc-blue);
  --gc-text:var(--gc-white);--gc-up:var(--gc-green);--gc-down:#FF7A7A;
  --gc-radius-card:22px;--gc-radius-pill:9999px;
  --f-head:var(--gc-font);--f-tag:var(--gc-font);--f-badge:var(--gc-font);--f-body:var(--gc-font);--f-num:var(--gc-font);
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --grid:rgba(138,151,168,.10);--up:var(--gc-green);--down:#FF7A7A;
  color-scheme:dark;
}
.gc-ink{background:var(--gc-ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--gc-black);color:var(--gc-text);font-family:var(--f-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.02}
p{margin:0}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 16px}
@media (min-width:900px){.wrap{padding:0 28px}}
:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.num{font-family:var(--f-num);font-weight:600;font-variant-numeric:tabular-nums}
.lab{font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px;color:var(--gc-muted)}
.lab.cy{color:var(--gc-cyan)}
.muted{color:var(--gc-muted)}
.up{color:var(--up)}.down{color:var(--down)}

/* wordmark */
.wm{font-family:var(--f-head);font-weight:800;letter-spacing:-.02em;color:#F2F5F7;text-decoration:none;display:inline-flex;align-items:center;gap:0;font-size:22px;line-height:1}

.wm img{height:40px;width:auto;display:block}
@media (max-width:640px){.wm img{height:32px}}
.wm .c{background:var(--gc-chain-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}

/* signature buttons */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px 0 18px;border-radius:var(--gc-radius-pill);font-family:var(--f-body);font-weight:800;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}
.btn .ic{width:18px;height:18px}
.btn .ar{width:16px;height:16px;transition:transform .2s ease}
.btn:hover .ar{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%)}
.btn:hover::after{transform:translateX(120%);transition:transform .7s ease}
.btn.pri{background:var(--gc-cyan);color:#05080D}
.btn.pri:hover{box-shadow:0 0 0 4px rgba(0,178,250,.2)}
.btn.sec{background:var(--gc-royal);color:#F2F5F7}
.btn.sec::after{background:linear-gradient(115deg,transparent 35%,rgba(0,178,250,.45) 50%,transparent 65%)}
.btn.sec:hover{box-shadow:0 0 0 4px rgba(37,99,255,.22)}
.btn.ter{background:transparent;color:#F2F5F7;border-color:var(--gc-line)}
.btn.ter::after{background:linear-gradient(115deg,transparent 35%,rgba(0,178,250,.25) 50%,transparent 65%)}
.btn.ter:hover{border-color:var(--gc-electric)}
.btn.sm{min-height:36px;padding:0 14px 0 12px;font-size:14px}
.btn.xs{min-height:30px;padding:0 10px;font-size:13px;gap:6px}

/* top bar */
.nav{position:sticky;top:0;z-index:20;background:rgba(5,8,13,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--gc-line)}
.nav .wrap{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;justify-content:space-between;height:60px;gap:14px}
.nav ul{list-style:none;margin:0;padding:0;display:none;gap:2px}
.nav ul a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 11px;border-radius:8px;text-decoration:none;color:var(--gc-muted);font-weight:600;font-size:14px;transition:color .15s ease,background .15s ease}
.nav ul a:hover,.nav ul a[aria-current="true"]{color:#F2F5F7;background:var(--gc-ink)}
.nav ul a:hover .ic,.nav ul a[aria-current="true"] .ic{color:var(--gc-cyan)}
@media (min-width:900px){.nav ul{display:flex}}
@media (max-width:1399px){.nav ul a span{display:none}.nav ul a{padding:0 9px}}
.navr{display:flex;align-items:center;gap:10px;flex:none}
@media (max-width:1279px){.nav .btn.docs{display:none}.nav .btn.sm{min-height:36px;font-size:14px;padding:0 13px 0 11px}}
@media (max-width:1099px){.nav .btn.wal span{display:none}.nav .btn.wal{padding:0 11px}}
.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--gc-radius-pill);border:1px solid var(--gc-line);background:var(--gc-ink);font-size:13px;font-weight:600;color:var(--gc-muted);white-space:nowrap;font-family:var(--f-num);font-variant-numeric:tabular-nums}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gc-muted);flex:none}
.pill.live{color:#F2F5F7}.pill.live .dot{background:var(--gc-cyan);box-shadow:0 0 0 0 rgba(0,178,250,.5);animation:breathe 2.4s ease-in-out infinite}
.pill.replay{color:#F2F5F7;border-color:var(--gc-muted)}
.pill.down .dot{background:var(--down)}
.pill.flash .dot{animation:ping .9s ease-out 1}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(0,178,250,.6)}100%{box-shadow:0 0 0 12px rgba(0,178,250,0)}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(0,178,250,.45)}50%{box-shadow:0 0 0 5px rgba(0,178,250,0)}}
@media (max-width:640px){.nav .wrap{gap:8px}.navr{gap:6px}.nav .btn.wal,.nav .btn.docs{display:none}.nav .btn.pri span{display:none}.nav .btn.pri{padding:0 11px}.pill{padding:0 9px}.pill span:last-child{max-width:100px;overflow:hidden;text-overflow:ellipsis}}

/* replay banner */
.banner{display:none;background:var(--gc-ink);border-bottom:1px solid var(--gc-muted);color:var(--gc-muted);font-size:14px;padding:8px 0}
.banner.on{display:block}
.banner b{color:#F2F5F7;font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-right:6px}

/* terminal frame */
.term{border:1px solid var(--gc-line);background:var(--gc-ink);position:relative}
.term .th{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--gc-line);min-height:38px}
.term .th .lab{font-size:13px}
.term .th .r{display:flex;align-items:center;gap:8px;font-family:var(--f-num);font-size:12px;color:var(--gc-muted);font-variant-numeric:tabular-nums}
.k{display:inline-block;font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--gc-cyan)}
.k.sell{color:var(--down)}.k.buy{color:var(--up)}

/* hero: chart wall */
.hero{padding:26px 0 18px;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 85% 0%,rgba(37,99,255,.14),transparent 70%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1fr;gap:18px;position:relative}
@media (min-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}}
@media (min-width:1200px){.hero .wrap{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px}}
.copy{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.copy .badge{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--gc-radius-pill);background:var(--gc-blue);color:#F2F5F7;font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px;width:max-content}
.copy h1{font-size:clamp(40px,4.6vw,64px)}
.copy h1 em{font-style:normal;color:var(--gc-cyan)}
.copy .promise{color:var(--gc-muted);font-size:clamp(15px,1.15vw,17px);max-width:480px}
.copy .promise b{color:#F2F5F7;font-weight:600}
.ctas{display:flex;flex-wrap:wrap;gap:10px}
.rpcrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--f-num);font-size:13px;color:var(--gc-muted)}
.rpcrow code{font-family:var(--f-mono);color:#F2F5F7;background:var(--gc-ink);border:1px solid var(--gc-line);padding:4px 8px;border-radius:6px;font-size:12.5px}
.rpcrow .btn.xs{color:var(--gc-muted)}
.wall{display:flex;flex-direction:column;min-width:0;height:100%}
.wall .plot{position:relative;flex:1;min-height:190px}
@media (max-width:899px){.wall .plot{height:240px;flex:none}}
.wall svg.main{position:absolute;left:12px;top:10px;width:calc(100% - 24px);height:calc(100% - 16px);display:block;overflow:visible}
.wall .hn{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 12px 0}
.wall .hn b{font-family:var(--f-head);font-weight:800;font-size:clamp(30px,3vw,44px);letter-spacing:-.02em;line-height:1}
.wall .hn span{color:var(--gc-muted);font-size:13px}
.gl{stroke:var(--grid);stroke-width:1}
.ax{stroke:var(--gc-line);stroke-width:1}
.at{font-family:var(--f-num);font-size:11px;fill:var(--gc-muted);font-variant-numeric:tabular-nums}
.ln{fill:none;stroke:var(--gc-cyan);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ar{fill:url(#fade)}
.xh{stroke:var(--gc-muted);stroke-width:1;opacity:0}
.hit{fill:transparent;cursor:crosshair}
.dot{fill:var(--gc-cyan);stroke:#05080D;stroke-width:2;opacity:0}
.end{fill:var(--gc-cyan);stroke:var(--gc-ink);stroke-width:2}
.ln2{fill:none;stroke:#F2F5F7;stroke-width:2.5;stroke-linecap:round;opacity:0}
.ln2.on{opacity:.8;animation:sweep 5s linear infinite}
@keyframes sweep{from{stroke-dashoffset:var(--L2)}to{stroke-dashoffset:0}}
.ring{fill:none;stroke:var(--gc-cyan);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.ring.on{animation:ringp 2.2s ease-out infinite}
@keyframes ringp{0%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:scale(3.4)}}
.ar.live{animation:wash 7s ease-in-out infinite}
@keyframes wash{0%,100%{opacity:1}50%{opacity:.5}}
.pulse{fill:none;stroke:var(--gc-cyan);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.pulse.go{animation:pulse 1.4s ease-out 1}
@keyframes pulse{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(3)}}
.slide{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tbtn{background:transparent;border:1px solid var(--gc-line);color:var(--gc-muted);border-radius:var(--gc-radius-pill);height:26px;padding:0 10px;font:600 12px var(--f-body);cursor:pointer}
.tbtn[aria-pressed="true"],.tbtn:hover{color:#F2F5F7;border-color:var(--gc-electric)}
table.dt{width:100%;border-collapse:collapse;font-size:12.5px;margin:4px 0 8px;font-family:var(--f-num);font-variant-numeric:tabular-nums}
table.dt th,table.dt td{text-align:right;padding:3px 6px;border-top:1px solid var(--gc-line)}
table.dt th:first-child,table.dt td:first-child{text-align:left}
table.dt caption{text-align:left;color:var(--gc-muted);padding:4px 6px;font-size:12px;font-family:var(--f-body)}
.dtwrap{position:absolute;inset:6px 12px;overflow:auto}
[hidden]{display:none!important}
.gc-tip{position:fixed;z-index:50;pointer-events:none;background:var(--gc-ink);border:1px solid var(--gc-line);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.4;color:var(--gc-muted);opacity:0;transition:opacity .12s ease;max-width:260px}
.gc-tip.on{opacity:1}
.gc-tip b{display:block;color:#F2F5F7;font-family:var(--f-num);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}

/* ticker */
.tape{border-top:1px solid var(--gc-line);height:38px;display:flex;align-items:stretch;overflow:hidden;background:var(--gc-night);flex:none}
.tape .lb{display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--gc-line);flex:none}
.tape .tv{flex:1;min-width:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#05080D 5%,#05080D 95%,transparent);mask-image:linear-gradient(90deg,transparent,#05080D 5%,#05080D 95%,transparent)}
.tape .trk{position:absolute;left:0;top:0;height:100%;display:flex;white-space:nowrap;animation:tape 60s linear infinite;will-change:transform}
.tape:hover .trk,.tape:focus-within .trk{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
.tape .it{display:inline-flex;align-items:center;gap:8px;padding:0 22px;font-family:var(--f-num);font-size:13px;color:var(--gc-muted);font-variant-numeric:tabular-nums;border-right:1px solid var(--gc-line)}
.tape .it b{color:#F2F5F7;font-weight:600}
.tape .it .ic{width:14px;height:14px;color:var(--gc-muted)}
.tape.static .trk{animation:none;position:static}.tape.static .tv{overflow-x:auto;mask-image:none;-webkit-mask-image:none}

/* stat strip */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gc-line);border:1px solid var(--gc-line);border-top:0}
@media (min-width:768px){.stats{grid-template-columns:repeat(3,1fr)}.tile:last-child{grid-column:span 2}}
@media (min-width:1200px){.stats{grid-template-columns:repeat(5,1fr)}.tile:last-child{grid-column:auto}}
.tile{background:var(--gc-ink);padding:12px 14px 10px;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative;overflow:hidden}
@media (max-width:767px){.tile:last-child{grid-column:span 2}}
.tile .lab{font-size:12.5px}
.tile .v{font-family:var(--f-head);font-weight:800;font-size:clamp(22px,2vw,30px);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.tile .v small{font-family:var(--f-body);font-weight:600;font-size:12px;color:var(--gc-muted);letter-spacing:0;margin-left:6px}
.tile .sub{font-size:12px;color:var(--gc-muted);font-family:var(--f-num);font-variant-numeric:tabular-nums}
.tile svg{width:100%;height:40px;display:block;overflow:visible}
.spark .l{fill:none;stroke:var(--gc-royal);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.spark .a{fill:var(--gc-royal);opacity:.12}
.spark .d{fill:var(--gc-cyan);stroke:var(--gc-ink);stroke-width:1.5;animation:dotp 2.4s ease-in-out infinite}
@keyframes dotp{0%,100%{opacity:1}50%{opacity:.35}}
.spark rect{fill:var(--gc-royal)}
.spark rect.last{fill:var(--gc-cyan)}
.tile.flash::after{content:"";position:absolute;inset:0;background:rgba(0,178,250,.1);animation:fade 1s ease-out forwards;pointer-events:none}
@keyframes fade{to{opacity:0}}

/* sections */
section{padding:34px 0}
.sh{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 20px;margin-bottom:14px}
.sh h2{font-size:clamp(22px,2.4vw,30px)}
.sh p{color:var(--gc-muted);font-size:14px;margin-top:4px;max-width:600px}
.sh .lab{display:block;margin-bottom:6px}

/* market table */
.mk{overflow-x:auto}
table.m{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
table.m th{font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;color:var(--gc-muted);text-align:right;padding:9px 12px;border-bottom:1px solid var(--gc-line);white-space:nowrap}
table.m th:first-child,table.m td:first-child{text-align:left}
table.m td{padding:9px 12px;border-bottom:1px solid var(--gc-line);text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}
table.m tr:last-child td{border-bottom:0}
table.m tbody tr{transition:background .15s ease}
table.m tbody tr:hover{background:rgba(138,151,168,.08)}
table.m tbody tr.pulse{animation:rowp 1.2s ease-out 1}
@keyframes rowp{0%{background:rgba(0,178,250,.16)}100%{background:transparent}}
.sym{display:flex;align-items:center;gap:10px;font-family:var(--f-body)}
.sym .av{width:28px;height:28px;border-radius:50%;background:var(--gc-night);border:1px solid var(--gc-line);display:grid;place-items:center;font:800 11px var(--f-badge);color:var(--gc-cyan);flex:none}
.sym b{font-weight:800;display:block;line-height:1.1}
.sym span{color:var(--gc-muted);font-size:12px}
.curve{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
.curve i{display:block;width:72px;height:4px;border-radius:2px;background:rgba(138,151,168,.14);overflow:hidden}
.curve i b{display:block;height:100%;background:var(--gc-royal);border-radius:2px}
.curve i b.done{background:var(--gc-cyan)}
table.m svg{width:96px;height:28px;display:block;margin-left:auto}
table.m .empty td{text-align:left;color:var(--gc-muted);font-family:var(--f-body)}

/* product strip */
.prods{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gc-line);border:1px solid var(--gc-line)}
@media (min-width:700px){.prods{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.prods{grid-template-columns:repeat(6,1fr)}}
.prod{background:var(--gc-ink);display:flex;flex-direction:column;gap:8px;padding:14px;text-decoration:none;min-width:0;transition:background .15s ease;position:relative}
.prod:hover{background:rgba(138,151,168,.08)}
.prod .top{display:flex;align-items:center;gap:8px;color:#F2F5F7}
.prod .top .ic{color:var(--gc-cyan);width:18px;height:18px}
.prod h3{font-size:15px;font-weight:800;letter-spacing:-.01em}
.prod p{color:var(--gc-muted);font-size:12.5px;line-height:1.4;flex:1}
.prod .v{font-family:var(--f-head);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1}
.prod .v small{display:block;font-family:var(--f-num);font-weight:600;font-size:11.5px;color:var(--gc-muted);letter-spacing:0;margin-top:4px;font-variant-numeric:tabular-nums}
.prod .go{position:absolute;right:12px;top:14px;color:var(--gc-muted);display:inline-flex}
.prod .go .ic{width:14px;height:14px;transition:transform .2s ease}
.prod:hover .go{color:var(--gc-cyan)}
.prod:hover .go .ic{transform:translate(2px,-2px)}
.prod .flash{animation:cflash 1.2s ease-out 1}
@keyframes cflash{0%{color:var(--gc-cyan)}100%{color:#F2F5F7}}

/* stepper */
.street{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--gc-line)}
@media (min-width:1000px){.street{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--gc-line)}
@media (min-width:1000px){.steps{border-bottom:0;border-right:1px solid var(--gc-line)}}
.steps li{border-right:1px solid var(--gc-line)}
.steps li:last-child{border-right:0}
.steps button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 12px 16px;color:var(--gc-muted);font:600 14px var(--f-body);width:100%;box-sizing:border-box;transition:color .15s ease,background .15s ease;min-height:100%}
.steps button .n{font-family:var(--f-num);font-size:12px;color:var(--gc-muted);letter-spacing:.04em}
.steps button .ic{color:var(--gc-muted)}
.steps button:hover{color:#F2F5F7;background:rgba(138,151,168,.08)}
.steps button[aria-current="step"]{color:#F2F5F7;background:rgba(138,151,168,.08)}
.steps button[aria-current="step"] .ic,.steps button[aria-current="step"] .n{color:var(--gc-cyan)}
.steps button.done .n{color:var(--gc-royal)}
.steps button.done .ic{color:var(--gc-royal)}
.steps button:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:-2px}
.steps .bar{height:3px;width:100%;background:rgba(138,151,168,.14);border-radius:2px;overflow:hidden;margin-top:auto}
.steps .bar i{display:block;height:100%;width:0;background:var(--gc-chain-gradient);transition:width .4s ease}
.steps button.done .bar i,.steps button[aria-current="step"] .bar i{width:100%}
.spanel{padding:16px 18px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.spanel .lab{font-size:12.5px}
.spanel p{color:var(--gc-muted);font-size:15px;max-width:560px}
.spanel p b{color:#F2F5F7;font-weight:600}
.spanel .ctas{margin-top:2px}

/* CTA + footer */
.cta{border-top:1px solid var(--gc-line);background:radial-gradient(700px 260px at 50% 110%,rgba(37,99,255,.28),transparent 70%),#05080D;padding:42px 0}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.cta h2{font-size:clamp(26px,3.2vw,40px)}
.cta h2 em{font-style:normal;background:var(--gc-chain-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta p{color:var(--gc-muted);max-width:520px;margin-top:8px;font-size:15px}
footer{border-top:1px solid var(--gc-line);padding:22px 0;background:#05080D}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
.tag{font-family:var(--f-tag);font-weight:600;letter-spacing:.2em;font-size:11px;color:#F2F5F7;margin-top:8px;display:block;text-transform:none}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;font-size:13.5px}
.badges{display:flex;flex-wrap:wrap;gap:12px}
.badges img{width:189px;height:56px;display:block}
footer ul a{color:var(--gc-muted);text-decoration:none}
footer ul a:hover{color:#F2F5F7}
footer .copy2{font-size:12.5px;color:var(--gc-muted);width:100%;font-family:var(--f-num)}
.desc{font-family:var(--f-num);font-weight:600;letter-spacing:.2em;font-size:11px;color:var(--gc-muted);text-transform:uppercase}

/* toasts */
.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:var(--gc-ink);border:1px solid var(--gc-line);border-radius:22px;padding:14px 14px 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:tin .35s cubic-bezier(.2,.8,.2,1)}
.toast.out{animation:tout .25s ease forwards}
@keyframes tin{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes tout{to{opacity:0;transform:translateY(8px)}}
.toast .ic{color:var(--gc-cyan);margin-top:1px}
.toast.warn .ic{color:var(--gc-muted)}
.toast b{display:block;font-weight:800;font-size:15px}
.toast span{display:block;color:var(--gc-muted);font-size:13px;margin-top:2px;word-break:break-word;font-family:var(--f-mono)}
.toast .x{all:unset;cursor:pointer;color:var(--gc-muted);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}
.toast .x:hover{color:#F2F5F7}
.toast .x:focus-visible{outline:2px solid var(--gc-cyan)}
.toast .pb{position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:2px;background:var(--gc-cyan);transform-origin:left;animation:pb linear forwards}
@keyframes pb{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}.toast .pb,.btn::after,.pill.live .dot{animation:none}.tape .trk{animation:none;position:static}.tape .tv{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.ln2.on,.ring.on,.ar.live,.spark .d{animation:none}}

/* ---------- part 2: term-extra.css (testnet, docs, dev portal) ---------- */
/* fixes for class names the landing reuses (pill dot vs chart dot, button arrow vs chart area) */
.pill .dot{opacity:1;stroke:none}
.btn .ar,.ic.ar{fill:none}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:99;background:var(--gc-cyan);color:#05080D;padding:10px 14px;border-radius:var(--gc-radius-pill);font-weight:800;text-decoration:none}
.mono,code,kbd,pre{font-family:var(--f-mono)}
.hide-s{}
@media (max-width:640px){.hide-s{display:none!important}}

/* header: site tag next to the logo, drawer button (docs) */
.navl{display:flex;align-items:center;gap:10px;flex:none}
.navl .wm img{max-width:none}
@media (max-width:1599px){.nav.sub ul a span{display:none}.nav.sub ul a{padding:0 9px}}
.stag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--gc-radius-pill);background:var(--gc-ink);border:1px solid var(--gc-cyan);color:var(--gc-cyan);font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.mbtn{all:unset;cursor:pointer;display:none;place-items:center;width:40px;height:40px;border-radius:10px;color:#F2F5F7}
.mbtn:hover{background:var(--gc-ink)}
.mbtn:focus-visible{outline:2px solid var(--gc-cyan)}
@media (max-width:899px){.mbtn{display:grid}}
@media (max-width:420px){.stag{display:none}}
@media (max-width:480px){.nav.hasmenu .pill{display:none}}
@media (min-width:900px) and (max-width:1180px){.nav .pill{display:none}}

/* page hero (sub sites): copy left, live chart wall right */
.hero.sub{padding:22px 0 16px}
.hero.sub .copy h1{font-size:clamp(34px,3.6vw,52px)}
.hero.sub .wall .plot{min-height:210px}
.thi{width:14px!important;height:14px!important;vertical-align:-2px;margin-right:6px}
.tgl{display:inline-flex;gap:4px}
.wall .th .r{flex-wrap:wrap;justify-content:flex-end}
.wall .plot svg.main{position:absolute;left:12px;top:10px;width:calc(100% - 24px);height:calc(100% - 16px);display:block;overflow:visible}
.bar-r{fill:var(--gc-royal);transition:fill .15s ease}
.bar-r.last{fill:var(--gc-cyan)}
.bar-r.on{fill:#F2F5F7}
.hbar{fill:var(--gc-royal)}
.hbar.top{fill:var(--gc-cyan)}
.empty-t{font-family:var(--f-body);font-size:13px;fill:var(--gc-muted)}

/* stat strip variants: 4 tiles */
@media (min-width:768px){.stats.n4{grid-template-columns:repeat(4,1fr)}.stats.n4 .tile:last-child{grid-column:auto}}
@media (min-width:1200px){.stats.n4{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.stats.n4 .tile:last-child{grid-column:auto}}

/* tabs in a terminal frame */
.tabs{background:var(--gc-ink)}
.tabbar{padding:0 6px!important;overflow-x:auto;scrollbar-width:none}
.tabbar .tl{display:flex;gap:2px}
.tabbar [role="tab"]{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;color:var(--gc-muted);font:600 14px var(--f-body);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabbar [role="tab"] .ic{width:16px;height:16px}
.tabbar [role="tab"]:hover{color:#F2F5F7}
.tabbar [role="tab"][aria-selected="true"]{color:#F2F5F7;border-bottom-color:var(--gc-cyan)}
.tabbar [role="tab"][aria-selected="true"] .ic{color:var(--gc-cyan)}
.tabbar [role="tab"]:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:-4px}
.tpanel{padding:14px;min-height:120px}
.tpanel:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:-2px}
.tpanel.flush{padding:0}
.scroll{max-height:380px;overflow:auto;scrollbar-width:thin}

/* stepper: variable step count + panels */
.steps.n5{grid-template-columns:repeat(5,1fr)}
.steps.n3{grid-template-columns:repeat(3,1fr)}
.steps button .sl{display:block}
@media (max-width:560px){.steps.n5 button{padding:12px 6px 14px;font-size:12.5px}.steps.n5 .sl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.spanels{min-width:0}
.spanel h3{font-size:19px;letter-spacing:-.01em}
.spanel .code,.spanel .cmd{max-width:640px}
.snav{margin-top:4px}

/* code, commands, copy */
.cbtn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--gc-line);border-radius:var(--gc-radius-pill);color:var(--gc-muted);font:600 12px var(--f-body);white-space:nowrap;flex:none}
.cbtn .ic{width:13px;height:13px}
.cbtn:hover{color:#F2F5F7;border-color:var(--gc-electric)}
.cbtn:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:2px}
.cbtn.ok{color:var(--gc-cyan);border-color:var(--gc-cyan)}
.code{border:1px solid var(--gc-line);background:var(--gc-night);border-radius:12px;overflow:hidden;margin:12px 0}
.code-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--gc-line);font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;color:var(--gc-muted)}
.code pre{margin:0;padding:12px 14px;overflow-x:auto;font-size:13px;line-height:1.55;color:#F2F5F7}
.code pre:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:-2px}
.code .c{color:var(--gc-muted)}
.cmd{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--gc-line);background:var(--gc-night);border-radius:10px;padding:6px 6px 6px 12px;margin:8px 0}
.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-size:13px;color:#F2F5F7;scrollbar-width:none}
.addr{display:inline-flex;align-items:center;gap:8px;max-width:100%}
.addr a{color:#F2F5F7;text-decoration:none;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.addr a:hover{color:var(--gc-cyan);text-decoration:underline}

/* key/value and data tables */
table.kv{width:100%;border-collapse:collapse;font-size:14px}
table.kv th,table.kv td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--gc-line);vertical-align:middle}
table.kv tr:last-child th,table.kv tr:last-child td{border-bottom:0}
table.kv th{font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--gc-muted);white-space:nowrap;width:1%}
table.kv td{color:#F2F5F7;word-break:break-word}
table.kv td .cbtn{margin-left:8px;vertical-align:middle}
table.kv a{color:#F2F5F7}
table.kv a:hover{color:var(--gc-cyan)}
table.m td.l,table.m th.l{text-align:left}
table.m .grp th{text-align:left;color:var(--gc-cyan);background:var(--gc-night);position:sticky;top:0;z-index:1}
table.m thead th{position:sticky;top:0;background:var(--gc-ink);z-index:2}
table.m td .spk{width:96px;height:24px;display:inline-block;vertical-align:middle}
table.m td .spk-n{display:inline-block;min-width:22px;text-align:right;color:var(--gc-muted);margin-left:6px}
table.m a{color:#F2F5F7;text-decoration:none}
table.m a:hover{color:var(--gc-cyan);text-decoration:underline}

/* two columns inside a tab */
.cols{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:1000px){.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.panelc{border:1px solid var(--gc-line);background:var(--gc-night);min-width:0}
.panelc .ph{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--gc-line)}
.panelc .ph .lab{font-size:12.5px}
.panelc .pb{padding:10px 12px}
.panelc .mini{position:relative;height:150px}
.panelc .mini.tall{height:250px}
.panelc .mini svg.main{position:absolute;left:8px;top:8px;width:calc(100% - 16px);height:calc(100% - 12px);overflow:visible}

/* service status list: icon + label, never colour alone */
.svc{list-style:none;margin:0;padding:0}
.svc li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 12px;border-bottom:1px solid var(--gc-line);font-size:13.5px}
.svc li:last-child{border-bottom:0}
.svc b{font-weight:800}
.svc .d{grid-column:1/-1;color:var(--gc-muted);font-size:12.5px}
.svc .d a{color:var(--gc-muted)}
.st{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--gc-radius-pill);font:800 11px var(--f-badge);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid var(--gc-line);color:var(--gc-muted)}
.st .ic{width:12px;height:12px}
.st.live{background:var(--gc-green);border-color:var(--gc-green);color:#05080D}
.st.beta,.st.next{background:var(--gc-ink);border-color:var(--gc-blue);color:#F2F5F7}
.st.wip,.st.wait,.st.soon{color:#F2F5F7}
.st.down{background:var(--down);border-color:var(--down);color:#05080D}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr;gap:0}
@media (min-width:1000px){.faq{grid-template-columns:1fr 1fr;column-gap:24px}}
.faq details{border-bottom:1px solid var(--gc-line)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;font-weight:800;font-size:14.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:16px;height:16px;color:var(--gc-cyan);transition:transform .2s ease;flex:none}
.faq details[open] summary .ic{transform:rotate(90deg)}
.faq summary:focus-visible{outline:2px solid var(--gc-cyan);outline-offset:2px}
.faq p{color:var(--gc-muted);font-size:14px;padding:0 0 12px 26px}

/* tool / product grid (landing .prods), 4 per row */
.prods.p4{grid-template-columns:repeat(1,1fr)}
@media (min-width:600px){.prods.p4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.prods.p4{grid-template-columns:repeat(4,1fr)}}
.prod .st{position:absolute;right:12px;top:12px}
.prod .host{font-family:var(--f-mono);font-size:11.5px;color:var(--gc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prods.flat{border:0}

/* prose (dev subpages) */
.prose{max-width:820px}
.prose h2{font-size:clamp(20px,2vw,26px);margin:26px 0 8px}
.prose h3{font-size:17px;margin:18px 0 6px}
.prose p,.prose li{color:var(--gc-muted);font-size:15px;line-height:1.6}
.prose p{margin:8px 0}
.prose strong,.prose b{color:#F2F5F7}
.prose a{color:var(--gc-cyan)}
.prose code{font-size:.9em;color:#F2F5F7;background:var(--gc-night);border:1px solid var(--gc-line);border-radius:6px;padding:1px 5px}
.prose pre code{background:none;border:0;padding:0}
.prose ul{padding-left:20px}
.prose table{width:100%;border-collapse:collapse;font-size:14px}
.prose th,.prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--gc-line);vertical-align:top}
.prose th{color:#F2F5F7}
.tbl{overflow-x:auto;border:1px solid var(--gc-line);margin:12px 0}
.callout{border:1px solid var(--gc-line);border-left:3px solid var(--gc-cyan);background:var(--gc-ink);border-radius:0 12px 12px 0;padding:10px 14px;margin:14px 0}
.callout .ct{font-family:var(--f-badge);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--gc-cyan);margin:0 0 4px;display:flex;align-items:center;gap:6px}
.callout .ct .ic{width:14px;height:14px}
.callout.warning{border-left-color:var(--down)}.callout.warning .ct{color:var(--down)}
.callout.soon{border-left-color:var(--gc-blue)}.callout.soon .ct{color:#F2F5F7}
.callout.live{border-left-color:var(--gc-green)}.callout.live .ct{color:var(--gc-green)}
.callout p{margin:4px 0}

/* footer: official channels */
footer ul.soc{gap:8px;width:100%}
footer ul.soc a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--gc-line);border-radius:var(--gc-radius-pill);color:var(--gc-muted);font-weight:600;font-size:13px;transition:color .15s ease,border-color .15s ease}
footer ul.soc a .ic{width:15px;height:15px}
footer ul.soc a:hover{color:#F2F5F7;border-color:var(--gc-electric)}
footer ul.soc a:hover .ic{color:var(--gc-cyan)}

/* section rhythm for compact pages */
section.tight{padding:22px 0}
.page-h{padding:24px 0 6px}
.page-h h1{font-size:clamp(30px,3.2vw,44px)}
.page-h h1 em{font-style:normal;color:var(--gc-cyan)}
.page-h p{color:var(--gc-muted);max-width:640px;margin-top:8px;font-size:15.5px}
.note{color:var(--gc-muted);font-size:13px;margin-top:10px}
.note a{color:var(--gc-cyan)}
.note code{font-size:12px;color:#F2F5F7}
@media (prefers-reduced-motion:reduce){.faq summary .ic{transition:none}}