/* ============================================================
   Dimpsy — design notes
   Concept: redaction. Public chains publish everything; Dimpsy
   draws an ink bar over the parts that are nobody's business.
   One accent (stamp vermilion), warm paper neutrals, ink bars.
   Motion: transform/opacity/clip-path only, ease-out curves,
   short UI durations, all of it off under reduced motion.
   ============================================================ */
:root{
  color-scheme:light;
  --paper:oklch(0.972 0.007 80);
  --paper-2:oklch(0.948 0.009 80);
  --card:oklch(0.992 0.004 80);
  --ink:oklch(0.215 0.012 60);
  --ink-2:oklch(0.43 0.012 60);
  --ink-3:oklch(0.59 0.01 60);
  --line:oklch(0.885 0.009 75);
  --line-2:oklch(0.925 0.008 75);
  --bar:oklch(0.215 0.012 60);
  --accent:oklch(0.62 0.19 36);
  --accent-2:oklch(0.56 0.19 36);
  --accent-soft:oklch(0.94 0.035 45);
  --accent-ink:oklch(0.985 0.01 60);
  --ok:oklch(0.56 0.12 155);
  --ok-soft:oklch(0.94 0.04 155);
  --mist-a:oklch(0.9 0.05 45 / .9);
  --mist-b:oklch(0.93 0.03 90 / .9);
  --mist-c:oklch(0.88 0.03 250 / .55);
  --shadow:0 1px 0 oklch(0.2 0.01 60 / .04), 0 12px 32px -16px oklch(0.2 0.02 60 / .22);
  --night:oklch(0.19 0.012 60);
  --night-2:oklch(0.24 0.012 60);
  --night-ink:oklch(0.95 0.008 80);
  --night-ink-2:oklch(0.72 0.01 70);
  --night-line:oklch(0.32 0.012 60);

  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --ease-drawer:cubic-bezier(0.32,0.72,0,1);

  --max:1240px;
  --gut:clamp(16px,4vw,40px);
  --r-lg:28px; --r-md:18px; --r-sm:12px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:oklch(0.17 0.008 60);
  --paper-2:oklch(0.205 0.009 60);
  --card:oklch(0.225 0.01 60);
  --ink:oklch(0.95 0.008 80);
  --ink-2:oklch(0.76 0.01 70);
  --ink-3:oklch(0.6 0.01 70);
  --line:oklch(0.31 0.011 60);
  --line-2:oklch(0.27 0.01 60);
  --bar:oklch(0.9 0.008 80);
  --accent:oklch(0.68 0.18 38);
  --accent-2:oklch(0.73 0.17 38);
  --accent-soft:oklch(0.3 0.06 40);
  --accent-ink:oklch(0.17 0.01 60);
  --ok:oklch(0.72 0.13 155);
  --ok-soft:oklch(0.3 0.05 155);
  --mist-a:oklch(0.36 0.09 40 / .75);
  --mist-b:oklch(0.27 0.03 80 / .9);
  --mist-c:oklch(0.3 0.05 250 / .6);
  --shadow:0 1px 0 oklch(0 0 0 / .2), 0 16px 40px -18px oklch(0 0 0 / .7);
  --night:oklch(0.13 0.008 60);
  --night-2:oklch(0.19 0.01 60);
  --night-line:oklch(0.28 0.011 60);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:oklch(0.17 0.008 60);
    --paper-2:oklch(0.205 0.009 60);
    --card:oklch(0.225 0.01 60);
    --ink:oklch(0.95 0.008 80);
    --ink-2:oklch(0.76 0.01 70);
    --ink-3:oklch(0.6 0.01 70);
    --line:oklch(0.31 0.011 60);
    --line-2:oklch(0.27 0.01 60);
    --bar:oklch(0.9 0.008 80);
    --accent:oklch(0.68 0.18 38);
    --accent-2:oklch(0.73 0.17 38);
    --accent-soft:oklch(0.3 0.06 40);
    --accent-ink:oklch(0.17 0.01 60);
    --ok:oklch(0.72 0.13 155);
    --ok-soft:oklch(0.3 0.05 155);
    --mist-a:oklch(0.36 0.09 40 / .75);
    --mist-b:oklch(0.27 0.03 80 / .9);
    --mist-c:oklch(0.3 0.05 250 / .6);
    --shadow:0 1px 0 oklch(0 0 0 / .2), 0 16px 40px -18px oklch(0 0 0 / .7);
    --night:oklch(0.13 0.008 60);
    --night-2:oklch(0.19 0.01 60);
    --night-line:oklch(0.28 0.011 60);
  }
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:500;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:calc(var(--max) + var(--gut)*2);margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px)) max(var(--gut),env(safe-area-inset-right,0px))}
.mono{font-family:var(--f-mono);font-feature-settings:"zero" 1}
.num{font-variant-numeric:tabular-nums}
.eyebrow{font:500 .75rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.muted{color:var(--ink-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.h1{font-size:clamp(2.9rem,1.4rem + 5.6vw,6.25rem);letter-spacing:-.045em;line-height:.94;font-variation-settings:"opsz" 96}
.h2{font-size:clamp(2.1rem,1.3rem + 3.2vw,4rem);letter-spacing:-.04em;line-height:.98;font-variation-settings:"opsz" 72}
.h3{font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);letter-spacing:-.025em;line-height:1.1}
.lede{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:56ch}

section{position:relative}
.sec{padding-block:clamp(88px,8vw + 40px,168px)}
.sec-head{display:grid;gap:20px;max-width:780px}
.sec-head.split{max-width:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:24px 64px}
@media (max-width:860px){.sec-head.split{grid-template-columns:1fr}}

/* ---------- buttons (press = scale .97, hover only on fine pointers) ---------- */
.btn{--h:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 20px;border-radius:999px;font:500 .95rem/1 var(--f-body);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform 160ms var(--ease-out),background-color 200ms ease,border-color 200ms ease,color 200ms ease;user-select:none;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:color-mix(in oklch,var(--card) 60%,transparent)}
.btn-sm{--h:38px;padding:0 15px;font-size:.875rem}
.btn-lg{--h:54px;padding:0 26px;font-size:1rem}
.btn .arr{transition:transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .btn-ink:hover{background:color-mix(in oklch,var(--ink) 86%,var(--paper))}
  .btn-accent:hover{background:var(--accent-2)}
  .btn-ghost:hover{border-color:var(--ink-3)}
  .btn:hover .arr{transform:translateX(3px)}
  .link:hover .arr{transform:translateX(3px)}
}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;color:var(--ink)}
.link .arr{transition:transform 200ms var(--ease-out)}
.link u{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}

/* ---------- redaction primitive ----------
   .rd wraps a value. Inside a .redact scope the ink bar sweeps over it
   (scaleX from the left) and the text fades. --i staggers bars. */
.rd{position:relative;display:inline-block;transition:color 0ms linear 180ms}
.rd::after{content:"";position:absolute;left:-3px;right:-3px;top:.12em;bottom:.06em;background:var(--bar);border-radius:3px;transform:scaleX(0);transform-origin:left center;transition:transform 420ms var(--ease-in-out);transition-delay:calc(var(--i,0) * 55ms);pointer-events:none}
.redact .rd{color:transparent;transition-delay:calc(var(--i,0) * 55ms + 200ms)}
.redact .rd::after{transform:scaleX(1)}
.redact .rd.rd-out::after{transform-origin:right center}

/* ---------- announcement + nav ---------- */
.notice{background:var(--ink);color:var(--paper);font-size:.875rem;overflow:hidden;display:grid;grid-template-rows:1fr;transition:grid-template-rows 300ms var(--ease-out)}
.notice.gone{grid-template-rows:0fr}
.notice > div{min-height:0}
.notice-in{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 48px;position:relative;text-align:center}
.notice a{color:var(--accent);text-decoration:none;font-weight:500}
.notice .x{position:absolute;right:max(12px,env(safe-area-inset-right,0px));top:50%;translate:0 -50%;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;opacity:.7;transition:opacity 150ms ease}
.notice .x:hover{opacity:1}
@media (max-width:640px){.hide-s{display:none}}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in oklch,var(--ok) 60%,transparent);animation:pulse 2.4s var(--ease-out) infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--ok) 55%,transparent)}70%,100%{box-shadow:0 0 0 7px color-mix(in oklch,var(--ok) 0%,transparent)}}

