/* ==========================================================================
   LOOONGC137 — acid-green Rick & Morty-portal styled memecoin site
   ========================================================================== */

:root{
  --acid: #9dff2e;
  --acid-2: #39ff14;
  --acid-dim: #5fae2c;
  --purple: #a25bff;
  --magenta: #ff4dd8;
  --void: #06090a;
  --void-2: #0b1210;
  --panel: #0e1613;
  --panel-2: #121b17;
  --ink: #eafff0;
  --ink-dim: #a9c9b8;
  --border: rgba(157,255,46,.35);
  --shadow-hard: 6px 6px 0 rgba(0,0,0,.85);
  --shadow-glow: 0 0 30px rgba(157,255,46,.35);
  --radius: 18px;
  --maxw: 1200px;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--void);
  color: var(--ink);
  font-family: 'Space Grotesk', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.no-scroll{ overflow: hidden; height: 100%; }

img{ max-width: 100%; display:block; }
a{ color: inherit; text-decoration:none; }
h1,h2,h3{ font-family:'Bangers', system-ui, sans-serif; letter-spacing: .5px; line-height: 1.05; margin: 0 0 .4em; }
em{ font-style: normal; color: var(--acid); text-shadow: 0 0 18px rgba(157,255,46,.6); }
p{ line-height:1.65; color: var(--ink-dim); margin: 0 0 1em; }

::selection{ background: var(--acid); color:#04150a; }

/* ---------------------------------- FX canvases ---------------------------------- */
#fxStars{
  position: fixed; inset:0; z-index:-1; pointer-events:none;
  opacity:.85; mix-blend-mode: screen;
}
#fxCursor{
  position: fixed; inset:0; z-index: 9998; pointer-events:none;
  mix-blend-mode: screen;
}

/* ---------------------------------- Shared spin / drift keyframes ---------------------------------- */
@keyframes spinSlow{ from{ transform: rotate(0deg);} to{ transform: rotate(360deg);} }
@keyframes spinRev{ from{ transform: rotate(360deg);} to{ transform: rotate(0deg);} }
.spin-slow{ animation: spinSlow 34s linear infinite; }
.spin-rev{ animation: spinRev 26s linear infinite; }
@keyframes drift{
  0%,100%{ transform: translate(0,0) rotate(0deg); }
  33%{ transform: translate(10px,-16px) rotate(4deg); }
  66%{ transform: translate(-12px,10px) rotate(-3deg); }
}
.drift{ animation: drift 11s ease-in-out infinite; }
.ast{ position:absolute; opacity:.8; filter: drop-shadow(0 8px 18px rgba(0,0,0,.6)); pointer-events:none; }

/* scrollbar flavor */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background: var(--void); }
::-webkit-scrollbar-thumb{ background: var(--acid-dim); border-radius:10px; }

