/* ============================================================
   TouCandle — Design System
   Fonts: Fraunces (display) + Jost (UI) · loaded in index.html
   ============================================================ */

:root{
  /* --- Colours --- */
  --color-chestnut:#653516;
  --color-sepia:#836243;
  --color-beige:#D0BCA3;
  --color-alabaster:#F6EEE4;
  --color-espresso:#2B1D12;
  --color-terracotta:#B75B3A;
  --color-terracotta-dark:#9C4A2E;
  --color-cream-100:#FBF7F1;
  --color-line:#E3D6C4;

  /* --- Typography --- */
  --font-display:'Fraunces','Cormorant Garamond',Georgia,serif;
  --font-ui:'Jost','Mulish','Segoe UI',system-ui,-apple-system,Arial,sans-serif;

  /* --- Radius --- */
  --radius-sm:8px;    /* buttons, inputs, tags */
  --radius-md:12px;   /* images */
  --radius-lg:16px;   /* cards */
  --radius-pill:999px;/* chips */

  /* --- Shadows: soft and warm --- */
  --shadow-sm:0 2px 8px rgba(101,53,22,.06);
  --shadow-md:0 8px 24px rgba(101,53,22,.10);
  --shadow-cta:0 6px 16px rgba(183,91,58,.25);

  /* --- Spacing: 8px base --- */
  --space-1:4px;  --space-2:8px;  --space-3:16px;
  --space-4:24px; --space-5:32px; --space-6:48px;
  --space-7:64px; --space-8:96px;

  /* --- Layout rhythm --- */
  --section-y:56px;
  --header-h:64px;
}
@media (min-width:768px){ :root{ --section-y:80px; --header-h:76px; } }
@media (min-width:1080px){ :root{ --section-y:96px; } }

/* ============================================================
   RESET & BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--color-alabaster);
  color:var(--color-espresso);
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;}
button{font:inherit;color:inherit;}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;}
ul,ol{padding:0;list-style:none;}

/* --- Type scale --- */
h1,h2,h3{font-family:var(--font-display);font-weight:500;color:var(--color-chestnut);}
h1{font-size:clamp(34px,7vw,64px);line-height:1.05;letter-spacing:-.01em;}
h2{font-size:clamp(27px,4.4vw,40px);line-height:1.1;}
h3{font-size:clamp(21px,2.4vw,28px);line-height:1.2;}
p{max-width:68ch;}
.overline{
  font-family:var(--font-ui);font-size:12px;font-weight:600;line-height:1.4;
  letter-spacing:.1em;text-transform:uppercase;color:var(--color-sepia);
}
.micro{font-size:14px;line-height:1.5;color:var(--color-sepia);}

/* --- Layout helpers --- */
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--space-4);}
@media (min-width:768px){ .wrap{padding-inline:var(--space-5);} }
.section{padding-block:var(--section-y);scroll-margin-top:calc(var(--header-h) + 8px);}
.section--alt{background:var(--color-cream-100);}
.section--dark{background:var(--color-chestnut);color:var(--color-alabaster);}
.section--dark h2,.section--dark h3{color:var(--color-alabaster);}
.section--dark .overline{color:var(--color-beige);}
.section-head{max-width:70ch;margin-bottom:var(--space-6);}
.section-head h2{margin-top:var(--space-3);}
.section-head p{margin-top:var(--space-3);color:var(--color-sepia);}
.section--dark .section-head p{color:var(--color-beige);}
.section-head--center{margin-inline:auto;text-align:center;}
.section-head--center p{margin-inline:auto;}

/* --- Accessibility --- */
:focus-visible{outline:3px solid var(--color-terracotta);outline-offset:3px;border-radius:var(--radius-sm);}
.section--dark :focus-visible,
.site-header :focus-visible,
.site-footer :focus-visible{outline-color:var(--color-beige);}
.skip-link{
  position:absolute;left:var(--space-3);top:-100px;z-index:200;
  background:var(--color-chestnut);color:var(--color-alabaster);
  padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;
  transition:top .2s ease;
}
.skip-link:focus{top:12px;}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ============================================================
   BUTTONS — one terracotta action per section
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  min-height:48px;padding:16px 32px;
  font-size:16px;font-weight:600;line-height:1;
  border:1.5px solid transparent;border-radius:var(--radius-sm);
  text-decoration:none;cursor:pointer;text-align:center;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