.nav{position:sticky;top:0;z-index:50;transition:background-color 250ms ease,border-color 250ms ease,backdrop-filter 250ms ease;border-bottom:1px solid transparent}
.nav.stuck{background:color-mix(in oklch,var(--paper) 82%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--line-2)}
.nav-in{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 1.3rem/1 var(--f-display);letter-spacing:-.03em}
.logo svg{flex:none}
.nav-links{display:flex;gap:2px;margin-right:auto}
.nav-links a{position:relative;padding:8px 12px;border-radius:999px;font-size:.92rem;color:var(--ink-2);text-decoration:none;transition:color 150ms ease}
.nav-links a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--paper-2);opacity:0;transform:scale(.92);transition:opacity 180ms ease,transform 220ms var(--ease-out);z-index:-1}
@media (hover:hover) and (pointer:fine){.nav-links a:hover{color:var(--ink)}.nav-links a:hover::before{opacity:1;transform:scale(1)}}
.nav-act{display:flex;align-items:center;gap:8px}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--ink-2);transition:background-color 150ms ease,color 150ms ease,transform 160ms var(--ease-out)}
.icon-btn:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--paper-2);color:var(--ink)}}
.theme-ic{position:relative;width:18px;height:18px}
.theme-ic svg{position:absolute;inset:0;transition:transform 400ms var(--ease-out),opacity 200ms ease}
:root[data-theme="dark"] .theme-ic .sun,:root:not([data-theme]) .theme-ic .sun{}
.theme-ic .moon{opacity:0;transform:rotate(-60deg) scale(.6)}
:root.is-dark .theme-ic .sun{opacity:0;transform:rotate(60deg) scale(.6)}
:root.is-dark .theme-ic .moon{opacity:1;transform:none}
.burger{display:none}
@media (max-width:980px){
  .nav-links,.nav-act .hide-m{display:none}
  .burger{display:grid}
  .nav-in{justify-content:space-between}
}
.burger i{display:block;width:18px;height:1.5px;background:currentColor;border-radius:2px;transition:transform 300ms var(--ease-out)}
.burger span{display:grid;gap:5px}
.burger[aria-expanded="true"] i:first-child{transform:translateY(3.25px) rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.sheet{position:fixed;inset:var(--sheet-top,72px) 0 auto 0;z-index:49;background:var(--paper);border-bottom:1px solid var(--line);padding:12px var(--gut) 28px;clip-path:inset(0 0 100% 0);transition:clip-path 420ms var(--ease-drawer);visibility:hidden}
.sheet.open{clip-path:inset(0 0 0 0);visibility:visible}
.sheet > a{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line-2);font:500 1.5rem/1.1 var(--f-display);letter-spacing:-.02em;text-decoration:none;opacity:0;transform:translateY(-6px);transition:opacity 300ms ease,transform 400ms var(--ease-out)}
.sheet.open > a{opacity:1;transform:none;transition-delay:calc(var(--i) * 40ms + 80ms)}
.sheet .btns{display:flex;gap:10px;margin-top:22px}
.sheet .btns .btn{flex:1}