/* ---------------------------------- Loader ---------------------------------- */
#loader{
  position: fixed; inset:0; z-index: 9999;
  display:flex; align-items:center; justify-content:center;
  background: var(--void);
  transition: opacity .7s ease, visibility .7s ease;
}
#loader.hidden{ opacity:0; visibility:hidden; pointer-events:none; }
.loader-bg{
  position:absolute; inset:0;
  background-size: cover; background-position: 22% 30%;
  filter: saturate(1.3) brightness(.55);
  transform: scale(1.15);
  animation: loaderZoom 6s ease-in-out infinite alternate;
}
@keyframes loaderZoom{ from{ transform: scale(1.15);} to{ transform: scale(1.28);} }
.loader-overlay{
  position:absolute; inset:0;
  background: radial-gradient(ellipse at center, rgba(6,9,10,.35) 0%, rgba(6,9,10,.92) 65%, var(--void) 100%);
}
.loader-content{ position:relative; z-index:2; text-align:center; padding: 0 20px; }
.loader-ring{
  width:96px; height:96px; margin:0 auto 18px;
  border-radius:50%;
  border: 6px solid rgba(157,255,46,.18);
  border-top-color: var(--acid);
  border-right-color: var(--acid-2);
  animation: spin 1.1s linear infinite;
  box-shadow: var(--shadow-glow);
}
@keyframes spin{ to{ transform: rotate(360deg); } }
.loader-title{
  font-size: clamp(2.2rem, 6vw, 3.4rem);
  color: var(--acid);
  text-shadow: 0 0 20px rgba(157,255,46,.7), 4px 4px 0 rgba(0,0,0,.9);
  margin-bottom: .1em;
}
.loader-sub{ letter-spacing: 3px; font-size:.8rem; color: var(--ink-dim); margin-bottom: 18px; }
.loader-bar{
  width: min(320px, 70vw); height: 10px; margin: 0 auto 8px;
  background: rgba(255,255,255,.08); border-radius: 999px; overflow:hidden;
  border: 1px solid var(--border);
}
.loader-bar-fill{
  width:0%; height:100%;
  background: linear-gradient(90deg, var(--acid-dim), var(--acid), var(--acid-2));
  box-shadow: 0 0 14px rgba(157,255,46,.8);
  transition: width .18s ease-out;
}
.loader-pct{ font-size:.85rem; color: var(--acid); letter-spacing:1px; }

/* ---------------------------------- Header ---------------------------------- */
#siteHeader{
  position: fixed; top:0; left:0; right:0; z-index: 500;
  background: rgba(6,9,10,.35);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid transparent;
  transition: background .3s ease, border-color .3s ease, padding .3s ease;
}
#siteHeader.scrolled{
  background: rgba(6,9,10,.85);
  border-bottom-color: var(--border);
}
.nav-inner{
  max-width: var(--maxw); margin:0 auto; padding: 14px 24px;
  display:flex; align-items:center; gap: 20px;
}
.brand{ display:flex; align-items:center; gap:10px; margin-right:auto; }
.brand-logo{ width:38px; height:38px; border-radius:50%; box-shadow: 0 0 14px rgba(157,255,46,.5); }
.brand-text{ font-family:'Bangers'; font-size:1.3rem; letter-spacing:1px; color: var(--acid); text-shadow: 0 0 14px rgba(157,255,46,.5); }
.nav-links{ display:flex; gap: 22px; }
.nav-links a{ font-size:.92rem; color: var(--ink-dim); font-weight:500; position:relative; padding: 4px 0; }
.nav-links a:hover{ color: var(--acid); }
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:-2px; width:0; height:2px; background: var(--acid);
  transition: width .25s ease; box-shadow: 0 0 8px var(--acid);
}
.nav-links a:hover::after{ width:100%; }
.nav-actions{ display:flex; align-items:center; gap:10px; }
.icon-btn{
  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border); background: rgba(157,255,46,.06);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.icon-btn svg{ width:18px; height:18px; fill: var(--acid); }
.icon-btn:hover{ transform: translateY(-2px) rotate(-4deg); box-shadow: 0 0 16px rgba(157,255,46,.5); background: rgba(157,255,46,.15); }

#navToggle{ display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px; }
#navToggle span{ width:24px; height:2px; background: var(--acid); display:block; }

