/* 1bond: graphite + cyan on top of the captured template's own CSS (base.css). One accent. */
:root{--cr-bg:#141517;--cr-bg2:#18191b;--cr-card:#1d1f22;--cr-card2:#232529;--cr-line:#2b2e33;--cr-line2:#3a3e44;--cr-ink:#e9ecef;--cr-ink2:#9da2a8;--cr-ink3:#6c7177;--cr-cy:#35d4e4;--cr-cy-ink:#0d0e10;--cr-cy-dim:#1b4f55;
  --cr-sans:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;--cr-serif:'Instrument Serif',Georgia,serif;--cr-mono:'JetBrains Mono',ui-monospace,monospace}
html.cr{background:var(--cr-bg);color:var(--cr-ink);font-family:var(--cr-sans);-webkit-font-smoothing:antialiased}
html.cr body{background:var(--cr-bg);font-family:var(--cr-sans);font-size:16px;overflow-x:hidden}
.cr-mono,.cr-mono *{font-family:var(--cr-mono)!important;font-variant-numeric:tabular-nums}
.cr-code{font-family:var(--cr-mono);font-size:.88em;color:var(--cr-cy);background:#35d4e414;border:1px solid #35d4e433;border-radius:4px;padding:.05em .35em;white-space:nowrap}
a.cr-code:hover{background:#35d4e426}
/* nothing under 12px */
.text-xxs,.text-xs{font-size:12px!important;line-height:1.45!important}
.fw-kick,.fw-chips{font-size:12px!important}
::selection{background:var(--cr-cy);color:var(--cr-cy-ink)}

/* ---------- header */
.cr-wm{font-family:var(--cr-sans);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--cr-ink);line-height:1}
.cr-wm span:last-child{font-family:var(--cr-serif);font-style:italic;font-weight:400;color:var(--cr-cy);font-size:1.18em;margin-left:1px}
.cr-wm-lg{font-size:30px}
.cr-nav{color:var(--cr-ink2);transition:color .2s}
.cr-nav:hover,.cr-nav.on{color:var(--cr-ink)}
.cr-nav.on span{box-shadow:inset 0 -2px 0 var(--cr-cy);padding-bottom:3px}
.cr-cta{display:inline-flex;align-items:center;font-weight:600;font-size:14px;color:var(--cr-cy-ink)!important;border-radius:6px}
.cr-wallet{font:600 13px var(--cr-sans);color:var(--cr-ink);border:1px solid var(--cr-line2);background:transparent;height:32px;padding:0 14px;border-radius:6px;cursor:pointer;transition:border-color .2s}
.cr-wallet:hover{border-color:var(--cr-cy)}
[data-wallet].on{display:inline-flex;align-items:center;gap:8px}
[data-wallet].on i{width:7px;height:7px;border-radius:50%;background:var(--cr-cy)}
.cr-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;border:0;cursor:pointer}
.cr-burger i{display:block;height:2px;background:var(--cr-ink);border-radius:1px}
@media(min-width:768px){.cr-burger{display:none}}
.cr-drawer{position:absolute;top:48px;left:0;right:0;background:#0f1011;border-bottom:1px solid var(--cr-line);display:flex;flex-direction:column;padding:8px 16px 18px;z-index:60}
.cr-drawer[hidden]{display:none}
.cr-drawer a,.cr-drawer button{font:600 17px var(--cr-sans);color:var(--cr-ink);padding:13px 0;border-bottom:1px solid var(--cr-line);text-align:left;background:none;border-left:0;border-right:0;border-top:0;cursor:pointer}
.cr-drawer .cr-drawer-cta{color:var(--cr-cy)}

/* ---------- hero */
.fw-hero{background:var(--cr-bg)}
.fw-hero .fw-display{color:var(--cr-ink)}
.fw-hero .fw-backdrop .cr-viz{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1240px,100vw);height:calc(var(--device-peek) + 70px)}
.fw-hero .fw-lede b{font-family:var(--cr-mono);font-weight:600;font-size:.92em}
.fw-btn{font-family:var(--cr-sans)}
.cr-viz{position:relative}
.cr-viz>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ---------- LED (family signature) */
.cr-led-slot{position:absolute;right:max(16px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%);width:min(560px,44vw);padding:18px;background:#0e0f10;border:1px solid var(--cr-line);border-radius:18px}
.cr-led-slot.cr-led-mob{position:relative;right:auto;top:auto;transform:none;width:auto;margin:28px 16px 0}
@media(min-width:768px){.cr-led-slot.cr-led-mob{display:none}}
.cr-led-cap{display:flex;align-items:center;gap:8px;font:600 12px var(--cr-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cr-ink2);margin-bottom:12px}
.cr-led-cap i{width:7px;height:7px;border-radius:50%;background:var(--cr-cy);animation:cr-blink 1.6s steps(2) infinite}
@keyframes cr-blink{50%{opacity:.25}}
canvas.cr-led{display:block;width:100%;height:210px;border-radius:8px;background:#151618}
canvas.cr-led-strip{height:58px;margin-top:10px}
.cr-led-mob canvas.cr-led{height:150px}

/* ---------- landing details */
.cr-ic{display:inline-flex;width:40px;color:var(--cr-cy)}
.cr-ic svg{width:40px;height:40px}
.cr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cr-cy)}
.cr-rings-cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.cr-rings-cap p{font:600 clamp(26px,3.4vw,46px)/1.08 var(--cr-sans);color:var(--cr-ink);letter-spacing:-.02em}
.cr-rings-cap .cr-serif{font-family:var(--cr-serif);font-style:italic;font-weight:400;color:var(--cr-cy);font-size:clamp(30px,4vw,54px)}
.cr-col-wm{display:block;font:700 22px var(--cr-sans);letter-spacing:-.02em;color:var(--cr-ink)}
thead th:nth-child(2) .cr-col-wm{color:var(--cr-cy)}
td p.cr-mono{font-size:15px!important}
.cr-perk-num span{font:600 22px var(--cr-mono);color:var(--cr-cy);white-space:nowrap}
.cr-perk-num{width:auto!important;height:auto!important;min-width:96px}
.cr-marq{align-items:center}
.cr-chip{display:inline-flex;align-items:center;gap:12px;height:72px;padding:0 22px 0 12px;border-radius:999px;background:var(--cr-card);border:1px solid var(--cr-line);white-space:nowrap;color:var(--cr-ink);flex-shrink:0}
.cr-chip:hover{border-color:var(--cr-cy)}
.cr-chip .cimg{width:48px;height:48px}
.cr-chip b{font:700 16px var(--cr-sans)}
.cr-chip em{font:500 13px var(--cr-mono);font-style:normal;color:var(--cr-ink2)}
.cr-chip canvas{width:64px;height:30px}
.cr-faq .item-header{user-select:none}
.cr-faq:not(.open) .text-style{display:none}
.cr-faq .text-style a{color:var(--cr-cy);text-decoration:underline}
.cr-faq .text-style p{margin-bottom:.7em}
.cr-ft-legal{line-height:1.6}
.cr-ft-cfg{display:flex;gap:10px;margin-top:16px}
.cr-ft-cfg a,.cr-ft-cfg button{font:600 13px var(--cr-mono);color:var(--cr-ink);border:1px solid var(--cr-line2);border-radius:6px;padding:6px 12px;background:none;cursor:pointer}
.cr-ft-cfg:empty{display:none}