/* ---------- hero ---------- */
.hero{padding-top:12px}
.hero-card{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-lg);min-height:min(820px,calc(100svh - 120px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:40px;padding:clamp(28px,4vw,64px);background:var(--paper-2);border:1px solid var(--line-2)}
.mist{position:absolute;inset:-20%;z-index:-2;pointer-events:none}
.mist i{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}
.mist i:nth-child(1){width:55%;height:60%;right:2%;top:12%;background:var(--mist-a);animation:drift1 26s ease-in-out infinite alternate}
.mist i:nth-child(2){width:50%;height:55%;left:8%;top:-5%;background:var(--mist-b);animation:drift2 32s ease-in-out infinite alternate}
.mist i:nth-child(3){width:40%;height:45%;right:24%;bottom:6%;background:var(--mist-c);animation:drift3 22s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(-12%,10%) scale(1.12)}}
@keyframes drift2{to{transform:translate(14%,8%) scale(.92)}}
@keyframes drift3{to{transform:translate(-8%,-14%) scale(1.15)}}
.grain{position:absolute;inset:0;z-index:-1;opacity:.35;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root.is-dark .grain{mix-blend-mode:overlay;opacity:.5}
.hero-copy{display:grid;gap:26px;align-content:end;max-width:640px}
.chip{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:7px 14px 7px 12px;border-radius:999px;background:color-mix(in oklch,var(--card) 75%,transparent);border:1px solid var(--line-2);font-size:.875rem;text-decoration:none;transition:border-color 200ms ease}
@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--ink-3)}.chip:hover .arr{transform:translateX(2px)}}
.chip .arr{transition:transform 200ms var(--ease-out)}
.h1 .soft{color:var(--ink-3)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:6px;font-size:.85rem;color:var(--ink-3)}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.hero-meta svg{color:var(--ink-2)}