/* ---------------------------------- Buttons ---------------------------------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding: 14px 26px; border-radius: 999px;
  font-weight:700; font-size:1rem; letter-spacing:.3px;
  border: 3px solid var(--void);
  cursor:pointer; user-select:none;
  transition: transform .18s ease, box-shadow .18s ease, background .2s ease;
  white-space: nowrap;
}
.btn span{ display:inline-flex; align-items:center; gap:8px; }
.btn-primary{
  background: linear-gradient(135deg, var(--acid), var(--acid-2));
  color:#04150a; box-shadow: var(--shadow-hard), 0 0 24px rgba(157,255,46,.4);
}
.btn-primary:hover{ transform: translate(-2px,-3px); box-shadow: 8px 9px 0 rgba(0,0,0,.9), 0 0 30px rgba(157,255,46,.6); }
.btn-primary:active{ transform: translate(0,0); box-shadow: 3px 3px 0 rgba(0,0,0,.9); }
.btn-ghost{
  background: rgba(255,255,255,.03);
  color: var(--acid); border-color: var(--acid-dim);
  box-shadow: var(--shadow-hard);
}
.btn-ghost:hover{ transform: translate(-2px,-3px); background: rgba(157,255,46,.08); box-shadow: 8px 9px 0 rgba(0,0,0,.9); }
.btn-small{ padding: 9px 16px; font-size:.85rem; }

/* ---------------------------------- Hero ---------------------------------- */
.hero{
  position:relative; min-height: 100vh; padding: 130px 24px 90px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; overflow:hidden;
  background-size: cover; background-position: center;
}
.hero::before{
  content:''; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(6,9,10,.55) 0%, rgba(6,9,10,.35) 40%, var(--void) 100%);
  pointer-events:none;
}
.hero-portal-decor{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ring{ position:absolute; opacity:.55; filter: blur(.5px); }
.ring-a{ width: 420px; top: -80px; left: -140px; }
.ring-b{ width: 300px; bottom: -100px; right: -80px; opacity:.4; }
.ring-c{ width: 220px; top: 18%; right: 6%; opacity:.35; }
.ring-d{ width: 160px; bottom: 12%; left: 4%; opacity:.4; }

.hero-asteroids{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ast-1{ width:70px; top:14%; left:8%; animation-delay:-1s; }
.ast-2{ width:50px; top:70%; left:6%; animation-delay:-4s; }
.ast-3{ width:60px; top:20%; right:10%; animation-delay:-2.5s; }
.ast-4{ width:44px; top:66%; right:14%; animation-delay:-6s; }

.hero-inner{ position:relative; z-index:2; max-width: 780px; }
.eyebrow{ color: var(--acid); font-size:.8rem; letter-spacing: 3px; font-weight:700; margin-bottom: 14px; }
.hero-title{ font-size: clamp(3rem, 10vw, 6.4rem); color: var(--ink); }
.glitch{
  position:relative; display:inline-block;
  color: var(--acid); text-shadow: 0 0 30px rgba(157,255,46,.7), 6px 6px 0 rgba(0,0,0,.9);
}
.glitch::before, .glitch::after{
  content: attr(data-text); position:absolute; left:0; top:0; width:100%; overflow:hidden;
  clip-path: inset(0 0 0 0);
}
.glitch::before{ color: var(--magenta); animation: glitchTop 4.5s infinite linear; opacity:.7; }
.glitch::after{ color: var(--purple); animation: glitchBot 5.5s infinite linear; opacity:.6; }
@keyframes glitchTop{
  0%,92%,100%{ clip-path: inset(0 0 100% 0); transform: translate(0,0); }
  93%{ clip-path: inset(0 0 60% 0); transform: translate(-3px,-1px); }
  95%{ clip-path: inset(20% 0 40% 0); transform: translate(3px,1px); }
  97%{ clip-path: inset(60% 0 0 0); transform: translate(-2px,1px); }
}
@keyframes glitchBot{
  0%,90%,100%{ clip-path: inset(100% 0 0 0); transform: translate(0,0); }
  91%{ clip-path: inset(40% 0 20% 0); transform: translate(3px,0); }
  94%{ clip-path: inset(0 0 70% 0); transform: translate(-3px,1px); }
  96%{ clip-path: inset(70% 0 0 0); transform: translate(2px,-1px); }
}
.hero-ticker{ font-size:1.3rem; font-weight:700; color: var(--acid-2); letter-spacing: 1px; margin: 6px 0 18px; }
.hero-tagline{ font-size:1.05rem; max-width: 620px; margin: 0 auto 30px; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-bottom: 26px; }

.ca-box{
  display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center;
  background: rgba(0,0,0,.45); border: 1px dashed var(--border); border-radius: 999px;
  padding: 10px 10px 10px 18px; margin: 0 auto;
}
.ca-label{ font-size:.7rem; letter-spacing:2px; color: var(--acid); font-weight:700; }
.ca-value{ font-family: monospace; font-size:.85rem; color: var(--ink-dim); word-break: break-all; }
.ca-copy{
  display:flex; align-items:center; gap:6px;
  background: var(--acid); color:#04150a; border:0; border-radius:999px;
  padding: 7px 14px; font-weight:700; font-size:.8rem; cursor:pointer;
  transition: transform .15s ease, background .2s ease;
}
.ca-copy svg{ width:14px; height:14px; fill:#04150a; }
.ca-copy:hover{ transform: scale(1.05); }
.ca-copy.copied{ background: var(--magenta); }

.hero-cat-wrap{ position:relative; z-index:1; margin-top: 54px; max-width: 760px; width:100%; }
.portal-frame{ position:relative; }
.frame-ring{
  position:absolute; pointer-events:none; opacity:.65;
  top:50%; left:50%; transform: translate(-50%,-50%);
  filter: blur(.5px);
}
.frame-ring-1{ width: 112%; }
.frame-ring-2{ width: 96%; opacity:.45; }
.hero-cat{
  position:relative; z-index:1;
  width:100%; border-radius: 24px;
  box-shadow: 0 30px 90px rgba(0,0,0,.7), 0 0 60px rgba(157,255,46,.25);
  animation: bob 7s ease-in-out infinite;
  transform-style: preserve-3d;
}
@keyframes bob{ 0%,100%{ transform: translateY(0) rotate(-.4deg);} 50%{ transform: translateY(-16px) rotate(.4deg);} }

.scroll-cue{ position:absolute; bottom: 26px; left:50%; transform: translateX(-50%); z-index:2; }
.scroll-cue span{
  display:block; width: 26px; height: 42px; border: 2px solid var(--acid); border-radius: 20px; position: relative;
}
.scroll-cue span::before{
  content:''; position:absolute; top:6px; left:50%; width:4px; height:8px; background: var(--acid);
  border-radius:2px; transform: translateX(-50%); animation: scrollDot 1.6s ease-in-out infinite;
}
@keyframes scrollDot{ 0%{ opacity:1; top:6px;} 70%{opacity:0; top:22px;} 100%{opacity:0; top:6px;} }

/* ---------------------------------- Marquee ---------------------------------- */
.marquee{
  background: var(--acid); color:#04150a; overflow:hidden;
  border-top: 3px solid var(--void); border-bottom: 3px solid var(--void);
  transform: rotate(-1.2deg) scale(1.02);
  margin: -14px 0;
  position:relative; z-index:3;
}
.marquee-track{ display:flex; width: max-content; animation: marquee 26s linear infinite; }
.marquee-track span{
  font-family:'Bangers'; font-size:1.1rem; letter-spacing: 2px; padding: 10px 0; white-space:nowrap;
}
@keyframes marquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%);} }