/* White label keeps AA contrast on terracotta (4.6:1) */
.btn--primary{background:var(--color-terracotta);color:#FFFFFF;border-color:var(--color-terracotta);}
.btn--primary:hover{background:var(--color-terracotta-dark);border-color:var(--color-terracotta-dark);box-shadow:var(--shadow-cta);transform:translateY(-2px);}
.btn--primary:active{transform:none;box-shadow:none;}
.btn--secondary{background:transparent;border-color:var(--color-chestnut);color:var(--color-chestnut);}
.btn--secondary:hover{background:var(--color-chestnut);color:var(--color-alabaster);}
.btn--sm{min-height:44px;padding:12px 22px;font-size:15px;}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);}

/* ============================================================
   1. HEADER
   ============================================================ */
/* Dark header, matching the footer: the terracotta logo reads
   much stronger on espresso than on the alabaster background. */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(43,29,18,.95);
  border-bottom:1px solid rgba(208,188,163,.18);
  backdrop-filter:saturate(140%) blur(8px);
}
.header-inner{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-h);}
.logo{display:inline-flex;align-items:center;margin-right:auto;transition:opacity .2s ease;}
/* Horizontal lockup: toucan mark + wordmark, both cropped
   straight from the brand file (assets/toucandle-logo-horizontal.svg).
   The filter lifts the terracotta line art off the dark surface. */
.logo img{width:auto;height:38px;filter:brightness(1.4) saturate(.95);}
.logo:hover{opacity:.75;}
@media (min-width:768px){ .logo img{height:44px;} }

.nav-desktop{display:none;}
@media (min-width:1024px){
  .nav-desktop{display:flex;align-items:center;gap:var(--space-1);}
  .nav-desktop a{
    display:inline-flex;align-items:center;min-height:44px;padding:0 14px;
    font-size:15px;font-weight:500;text-decoration:none;color:#EADCCB;
    border-radius:var(--radius-sm);
    transition:color .2s ease,background-color .2s ease;
  }
  .nav-desktop a:hover{color:#FFFFFF;background:rgba(246,238,228,.10);}
  .header-cta{display:inline-flex;margin-left:var(--space-3);}
  .nav-toggle{display:none;}
}
.header-cta{display:none;}

/* Hamburger */
.nav-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:44px;min-width:44px;padding:0 14px;
  background:transparent;border:1.5px solid rgba(208,188,163,.45);border-radius:var(--radius-sm);
  color:var(--color-alabaster);font-size:14px;font-weight:600;cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease;
}
.nav-toggle:hover{border-color:var(--color-beige);background:rgba(246,238,228,.10);}
.nav-toggle .bars{position:relative;display:block;width:18px;height:2px;background:currentColor;}
.nav-toggle .bars::before,.nav-toggle .bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;
  transition:transform .25s ease;
}
.nav-toggle .bars::before{top:-6px;}
.nav-toggle .bars::after{top:6px;}
.nav-toggle[aria-expanded="true"] .bars{background:transparent;}
.nav-toggle[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg);}