/* hero statement card */
.stmt{justify-self:end;align-self:center;width:min(100%,440px);background:var(--card);border:1px solid var(--line-2);border-radius:22px;box-shadow:var(--shadow);padding:22px;rotate:1.2deg;transition:rotate 500ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.stmt:hover{rotate:0deg}}
.stmt-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.stmt-top .eyebrow{white-space:nowrap}
.seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line-2)}
.seg button{position:relative;z-index:1;padding:7px 14px;font-size:.8rem;font-weight:500;color:var(--ink-3);border-radius:999px;transition:color 200ms ease;white-space:nowrap}
.seg button[aria-pressed="true"]{color:var(--ink)}
.seg .pill{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;border-radius:999px;background:var(--card);box-shadow:0 1px 2px oklch(0.2 0.02 60 / .12),0 0 0 1px var(--line-2);transition:transform 320ms var(--ease-out),width 320ms var(--ease-out)}
.seg-lg button{padding:10px 20px;font-size:.92rem}
.stmt-bal{padding:4px 0 18px;border-bottom:1px dashed var(--line)}
.stmt-bal .eyebrow{margin-bottom:8px;display:flex;justify-content:space-between}
.stmt-bal b{font:500 2.6rem/1 var(--f-display);letter-spacing:-.04em}
.stmt-bal b small{font:500 .9rem var(--f-mono);color:var(--ink-3);letter-spacing:0;margin-left:6px}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-2)}
.rows li:last-child{border-bottom:0}
.av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 .78rem var(--f-mono);background:var(--paper-2);color:var(--ink-2)}
.rows .who{display:grid;line-height:1.3;min-width:0}
.rows .who b{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .who span{font-size:.8rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .amt{font:500 .95rem var(--f-mono);text-align:right}
.rows .amt.in{color:var(--ok)}
.stmt-foot{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8rem;color:var(--ink-3)}
.stmt-foot .lock{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent)}
.swap-txt{display:inline-grid}
.swap-txt > span{grid-area:1/1;transition:opacity 250ms ease,transform 350ms var(--ease-out)}
.swap-txt > span:last-child{opacity:0;transform:translateY(6px)}
.redact .swap-txt > span:first-child{opacity:0;transform:translateY(-6px)}
.redact .swap-txt > span:last-child{opacity:1;transform:none}
@media (max-width:900px){
  .hero-card{grid-template-columns:1fr;min-height:0;align-items:start;padding-top:72px}
  .stmt{justify-self:stretch;width:100%;rotate:0deg;padding:16px}
  .stmt-bal b{font-size:2.1rem}
}

/* ---------- logos / trust strip ---------- */
.strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 36px;padding:28px 4px 0;color:var(--ink-3);font-size:.85rem}
.strip .chains{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}
.strip .chains span{display:inline-flex;align-items:center;gap:8px;font:500 .95rem var(--f-display);letter-spacing:-.01em;color:var(--ink-2)}
.strip .tokens{display:inline-flex;align-items:center;gap:14px;font:500 .8rem var(--f-mono);color:var(--ink-2)}
.strip .tokens span{display:inline-flex;align-items:center;gap:6px}

/* ---------- products ---------- */
.prod-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:56px}
.prod{position:relative;display:grid;align-content:space-between;gap:56px;min-height:360px;padding:28px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line-2);text-decoration:none;overflow:hidden;transition:transform 300ms var(--ease-out),border-color 200ms ease}
.prod .eyebrow{display:flex;justify-content:space-between}
.prod h3{margin-bottom:12px}
.prod p{color:var(--ink-2);max-width:38ch}
.prod .link{margin-top:22px}
.prod.feat{background:var(--ink);color:var(--paper);border-color:transparent}
.prod.feat p,.prod.feat .eyebrow{color:color-mix(in oklch,var(--paper) 68%,var(--ink))}
.prod.feat .link{color:var(--paper)}
@media (hover:hover) and (pointer:fine){.prod:hover{transform:translateY(-3px);border-color:var(--line)}}
.prod-art{height:96px;display:flex;align-items:flex-end;gap:6px}
.prod-art .bar{height:12px;border-radius:3px;background:currentColor;opacity:.9;transform-origin:left;transition:transform 600ms var(--ease-in-out)}
.prod.feat .prod-art{color:var(--accent)}
.prod-art.lines{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:8px}
.prod-art.lines span{display:flex;gap:8px;align-items:center;font:400 .78rem var(--f-mono);color:var(--ink-3)}
.prod-art.lines span b{height:9px;border-radius:2px;background:var(--bar);flex:none}
.code-mini{font:400 .8rem/1.6 var(--f-mono);color:var(--ink-3);align-self:end}
.code-mini b{color:var(--accent);font-weight:500}
@media (max-width:980px){.prod-grid{grid-template-columns:1fr 1fr}.prod.feat{grid-column:1/-1}}
@media (max-width:620px){.prod-grid{grid-template-columns:1fr}.prod{min-height:0}}