/* ---------------------------------- Drip divider ---------------------------------- */
.drip{ display:block; width:100%; height:34px; position:relative; z-index:2; margin-top:-2px; }

/* ---------------------------------- Sections ---------------------------------- */
.section{ position:relative; padding: 110px 24px; background-size: cover; background-position:center; overflow:hidden; }
.section::before{
  content:''; position:absolute; inset:0; background: rgba(6,9,10,.72); pointer-events:none;
}
.section-alt{ background: var(--void-2); }
.section-alt::before{ content:none; }
.section-inner{ position:relative; z-index:2; max-width: var(--maxw); margin:0 auto; }

/* scattered decorative rings + asteroids per section */
.section-decor{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.deco-ring{ position:absolute; opacity:.28; mix-blend-mode: screen; filter: blur(.4px); }
.deco-ring-tr{ width: 300px; top: -60px; right: -80px; }
.deco-ring-tl{ width: 260px; top: -50px; left: -70px; }
.deco-ring-br{ width: 320px; bottom: -90px; right: -90px; }
.deco-ring-bl{ width: 260px; bottom: -70px; left: -90px; }
.deco-ring-center{ width: 480px; top:50%; left:50%; transform: translate(-50%,-50%); opacity:.16; }

.ast-float-a{ width:60px; top:10%; right:8%; }
.ast-float-b{ width:44px; bottom:12%; left:6%; }
.ast-float-c{ width:52px; top:14%; left:5%; }
.ast-float-d{ width:48px; bottom:10%; right:6%; }
.ast-float-e{ width:56px; top:8%; left:8%; }
.ast-float-f{ width:40px; bottom:16%; right:10%; }
.ast-float-g{ width:50px; top:12%; left:10%; }
.ast-float-h{ width:60px; bottom:8%; right:12%; }

.wide-ring{ position:absolute; top:50%; left:8%; width:180px; transform: translateY(-50%); opacity:.5; mix-blend-mode: screen; }
.section-inner.center{ text-align:center; }
.tag{ color: var(--acid); font-weight:700; letter-spacing:3px; font-size:.78rem; margin-bottom:10px; }
.section-title{ font-size: clamp(2rem, 5vw, 3.2rem); max-width: 720px; }
.final-cta .section-title{ margin-left:auto; margin-right:auto; }

/* lore */
.lore-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 46px; }
.lore-card, .stat-card, .step-card{
  background: rgba(14,22,19,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: 28px 24px; box-shadow: var(--shadow-hard);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change: transform;
  position: relative;
}
.lore-card:hover, .stat-card:hover, .step-card:hover{
  box-shadow: 10px 10px 0 rgba(0,0,0,.9), 0 0 34px rgba(157,255,46,.3);
  border-color: var(--acid);
}
.lore-num{ font-family:'Bangers'; font-size:2.4rem; color: var(--acid-dim); display:block; margin-bottom: 6px; }
.lore-card h3, .step-card h3{ color: var(--ink); font-size:1.3rem; margin-bottom:.3em; }

/* tokenomics */
.stats-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 46px; }
.stat-card{ text-align:center; }
.stat-icon{ font-size:1.8rem; display:block; margin-bottom:10px; }
.stat-value{ display:block; font-family:'Bangers'; font-size:1.5rem; color: var(--acid); letter-spacing:1px; }
.stat-label{ display:block; margin-top:6px; font-size:.85rem; color: var(--ink-dim); }
.tokenomics-note{ text-align:center; margin-top: 30px; font-size:.85rem; }