/* Mobile menu panel */
.nav-mobile{
  display:none;
  background:var(--color-espresso);border-top:1px solid rgba(208,188,163,.18);
  padding:var(--space-2) 0 var(--space-4);
}
.nav-mobile.is-open{display:block;}
@media (min-width:1024px){ .nav-mobile,.nav-mobile.is-open{display:none;} }
.nav-mobile a{
  display:flex;align-items:center;min-height:48px;padding:0 var(--space-2);
  font-size:17px;text-decoration:none;color:#EADCCB;
  border-bottom:1px solid rgba(208,188,163,.18);
}
.nav-mobile a:hover{color:#FFFFFF;}
.nav-mobile .btn{width:100%;margin-top:var(--space-4);border-bottom:none;}

/* ============================================================
   2. HERO
   ============================================================ */
.hero{
  position:relative;overflow:hidden;
  padding-block:calc(var(--section-y) + 16px) var(--section-y);
  scroll-margin-top:var(--header-h);
  background:
    radial-gradient(90% 70% at 88% 8%,rgba(183,91,58,.14) 0%,rgba(183,91,58,0) 60%),
    radial-gradient(70% 60% at 4% 96%,rgba(208,188,163,.35) 0%,rgba(208,188,163,0) 62%),
    var(--color-alabaster);
}
.hero-inner{max-width:920px;}
.hero h1{margin-top:var(--space-4);}
.hero-sub{margin-top:var(--space-4);font-size:clamp(16.5px,1.8vw,18px);color:var(--color-sepia);max-width:58ch;}
.hero .btn-row{margin-top:var(--space-6);}
.trust-strip{
  display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);
  margin-top:var(--space-7);padding-top:var(--space-4);
  border-top:1px solid var(--color-line);
}
.trust-strip li{
  display:flex;align-items:center;gap:8px;
  font-size:14px;font-weight:500;color:var(--color-chestnut);
}
.trust-strip svg{
  flex:none;width:18px;height:18px;
  fill:none;stroke:var(--color-terracotta);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}

/* ============================================================
   3. FEATURE MARQUEE
   ============================================================ */
.marquee-section{
  background:var(--color-chestnut);color:var(--color-alabaster);
  padding-block:var(--space-4);
}
.marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite;}
.marquee-track ul{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-4);}
.marquee-track li{
  white-space:nowrap;
  font-family:var(--font-display);font-size:clamp(17px,2.2vw,22px);
}
.marquee-track .sep{color:var(--color-terracotta);font-size:14px;}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ============================================================
   4. ABOUT
   ============================================================ */
.about-grid{display:grid;gap:var(--space-5);}
@media (min-width:900px){ .about-grid{grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:start;} }
.about-grid h2{margin-top:var(--space-3);}
.about-lead{
  font-family:var(--font-display);font-size:clamp(20px,2.6vw,26px);line-height:1.3;
  color:var(--color-terracotta-dark);margin-top:var(--space-4);max-width:22ch;
}
.about-text p + p{margin-top:var(--space-4);}

/* ============================================================
   5 & 8. CARD GRIDS
   ============================================================ */
.grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-4);}
@media (min-width:640px){ .grid-3{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .grid-3{grid-template-columns:repeat(3,1fr);} }

/* Product / feature card */
.card{
  background:var(--color-alabaster);border:1px solid var(--color-line);
  border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.section--alt .card{background:var(--color-alabaster);}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-sepia);}
.card h3{font-size:22px;margin-bottom:var(--space-2);}
.card p{font-size:15px;}
.card-icon{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;margin-bottom:var(--space-4);
  background:var(--color-beige);border-radius:var(--radius-md);
}
.card-icon svg{
  width:26px;height:26px;
  fill:none;stroke:var(--color-chestnut);stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}

/* ============================================================
   6. HOW IT WORKS
   ============================================================ */
.steps{display:grid;grid-template-columns:1fr;gap:var(--space-4);counter-reset:step;}
@media (min-width:860px){ .steps{grid-template-columns:repeat(3,1fr);gap:var(--space-5);} }
.step{
  position:relative;
  background:var(--color-cream-100);border:1px solid var(--color-line);
  border-radius:var(--radius-lg);padding:var(--space-5);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-sepia);}
.step-number{
  display:block;font-family:var(--font-display);font-size:40px;line-height:1;
  color:var(--color-beige);margin-bottom:var(--space-3);
}
.step h3{font-size:23px;margin-bottom:var(--space-2);}
.step p{font-size:15px;}
.how-cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);
  margin-top:var(--space-6);
}