/* ---------- wire (marquee through the redaction line) ---------- */
.wire-sec{overflow:hidden}
.wire-head{text-align:center;display:grid;justify-items:center;gap:22px}
.wire-head .h2{max-width:15ch}
.wire-head .lede{text-align:center}
.wire{position:relative;margin-top:72px;height:300px;--speed:70s}
.layer{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px}
.layer.pub{clip-path:inset(0 50% 0 0)}
.layer.priv{clip-path:inset(0 0 0 50%)}
.track{display:flex;gap:14px;width:max-content;animation:wire var(--speed) linear infinite}
.track.b{animation-duration:calc(var(--speed) * 1.25);animation-direction:reverse}
.wire:hover .track{animation-play-state:paused}
@keyframes wire{to{transform:translateX(-50%)}}
.tx{flex:none;width:236px;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);display:grid;gap:12px}
.tx-top{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-3)}
.tx-top .tag{display:inline-flex;align-items:center;gap:6px}
.tx-top .tag i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.tx .to{font-size:.9rem;color:var(--ink-2)}
.tx .to b{color:var(--ink);font-weight:500}
.tx .val{font:500 1.6rem/1 var(--f-display);letter-spacing:-.03em}
.tx .val small{font:500 .75rem var(--f-mono);color:var(--ink-3);margin-left:5px;letter-spacing:0}
.priv .tx{background:var(--paper-2)}
.priv .tx-top .tag i{background:var(--ok)}
.priv .tx .rd{color:transparent}
.priv .tx .rd::after{transform:scaleX(1);transition:none}
.slit{position:absolute;top:-24px;bottom:-24px;left:50%;width:2px;translate:-1px 0;background:var(--accent);z-index:2;border-radius:2px}
.slit::before,.slit::after{content:"";position:absolute;left:50%;translate:-50% 0;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.slit::before{top:-5px}.slit::after{bottom:-5px}
.wire-labels{display:flex;justify-content:center;gap:0;margin-top:40px;font-size:.85rem}
.wire-labels span{flex:1;max-width:300px;padding:0 20px;color:var(--ink-3)}
.wire-labels span:first-child{text-align:right;border-right:1px solid var(--line)}
.wire-labels b{display:block;color:var(--ink);font-weight:500}
.fade-x{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(90deg,var(--paper),transparent 12%,transparent 88%,var(--paper))}

/* ---------- demo ---------- */
.demo-sec{background:var(--paper-2)}
.demo-top{display:flex;flex-direction:column;align-items:center;gap:14px;margin:56px 0 32px;text-align:center}
.demo-top small{color:var(--ink-3);font-size:.85rem}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.panel{display:flex;flex-direction:column;gap:22px}
.pcard{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:var(--card);border:1px solid var(--line-2);box-shadow:var(--shadow)}
.field{padding:16px;border-radius:14px;background:var(--paper-2);display:grid;gap:10px}
.field-top{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--ink-3)}
.token{display:inline-flex;align-items:center;gap:6px;font:500 .78rem var(--f-mono);color:var(--ink-2)}
/* official chain, token and wallet marks live in /logos */
.lg{display:block;flex:none;width:var(--s,18px);height:var(--s,18px);object-fit:contain}
.tx .val small{display:inline-flex;align-items:center;gap:4px;vertical-align:2px}
.big{font:500 2.35rem/1 var(--f-display);letter-spacing:-.04em}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{padding:7px 13px;border-radius:999px;font:500 .8rem var(--f-mono);background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 160ms var(--ease-out)}
.chips button:active{transform:scale(.95)}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (hover:hover) and (pointer:fine){.chips button:not([aria-pressed="true"]):hover{border-color:var(--ink-3);color:var(--ink)}}
.join{display:grid;place-items:center;height:0;position:relative;z-index:1}
.join span{width:28px;height:28px;border-radius:9px;background:var(--card);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-3);translate:0 0}
.only{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ok)}
.only i{width:6px;height:6px;border-radius:50%;background:currentColor}
.addr{font:500 .9rem var(--f-mono);display:flex;justify-content:space-between;align-items:center}
.explorer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;border:1px dashed var(--line);font-size:.82rem;color:var(--ink-3)}
.explorer b{color:var(--ink);font-weight:500;display:inline-flex;gap:8px;align-items:center}
.dots{display:inline-flex;gap:3px}
.dots i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.proof{display:grid;justify-items:center;text-align:center;gap:10px;padding:26px 16px;border-radius:14px;background:var(--paper-2)}
.seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);transition:background-color 250ms ease,color 250ms ease}
.seal svg{transition:transform 380ms var(--ease-out),opacity 200ms ease}
.proof.fail .seal{background:var(--accent-soft);color:var(--accent)}
.proof h4{font:500 1.15rem/1.2 var(--f-display);letter-spacing:-.02em}
.proof .sub{font-size:.8rem;color:var(--ink-3)}
.proof .big{font-size:1.8rem}
.pcard .btn{margin-top:auto;width:100%;--h:50px}
.pcap{display:grid;gap:6px;padding:0 6px}
.pcap .eyebrow{color:var(--ink);display:flex;gap:8px;align-items:center}
.pcap p{color:var(--ink-2);font-size:.95rem}
.tick-ok{color:var(--ok)}
@media (max-width:980px){.demo-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* ---------- model comparison ---------- */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:56px}
.cmp > div{padding:clamp(24px,3vw,40px);border-radius:var(--r-md);display:grid;gap:18px;align-content:start;border:1px solid var(--line-2);background:var(--card)}
.cmp .ours{background:var(--ink);color:var(--paper);border-color:transparent}
.cmp .ours .eyebrow,.cmp .ours p{color:color-mix(in oklch,var(--paper) 70%,var(--ink))}
.cmp .h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}
.cmp-viz{height:150px;position:relative}
.cmp-viz svg{width:100%;height:100%;overflow:visible}
.cmp-note{margin-top:22px;color:var(--ink-2);max-width:72ch;font-size:.95rem}
@media (max-width:760px){.cmp{grid-template-columns:1fr}}