/* coin images (shared) */
.cimg{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--cr-card2);flex-shrink:0;border:1px solid var(--cr-line)}
.cimg img{width:100%;height:100%;object-fit:cover}
.cimg b{font:700 12px var(--cr-mono);color:var(--cr-ink2)}
.cimg.lg{width:64px;height:64px}

/* toasts */
.toasts{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}
.toast{display:flex;gap:10px;align-items:flex-start;background:#0f1011;border:1px solid var(--cr-line2);border-left:3px solid var(--cr-cy);color:var(--cr-ink);padding:12px 14px;border-radius:8px;font-size:14px;transform:translateY(8px);opacity:0;transition:.25s}
.toast.in{transform:none;opacity:1}
.toast b{font:600 12px var(--cr-mono);color:var(--cr-cy)}
.toast.bad{border-left-color:#e6e9ec}
.toast.bad b{color:var(--cr-ink)}

/* reveal on scroll (the template's sections rise in) */
.cr-rise{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,.7,.2,1),transform .9s cubic-bezier(.16,.7,.2,1)}
.cr-rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.cr-rise{opacity:1;transform:none;transition:none}}

/* the three-card carousel on phones: native swipe */
@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}}

/* ---------- 1bond: header mark, hero contract + X row */
.cr-wm{gap:0}
.cr-wm .cr-mark{width:26px;height:26px;border-radius:7px;margin-right:9px;display:block;flex:none}
.cr-wm-lg{display:inline-flex;align-items:center}
.cr-wm-lg .cr-mark{width:38px;height:38px;border-radius:9px;margin-right:12px}
.cr-token{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-top:22px}
.cr-ca{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border:1px solid var(--cr-line2);border-radius:999px;background:#0f1011;color:var(--cr-ink);cursor:pointer;transition:border-color .2s;max-width:100%}
.cr-ca:hover{border-color:var(--cr-cy)}
.cr-ca-k{font:600 12px var(--cr-mono);letter-spacing:.04em;color:var(--cr-ink2);white-space:nowrap}
.cr-ca-v{font-size:13px;color:var(--cr-ink);white-space:nowrap}
.cr-ca-short{display:none}
.cr-ca-ic{width:30px;height:30px;padding:7px;border-radius:50%;background:var(--cr-card2);fill:none;stroke:var(--cr-cy);stroke-width:2;flex:none}
.cr-ca.done .cr-ca-ic{background:var(--cr-cy);stroke:var(--cr-cy-ink)}
.cr-xbtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:var(--cr-ink);color:var(--cr-cy-ink)!important;font:600 15px var(--cr-sans);white-space:nowrap;transition:background .3s,transform .3s}
.cr-xbtn svg{width:17px;height:17px;fill:currentColor;flex:none}
.cr-xbtn:hover{background:var(--cr-cy);transform:translateY(-2px)}
@media(max-width:767px){.cr-ca-long{display:none}.cr-ca-short{display:inline}.cr-token{gap:10px}}