/* LADDER: off-black + chartreuse over the captured template's own CSS (base.css). One accent, condensed caps for display. */
:root{--as-bg:#0e0f0b;--as-bg2:#121310;--as-card:#181a14;--as-card2:#1f211a;--as-line:#272920;--as-line2:#383b30;--as-ink:#eceee4;--as-ink2:#9a9d90;--as-ink3:#6b6e63;--as-acc:#d7ff3a;--as-acc-ink:#0e0f0b;--as-acc-dim:#3d4a12;--as-red:#ff6b4a;
  --as-sans:'Archivo',ui-sans-serif,system-ui,sans-serif;--as-disp:'Big Shoulders Display',Impact,sans-serif;--as-mono:'IBM Plex Mono',ui-monospace,monospace}
html.as{background:var(--as-bg);color:var(--as-ink);font-family:var(--as-sans);-webkit-font-smoothing:antialiased}
html.as body{background:var(--as-bg);font-family:var(--as-sans);font-size:16px;overflow-x:hidden}
.as-mono,.as-mono *{font-family:var(--as-mono)!important;font-variant-numeric:tabular-nums}
.as-code{font-family:var(--as-mono);font-size:.88em;color:var(--as-acc);background:#d7ff3a12;border:1px solid #d7ff3a33;border-radius:2px;padding:.05em .35em;white-space:nowrap}
.text-xxs,.text-xs{font-size:12px!important;line-height:1.45!important}
.fw-kick,.fw-chips{font-size:12px!important}
::selection{background:var(--as-acc);color:var(--as-acc-ink)}
/* the template's thin two-tone headings, in condensed caps */
.as-home h1,.as-home h2,.as-h2 h1,.as-h2 h2{font-family:var(--as-disp);text-transform:uppercase;letter-spacing:.005em}
.as-home .font-thin h2,.as-home .font-thin{font-weight:500!important}
.as-home section .font-bold{font-weight:800!important}

/* ---------- header */
.as-wm{display:inline-flex;align-items:center;gap:8px;font:800 24px/1 var(--as-disp);letter-spacing:.04em;color:var(--as-ink);text-transform:uppercase}
.as-mark{width:26px;height:26px;flex:none;object-fit:contain}
.as-wm-lg{font-size:40px;gap:12px}
.as-wm-lg .as-mark{width:40px;height:40px}
.as-nav{color:var(--as-ink2);transition:color .2s;font-weight:500}
.as-nav:hover,.as-nav.on{color:var(--as-ink)}
.as-nav.on span{box-shadow:inset 0 -2px 0 var(--as-acc);padding-bottom:3px}
.as-cta{display:inline-flex;align-items:center;font:700 14px var(--as-sans);color:var(--as-acc-ink)!important;background:var(--as-acc);border-radius:2px;transition:background .2s}
.as-cta:hover{background:#e6ff7a}
.as-wallet{display:none;align-items:center;gap:8px;font:600 13px var(--as-sans);color:var(--as-ink);border:1px solid var(--as-line2);background:transparent;height:32px;padding:0 14px;border-radius:2px;cursor:pointer;transition:border-color .2s;white-space:nowrap}
.as-wallet:hover{border-color:var(--as-acc)}
[data-wallet].on i{width:7px;height:7px;background:var(--as-acc);display:inline-block}
.as-net{align-items:center;gap:7px;font:500 12px var(--as-mono);color:var(--as-ink2);border:1px solid var(--as-line);height:32px;padding:0 10px;border-radius:2px;white-space:nowrap}
.as-net::before{content:"";width:6px;height:6px;background:var(--as-acc)}
.as-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--as-line2);background:transparent;cursor:pointer;padding:0 9px;border-radius:2px}
.as-burger i{display:block;height:2px;background:var(--as-ink)}
@media(min-width:768px){.as-burger{display:none}}
.as-drawer{position:absolute;top:48px;left:0;right:0;background:var(--as-bg);border-bottom:1px solid var(--as-line);display:flex;flex-direction:column;padding:8px 16px 18px;z-index:60}
.as-drawer[hidden]{display:none}
.as-drawer a,.as-drawer button{font:700 26px var(--as-disp);text-transform:uppercase;letter-spacing:.02em;color:var(--as-ink);padding:10px 0;border-bottom:1px solid var(--as-line);text-align:left;background:none;border-left:0;border-right:0;border-top:0;cursor:pointer}
.as-drawer .as-net{display:inline-flex;margin-top:14px;align-self:flex-start}
.as-drawer button{color:var(--as-acc)}