/* ============================================================
   7. PLANS
   ============================================================ */
/* Frequency chips */
.freq-toggle{
  display:inline-flex;gap:var(--space-1);
  margin:0 auto var(--space-6);padding:6px;
  background:var(--color-alabaster);border:1px solid var(--color-line);
  border-radius:var(--radius-pill);
}
.freq-toggle{display:flex;width:max-content;}
.chip{
  min-height:44px;padding:0 26px;
  background:transparent;border:none;border-radius:var(--radius-pill);
  font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--color-chestnut);
  cursor:pointer;
  transition:background-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.chip:hover{background:var(--color-cream-100);}
.chip.is-active{background:var(--color-terracotta);color:#FFFFFF;box-shadow:var(--shadow-sm);}
.chip.is-active:hover{background:var(--color-terracotta-dark);}

/* Plan groups: only one is visible at a time (JS toggles [hidden]) */
.plans-group{display:none;}
.plans-group[hidden]{display:none !important;}
.plans-group.is-visible{
  display:grid;grid-template-columns:1fr;gap:var(--space-4);
  animation:fade-in .35s ease both;
}
@media (min-width:820px){ .plans-group.is-visible{grid-template-columns:repeat(3,1fr);align-items:stretch;} }
@keyframes fade-in{ from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }

.card-plan{
  display:flex;flex-direction:column;
  background:var(--color-alabaster);border:1px solid var(--color-line);
  border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.card-plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-sepia);}
.card-plan.is-featured{border:2px solid var(--color-terracotta);box-shadow:var(--shadow-md);}
.plan-tag{
  align-self:flex-start;margin-bottom:var(--space-3);
  padding:6px 12px;background:var(--color-terracotta);color:#FFFFFF;
  border-radius:var(--radius-sm);
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
}
.card-plan h3{margin-bottom:var(--space-2);}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:var(--space-4);}
.plan-price .amount{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--color-terracotta-dark);}
.plan-price .period{font-size:14px;font-weight:500;color:var(--color-sepia);}
.plan-list{margin-bottom:var(--space-5);display:grid;gap:10px;}
.plan-list li{position:relative;padding-left:26px;font-size:15px;}
.plan-list li::before{
  content:"";position:absolute;left:0;top:.5em;
  width:12px;height:7px;border-left:1.5px solid var(--color-terracotta);
  border-bottom:1.5px solid var(--color-terracotta);transform:rotate(-45deg);
}
.card-plan .btn{margin-top:auto;width:100%;}
.plans-micro{
  margin:var(--space-5) auto 0;text-align:center;
  font-size:14px;color:var(--color-sepia);
}

/* ============================================================
   8. TESTIMONIALS
   ============================================================ */
.card-testimonial{
  display:flex;flex-direction:column;
  background:var(--color-chestnut);color:var(--color-alabaster);
  border-radius:var(--radius-lg);padding:var(--space-5);
  transition:transform .3s ease,box-shadow .3s ease;
}
.card-testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.card-testimonial .quote-mark{
  font-family:var(--font-display);font-size:60px;line-height:.7;
  color:var(--color-terracotta);margin-bottom:var(--space-3);
}
.card-testimonial blockquote p{font-size:17px;max-width:none;}
.card-testimonial figcaption{margin-top:var(--space-4);font-size:14px;color:var(--color-beige);}

/* ============================================================
   9. QUALITY COMMITMENT
   ============================================================ */
.rating{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);}
.section--dark .rating{color:var(--color-alabaster);}
.stars{display:inline-flex;gap:4px;}
.stars svg{width:18px;height:18px;fill:var(--color-terracotta);}
.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);}
@media (min-width:600px){ .stats-grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .stats-grid{grid-template-columns:repeat(4,1fr);} }
.stat{
  background:rgba(246,238,228,.07);border:1px solid rgba(208,188,163,.32);
  border-radius:var(--radius-lg);padding:var(--space-5);
  transition:background-color .3s ease,transform .3s ease;
}
.stat:hover{background:rgba(246,238,228,.13);transform:translateY(-3px);}
.stat dt{font-family:var(--font-display);font-size:clamp(32px,4vw,42px);line-height:1;color:var(--color-alabaster);}
.stat dd{margin-top:var(--space-3);font-size:15px;color:var(--color-beige);}

