:root {
  --font-geist-sans: "Geist";
  --font-geist-mono: "Geist Mono";
  --ink: #09070d;
  --cream: #f1ecd9;
  --purple: #8f19ff;
  --acid: #bdff36;
  --red: #e7392e;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--cream);
  font-family: var(--font-geist-mono), monospace;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { background: var(--acid); color: var(--ink); }

/* Pressure-lock entrance */
.entry-gate {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #08070b;
  isolation: isolate;
}
.entry-gate.open { visibility: hidden; pointer-events: none; }
.gate-door {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50.2%;
  z-index: -1;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(255,255,255,.07) 50%, transparent 50.5%),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(0,0,0,.28) 80px 83px),
    linear-gradient(125deg, #24212b 0%, #0d0b12 35%, #312d38 62%, #0a090d 100%);
  box-shadow: inset 0 0 80px #000;
  transition: transform .9s cubic-bezier(.75,0,.25,1) .72s;
}
.gate-door::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(241,236,217,.16);
  box-shadow: inset 0 0 0 7px rgba(0,0,0,.22);
}
.gate-door-left { left: 0; border-right: 6px solid #050406; }
.gate-door-right { right: 0; border-left: 6px solid #050406; transform: scaleX(-1); }
.entry-gate.opening .gate-door-left { transform: translateX(-104%); }
.entry-gate.opening .gate-door-right { transform: scaleX(-1) translateX(-104%); }
.gate-door > i {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #7e7785, #17141b 62%);
  box-shadow: 0 2px 5px #000;
}
.gate-door > i:nth-child(1) { top: 32px; left: 32px; }
.gate-door > i:nth-child(2) { top: 32px; right: 32px; }
.gate-door > i:nth-child(3) { bottom: 32px; left: 32px; }
.gate-door > i:nth-child(4) { bottom: 32px; right: 32px; }
.door-pipe {
  position: absolute;
  left: 6%;
  top: 16%;
  width: 34%;
  height: 68%;
  border: 30px solid #15121a;
  border-right: 0;
  border-radius: 110px 0 0 110px;
  box-shadow: inset 9px 0 0 rgba(255,255,255,.05), -7px 0 0 #030204;
  opacity: .7;
}
.gate-content {
  position: relative;
  z-index: 3;
  width: min(760px, 92vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px;
}
.entry-gate.opening .gate-content { animation: gateContentExit 1.35s ease forwards; }
@keyframes gateContentExit { 0%,58% { opacity:1; transform:scale(1); } 100% { opacity:0; transform:scale(1.12); } }
.gate-code { margin-bottom: 24px; color: var(--acid); font-size: 9px; letter-spacing: .26em; }
.gate-content h2 { font-size: clamp(58px,9vw,138px); text-shadow: 0 0 55px rgba(143,25,255,.35); }
.gate-content h2 span { color: var(--red); text-shadow: 4px 4px 0 #57120d; }
.gate-content > p { margin: 22px 0 10px; font-size: 10px; font-weight: 900; letter-spacing: .18em; color: rgba(241,236,217,.66); }
.entry-valve {
  position: relative;
  width: clamp(190px,24vw,275px);
  aspect-ratio: 1;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: grab;
  filter: drop-shadow(0 25px 25px rgba(0,0,0,.6));
}
.entry-valve:focus-visible { outline: 3px solid var(--acid); outline-offset: 12px; border-radius: 50%; }
.entry-valve:not(:disabled):hover .valve-wheel { transform: rotate(12deg) scale(1.04); filter: brightness(1.18); }
.entry-valve:active { cursor: grabbing; }
.valve-wheel {
  position: absolute;
  inset: 9%;
  border: clamp(16px,2vw,25px) solid var(--red);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px #5f1612, 0 0 0 4px #260805, 0 0 45px rgba(231,57,46,.3);
  transition: transform .35s ease, filter .2s;
}
.valve-wheel > i {
  --spoke: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 49%;
  height: clamp(9px,1.2vw,15px);
  transform-origin: 0 50%;
  transform: translateY(-50%) rotate(calc(var(--spoke) * 45deg));
  background: linear-gradient(#ff594c, #a21d16 52%, #4b0b08);
  border: 2px solid #55100b;
  border-radius: 8px;
}
.valve-wheel > b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36%;
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 28%, #ff5a50, #a31c16 48%, #3b0806 72%);
  border: 5px solid #42100d;
  box-shadow: 0 8px 12px rgba(0,0,0,.55);
  font-family: Impact,sans-serif;
  font-size: clamp(31px,5vw,64px);
}
.valve-wheel > b span { transform: rotate(-6deg); }
.entry-gate.opening .valve-wheel { animation: unlockValve 1.35s cubic-bezier(.32,.01,.15,1) forwards; }
@keyframes unlockValve { 0% { transform:rotate(0); } 70% { transform:rotate(610deg) scale(.94); } 100% { transform:rotate(720deg) scale(1.12); filter:brightness(1.5); } }
.gate-pressure { width: min(390px,80vw); display: grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; font-size:8px; letter-spacing:.08em; }
.gate-pressure > div { height:7px; padding:1px; border:1px solid rgba(241,236,217,.34); }
.gate-pressure i { display:block; width:4%; height:100%; background:var(--acid); box-shadow:0 0 9px var(--acid); }
.entry-gate.opening .gate-pressure i { animation: pressureLoad 1.35s ease-in forwards; }
@keyframes pressureLoad { to { width:100%; background:var(--red); box-shadow:0 0 18px var(--red); } }
.gate-content > small { margin-top:18px; color:rgba(241,236,217,.35); font-size:8px; letter-spacing:.16em; }
.steam { position:absolute; z-index:2; width:180px; height:70px; border-radius:50%; background:rgba(241,236,217,.14); filter:blur(18px); opacity:0; pointer-events:none; }
.steam-a { left:15%; bottom:18%; }.steam-b { right:16%; top:22%; }.steam-c { left:44%; top:8%; }
.entry-gate.opening .steam { animation:steamBurst 1.4s .35s ease-out forwards; }
.entry-gate.opening .steam-b { animation-delay:.55s; }.entry-gate.opening .steam-c { animation-delay:.7s; }
@keyframes steamBurst { 0% { opacity:0; transform:scale(.3) translateY(20px); } 35% { opacity:.9; } 100% { opacity:0; transform:scale(2.5) translateY(-40px); } }

[data-reveal] { opacity: 0; transform: translateY(38px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }
.roadmap-item[data-reveal]:nth-child(2) { transition-delay:.08s; }
.roadmap-item[data-reveal]:nth-child(3) { transition-delay:.16s; }
.roadmap-item[data-reveal]:nth-child(4) { transition-delay:.24s; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  opacity: .055;
  pointer-events: none;
  z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.topbar {
  height: 76px;
  padding: 0 clamp(20px, 4vw, 72px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(241,236,217,.22);
  background: rgba(9,7,13,.83);
  backdrop-filter: blur(16px);
  position: sticky;
  top: 0;
  z-index: 15;
}
.brand { display: flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: -.04em; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; color: var(--cream); background: var(--red); border-radius: 50%; border: 2px solid var(--cream); transform: rotate(-8deg); }
.nav { display: flex; gap: 36px; font-size: 12px; text-transform: uppercase; }
.nav a { opacity: .65; transition: opacity .2s, color .2s; }
.nav a { position:relative; }
.nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--acid); transition:right .25s; }
.nav a:hover { opacity: 1; color: var(--acid); }
.nav a:hover::after { right:0; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 18px 24px; border: 1px solid var(--acid); background: var(--acid); color: var(--ink); font-weight: 900; font-size: 13px; box-shadow: 6px 6px 0 var(--purple); transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translate(3px,3px); box-shadow: 3px 3px 0 var(--purple); }
.button-small { padding: 11px 16px; box-shadow: 4px 4px 0 var(--purple); }
.text-link { font-weight: 800; letter-spacing: .05em; font-size: 12px; border-bottom: 1px solid currentColor; padding-bottom: 5px; }

.hero { min-height: calc(100svh - 76px); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; padding: clamp(55px,7vw,110px) clamp(20px,4vw,72px); position: relative; isolation: isolate; border-bottom: 1px solid rgba(241,236,217,.2); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -3; background: linear-gradient(115deg, #09070d 0 50%, #1a0628 72%, #09070d 100%); }
.hero-glow { position: absolute; z-index: -2; right: -8vw; top: 8%; width: 58vw; height: 58vw; background: radial-gradient(circle, rgba(151,24,255,.62), rgba(151,24,255,.09) 48%, transparent 70%); filter: blur(10px); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .section-kicker { font-size: 11px; letter-spacing: .18em; font-weight: 800; color: var(--acid); }
.eyebrow span { display: inline-block; width: 9px; height: 9px; background: var(--red); margin-right: 8px; border-radius: 50%; box-shadow: 0 0 12px var(--red); }
h1, h2, .footer-brand { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight: 900; text-transform: uppercase; line-height: .84; letter-spacing: -.035em; margin: 0; }
h1 { font-size: clamp(76px, 10.2vw, 176px); margin: 30px 0 28px; }
h1 em { color: var(--purple); font-style: normal; text-shadow: 4px 4px 0 var(--cream); }
.hero-lede { max-width: 650px; font-family: var(--font-geist-sans), sans-serif; font-size: clamp(17px,1.4vw,22px); line-height: 1.55; color: rgba(241,236,217,.72); }
.hero-lede strong { color: var(--cream); }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.contract-wrap { margin-top: 48px; display: flex; width: min(580px, 100%); border: 1px solid rgba(241,236,217,.24); }
.contract-wrap > span { padding: 13px 16px; font-size: 9px; letter-spacing: .14em; background: rgba(241,236,217,.08); border-right: 1px solid rgba(241,236,217,.2); }
.contract-wrap button { padding: 13px 16px; flex: 1; background: transparent; border: 0; color: rgba(241,236,217,.65); text-align: left; cursor: pointer; font-size: 11px; }
.contract-wrap button:hover { color: var(--acid); }
.hero-art { position: relative; justify-self: end; width: min(620px, 43vw); transform: rotate(2deg); }
.image-frame { position: relative; background: var(--purple); border: 2px solid var(--cream); box-shadow: 16px 16px 0 #281036, 0 0 90px rgba(143,25,255,.4); overflow: hidden; }
.image-frame::after { content:""; position:absolute; inset:0; background: linear-gradient(145deg, transparent 55%, rgba(9,7,13,.35)); pointer-events:none; }
.image-frame img { display: block; width: 100%; transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .8s; }
.hero-art:hover .image-frame img { transform:scale(1.035); filter:saturate(1.17) contrast(1.04); }
.hazard-strip { position: absolute; left: -6%; bottom: 9%; width: 112%; padding: 9px 0; overflow: hidden; white-space: nowrap; background: var(--acid); color: var(--ink); border: 2px solid var(--ink); font-size: 10px; font-weight: 900; transform: rotate(-4deg); }
.pressure { position: absolute; z-index: 2; padding: 11px 14px; background: var(--cream); color: var(--ink); border: 2px solid var(--ink); font-size: 9px; line-height: 1.4; box-shadow: 5px 5px 0 var(--red); }
.pressure strong { font-size: 13px; }
.pressure-one { top: 8%; left: -9%; transform: rotate(-5deg); }
.pressure-two { right: -7%; bottom: 20%; transform: rotate(5deg); }
.hero-meter { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:flex; align-items:center; gap:10px; padding:8px 13px; border:1px solid rgba(241,236,217,.2); background:rgba(9,7,13,.72); backdrop-filter:blur(10px); font-size:7px; letter-spacing:.12em; color:rgba(241,236,217,.55); }
.hero-meter b { color:var(--red); font-size:8px; }
.meter-dial { width:35px; height:19px; position:relative; overflow:hidden; border-radius:35px 35px 0 0; border:2px solid rgba(241,236,217,.35); border-bottom:0; }
.meter-dial::before { content:""; position:absolute; inset:3px; border-radius:30px 30px 0 0; background:linear-gradient(90deg,var(--acid),#ffd52e 53%,var(--red)); }
.meter-dial i { position:absolute; z-index:1; left:50%; bottom:0; width:14px; height:2px; background:var(--ink); transform-origin:0 50%; transform:rotate(-58deg); animation:gaugeNeedle 2.5s ease-in-out infinite alternate; }
@keyframes gaugeNeedle { to { transform:rotate(-8deg); } }

.ticker { overflow: hidden; padding: 14px 0; background: var(--red); color: var(--cream); border-block: 2px solid var(--cream); transform: rotate(-1deg) scale(1.01); }
.ticker div { display: flex; gap: 28px; width: max-content; font-family: Impact, sans-serif; font-size: 25px; letter-spacing: .04em; animation: crawl 25s linear infinite; }
.ticker b { color: var(--acid); }
@keyframes crawl { to { transform: translateX(-50%); } }

.section { padding: clamp(90px, 11vw, 180px) clamp(20px, 7vw, 120px); }
.story { background: var(--cream); color: var(--ink); }
.story .section-kicker, .roadmap .section-kicker { color: var(--purple); }
.story-grid { margin-top: 45px; display: grid; grid-template-columns: 1fr .72fr; gap: clamp(50px,9vw,150px); align-items: center; }
h2 { font-size: clamp(58px,8vw,126px); }
h2 span { color: var(--purple); }
.story-lede { margin-top: 45px !important; font-size: clamp(21px,2vw,30px) !important; line-height: 1.25 !important; font-weight: 700; }
.story-grid p { max-width: 720px; font-family: var(--font-geist-sans), sans-serif; font-size: 16px; line-height: 1.75; }
.story-art { margin: 0; border: 2px solid var(--ink); box-shadow: 16px 16px 0 var(--red); transform: rotate(2deg); }
.story-art img { display: block; width: 100%; filter: saturate(.8) contrast(1.05); }
.story-art figcaption { padding: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 2px solid var(--ink); font-size: 10px; }

.manifesto { min-height: 440px; display: grid; place-content: center; padding: 80px 20px; text-align: center; position: relative; background: var(--purple); overflow: hidden; }
.manifesto::before { content:""; position:absolute; inset:0; background: repeating-linear-gradient(135deg, transparent 0 20px, rgba(9,7,13,.06) 20px 21px); }
.manifesto p { position: relative; margin: 0; font-family: Impact, sans-serif; font-size: clamp(54px,7vw,116px); line-height: .88; }
.manifesto p span { color: var(--acid); text-shadow: 5px 5px 0 var(--ink); }
.manifesto-stamp { position: absolute; right: 8%; top: 14%; width: 115px; height: 115px; display: grid; place-content: center; border: 3px solid var(--acid); border-radius: 50%; color: var(--acid); font-weight: 900; font-size: 12px; transform: rotate(12deg); }

.roadmap { background: #0d0a11; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 72px; }
.section-heading > p { color: rgba(241,236,217,.6); line-height: 1.7; text-align: right; }
.roadmap-list { border-top: 1px solid rgba(241,236,217,.25); }
.roadmap-item { min-height: 190px; display: grid; grid-template-columns: 48px 130px 1fr 90px; gap: 30px; align-items: center; border-bottom: 1px solid rgba(241,236,217,.25); transition: background .3s, padding .3s; }
.roadmap-item:hover { background: rgba(143,25,255,.1); padding-inline: 18px; }
.phase { font-size: 10px; color: rgba(241,236,217,.5); transform: rotate(-90deg); white-space: nowrap; }
.roadmap-copy > span { color: var(--acid); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.roadmap-copy h3 { margin: 8px 0; font-family: Impact, sans-serif; font-size: clamp(30px,4vw,58px); text-transform: uppercase; letter-spacing: .01em; }
.roadmap-copy p { max-width: 650px; color: rgba(241,236,217,.55); font-family: var(--font-geist-sans), sans-serif; line-height: 1.55; margin: 0; }
.pipe-line { height: 100%; display: grid; place-items: center; position: relative; }
.pipe-line::before { content:""; position:absolute; top:0; bottom:0; width:4px; background:#323037; }
.pipe-line span { width:18px; height:18px; border:4px solid #323037; background:var(--ink); border-radius:50%; z-index:1; }
.pipe-line span.active { border-color:var(--acid); box-shadow:0 0 18px var(--acid); }
.valve { width: 62px; height: 62px; display:grid; place-items:center; border:2px solid rgba(241,236,217,.28); border-radius:50%; font-size:30px; color:var(--red); transition: transform .5s; }
.roadmap-item:hover .valve { transform: rotate(90deg); }

.chart { background: var(--cream); color: var(--ink); }
.chart .section-kicker { color: var(--red); }
.chart-shell { position:relative; border:3px solid var(--ink); background:var(--ink); box-shadow:14px 14px 0 var(--purple); overflow:hidden; }
.chart-bar { height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; color:var(--cream); font-size:10px; letter-spacing:.09em; border-bottom:1px solid #2d2933; }
.live-dot { display:flex; align-items:center; gap:9px; }
.live-dot i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 13px var(--acid); animation:pulse 1.4s infinite; }
@keyframes pulse { 50% { opacity:.35; } }
.chart-shell iframe { display:block; width:100%; height:min(660px,70vh); border:0; background:#111; }
.chart-placeholder { position:absolute; inset:52px 0 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; pointer-events:none; color:var(--cream); background:radial-gradient(circle at 50% 40%, rgba(143,25,255,.28), rgba(9,7,13,.9) 48%); }
.chart-placeholder span { font-size:62px; color:var(--acid); animation:pulse 1.4s infinite; }
.chart-placeholder strong { font-family:Impact,sans-serif; font-size:clamp(28px,4vw,60px); letter-spacing:.04em; }
.chart-placeholder small { color:rgba(241,236,217,.55); }

.crew { background: var(--red); color: var(--cream); }
.crew .section-kicker { color: var(--acid); }
.crew h2 { margin-top:25px; }
.crew h2 span { color:var(--acid); }
.social-grid { margin-top:72px; display:grid; grid-template-columns:repeat(3,1fr); border:2px solid var(--cream); }
.social-grid a { min-height:190px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border-right:2px solid var(--cream); transition: background .25s, color .25s; }
.social-grid a:last-child { border-right:0; }
.social-grid a:hover { background:var(--cream); color:var(--ink); }
.social-grid small { font-size:9px; letter-spacing:.12em; opacity:.65; }
.social-grid strong { font-family:Impact,sans-serif; font-size:clamp(27px,3vw,48px); }
.social-grid a > span { align-self:flex-end; font-size:24px; }

footer { display:grid; grid-template-columns:1fr 1fr auto; gap:60px; align-items:end; padding:70px clamp(20px,4vw,72px); background:#09070d; border-top:1px solid rgba(241,236,217,.2); }
.footer-brand { font-size:clamp(42px,6vw,88px); }
.footer-brand span { color:var(--purple); }
footer p { max-width:560px; color:rgba(241,236,217,.45); font-family:var(--font-geist-sans),sans-serif; font-size:11px; line-height:1.6; }
footer > div:last-child { font-size:9px; line-height:1.7; color:rgba(241,236,217,.5); text-align:right; }
footer > div:last-child a { display:inline-block; margin-top:10px; color:var(--acid); }

::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#0d0a11; }
::-webkit-scrollbar-thumb { background:var(--purple); border:2px solid #0d0a11; }

@media (max-width: 900px) {
  .nav { display:none; }
  .hero { grid-template-columns:1fr; gap:70px; padding-top:70px; }
  .hero-art { width:min(640px,90vw); justify-self:center; }
  .story-grid { grid-template-columns:1fr; }
  .story-art { width:min(620px,100%); }
  .roadmap-item { grid-template-columns:30px 80px 1fr; gap:15px; padding-block:28px; }
  .valve { display:none; }
  .social-grid { grid-template-columns:1fr; }
  .social-grid a { min-height:140px; border-right:0; border-bottom:2px solid var(--cream); }
  .social-grid a:last-child { border-bottom:0; }
  footer { grid-template-columns:1fr; }
  footer > div:last-child { text-align:left; }
}

@media (max-width: 560px) {
  .topbar { height:66px; }
  .brand { font-size:13px; }
  .button-small { padding:9px 12px; font-size:11px; }
  .hero { min-height:auto; }
  h1 { font-size:20vw; }
  h1 em { text-shadow:2px 2px 0 var(--cream); }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .pressure { display:none; }
  .contract-wrap { flex-direction:column; }
  .contract-wrap > span { border-right:0; border-bottom:1px solid rgba(241,236,217,.2); }
  .contract-wrap button { min-height:48px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .section-heading > p { text-align:left; }
  .roadmap-item { grid-template-columns:22px 1fr; }
  .phase { grid-column:2; transform:none; }
  .roadmap-copy { grid-column:2; }
  .pipe-line { grid-row:1 / span 2; }
  .story-art figcaption { flex-direction:column; }
  .gate-content { padding:18px; }
  .gate-content h2 { font-size:17vw; }
  .door-pipe { border-width:20px; }
  .hero-meter { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .ticker div, .live-dot i, .chart-placeholder span, .meter-dial i { animation:none; }
  [data-reveal] { opacity:1; transform:none; }
}