/* ---------- hero: centered type over the ladder */
.fw-hero{background:var(--as-bg);--device-peek:380px;padding-bottom:calc(var(--device-peek) + 40px)!important}
@media(max-width:767px){.fw-hero{--device-peek:320px}}
.fw-hero .fw-display{color:var(--as-ink);font-family:var(--as-disp)!important;font-style:normal!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em!important;line-height:.88!important;font-size:clamp(58px,10.4vw,150px)!important}
.fw-hero .fw-display .fw-em{color:var(--as-acc)}
.fw-hero .fw-kick{font-family:var(--as-mono)!important;letter-spacing:.24em!important}
.fw-hero .fw-lede{font-size:17px!important;font-weight:400!important;max-width:620px!important}
.fw-hero .fw-lede b{font-weight:600}
.fw-hero .fw-btn{border-radius:2px!important;font-family:var(--as-sans);font-weight:700}
.fw-hero .fw-btn:hover{background:#e6ff7a!important;color:var(--as-acc-ink)!important}
.fw-hero .fw-chips{font-family:var(--as-mono)!important}
.fw-cue{display:none}
.as-viz{position:relative}
.as-viz>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* the ladder: four rungs stepping up, left to right */
.as-ladder{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1240px,calc(100vw - 32px));height:var(--device-peek);display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:0;pointer-events:auto}
.as-rung{position:relative;display:flex;flex-direction:column;padding:16px 18px;border-top:2px solid var(--as-acc);border-left:1px solid var(--as-line2);background:var(--as-bg2);min-width:0;overflow:hidden}
.as-r1{height:55%}.as-r2{height:70%}.as-r3{height:85%}.as-r4{height:100%}
.as-r3,.as-r4{border-top:2px dashed var(--as-ink3);background:repeating-linear-gradient(135deg,transparent 0 9px,#ffffff06 9px 10px),var(--as-bg)}
.as-rung-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.as-rung-n{font:800 40px/1 var(--as-disp);color:var(--as-acc)}
.as-r3 .as-rung-n,.as-r4 .as-rung-n{color:var(--as-ink3)}
.as-rung-k{font:500 12px var(--as-mono);color:var(--as-ink2);text-transform:uppercase;letter-spacing:.08em;text-align:right}
.as-rung-t{font:800 26px/1 var(--as-disp);text-transform:uppercase;margin-top:10px;color:var(--as-ink)}
.as-rung-v{font:600 15px var(--as-mono);color:var(--as-acc);margin-top:6px}
.as-r3 .as-rung-v,.as-r4 .as-rung-v{color:var(--as-ink)}
.as-rung-s{font-size:13px;color:var(--as-ink2);margin-top:2px}
.as-rung-coins{display:flex;flex-wrap:wrap;align-content:flex-end;gap:4px;margin-top:auto;padding-top:8px;min-height:0;overflow:hidden}
.as-rung-coins a{font:600 12px var(--as-mono);color:var(--as-acc-ink);background:var(--as-acc);padding:2px 6px;white-space:nowrap}
.as-rung-coins a.dim{background:transparent;color:var(--as-ink2);border:1px solid var(--as-line2)}
@media(max-width:767px){
  .as-ladder{width:calc(100vw - 24px)}
  .as-rung{padding:10px 8px}
  .as-rung-n{font-size:28px}
  .as-rung-k{display:none}
  .as-rung-t{font-size:17px;margin-top:6px}
  .as-rung-v{font-size:12px}
  .as-rung-s{display:none}
  .as-rung-coins{left:8px;right:8px;bottom:8px;max-height:calc(100% - 96px)}
  .as-rung-coins a{font-size:12px;padding:1px 4px}
}
.as-token{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-top:22px}
.as-token:empty{display:none}
.as-ca{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 16px;border:1px solid var(--as-line2);border-radius:2px;background:var(--as-bg2);color:var(--as-ink);cursor:pointer;max-width:100%}
.as-ca:hover{border-color:var(--as-acc)}
.as-ca b{font:600 12px var(--as-mono);color:var(--as-acc)}
.as-ca span{font:500 13px var(--as-mono);overflow:hidden;text-overflow:ellipsis}
.as-xbtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:2px;background:var(--as-ink);color:var(--as-acc-ink)!important;font:700 15px var(--as-sans)}
.as-xbtn svg{width:16px;height:16px;fill:currentColor}

/* ---------- section-0: the block clock */
.as-clock-slot{position:absolute;right:max(16px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%);width:min(540px,44vw)}
.as-clock-slot.as-clock-mob{position:relative;right:auto;top:auto;transform:none;width:auto;margin:28px 16px 0}
@media(min-width:768px){.as-clock-slot.as-clock-mob{display:none}}
.as-clock{border:1px solid var(--as-line2);background:var(--as-bg)}
.as-clock-cap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--as-line2);font:500 12px var(--as-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--as-ink2)}
.as-clock-cap i{width:8px;height:8px;background:var(--as-acc);animation:as-blink 1s steps(2) infinite}
.as-clock-cap b{margin-left:auto;color:var(--as-acc);font-weight:600;letter-spacing:.04em}
@keyframes as-blink{50%{opacity:.2}}
.as-blocks{list-style:none;margin:0;padding:0;height:308px;overflow:hidden;font:500 14px var(--as-mono)}
.as-clock-mob .as-blocks{height:220px}
.as-blocks li{display:grid;grid-template-columns:1.2fr .8fr 1fr .7fr;gap:10px;padding:0 16px;height:28px;align-items:center;border-bottom:1px solid #1b1d16;color:var(--as-ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.as-blocks li b{color:var(--as-ink);font-weight:500}
.as-blocks li.new{animation:as-in .5s ease-out}
.as-blocks li.new b{color:var(--as-acc)}
.as-blocks li .tx{color:var(--as-ink)}
.as-blocks li .r{text-align:right}
@keyframes as-in{from{background:#d7ff3a22}to{background:transparent}}
.as-clock-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--as-line2)}
.as-clock-stats>div{padding:12px 14px;border-right:1px solid var(--as-line2);min-width:0}
.as-clock-stats>div:last-child{border-right:0}
.as-clock-stats span{display:block;font:500 12px var(--as-mono);color:var(--as-ink3);text-transform:uppercase;letter-spacing:.06em}
.as-clock-stats b{display:block;font:600 16px var(--as-mono);color:var(--as-ink);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:767px){.as-clock-stats{grid-template-columns:1fr 1fr}.as-clock-stats>div:nth-child(2){border-right:0}.as-clock-stats>div:nth-child(-n+2){border-bottom:1px solid var(--as-line2)}.as-blocks li{grid-template-columns:1.3fr .9fr 1fr;font-size:13px}.as-blocks li .r{display:none}}

/* ---------- landing details */
.as-ic{display:inline-flex;width:40px;color:var(--as-acc)}
.as-ic svg{width:40px;height:40px}
.as-dot{display:inline-block;width:8px;height:8px;background:var(--as-acc)}
.as-frame{position:relative}
.as-next{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;background:var(--as-bg);border:1px solid var(--as-line2)}
.as-next-col{padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;justify-content:flex-end;border-right:1px dashed var(--as-line2);min-width:0}
.as-next-col+.as-next-col{border-right:0}
.as-next-col b{font:800 clamp(64px,9vw,148px)/.9 var(--as-disp);color:var(--as-ink);margin-top:10px}
.as-next-col em{font-style:normal;color:var(--as-ink2);font-size:15px;margin-top:8px}
.as-next-q{grid-column:1/3;border-top:1px solid var(--as-line2);padding:16px clamp(18px,3vw,44px);font-size:15px;color:var(--as-ink);line-height:1.5}
.as-next-q cite{display:block;font:500 12px var(--as-mono);font-style:normal;color:var(--as-ink3);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:767px){.as-next-col{padding:14px}.as-next-col em{font-size:13px}.as-next-q{font-size:13px;padding:12px 14px}}
.as-lbl{font:500 12px var(--as-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--as-ink2)}
.as-col-wm{display:block;font:800 26px var(--as-disp);text-transform:uppercase;color:var(--as-ink)}
thead th:nth-child(2) .as-col-wm{color:var(--as-acc)}
.as-perk-num span{font:800 34px var(--as-disp);color:var(--as-acc);white-space:nowrap}
.as-perk-num{width:auto!important;height:auto!important;min-width:90px}
/* marquee: coin tags on the ladder */
.as-marq{align-items:center}
.as-chip{display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 20px 0 10px;background:var(--as-card);border:1px solid var(--as-line);white-space:nowrap;color:var(--as-ink);flex-shrink:0}
.as-chip:hover{border-color:var(--as-acc)}
.as-chip b{font:800 24px var(--as-disp);text-transform:uppercase}
.as-chip em{font:500 13px var(--as-mono);font-style:normal;color:var(--as-ink2)}
.as-chip .rg{font:600 12px var(--as-mono);color:var(--as-acc-ink);background:var(--as-acc);padding:2px 6px}
.as-chip .rg.r2{background:var(--as-ink)}
.as-chip .pbar{width:70px;height:6px;background:var(--as-line2)}
.as-chip .pbar i{display:block;height:100%;background:var(--as-acc)}
.as-marq-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px dashed var(--as-line2);padding:24px 28px;margin:0 auto;width:min(1240px,calc(100vw - 32px))}
.as-marq-empty p{font:800 30px/1.05 var(--as-disp);text-transform:uppercase;color:var(--as-ink)}
.as-marq-empty p span{color:var(--as-acc)}
.as-faq .item-header{user-select:none;cursor:pointer}
.as-faq:not(.open) .text-style{display:none}
.as-faq .text-style a{color:var(--as-acc);text-decoration:underline}
.as-faq .text-style p{margin-bottom:.7em}
/* chartreuse slab statement */
#section-9.as-slab>div{background:var(--as-acc)!important}
#section-9.as-slab,#section-9.as-slab *{color:var(--as-acc-ink)!important}
#section-9.as-slab .text-xl{font-family:var(--as-disp);text-transform:uppercase;font-weight:800!important;font-size:clamp(34px,4.6vw,64px)!important;line-height:.95!important}
#section-9.as-slab .text-xl p>span~*,#section-9.as-slab .text-xl p{opacity:1}
#section-9.as-slab .text-xl p{color:#0e0f0b99!important}
#section-9.as-slab .text-xl p>span{color:var(--as-acc-ink)!important}
#section-9.as-slab a{background:var(--as-acc-ink)!important;color:var(--as-acc)!important;border-radius:2px!important;font-weight:700}
/* footer */
.as-ft{background:var(--as-bg);border-top:1px solid var(--as-line);color:var(--as-ink)}
.as-ft-h{font:500 12px var(--as-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--as-ink3)}
.as-ft-a{color:var(--as-ink);font-size:15px;font-weight:600;transition:color .2s}
.as-ft-a:hover{color:var(--as-acc)}
.as-ft-line{margin-top:14px;font-size:14px;color:var(--as-ink2);max-width:320px;line-height:1.55}
.as-ft-legal{margin-top:48px;border-top:1px solid var(--as-line);padding-top:20px;font-size:13px;color:var(--as-ink3);line-height:1.6}
.as-ft-cfg{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.as-ft-cfg:empty{display:none}
.as-ft-cfg a,.as-ft-cfg button{font:500 13px var(--as-mono);color:var(--as-ink);border:1px solid var(--as-line2);border-radius:2px;padding:6px 12px;background:none;cursor:pointer}
/* the template's rounded slabs: squarer */
.as-home .rounded-4xl{border-radius:6px!important}
.as-home .rounded-3xl{border-radius:6px!important}

/* toasts */
.toasts{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(400px,calc(100vw - 32px))}
.toast{display:flex;flex-direction:column;gap:3px;background:var(--as-bg);border:1px solid var(--as-line2);border-left:4px solid var(--as-acc);color:var(--as-ink);padding:12px 14px;font-size:14px;transform:translateY(8px);opacity:0;transition:.25s;overflow-wrap:anywhere}
.toast.in{transform:none;opacity:1}
.toast b{font:600 12px var(--as-mono);color:var(--as-acc);text-transform:uppercase;letter-spacing:.06em}
.toast a{color:var(--as-acc);text-decoration:underline}
.toast.bad{border-left-color:var(--as-red)}
.toast.bad b{color:var(--as-red)}

.as-rise{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,.7,.2,1),transform .9s cubic-bezier(.16,.7,.2,1)}
.as-rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.as-rise{opacity:1;transform:none;transition:none}}
@media(max-width:767px){#section-8 .swiper-container{overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none}#section-8 .swiper-container::-webkit-scrollbar{display:none}#section-8 .swiper-wrapper{transform:none!important}#section-8 .swiper-slide{width:calc(100vw - 48px)!important;margin-right:16px!important;scroll-snap-align:start}#section-8 .md\:hidden>div{cursor:pointer}}
.as-home .bg-core-yellow{color:var(--as-acc-ink)!important;border-radius:2px!important;font-weight:700}
.as-home .bg-core-yellow:hover{background:#e6ff7a!important}
.as-home #section-0 a.border,.as-home #section-0 a[class*="border-"]{border-radius:2px!important}

@media(min-width:768px){.as-hd .as-wallet{display:inline-flex}}
.as-net-hd{display:none}
@media(min-width:1100px){.as-net-hd{display:inline-flex}}
.as-drawer .as-net{display:inline-flex}
.as-next-q{grid-column:1/2!important;border-right:1px dashed var(--as-line2)}
@media(max-width:767px){
  .fw-hero{--device-peek:330px}
  .as-r1{height:58%}.as-r2{height:72%}.as-r3{height:86%}
  .as-rung-coins{display:none}
  .as-rung-v{font-size:12px;line-height:1.3}
  .as-rung-t{font-size:16px;line-height:1}
  .as-next{grid-template-columns:1fr;grid-template-rows:1fr 1fr auto}
  .as-next-col{border-right:0;border-bottom:1px dashed var(--as-line2)}
  .as-next-q{grid-column:1!important;border-right:0;padding-bottom:56px}
}
.as-r1{height:60%}.as-r2{height:74%}.as-r3{height:87%}
.as-rung:has(.as-rung-coins a) .as-rung-s{display:none}
.as-home a.text-sunny-blue .chevronRight svg path,.as-home a[class*="text-sunny-blue"] .chevronRight svg path{fill:var(--as-acc)!important}
@media(max-width:767px){
  .fw-hero{--device-peek:320px}
  .as-ladder{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;height:auto;gap:6px;width:calc(100vw - 32px)}
  .as-ladder .as-rung{height:auto!important;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;padding:8px 10px;border-left:1px solid var(--as-line2)}
  .as-ladder .as-r2{margin-left:9%}.as-ladder .as-r3{margin-left:18%}.as-ladder .as-r4{margin-left:27%}
  .as-ladder .as-rung-top{grid-row:1/3;align-self:center}
  .as-ladder .as-rung-n{font-size:30px}
  .as-ladder .as-rung-t{margin-top:0;font-size:19px}
  .as-ladder .as-rung-v{margin-top:2px;font-size:12px}
  .as-ladder .as-rung-s,.as-ladder .as-rung-coins{display:none}
}
@media(max-width:767px){
  .as-perk-num{min-width:118px}
  .as-perk-num span{font-size:28px}
  .as-next-q{padding-bottom:78px!important}
}

/* wallet picker (several EIP-6963 wallets) */
.as-pick{position:fixed;inset:0;z-index:120;background:#0e0f0bcc;display:flex;align-items:center;justify-content:center;padding:16px}
.as-pick-box{width:min(360px,100%);background:var(--as-bg);border:1px solid var(--as-line2);border-top:3px solid var(--as-acc);padding:18px;display:flex;flex-direction:column;gap:8px}
.as-pick-box b{font:800 26px var(--as-disp);text-transform:uppercase;margin-bottom:6px}
.as-pick-box button{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border:1px solid var(--as-line2);background:var(--as-card);color:var(--as-ink);font:600 15px var(--as-sans);cursor:pointer;border-radius:2px;text-align:left}
.as-pick-box button:hover,.as-pick-box button:focus{border-color:var(--as-acc);outline:none}
.as-pick-box img,.as-pick-box i{width:24px;height:24px;flex:none;background:var(--as-line2)}
.as-pick-box .as-pick-x{justify-content:center;background:transparent;color:var(--as-ink2)}

.as-xhd{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #383b30;border-radius:2px;color:var(--as-ink)}
.as-xhd:hover{color:var(--as-acc);border-color:var(--as-acc)}
.as-xhd svg{width:14px;height:14px;fill:currentColor}
@media (min-width:768px){.as-xhd:not([hidden]){display:inline-flex}}
.as-drawer-x:empty{display:none}.as-drawer-x{padding-top:8px}
/* phones: the ladder leaves the absolute backdrop and gets its own row under the chips strip, so nothing can overlap it */
@media(max-width:767px){
  .fw-hero{min-height:0!important;padding-top:84px!important;padding-bottom:28px!important;flex-direction:column!important}
  .fw-hero .fw-backdrop{position:relative!important;inset:auto!important;height:auto!important;order:99;width:100%;margin-top:36px;pointer-events:auto}
  .fw-hero .fw-backdrop-move{position:relative!important;inset:auto!important;height:auto!important;transform:none!important}
  .fw-hero .as-ladder{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:0 auto}
}