/* ---------- use cases ---------- */
.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--line)}
.use{padding:28px 28px 36px 0;border-bottom:1px solid var(--line);display:grid;gap:12px;align-content:start}
.use:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}
.use .n{font:500 .75rem var(--f-mono);color:var(--ink-3)}
.use h3{font-size:1.3rem;letter-spacing:-.02em}
.use p{color:var(--ink-2);font-size:.98rem}
.use .ic{width:40px;height:40px;color:var(--accent);margin-bottom:8px}
.use.soon h3::after{content:"Soon";margin-left:10px;vertical-align:3px;font:500 .68rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
@media (max-width:900px){.uses{grid-template-columns:1fr 1fr}.use:not(:nth-child(3n+1)){padding-left:0;border-left:0}.use:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}}
@media (max-width:600px){.uses{grid-template-columns:1fr}.use:nth-child(even){padding-left:0;border-left:0}.use{padding-right:0}}

/* ---------- payroll (night band) ---------- */
.night{background:var(--night);color:var(--night-ink);--card:var(--night-2);--line:var(--night-line);--line-2:var(--night-line);--ink:var(--night-ink);--ink-2:var(--night-ink-2);--ink-3:oklch(0.6 0.01 70);--paper:var(--night);--paper-2:oklch(0.22 0.01 60);--bar:var(--night-ink);color-scheme:dark}
.night .btn-ink{background:var(--night-ink);color:var(--night)}
.pay{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:center}
.steps{list-style:none;margin:36px 0 34px;padding:0;display:grid;gap:4px;counter-reset:s}
.steps li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.steps li::before{counter-increment:s;content:"0" counter(s);font:500 .8rem var(--f-mono);color:var(--ink-3);padding-top:3px}
.steps b{display:block;font-weight:500}
.steps span{color:var(--ink-2);font-size:.95rem}
.run{border-radius:24px;background:var(--card);border:1px solid var(--line);padding:22px;box-shadow:0 30px 60px -30px oklch(0 0 0 / .6)}
.run-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.run-head h3{font-size:1.35rem}
.run-head small{display:block;color:var(--ink-3);font-size:.82rem;margin-top:4px}
.prog{height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-bottom:8px}
.prog i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 600ms var(--ease-out)}
.run-status{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-3);margin-bottom:6px}
.run .rows li{grid-template-columns:34px 1fr auto 96px;border-color:var(--line)}
.run .av{background:var(--paper-2)}
.st{justify-self:end;display:inline-flex;align-items:center;gap:6px;font:500 .72rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;color:var(--ink-3);background:var(--paper-2);transition:background-color 250ms ease,color 250ms ease}
.st[data-s="proving"]{color:var(--accent);background:color-mix(in oklch,var(--accent) 16%,transparent)}
.st[data-s="sent"]{color:var(--ok);background:color-mix(in oklch,var(--ok) 16%,transparent)}
.spin{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:spin 700ms linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.run-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.run-foot .tot{font:500 1.1rem var(--f-mono)}
.toggle{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;color:var(--ink-2);cursor:pointer}
.toggle input{position:absolute;opacity:0;pointer-events:none}
.toggle .sw{width:36px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background-color 200ms ease}
.toggle .sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--night-ink);transition:transform 260ms var(--ease-out)}
.toggle input:checked + .sw{background:var(--accent)}
.toggle input:checked + .sw::after{transform:translateX(14px)}
.toggle input:focus-visible + .sw{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:900px){.pay{grid-template-columns:1fr}}
@media (max-width:520px){.run .rows li{grid-template-columns:30px 1fr auto;row-gap:6px}.run .rows .st{grid-column:2/-1;justify-self:start}}

