/* ELISIA AGENT - single stylesheet. Dark glass, blue neon, centred crypto-site composition.
   Blue is the brand; green/amber are AWARE states (CLEAR / HIGH). */
:root{
  --bg:#04100A; --bg-2:#07180F; --glass:rgba(255,255,255,.04); --glass-2:rgba(255,255,255,.07);
  --line:rgba(190,255,215,.10); --line-2:rgba(190,255,215,.18); --dim:rgba(200,255,222,.36);
  --text:#E6F5EC; --muted:#88A695; --ice:#DDFFEA;
  --blue:#2FDD79; --blue-glow:#A7F8C4; --green:#3CE07A; --green-glow:#A7F8C4; --amber:#FFB02E; --amber-glow:#FFD58A; --red:#FF5F52; --red-glow:#FFB0A8;
  --state:var(--blue); --state-glow:var(--blue-glow); --score:var(--blue); --score-glow:var(--blue-glow); --breath:3s;
  --display:"Space Grotesk","Inter Tight",system-ui,sans-serif; --body:"Space Grotesk","Inter Tight",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:transparent}
a{color:var(--ice)}
.wrap{position:relative;z-index:2;width:min(1160px,calc(100% - 48px));margin-inline:auto}
.wrap.narrow{width:min(820px,calc(100% - 48px))}
:focus-visible{outline:2px solid var(--blue-glow);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.025em;margin:0}
h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12}
h3{font-size:20px;letter-spacing:-.01em}
section{padding:84px 0;position:relative}
.eyebrow{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.center{text-align:center;margin-bottom:40px}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}
.shead h2{font-size:clamp(30px,3.8vw,50px);letter-spacing:-.03em}
.shead .sub{max-width:34ch;margin:0 0 6px;color:var(--muted);text-align:right;font-size:15px}
.center .sub{max-width:56ch;margin:14px auto 0;color:var(--muted)}
.hero h1,.shead h2,.center h2,.tl h2,.cta h2,.bigstat b{
  color:var(--ice);
  text-shadow:0 2px 22px rgba(0,0,0,.34);
}
.shead h2,.center h2,.tl h2,.cta h2{
  text-shadow:0 1px 18px rgba(0,0,0,.28),0 0 12px rgba(108,255,160,.055);
}
.glow-word{
  display:inline-block;
  color:#F0FFF5;
  text-shadow:
    0 0 4px rgba(240,255,245,.22),
    0 0 14px rgba(108,255,160,.22),
    0 0 32px rgba(47,221,121,.12);
  filter:drop-shadow(0 0 5px rgba(108,255,160,.08));
  animation:word-aura 5.8s cubic-bezier(.4,0,.2,1) infinite;
  will-change:filter,text-shadow;
}
.glow-word.strong{
  text-shadow:
    0 0 6px rgba(240,255,245,.28),
    0 0 18px rgba(108,255,160,.30),
    0 0 42px rgba(47,221,121,.16);
}
.glow-word.alt{color:#FFE6B3;text-shadow:0 0 5px rgba(255,230,179,.24),0 0 18px rgba(255,176,46,.22),0 0 34px rgba(255,176,46,.10)}
@keyframes word-aura{
  0%,100%{filter:drop-shadow(0 0 4px rgba(108,255,160,.06));text-shadow:0 0 4px rgba(240,255,245,.18),0 0 13px rgba(108,255,160,.18),0 0 28px rgba(47,221,121,.10)}
  45%{filter:drop-shadow(0 0 8px rgba(108,255,160,.13));text-shadow:0 0 5px rgba(240,255,245,.24),0 0 18px rgba(108,255,160,.28),0 0 42px rgba(47,221,121,.16)}
  70%{filter:drop-shadow(0 0 5px rgba(108,255,160,.09));text-shadow:0 0 4px rgba(240,255,245,.20),0 0 15px rgba(108,255,160,.21),0 0 34px rgba(47,221,121,.11)}
}

/* cursor built from the traced mark - tools/make-cursor.cjs */
:root{--cur:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M2.7%202.9L3.1%202.6L3.3%202.6L3.6%202.6L4.2%202.8L24.6%2014.2L28.6%2016.3L30.2%2017.2L36.8%2020.8L37.4%2021.2L37.7%2021.7L37.8%2022.3L37.7%2022.6L37.5%2022.9L37.2%2023.2L36.9%2023.3L24.6%2024.0L24.2%2023.9L23.6%2023.6L14.0%2018.3L13.5%2018.1L13.1%2018.1L12.8%2018.2L12.3%2018.5L12.1%2018.7L11.8%2019.2L11.8%2019.7L12.3%2030.9L12.2%2031.6L11.9%2032.1L5.6%2042.8L5.3%2043.1L5.0%2043.3L4.5%2043.4L4.0%2043.3L3.5%2043.0L3.3%2042.6L3.2%2041.9L3.1%2036.8L3.0%2029.3L3.0%2029.1L2.7%2018.0L2.5%2010.9L2.2%203.9L2.3%203.3L2.5%203.0L2.7%202.9Z%20M19.0%2029.2L19.3%2029.0L19.8%2028.8L25.0%2028.5L25.6%2028.6L26.1%2028.9L26.4%2029.4L26.4%2029.9L26.8%2039.3L26.7%2039.8L26.4%2040.2L25.8%2040.5L25.5%2040.5L25.1%2040.4L16.8%2036.0L16.3%2035.6L16.0%2035.2L16.0%2034.9L16.0%2034.4L18.6%2029.6L18.9%2029.3L19.0%2029.2Z%22%20fill%3D%22none%22%20stroke%3D%22%234CBF7E%22%20stroke-width%3D%225.5%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.30%22%2F%3E%3Cpath%20d%3D%22M2.7%202.9L3.1%202.6L3.3%202.6L3.6%202.6L4.2%202.8L24.6%2014.2L28.6%2016.3L30.2%2017.2L36.8%2020.8L37.4%2021.2L37.7%2021.7L37.8%2022.3L37.7%2022.6L37.5%2022.9L37.2%2023.2L36.9%2023.3L24.6%2024.0L24.2%2023.9L23.6%2023.6L14.0%2018.3L13.5%2018.1L13.1%2018.1L12.8%2018.2L12.3%2018.5L12.1%2018.7L11.8%2019.2L11.8%2019.7L12.3%2030.9L12.2%2031.6L11.9%2032.1L5.6%2042.8L5.3%2043.1L5.0%2043.3L4.5%2043.4L4.0%2043.3L3.5%2043.0L3.3%2042.6L3.2%2041.9L3.1%2036.8L3.0%2029.3L3.0%2029.1L2.7%2018.0L2.5%2010.9L2.2%203.9L2.3%203.3L2.5%203.0L2.7%202.9Z%20M19.0%2029.2L19.3%2029.0L19.8%2028.8L25.0%2028.5L25.6%2028.6L26.1%2028.9L26.4%2029.4L26.4%2029.9L26.8%2039.3L26.7%2039.8L26.4%2040.2L25.8%2040.5L25.5%2040.5L25.1%2040.4L16.8%2036.0L16.3%2035.6L16.0%2035.2L16.0%2034.9L16.0%2034.4L18.6%2029.6L18.9%2029.3L19.0%2029.2Z%22%20fill%3D%22%23C9F5DA%22%20stroke%3D%22%2312301F%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 3 3;
     --cur-hot:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M2.7%202.9L3.1%202.6L3.3%202.6L3.6%202.6L4.2%202.8L24.6%2014.2L28.6%2016.3L30.2%2017.2L36.8%2020.8L37.4%2021.2L37.7%2021.7L37.8%2022.3L37.7%2022.6L37.5%2022.9L37.2%2023.2L36.9%2023.3L24.6%2024.0L24.2%2023.9L23.6%2023.6L14.0%2018.3L13.5%2018.1L13.1%2018.1L12.8%2018.2L12.3%2018.5L12.1%2018.7L11.8%2019.2L11.8%2019.7L12.3%2030.9L12.2%2031.6L11.9%2032.1L5.6%2042.8L5.3%2043.1L5.0%2043.3L4.5%2043.4L4.0%2043.3L3.5%2043.0L3.3%2042.6L3.2%2041.9L3.1%2036.8L3.0%2029.3L3.0%2029.1L2.7%2018.0L2.5%2010.9L2.2%203.9L2.3%203.3L2.5%203.0L2.7%202.9Z%20M19.0%2029.2L19.3%2029.0L19.8%2028.8L25.0%2028.5L25.6%2028.6L26.1%2028.9L26.4%2029.4L26.4%2029.9L26.8%2039.3L26.7%2039.8L26.4%2040.2L25.8%2040.5L25.5%2040.5L25.1%2040.4L16.8%2036.0L16.3%2035.6L16.0%2035.2L16.0%2034.9L16.0%2034.4L18.6%2029.6L18.9%2029.3L19.0%2029.2Z%22%20fill%3D%22none%22%20stroke%3D%22%2357D98A%22%20stroke-width%3D%225.5%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.30%22%2F%3E%3Cpath%20d%3D%22M2.7%202.9L3.1%202.6L3.3%202.6L3.6%202.6L4.2%202.8L24.6%2014.2L28.6%2016.3L30.2%2017.2L36.8%2020.8L37.4%2021.2L37.7%2021.7L37.8%2022.3L37.7%2022.6L37.5%2022.9L37.2%2023.2L36.9%2023.3L24.6%2024.0L24.2%2023.9L23.6%2023.6L14.0%2018.3L13.5%2018.1L13.1%2018.1L12.8%2018.2L12.3%2018.5L12.1%2018.7L11.8%2019.2L11.8%2019.7L12.3%2030.9L12.2%2031.6L11.9%2032.1L5.6%2042.8L5.3%2043.1L5.0%2043.3L4.5%2043.4L4.0%2043.3L3.5%2043.0L3.3%2042.6L3.2%2041.9L3.1%2036.8L3.0%2029.3L3.0%2029.1L2.7%2018.0L2.5%2010.9L2.2%203.9L2.3%203.3L2.5%203.0L2.7%202.9Z%20M19.0%2029.2L19.3%2029.0L19.8%2028.8L25.0%2028.5L25.6%2028.6L26.1%2028.9L26.4%2029.4L26.4%2029.9L26.8%2039.3L26.7%2039.8L26.4%2040.2L25.8%2040.5L25.5%2040.5L25.1%2040.4L16.8%2036.0L16.3%2035.6L16.0%2035.2L16.0%2034.9L16.0%2034.4L18.6%2029.6L18.9%2029.3L19.0%2029.2Z%22%20fill%3D%22%238FEDB4%22%20stroke%3D%22%2312301F%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 3 3;}
/* the pointer IS the mark - native CSS cursor, so it costs nothing and never
   lags behind the real pointer the way a JS-followed element does */
html,body{cursor:var(--cur),default}
a,button,summary,.btn,label,[role="button"],.faq summary,.ca button{cursor:var(--cur-hot),pointer}
input,textarea,select,[contenteditable]{cursor:text}
input[type="checkbox"],input[type="radio"],input[type="range"]{cursor:var(--cur-hot),pointer}


/* ── chipcards: minutiae demoted, key facts stay big ── */
.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.chipcard{border:1px solid rgba(190,255,215,.11);border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.chipcard b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#7BE9A7;margin-bottom:5px;font-weight:500}
.chipcard span{font-size:14px;color:var(--text);line-height:1.45}
.flow .card h3{font-size:24px}
@media (max-width:640px){.chips{grid-template-columns:1fr}}

.lead{font-size:20px;line-height:1.5;color:var(--text);max-width:34ch;margin-top:26px}

/* ── icon language: hero badges + about fact-tiles ── */
.badges{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;border:1px solid var(--line-2);background:rgba(60,224,122,.05);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ice)}
.badge svg{width:16px;height:16px;fill:none;stroke:var(--green-glow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tiles{display:grid;gap:14px}
.tilefact{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.tilefact svg{grid-row:1/3;width:44px;height:44px;fill:none;stroke:#82E9AA;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 10px rgba(12,32,22,.55))}
.tilefact svg .slash{stroke:var(--red,#FF5F52)}
.tilefact b{font-size:24px;line-height:1.1}
.tilefact span{color:var(--muted);font-size:14px}
.card h3{font-size:24px}
.hero-copy p{max-width:38ch}

/* ── wallet connect ── */
#wallet-btn.on{border-color:var(--green);color:var(--green-glow)}
#wallet-btn .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 0 3px rgba(60,224,122,.14)}
.wm{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(2,8,6,.7)}
.wm.open{display:grid}
.wm-card{width:min(420px,calc(100vw - 40px));border-radius:18px;border:1px solid var(--line-2);background:#07180F;padding:22px 22px 18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.wm-head{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-bottom:14px}
.wm-close{background:none;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:var(--cur-hot),pointer}
.wm-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:6px 0;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);font-size:15px;cursor:var(--cur-hot),pointer;transition:border-color .2s,background .2s}
.wm-item:hover{border-color:var(--green);background:rgba(60,224,122,.06)}
.wm-item img{width:28px;height:28px;border-radius:7px}
.wm-item em{margin-left:auto;font-style:normal;color:var(--green-glow);font-size:13px}
.wm-empty{color:var(--muted);font-size:14px;text-align:center;padding:18px 0;line-height:2}
.wm-empty a{color:var(--green-glow)}
.wm-status{min-height:18px;color:var(--amber);font-size:13px;text-align:center;margin-top:8px}
.wm-note{color:var(--dim);font-size:12px;text-align:center;margin-top:10px}

/* ── FAQ finale: the mark parks dead-centre, questions flank it ── */
.faq.two-lane{display:grid;grid-template-columns:1fr 1fr;column-gap:min(30vw,430px);row-gap:6px;align-items:start}
.faq.two-lane details{border-top:1px solid var(--line)}
#roadmap .road{margin-left:auto}
@media (max-width:900px){.faq.two-lane{display:block}}

/* ── lanes for the travelling mark ──
   The mark's journey is grouped, not zigzag: it HOLDS the right side for the
   first three stops, crosses to the left for the next three, goes small and
   quiet, then lands centre stage for the close. Each section yields its side. */
#about .wrap.two{display:block;max-width:640px}
#about .wrap.two>div+div{margin-top:38px}
#about .bigstat{margin-bottom:6px}
#how .wrap{max-width:780px;margin-inline:max(24px,calc((100% - 1160px) / 2)) auto}
#how h2{font-size:clamp(30px,3.6vw,48px)}
#aware .instrument{max-width:80%}
#app .console{max-width:84%;margin-left:auto}
#extension .wrap{max-width:960px;margin-inline:auto max(24px,calc((100% - 1160px) / 2))}
#token .tokenbox{max-width:82%;margin-left:auto}
#roadmap .road{max-width:82%}
#community{padding-top:120px}
#community .wrap{max-width:760px;margin-inline:auto;text-align:center}
#community .cta{flex-direction:column;align-items:center;gap:30px}
#community .actions{justify-content:center;flex-wrap:wrap}
@media (max-width:900px){
  #about .wrap.two{max-width:none}
  #how .wrap,#extension .wrap{max-width:calc(100% - 48px);margin-inline:auto}
  #how h2{font-size:clamp(28px,6vw,40px)}
  #aware .instrument,#app .console,#token .tokenbox,#roadmap .road{max-width:100%;margin-left:0}
  #community{padding-top:80px}
}

#aurora{position:fixed;inset:0;width:100vw;height:100svh;z-index:-1;pointer-events:none;image-rendering:auto}

/* background: the page lives inside one LED matrix (matrix.js) */


/* mark + tiles */
.mark{display:block;overflow:visible}
.mark use{fill:url(#ice);stroke:#fff;stroke-width:1.2;stroke-linejoin:round;paint-order:stroke}
.glow{animation:breath 5.5s ease-in-out infinite}
@keyframes breath{0%,100%{filter:drop-shadow(0 8px 22px rgba(0,0,0,.34)) drop-shadow(0 0 10px color-mix(in srgb,var(--state) 24%,transparent))}50%{filter:drop-shadow(0 10px 26px rgba(0,0,0,.38)) drop-shadow(0 0 16px color-mix(in srgb,var(--state) 34%,transparent))}}
.tile{position:relative;display:grid;place-items:center;border-radius:24%;
  background:linear-gradient(180deg,#08170F 0%,#04100A 48%,color-mix(in srgb,var(--state) 34%,#04100A) 86%,color-mix(in srgb,var(--state) 72%,#04100A) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -18px 34px rgba(0,0,0,.20),0 0 0 1px rgba(205,255,224,.08),0 24px 70px rgba(0,0,0,.36),0 0 42px color-mix(in srgb,var(--state) 14%,transparent);transition:background .9s,box-shadow .9s,transform .35s cubic-bezier(.22,1,.36,1)}
.tile::after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:36%;border-radius:0 0 24% 24%/0 0 100% 100%;background:radial-gradient(80% 100% at 50% 100%,color-mix(in srgb,var(--state-glow) 28%,transparent),transparent 72%);filter:blur(8px);transition:background .9s}
.tile .mark{position:relative;z-index:1;width:164px;height:164px}
.tile.sm .mark{width:20px;height:20px}.tile.mid .mark{width:70px;height:70px}
.tile.sm{width:34px;height:34px;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(255,255,255,.08)}
.tile.sm::after{display:none}
.tile.mid{width:120px;height:120px;border-radius:28px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(3,12,8,.97);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav.scrolled{background:rgba(3,12,8,1);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.lockup{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.lockup b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.links{display:flex;gap:4px;margin-left:auto}
.links a{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s,background .2s}
.links a:hover{color:var(--text);background:var(--glass)}
.socials{display:flex;align-items:center;gap:6px}
.socials>a:not(.btn):not(.ext){display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--muted);border:1px solid var(--line);transition:color .2s,border-color .2s,background .2s}
.socials>a:not(.btn):not(.ext):hover{color:var(--text);border-color:var(--line-2);background:var(--glass)}
.socials svg{width:16px;height:16px;fill:currentColor}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 26px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;color:#F7FFF9;
  background:linear-gradient(180deg,#3AE886,#1FB863);border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 18px rgba(0,73,35,.16),0 10px 24px rgba(0,0,0,.20),0 0 0 1px rgba(47,221,121,.14);transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -10px 18px rgba(0,73,35,.14),0 14px 30px rgba(0,0,0,.22),0 0 0 1px rgba(108,255,160,.24)}
.btn:active{transform:translateY(0) scale(.99)}
.btn.ghost{background:var(--glass);border-color:var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:var(--ice)}
.btn.ghost:hover{background:var(--glass-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px var(--line-2)}
.btn.sm{min-height:40px;padding:0 18px;font-size:14px;margin-left:6px}
.btn .ic{width:16px;height:16px;fill:currentColor}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* ================= HERO - banner: copy left, the travelling mark owns the right ================= */
.hero{position:relative;padding:70px 0 90px;overflow:clip;min-height:calc(100svh - 76px);display:grid;align-items:center}
.hero .wrap{position:relative;z-index:2;max-width:660px;margin-inline:max(24px,calc((100% - 1160px) / 2)) auto;display:block}
.hero .wrap>*{min-width:0}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(5,7,11,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ice);margin-bottom:28px}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:beat 1.6s ease-in-out infinite}
@keyframes beat{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:clamp(60px,8.2vw,122px);line-height:.98;letter-spacing:-.03em}
.hero h1 em{font-style:normal}
.hero-copy p{max-width:46ch;margin:28px 0 38px;font-size:20px;color:var(--muted)}
.ready .hero-copy>*{animation:rise .8s cubic-bezier(.22,1,.36,1) both}
.ready .hero-copy>:nth-child(2){animation-delay:.08s}.ready .hero-copy>:nth-child(3){animation-delay:.16s}.ready .hero-copy>:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* icon sheet: 256px tile, dimension lines, live readout */
#mark3d{position:fixed;inset:0;width:100vw;height:100svh;z-index:1;pointer-events:none}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* ================= TICKER ================= */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);padding:14px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:56px;width:max-content;animation:scroll 42s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--muted);white-space:nowrap}
.track span::before{content:"*";color:#79DFA3;margin-right:56px;font-size:8px;vertical-align:2px}
@keyframes scroll{to{transform:translateX(-50%)}}
.ticker:hover .track{animation-play-state:paused}

/* ================= STATS ================= */
.stats{padding:40px 0 56px}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.stat{padding:6px 0 6px 20px;border-left:1px solid var(--line-2)}
.stat b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(30px,3vw,42px);letter-spacing:-.03em;color:var(--ice);font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:4px;font-size:13.5px;color:var(--muted)}

/* ================= ABOUT ================= */
.two{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.two p{color:var(--muted);font-size:17px;margin:0 0 18px}
.checks{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{position:relative;padding-left:32px;font-weight:500}
.checks li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:rgba(60,224,122,.12);border:1px solid rgba(60,224,122,.6)}
.checks li::after{content:"";position:absolute;left:6px;top:9px;width:5px;height:8px;border:solid var(--green-glow);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ================= CARDS ================= */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.card{position:relative;padding:26px 0 0;border-top:1px solid var(--line-2);transition:border-color .3s}
.card .num{position:absolute;right:0;top:14px;font-family:var(--display);font-weight:700;font-size:52px;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.07)}
.card h3{margin-bottom:10px;color:var(--ice)}
.card p{margin:0;font-size:14px;color:var(--muted);line-height:1.6;max-width:30ch}
.card:hover{border-top-color:var(--blue-glow)}

/* ================= AWARE ================= */
.instrument{padding:26px 28px 22px;border-radius:var(--r);background:linear-gradient(180deg,rgba(5,23,14,.96),rgba(2,14,8,.98));border:1px solid rgba(190,255,215,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 28px 80px rgba(0,0,0,.22)}
.ihead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--muted);margin-bottom:22px}
.ihead b{color:var(--score-glow);font-weight:600;transition:color .9s}.ihead em{font-style:normal;color:var(--score-glow);transition:color .9s}
.wall{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.col{display:grid;gap:8px;--c:var(--blue-glow)}
.col.hot{--c:var(--amber-glow)}
.led{position:relative;height:200px;width:round(down,100%,16px);border-radius:6px;overflow:hidden;background:#03110A}
.led::before,.led i{content:"";position:absolute;left:0;right:0;bottom:0;
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 12px,transparent 12px 16px) left bottom/100% 100%,repeating-linear-gradient(0deg,#000 0 12px,transparent 12px 16px) left bottom/100% 100%;-webkit-mask-composite:source-in;
  mask:repeating-linear-gradient(90deg,#000 0 12px,transparent 12px 16px) left bottom/100% 100%,repeating-linear-gradient(0deg,#000 0 12px,transparent 12px 16px) left bottom/100% 100%;mask-composite:intersect}
.led::before{top:0;background:rgba(255,255,255,.07)}
.led i{height:var(--v);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 88%,#fff 12%),var(--c));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 14px color-mix(in srgb,var(--c) 24%,transparent);transition:height .9s cubic-bezier(.22,1,.36,1);transform:scaleY(0);transform-origin:bottom}
.instrument.in .led i{animation:rise-led .9s cubic-bezier(.22,1,.36,1) calc(var(--i)*.12s) both}
@keyframes rise-led{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.col b{font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:color-mix(in srgb,var(--c) 78%,#E6F5EC 22%);text-shadow:none;margin-top:6px}
.col small{font-size:12px;color:var(--muted)}
.bands{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}
.bands span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:10px;vertical-align:-1px;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 16%,transparent)}
.bands .clear{--c:var(--green)}.bands .tension{--c:var(--blue-glow)}.bands .high{--c:var(--amber)}
.bands b{color:var(--text);font-weight:500;margin-right:6px}

/* ================= APP CONSOLE ================= */
.console{position:relative;border-radius:20px;border:1px solid rgba(190,255,215,.16);background:rgba(8,11,18,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 0 1px rgba(0,0,0,.45),0 0 72px rgba(47,221,121,.055);overflow:hidden}
.cbar{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.cbar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.cbar i:nth-child(2){background:#FEBC2E}.cbar i:nth-child(3){background:#28C840}
.cbar span{margin-left:auto;color:var(--text)}.cbar em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em}
.cbody{display:grid;grid-template-columns:220px 1fr;min-height:520px}
.cside{padding:14px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.25)}
.cside a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--muted);cursor:default}
.cside a b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--dim)}
.cside a.on{background:linear-gradient(90deg,rgba(108,255,160,.09),rgba(255,255,255,.035));color:var(--text);box-shadow:inset 2px 0 0 #7BE9A7}
.cside a.on b{color:var(--score-glow);transition:color .9s}
.cplat{margin-top:auto;padding:14px 12px 6px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.cplat span{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--dim);margin-bottom:4px}
.cplat i{font-style:normal;font-size:13px;color:var(--muted);padding-left:16px;position:relative}
.cplat i::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--dim)}
.cplat i.ok{color:var(--text)}.cplat i.ok::before{background:var(--green);box-shadow:0 0 0 3px rgba(60,224,122,.12)}
.cmain{padding:22px 24px 20px;display:flex;flex-direction:column;gap:18px;min-width:0}
.chead{display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap}
.chead .lbl{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--muted);margin-bottom:6px}
.chead .big{font-family:var(--display);font-weight:700;font-size:56px;line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--score-glow) 82%,#fff 18%);text-shadow:0 1px 18px rgba(0,0,0,.34);font-variant-numeric:tabular-nums;transition:color .9s}
.cstate{display:flex;flex-direction:column;gap:4px;padding-bottom:6px}
.cstate em{font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--score-glow);transition:color .9s}
.cstate span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.csync{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted);padding-bottom:8px}
.csync i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(60,224,122,.12);animation:beat 1.6s ease-in-out infinite}
.curve{position:relative;height:180px;margin:0 0 12px 30px}
.curve svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.curve .yl{position:absolute;left:-30px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--dim);text-align:right;width:22px}
.curve .xl{position:absolute;left:0;right:0;bottom:-16px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--dim)}
.curve .cur{position:absolute;right:4px;transform:translate(0,-50%);transition:top .4s;font-family:var(--mono);font-size:10px}
.curve .cur b{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--score-glow);color:#04100A;font-weight:600;transition:background .9s}
.comps{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin-top:10px}
.crow{display:grid;grid-template-columns:38px 1fr 30px 26px;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;color:var(--muted)}
.crow span{letter-spacing:.12em;color:var(--ice)}
.crow i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.crow i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--blue),#86F2AE);box-shadow:0 0 8px rgba(108,255,160,.22);transition:width 1s cubic-bezier(.22,1,.36,1)}
.console.in .crow i::after{width:var(--w)}
.crow.hot i::after{background:linear-gradient(90deg,var(--amber),#FFD58A);box-shadow:0 0 8px rgba(255,176,46,.22)}
.crow b{text-align:right;color:var(--ice);font-weight:500}
.crow small{color:var(--dim);font-size:10px}
.driver{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,176,46,.3);background:rgba(255,176,46,.06);font-size:13px;color:var(--ice)}
.driver span{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--amber-glow);margin-right:12px}
.driver em{font-style:normal;color:var(--muted)}
.illus{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--dim);margin:16px 0 0}
/* hero extras */
.fine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--muted)}
.fine .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:beat 1.6s ease-in-out infinite}
.chev{display:inline-block;width:7px;height:7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:2px}
.cue{display:none}

/* ================= EXTENSION ================= */
.extgrid{display:grid;grid-template-columns:1.45fr .85fr;gap:28px;align-items:start}
.browser{border-radius:16px;border:1px solid rgba(190,255,215,.15);background:#0A0D14;box-shadow:0 34px 92px rgba(0,0,0,.50),0 0 0 1px rgba(0,0,0,.45);overflow:hidden}
.bbar{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-bottom:1px solid var(--line);background:#0D1119}
.bbar i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.bbar i:nth-child(2){background:#FEBC2E}.bbar i:nth-child(3){background:#28C840}
.bbar .url{margin-left:14px;flex:1;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.05);font-family:var(--mono);font-size:12px;color:var(--muted)}
.bbar .url b{color:var(--ice);font-weight:500}
.extbtn{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(180deg,#08170F,#1C9E58);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 0 1px rgba(255,255,255,.09)}
.extbtn .mark{width:14px;height:14px}
.bbody{display:grid;grid-template-columns:1fr 250px;min-height:380px}
.term{position:relative;padding:62px 22px 22px;border-right:1px solid var(--line);background:#04100A}
.hud{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:10px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(5,7,11,.92);border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 24px rgba(0,0,0,.42),0 0 0 1px rgba(47,221,121,.08);font-size:12px;font-weight:600;color:var(--ice)}
.hud .grip{opacity:.5}
.hud .chip{padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#3AE886,#1FB863);color:#F7FFF9;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)}
.hud .chip b{font-weight:700}
.tline{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:13px;color:var(--ice)}
.tline em{font-style:normal;color:var(--green-glow)}.tline .dimtxt{color:var(--muted);font-size:11px;margin-left:auto}
.tchart{height:120px;margin:14px 0;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 24px)}
.tchart svg{width:100%;height:100%}
.tbtns{display:flex;gap:8px;align-items:center}
.tbtns span{padding:6px 12px;border-radius:8px;border:1px solid var(--line-2);font-family:var(--mono);font-size:12px;color:var(--muted)}
.tbtns span.on{border-color:rgba(255,176,46,.55);color:#FFD58A;box-shadow:inset 0 0 0 1px rgba(255,176,46,.10)}
.tbtns b{margin-left:auto;padding:8px 22px;border-radius:8px;background:rgba(60,224,122,.18);border:1px solid rgba(60,224,122,.5);color:var(--green-glow);font-weight:600;font-size:13px}
.tnote{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--amber-glow)}
.spanel{padding:14px;background:radial-gradient(380px 180px at 50% -40px,rgba(47,221,121,.10),transparent 72%),#04100A;display:flex;flex-direction:column;gap:10px}
.sbrand{display:flex;align-items:baseline;gap:8px}.sbrand b{font-size:15px;font-weight:700;color:#fff}.sbrand span{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--muted)}
.scard{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.scard .k{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--muted)}
.scard .sscore{display:block;font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:color-mix(in srgb,var(--score-glow) 82%,#fff 18%);text-shadow:none;margin:4px 0 2px;transition:color .9s}
.scard em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--score-glow);transition:color .9s}
.scard p{margin:8px 0 0;font-size:11px;line-height:1.45}
.srow{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.srow b{color:var(--ice)}.srow i{font-style:normal;font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:999px}
.srow i.ok{background:rgba(60,224,122,.14);color:var(--green-glow)}.srow i.tog{background:linear-gradient(180deg,#3AE886,#1FB863);color:#fff}
.scard label{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--ice)}
.scard input{accent-color:var(--blue);width:13px;height:13px;margin:0}
.sask{display:flex;align-items:center;gap:6px;margin-top:8px}
.sask span{flex:1;padding:7px 10px;border-radius:999px;border:1px solid var(--line-2);font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sask b{padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#3AE886,#1FB863);color:#fff;font-size:11px}
.install .steps{margin:0 0 22px;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column}
.install .steps li{position:relative;padding:14px 0 14px 44px;border-bottom:1px solid var(--line);font-size:14px}
.install .steps li::before{counter-increment:s;content:"0" counter(s);position:absolute;left:0;top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--blue-glow)}
.install .steps b{display:block;font-weight:600;color:var(--ice);margin-bottom:3px}
.install .steps span{color:var(--muted);font-size:13px}
.install .steps code{font-family:var(--mono);font-size:12px;color:var(--ice);background:rgba(255,255,255,.06);padding:1px 6px;border-radius:5px}
.install .steps em{font-style:normal;color:var(--ice)}
.plats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.plats span{font-family:var(--mono);font-size:11px;letter-spacing:.18em;padding:7px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--glass);color:var(--ice)}
.plats .soon{color:var(--muted);border-style:dashed}
.ext .ic{width:14px;height:14px;margin-right:6px;vertical-align:-2px}

/* ================= TOKEN ================= */
#token{padding-top:60px}
.tokenbox{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;padding:48px;border-radius:28px;border:1px solid rgba(190,255,215,.16);
  background:linear-gradient(180deg,rgba(47,221,121,.055),rgba(47,221,121,.018)),var(--bg-2);box-shadow:0 0 0 1px rgba(0,0,0,.38),0 34px 96px rgba(0,0,0,.32),0 0 70px rgba(47,221,121,.055);position:relative;overflow:hidden}
.tokenbox::before{content:"";position:absolute;right:-150px;top:-150px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(47,221,121,.14),transparent 64%);filter:blur(34px);pointer-events:none}
.tl h2{font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.04em;margin-bottom:16px}
.tl p{color:var(--muted);margin:0 0 26px;max-width:52ch}
.ca{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:16px 18px;border-radius:14px;background:#03110A;border:1px solid var(--line-2);margin-bottom:22px}
.ca span{grid-column:1/-1;font-family:var(--mono);font-size:10px;letter-spacing:.26em;color:var(--muted)}
.ca code{font-family:var(--mono);font-size:14px;color:var(--ice);word-break:break-all}
.ca button{font-family:var(--mono);font-size:11px;letter-spacing:.16em;padding:9px 14px;border-radius:8px;border:1px solid var(--line-2);background:var(--glass);color:var(--ice);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.ca button:hover{background:var(--glass-2)}
.ca button.done{border-color:var(--green);color:var(--green-glow);box-shadow:0 0 12px rgba(60,224,122,.35)}
.ca.pending{border-style:dashed;background:rgba(3,17,10,.58)}
.ca.pending code{color:var(--muted)}
.ca button:disabled{opacity:.52;cursor:not-allowed;background:rgba(255,255,255,.025);color:var(--muted)}
.ca button:disabled:hover{background:rgba(255,255,255,.025)}
.hero-ca{max-width:560px;margin-top:22px;margin-bottom:0}
.util{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line);align-self:center}
.util div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.util dt{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--muted)}
.util dd{margin:0;font-size:15px;color:var(--ice)}

/* ================= ROADMAP ================= */
.road{list-style:none;margin:0;padding:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.road::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:linear-gradient(90deg,var(--green),var(--green) 42%,var(--blue-glow) 62%,var(--line) 80%)}
.road li{position:relative;padding:24px 0 0}
.road li::before{content:"";position:absolute;left:20px;top:-36px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--line-2)}
.road li.done::before{background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px rgba(60,224,122,.12)}
.road li.now::before{background:var(--blue-glow);border-color:var(--blue-glow);box-shadow:0 0 0 4px rgba(108,255,160,.13)}

.road span{font-family:var(--mono);font-size:11px;letter-spacing:.26em;color:var(--muted)}
.road li.done span{color:var(--green-glow)}.road li.now span{color:var(--blue-glow)}
.road b{display:block;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ice);margin:10px 0 8px;font-size:22px}
.road p{margin:0;font-size:14px;color:var(--muted)}

/* ================= FAQ ================= */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:500;font-size:17px;display:flex;gap:18px;align-items:center;transition:color .2s}
.faq summary:hover{color:var(--ice)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";font-family:var(--mono);color:var(--blue-glow);width:18px;text-align:center;transition:transform .3s}
.faq details[open] summary::before{content:"-";transform:rotate(180deg)}
.faq .body{overflow:hidden;transition:height .38s cubic-bezier(.22,1,.36,1)}
.faq .body p{margin:0 0 22px 36px;color:var(--muted);font-size:15.5px}

/* ================= COMMUNITY ================= */
#community{padding-bottom:120px}

footer{border-top:1px solid var(--line);padding:34px 0 44px}
footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
footer nav{display:flex;gap:20px;margin-left:auto}
footer nav a{font-size:14px;color:var(--muted);text-decoration:none}footer nav a:hover{color:var(--text)}
footer>.wrap>span{width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--dim)}

/* ================= reveal ================= */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0)*.08s)}
[data-reveal].in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .glow,.orb,.track,.pill i,.road li.now::before,.ready .hero-copy>*,.ready .tilewrap,.ready   .led i{transform:none}
  .glow-word{animation:none;filter:none}
  [data-reveal]{opacity:1;transform:none;transition:none}
}

/* ================= responsive ================= */
@media (max-width:1040px){
  .links{display:none}
  .cards,.road{grid-template-columns:repeat(2,1fr)}
  .shead{flex-direction:column;align-items:flex-start;gap:14px}.shead .sub{text-align:left;max-width:56ch}
  .stats .wrap{grid-template-columns:repeat(2,1fr);gap:20px}
  .road::before{display:none}.road{padding-top:0}.road li::before{display:none}
  .two{grid-template-columns:1fr;gap:28px}
  .tokenbox{grid-template-columns:1fr;padding:32px}
  .wall{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  section{padding:60px 0}
  .nav .wrap{height:64px;gap:12px}.lockup b{font-size:15px}.socials>a:not(.btn):not(.ext){display:none}
  .hero{padding-top:56px}.pill{font-size:9.5px;letter-spacing:.1em;white-space:nowrap;padding:8px 12px}
  .hero p{font-size:16px}
  .stats .wrap{grid-template-columns:1fr 1fr}
  .cards,.road{grid-template-columns:1fr}
  .extgrid{grid-template-columns:1fr}
  .bbody{grid-template-columns:1fr}.term{border-right:0;border-bottom:1px solid var(--line)}
  .cbody{grid-template-columns:1fr}.cside{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.cplat{display:none}.comps{grid-template-columns:1fr}.chead .big{font-size:44px}.csync{display:none}.cbar em{display:none}
  .cue{display:none}
  .wall{gap:12px}.led{height:140px}
  .ca{grid-template-columns:1fr}.ca button{justify-self:start}
  .util div{grid-template-columns:1fr;gap:4px}
}
/* nav: extension download */
.ext{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}
.ext:hover{color:var(--text);background:var(--glass)}
.fine a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.fine a:hover{color:var(--ice)}
@media (max-width:760px){.ext{display:none}}

/* GSAP mode: the CSS reveal system stands down, GSAP drives everything */
body.gsap [data-reveal]{opacity:1;transform:none;transition:none}
body.gsap .instrument.in .led i,body.gsap .instrument .led i{animation:none;transform-origin:50% 100%}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w i{display:inline-block;font-style:normal;will-change:transform}

/* live read-outs never jitter */
.score-mirror{font-variant-numeric:tabular-nums}

/* about: the one number that matters */
.bigstat{margin-top:34px;padding-top:22px;border-top:1px solid var(--line-2);max-width:300px}
.bigstat b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(84px,8.6vw,124px);white-space:nowrap;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bigstat span{display:block;margin-top:8px;font-size:14px;color:var(--muted);max-width:24ch}
/* how: one wide observe + three stacked */
.flow{display:grid;grid-template-columns:1.15fr .85fr;gap:0 64px;align-items:start}
.flow .card{padding:26px 0 28px}
.flow-rest .card+.card{border-top:1px solid var(--line)}
.flow-rest .card:first-child{border-top:1px solid var(--line-2)}
.flow-main{border-top:1px solid var(--line-2)}
.flow-main p{max-width:44ch}
.obslog{margin-top:22px;padding:24px 26px;border:1px solid var(--line);border-radius:10px;background:#03110A;display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:12px;color:var(--ice);font-size:14px}
.obslog span{display:grid;grid-template-columns:70px 110px 1fr;gap:12px}
.obslog time{color:var(--dim)}
.obslog b{font-weight:500;color:var(--blue-glow)}
.obslog .q,.obslog .q b{color:var(--dim)}
/* aware: full-bleed instrument band */
#aware.bleed{padding-bottom:0}
#aware.bleed .instrument{border-radius:0;border-left:0;border-right:0;margin-top:8px;padding:34px max(24px,calc((100% - 1160px)/2)) 30px}
/* community band */
.cta{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-top:8px;border-top:1px solid var(--line-2)}
.cta h2{font-size:clamp(30px,3.8vw,50px);letter-spacing:-.03em;padding-top:34px}
.cta p{max-width:52ch;color:var(--muted);margin:16px 0 0}
.cta .actions{margin:0 0 6px}
@media (max-width:1040px){.flow{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.bigstat b{font-size:54px}.obslog span{grid-template-columns:62px 1fr}.obslog time{display:none}}