/* ============================================================
   10. FAQ ACCORDION
   ============================================================ */
.faq-list{max-width:840px;}
.faq-item{
  background:var(--color-cream-100);border:1px solid var(--color-line);
  border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.faq-item:hover{border-color:var(--color-sepia);box-shadow:var(--shadow-sm);}
.faq-item h3{margin:0;font-size:inherit;}
.faq-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);
  width:100%;min-height:60px;padding:var(--space-4);
  background:none;border:none;text-align:left;cursor:pointer;
  font-family:var(--font-ui);font-size:17px;font-weight:600;color:var(--color-chestnut);
}
.faq-icon{position:relative;flex:none;width:16px;height:16px;}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;left:50%;top:50%;
  background:var(--color-terracotta);border-radius:2px;
  transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease;
}
.faq-icon::before{width:16px;height:2px;}
.faq-icon::after{width:2px;height:16px;}
.faq-trigger[aria-expanded="true"]{color:var(--color-terracotta-dark);}
.faq-trigger[aria-expanded="true"] .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.faq-panel{padding:0 var(--space-4) var(--space-4);}
.faq-panel p{font-size:16px;}

/* ============================================================
   11. FINAL CTA
   ============================================================ */
.final-cta{padding-block:var(--section-y);}
.final-card{
  background:var(--color-cream-100);border:1px solid var(--color-line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
  padding:clamp(32px,5vw,64px);text-align:center;
}
.final-card p{margin-inline:auto;}
.final-card h2{max-width:20ch;margin-inline:auto;}
.final-card > p:first-of-type{margin-top:var(--space-4);color:var(--color-sepia);max-width:56ch;}
.final-card .btn{margin-top:var(--space-5);}
.final-card .micro{margin-top:var(--space-3);}

/* ============================================================
   12. FOOTER
   ============================================================ */
.site-footer{background:var(--color-espresso);color:var(--color-beige);padding-block:var(--space-7) var(--space-5);}
.footer-grid{display:grid;gap:var(--space-6);}
@media (min-width:640px){ .footer-grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:var(--space-5);} }
/* The logo is transparent, so on the dark footer we simply lift
   the terracotta line art a couple of stops to keep it readable. */
.logo--footer img{height:56px;filter:brightness(1.4) saturate(.95);}
.footer-brand p{margin-top:var(--space-3);font-size:15px;max-width:32ch;}
.footer-col h3{
  font-family:var(--font-ui);font-size:13px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--color-beige);
  margin-bottom:var(--space-2);
}
.footer-col a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:15px;text-decoration:none;color:#EADCCB;
  transition:color .2s ease;
}
.footer-col a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px;}
.footer-bottom{
  margin-top:var(--space-6);padding-top:var(--space-4);
  border-top:1px solid rgba(208,188,163,.24);font-size:14px;
}

/* ============================================================
   STICKY SUBSCRIBE CTA — mobile only
   ============================================================ */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  padding:10px var(--space-4) calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(43,29,18,.95);border-top:1px solid rgba(208,188,163,.18);
  backdrop-filter:saturate(140%) blur(8px);
  transform:translateY(120%);transition:transform .3s ease;
}
.sticky-cta.is-visible{transform:translateY(0);}
.sticky-cta .btn{width:100%;}
@media (min-width:1024px){ .sticky-cta{display:none;} }
@media (max-width:1023px){ .site-footer{padding-bottom:88px;} }

/* ============================================================
   SUBTLE REVEAL ANIMATION
   ============================================================ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.is-visible{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .reveal{opacity:1;transform:none;}
  .marquee-track{animation:none;}
}