/* ---------- developers ---------- */
.dev{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.dev-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tags span{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font:500 .78rem var(--f-mono);color:var(--ink-2)}
.term{border-radius:20px;background:var(--night);color:var(--night-ink);overflow:hidden;border:1px solid var(--night-line);box-shadow:var(--shadow)}
.term-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--night-line)}
.term-tabs{display:flex;gap:2px;position:relative}
.term-tabs button{padding:7px 12px;border-radius:8px;font:500 .8rem var(--f-mono);color:oklch(0.65 0.01 70);transition:color 150ms ease,background-color 150ms ease}
.term-tabs button[aria-selected="true"]{color:var(--night-ink);background:oklch(0.25 0.01 60)}
.copy{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;font:500 .78rem var(--f-mono);color:oklch(0.7 0.01 70);transition:background-color 150ms ease,color 150ms ease,transform 160ms var(--ease-out)}
.copy:active{transform:scale(.95)}
@media (hover:hover) and (pointer:fine){.copy:hover{background:oklch(0.25 0.01 60);color:var(--night-ink)}}
.install{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--night-line);font:400 .88rem var(--f-mono)}
.install .p{color:oklch(0.62 0.18 38)}
.install .copy{margin-left:auto}
pre{margin:0;padding:20px 18px 24px;overflow-x:auto;font:400 .85rem/1.75 var(--f-mono);tab-size:2}
pre .k{color:oklch(0.75 0.13 38)}
pre .s{color:oklch(0.8 0.1 140)}
pre .c{color:oklch(0.55 0.01 70)}
pre .f{color:oklch(0.84 0.08 250)}
.code-pane{display:none}
.code-pane.on{display:block;animation:fadein 280ms var(--ease-out)}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}}
@media (max-width:900px){.dev{grid-template-columns:1fr}}

/* ---------- proofs ---------- */
.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:56px}
.pf{display:grid;gap:16px;align-content:start;padding:28px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line-2);text-decoration:none;transition:transform 300ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.pf:hover{transform:translateY(-3px)}}
.pf-viz{height:120px;border-radius:12px;background:var(--paper-2);display:grid;place-items:center;overflow:hidden;position:relative}
.pf p{color:var(--ink-2);font-size:.98rem}
.pf .link{margin-top:6px}
.sum-viz{display:grid;gap:5px;width:70%}
.sum-viz i{height:7px;border-radius:2px;background:var(--bar);transform-origin:left}
.sum-viz b{font:500 .82rem var(--f-mono);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px;margin-top:4px}
.ticket{font:400 .76rem/1.7 var(--f-mono);color:var(--ink-2);padding:12px 16px;border:1px dashed var(--line);border-radius:10px;background:var(--card)}
.ticket b{color:var(--ink);font-weight:500}
.limit{width:72%;display:grid;gap:8px;font:500 .76rem var(--f-mono);color:var(--ink-3)}
.limit .meter{height:8px;border-radius:8px;background:var(--line);overflow:hidden}
.limit .meter i{display:block;height:100%;width:62%;background:var(--accent);border-radius:inherit;transform-origin:left}
.limit div{display:flex;justify-content:space-between}
@media (max-width:900px){.proofs{grid-template-columns:1fr}}

/* ---------- guarantees ---------- */
.guar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px)}
.g-list{display:grid}
.g-item{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}
.g-item:last-child{border-bottom:1px solid var(--line)}
.g-item .gi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.g-item h3{font-size:1.3rem;margin-bottom:6px;letter-spacing:-.02em}
.g-item p{color:var(--ink-2)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:44px}
.stat > b{display:block;font:500 clamp(2.4rem,1.8rem + 2vw,3.5rem)/1 var(--f-display);letter-spacing:-.045em}
.stat > span{display:block;margin-top:8px;font-size:.9rem;color:var(--ink-3)}
@media (max-width:900px){.guar{grid-template-columns:1fr}}