/* how to buy */
.steps-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 46px; }
.step-num{
  width: 42px; height:42px; border-radius:50%; background: var(--acid); color:#04150a;
  font-family:'Bangers'; font-size:1.3rem; display:flex; align-items:center; justify-content:center; margin-bottom: 14px;
  box-shadow: 0 0 16px rgba(157,255,46,.5);
}
.center-cta{ text-align:center; margin-top: 44px; }

/* chart */
.chart-frame{
  position:relative; width:100%; aspect-ratio: 16/9; max-height: 640px;
  border-radius: var(--radius); overflow:hidden; border:1px solid var(--border);
  box-shadow: var(--shadow-hard); background: var(--panel);
}
.chart-fallback{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding: 20px;
  background: var(--panel);
}
.chart-fallback code{ color: var(--acid); }
.chart-frame.loaded .chart-fallback{ display:none; }

/* roadmap */
.roadmap{ margin-top: 50px; display:flex; flex-direction:column; gap: 0; position:relative; }
.roadmap-line{
  position:absolute; left: 24px; top:8px; bottom:8px; width:2px;
  background: linear-gradient(var(--acid), var(--purple) 60%, transparent);
  transform-origin: top; transform: scaleY(1);
  box-shadow: 0 0 10px rgba(157,255,46,.5);
}
.roadmap-item{ display:flex; gap: 22px; padding: 22px 0; position:relative; }
.roadmap-dot{
  flex:none; width:50px; height:50px; border-radius:50%; background: var(--void);
  border: 2px solid var(--acid); color: var(--acid); font-family:'Bangers'; font-size:1.2rem;
  display:flex; align-items:center; justify-content:center; box-shadow: 0 0 18px rgba(157,255,46,.4);
  position:relative; z-index:1;
}
.roadmap-body h3{ color: var(--ink); font-size:1.35rem; }
.roadmap-body p{ max-width: 620px; }