/* ---------- faq ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px)}
.faq{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;text-align:left;font:500 1.15rem/1.3 var(--f-display);letter-spacing:-.015em}
.qa .pm{position:relative;width:14px;height:14px;flex:none;color:var(--ink-3)}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;border-radius:2px;transition:transform 300ms var(--ease-out)}
.qa .pm::after{transform:rotate(90deg)}
.qa button[aria-expanded="true"] .pm::after{transform:rotate(0deg)}
.qa .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms var(--ease-out)}
.qa .a > div{overflow:hidden}
.qa .a p{padding:0 40px 24px 0;color:var(--ink-2);opacity:0;transform:translateY(-4px);transition:opacity 220ms ease,transform 320ms var(--ease-out)}
.qa.open .a{grid-template-rows:1fr}
.qa.open .a p{opacity:1;transform:none;transition-delay:60ms}
@media (max-width:860px){.faq-wrap{grid-template-columns:1fr}}

/* ---------- closing + footer ---------- */
.close-card{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-lg);background:var(--ink);color:var(--paper);padding:clamp(40px,7vw,104px) clamp(24px,6vw,88px);display:grid;gap:28px;justify-items:start}
.close-card .h2{font-size:clamp(2.4rem,1.4rem + 4.4vw,5.5rem);max-width:13ch}
.close-card p{color:color-mix(in oklch,var(--paper) 70%,var(--ink));max-width:48ch;font-size:1.1rem}
.close-card .wallets{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:.9rem;color:color-mix(in oklch,var(--paper) 62%,var(--ink))}
.close-card .wallets .w{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:color-mix(in oklch,var(--paper) 8%,transparent);color:var(--paper)}
.close-card .btn-ghost{color:var(--paper);border-color:color-mix(in oklch,var(--paper) 25%,transparent);background:transparent}
.close-bars{position:absolute;right:clamp(-120px,-6vw,-40px);top:50%;translate:0 -50%;z-index:-1;display:grid;gap:14px;width:min(52%,560px);opacity:.95}
.close-bars i{height:clamp(22px,3vw,40px);border-radius:5px;background:var(--accent);transform-origin:right;transform:scaleX(0);transition:transform 900ms var(--ease-in-out)}
.close-bars i:nth-child(2){width:72%;justify-self:end;opacity:.6}
.close-bars i:nth-child(3){width:88%;justify-self:end;opacity:.35}
.close-bars i:nth-child(4){width:54%;justify-self:end;opacity:.2}
.in .close-bars i{transform:scaleX(1)}
.in .close-bars i:nth-child(2){transition-delay:90ms}.in .close-bars i:nth-child(3){transition-delay:180ms}.in .close-bars i:nth-child(4){transition-delay:270ms}
@media (max-width:760px){.close-bars{opacity:.35;width:80%}}

footer{padding:72px 0 calc(32px + env(safe-area-inset-bottom,0px))}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px 24px}
.foot h4{font:500 .75rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot ul a{text-decoration:none;color:var(--ink-2);font-size:.95rem;transition:color 150ms ease}
@media (hover:hover) and (pointer:fine){.foot ul a:hover{color:var(--ink)}}
.foot .about p{color:var(--ink-2);max-width:34ch;margin-top:14px;font-size:.95rem}
.wordmark{margin-top:72px;font:500 clamp(5rem,2rem + 18vw,19rem)/.8 var(--f-display);letter-spacing:-.07em;color:var(--ink);user-select:none;display:flex;align-items:baseline;overflow:hidden}
.wordmark .r{display:inline-block;height:.52em;width:2.1em;margin-left:.06em;border-radius:.05em;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 1000ms var(--ease-in-out) 200ms}
.in .wordmark .r,.wordmark.in .r{transform:scaleX(1)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-3)}
.legal nav{display:flex;gap:18px}
.legal a{text-decoration:none}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}.foot .about{grid-column:1/-1}}

/* ---------- toasts (stacked, Sonner-style) ---------- */
.toasts{position:fixed;z-index:100;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;width:min(380px,calc(100vw - 32px));display:grid;pointer-events:none}
.toast{grid-area:1/1;align-self:end;pointer-events:auto;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--ink);color:var(--paper);box-shadow:0 16px 40px -12px oklch(0 0 0 / .45);font-size:.9rem;transform:translateY(calc(var(--k,0) * -10px)) scale(calc(1 - var(--k,0) * .05));opacity:calc(1 - var(--k,0) * .25);transition:transform 400ms var(--ease-out),opacity 400ms ease}
.toast[data-enter]{transform:translateY(100%);opacity:0}
.toast[data-leave]{transform:translateY(100%);opacity:0;transition-duration:250ms}
.toast b{display:block;font-weight:500}
.toast span{color:color-mix(in oklch,var(--paper) 70%,var(--ink))}
.toast .ti{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);margin-top:1px}

/* ---------- scroll reveal ---------- */
.js [data-reveal]{opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity 700ms var(--ease-out),transform 800ms var(--ease-out),filter 700ms var(--ease-out);transition-delay:calc(var(--d,0) * 70ms)}
.js [data-reveal].in{opacity:1;transform:none;filter:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;transition-delay:0ms !important;scroll-behavior:auto !important}
  .track{animation:none !important}
  .js [data-reveal]{opacity:1;transform:none;filter:none}
}