/* final cta */
.final-cta{ text-align:center; }

/* ---------------------------------- Reveal / scroll animation ---------------------------------- */
.reveal{ opacity:0; transform: translateY(34px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in{ opacity:1; transform: translateY(0); }
[data-tilt]{ transform-style: preserve-3d; }

/* ---------------------------------- Wide banner ---------------------------------- */
.wide-banner{
  position: relative; width: 100%; overflow: hidden; line-height: 0;
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
.wide-banner img{ width: 100%; height: clamp(160px, 26vw, 340px); object-fit: cover; object-position: center; filter: saturate(1.15); }
.wide-banner-fade{
  position:absolute; inset:0;
  background: linear-gradient(90deg, var(--void) 0%, transparent 15%, transparent 85%, var(--void) 100%),
              linear-gradient(0deg, rgba(6,9,10,.35), transparent 30%, transparent 70%, rgba(6,9,10,.35));
}

/* ---------------------------------- Grain overlay ---------------------------------- */
body::after{
  content:''; position: fixed; inset:0; z-index: 400; pointer-events:none;
  background-image: url('../assets/img/noise-tile.png');
  background-size: 220px 220px; opacity:.05; mix-blend-mode: overlay;
}

/* ---------------------------------- Footer ---------------------------------- */
#siteFooter{
  background: var(--void-2); border-top: 1px solid var(--border);
  padding: 60px 24px 30px; position:relative; z-index:1;
}
.footer-inner{ max-width: var(--maxw); margin:0 auto; text-align:center; }
.footer-brand{ display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom: 26px; }
.footer-nav{ display:flex; flex-wrap:wrap; gap: 18px; justify-content:center; margin-bottom: 26px; }
.footer-nav a{
  font-size:.88rem; color: var(--ink-dim); padding: 8px 16px; border:1px solid var(--border); border-radius:999px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.footer-nav a:hover{ color: var(--acid); background: rgba(157,255,46,.08); transform: translateY(-2px); }
.footer-socials{ display:flex; flex-wrap:wrap; gap: 12px; justify-content:center; margin-bottom: 30px; }
.footer-disclaimer{ font-size:.75rem; max-width: 640px; margin: 0 auto 10px; opacity:.7; }
.footer-copy{ font-size:.75rem; opacity:.5; }

/* ---------------------------------- Responsive ---------------------------------- */
@media (max-width: 980px){
  .lore-grid, .stats-grid, .steps-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px){
  .nav-links{ display:none; }
  #navToggle{ display:flex; }
}
@media (max-width: 640px){
  .lore-grid, .stats-grid, .steps-grid{ grid-template-columns: 1fr; }
  .section{ padding: 80px 18px; }
  .hero{ padding-top: 110px; }
  .ca-value{ font-size:.72rem; }
  .brand-text{ font-size:1.05rem; }
}
@media (max-width: 760px){
  .ast, .deco-ring, .wide-ring{ opacity:.18; }
  .ast-2, .ast-4, .ast-float-b, .ast-float-d, .ast-float-f, .ast-float-h{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  #fxStars, #fxCursor{ display:none; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}