/* =========================================================
   Consulta CPF · CNPJ — tema claro
   ========================================================= */

:root{
  --brand:        #1857c4;
  --brand-dark:   #123f8f;
  --brand-soft:   #eaf1ff;
  --accent:       #0f9d58;
  --amber:        #e8890c;

  --ink:          #10203a;
  --ink-2:        #3d5170;
  --ink-3:        #6b7d98;

  --bg:           #ffffff;
  --bg-alt:       #f5f8fc;
  --line:         #e2e9f3;

  --radius:   16px;
  --radius-sm:10px;
  --shadow:   0 1px 2px rgba(16,32,58,.05), 0 8px 24px rgba(16,32,58,.06);
  --shadow-lg:0 2px 4px rgba(16,32,58,.05), 0 24px 60px rgba(16,32,58,.12);

  --wrap: 1140px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--ink);
  background:var(--bg);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }
h1,h2,h3,h4{ margin:0; line-height:1.2; letter-spacing:-.02em; font-weight:800; }
p{ margin:0; }
svg{ width:100%; height:100%; }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:20px; }
.wrap--narrow{ max-width:820px; }

/* ---------- Botões ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--brand); color:#fff;
  font-weight:650; font-size:15px; line-height:1;
  padding:14px 22px; border:0; border-radius:12px;
  cursor:pointer; text-decoration:none;
  transition:background .18s ease, transform .12s ease, box-shadow .18s ease;
  box-shadow:0 6px 16px rgba(24,87,196,.22);
}
.btn:hover{ background:var(--brand-dark); text-decoration:none; transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }
.btn--sm{ padding:10px 16px; font-size:14px; box-shadow:none; }
.btn--lg{ padding:17px 30px; font-size:16.5px; }
.btn--full{ width:100%; }
.btn--ghost{
  background:transparent; color:var(--brand);
  border:1.5px solid var(--line); box-shadow:none;
}
.btn--ghost:hover{ background:var(--brand-soft); border-color:#c6d8f7; }
.btn--light{ background:#fff; color:var(--brand); box-shadow:0 8px 24px rgba(0,0,0,.14); }
.btn--light:hover{ background:#f2f6ff; }
.btn__arrow{ width:18px; height:18px; flex:0 0 auto; }
.btn[disabled]{ opacity:.6; pointer-events:none; }

/* ---------- Topbar ---------- */
.topbar{
  background:#0e2748; color:#c9dbf6;
  font-size:13px; line-height:1.4; padding:9px 0;
}
.topbar .wrap{ display:flex; align-items:center; gap:9px; justify-content:center; text-align:center; }
.topbar strong{ color:#fff; }
.topbar__dot{
  width:7px; height:7px; border-radius:50%; background:#4ade80; flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(74,222,128,.2);
}

/* ---------- Header ---------- */
.header{
  position:sticky; top:0; z-index:40;
  background:rgba(255,255,255,.88); backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header__in{ display:flex; align-items:center; justify-content:space-between; height:66px; }
.brand{ display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; }
.brand:hover{ text-decoration:none; }
.brand__mark{
  width:34px; height:34px; border-radius:9px; flex:0 0 auto;
  background:linear-gradient(140deg,var(--brand),#2f7ae5);
  color:#fff; display:grid; place-items:center; padding:7px;
}
.brand__txt{ font-weight:600; font-size:17px; letter-spacing:-.02em; }
.brand__txt strong{ font-weight:800; }
.nav{ display:flex; align-items:center; gap:26px; }
.nav a{ color:var(--ink-2); font-size:14.5px; font-weight:550; }
.nav a:hover{ color:var(--brand); text-decoration:none; }
.nav .btn{ color:#fff; }

/* ---------- Hero ---------- */
.hero{ position:relative; overflow:hidden; background:linear-gradient(180deg,#f7fafe 0%,#fff 78%); }
.hero__glow{
  position:absolute; inset:-30% -10% auto -10%; height:620px; pointer-events:none;
  background:
    radial-gradient(42% 55% at 18% 30%, rgba(24,87,196,.16), transparent 70%),
    radial-gradient(38% 50% at 80% 18%, rgba(15,157,88,.13), transparent 70%);
  animation:drift 16s ease-in-out infinite alternate;
}
@keyframes drift{ to{ transform:translate3d(0,26px,0) scale(1.06); } }

.hero__in{
  display:grid; grid-template-columns:1.08fr .92fr; gap:56px; align-items:center;
  padding:74px 20px 84px; position:relative;
}
.tag{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:7px 14px 7px 11px; font-size:13px; font-weight:600; color:var(--ink-2);
  box-shadow:var(--shadow);
}
.tag svg{ width:15px; height:15px; color:var(--accent); flex:0 0 auto; }

.hero__title{ font-size:clamp(30px,4.4vw,50px); margin:22px 0 0; letter-spacing:-.035em; }
/* grid empilhado: a altura acompanha a frase mais longa, sem cortar */
.rotator{ display:grid; }
.rotator__item{
  grid-area:1 / 1;
  opacity:0; transform:translateY(14px);
  transition:opacity .55s ease, transform .55s ease;
  background:linear-gradient(96deg,var(--ink) 40%,var(--brand));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.rotator__item.is-active{ opacity:1; transform:none; }

.hero__lead{ margin-top:20px; font-size:17.5px; color:var(--ink-2); max-width:56ch; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.hero__points{
  list-style:none; margin:30px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 26px; font-size:14.5px; color:var(--ink-2);
}
.hero__points li{ position:relative; padding-left:20px; }
.hero__points li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:8px; height:8px; border-radius:50%; background:var(--accent);
}
.hero__points b{ color:var(--ink); }

/* Cartão do relatório */
.rcard{
  background:#fff; border:1px solid var(--line); border-radius:20px;
  padding:24px; box-shadow:var(--shadow-lg);
  transform:rotate(-1.1deg);
}
.rcard__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.rcard__eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--brand); }
.rcard__head h3{ font-size:18px; margin-top:4px; }
.rcard__pdf{
  font-size:11px; font-weight:800; letter-spacing:.06em;
  background:#fdeceb; color:#c0392b; padding:5px 9px; border-radius:7px; flex:0 0 auto;
}
.rcard__row{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px dashed var(--line); font-size:13.5px;
}
.rcard__label{ color:var(--ink-3); font-weight:550; }
.skel{ height:11px; width:150px; border-radius:6px; background:linear-gradient(90deg,#eef2f8,#e2e9f3,#eef2f8); background-size:200% 100%; animation:shim 1.9s linear infinite; }
.skel--sm{ width:98px; }
@keyframes shim{ to{ background-position:-200% 0; } }

.rcard__bars{ margin-top:20px; display:grid; gap:15px; }
.bar__t{ display:block; font-size:12.5px; color:var(--ink-2); margin-bottom:7px; font-weight:550; }
.bar__f{
  display:block; height:9px; border-radius:999px; background:var(--brand);
  width:var(--w); transform-origin:left; animation:grow 1.3s cubic-bezier(.2,.7,.3,1) both;
  position:relative;
}
.bar__f::after{
  content:""; position:absolute; inset:0 auto 0 0; width:100%;
  border-radius:999px; background:currentColor; opacity:0;
}
.bar{ background:linear-gradient(#f1f5fb,#f1f5fb) no-repeat 0 100%/100% 9px; }
.bar__f--amber{ background:var(--amber); }
.bar__f--green{ background:var(--accent); }
@keyframes grow{ from{ transform:scaleX(0); } }
.rcard__note{ margin-top:18px; font-size:11.5px; color:var(--ink-3); line-height:1.5; }

/* ---------- Seções ---------- */
.section{ padding:84px 0; }
.section--alt{ background:var(--bg-alt); border-block:1px solid var(--line); }
.shead{ max-width:660px; margin:0 auto 46px; text-align:center; }
.shead__kicker{
  display:inline-block; font-size:12px; font-weight:750; letter-spacing:.1em;
  text-transform:uppercase; color:var(--brand); margin-bottom:12px;
}
.shead h2{ font-size:clamp(25px,3.2vw,36px); }
.shead p{ margin-top:14px; color:var(--ink-2); font-size:16.5px; }

/* ---------- Fluxo / mapa ---------- */
.flow{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(5,1fr); gap:16px; position:relative;
}
.flow::before{
  content:""; position:absolute; left:8%; right:8%; top:52px; height:2px;
  background:repeating-linear-gradient(90deg,#cfdcef 0 8px,transparent 8px 16px);
  z-index:0;
}
.flow__step{
  position:relative; z-index:1; background:#fff;
  border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 20px 22px; text-align:center; box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease;
}
.flow__step:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.flow__num{
  position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  width:28px; height:28px; border-radius:50%;
  background:var(--brand); color:#fff; font-size:13px; font-weight:750;
  display:grid; place-items:center; box-shadow:0 0 0 5px #fff;
}
.flow__step--end .flow__num{ background:var(--accent); }
.flow__ico{
  display:grid; place-items:center; width:46px; height:46px; margin:14px auto 14px;
  background:var(--brand-soft); color:var(--brand); border-radius:13px; padding:11px;
}
.flow__step--end .flow__ico{ background:#e7f6ee; color:var(--accent); }
.flow__step h3{ font-size:15.5px; letter-spacing:-.015em; }
.flow__step p{ margin-top:9px; font-size:13.5px; color:var(--ink-2); line-height:1.55; }
.flow__disclaimer{
  margin-top:34px; text-align:center; font-size:14.5px; color:var(--ink-2);
  background:#fff8ec; border:1px solid #f6e0bd; border-radius:var(--radius-sm);
  padding:14px 18px; max-width:760px; margin-inline:auto;
}

/* ---------- Cards ---------- */
.grid{ display:grid; gap:18px; }
.grid--3{ grid-template-columns:repeat(3,1fr); }
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 24px; box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease;
}
.card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.card__ico{ font-size:24px; display:block; margin-bottom:12px; }
.card h3{ font-size:17px; }
.card p{ margin-top:9px; color:var(--ink-2); font-size:14.5px; }

.notice{
  margin-top:26px; background:#fff; border:1px solid var(--line);
  border-left:4px solid var(--brand); border-radius:var(--radius-sm);
  padding:18px 22px; font-size:14.5px; color:var(--ink-2); line-height:1.65;
}
.notice strong{ color:var(--ink); }
.notice--warn{ background:#fff8ec; border-color:#f6e0bd; border-left-color:var(--amber); }

/* ---------- Guia ---------- */
.guia{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.guia__item{
  display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 24px 22px; box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.guia__item:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:#cfe0fb; }
.guia__num{
  font-size:22px; font-weight:800; letter-spacing:-.03em; line-height:1;
  color:var(--brand); background:var(--brand-soft);
  border-radius:11px; padding:11px 12px; min-width:46px; text-align:center;
}
.guia__body h3{ font-size:17px; }
.guia__body p{ margin-top:9px; color:var(--ink-2); font-size:14.5px; }
.guia__tags{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:7px; }
.guia__tags li{
  font-size:12px; font-weight:600; color:var(--ink-2);
  background:var(--bg-alt); border:1px solid var(--line);
  border-radius:999px; padding:5px 11px;
}

/* ---------- Formulário ---------- */
.form-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:52px; align-items:start; }
.form-side h2{ font-size:clamp(25px,3vw,34px); margin-top:10px; }
.form-side__lead{ margin-top:14px; color:var(--ink-2); font-size:16.5px; }
.price{
  margin-top:26px; background:var(--brand-soft); border:1px solid #cfe0fb;
  border-radius:var(--radius); padding:20px 22px;
}
.price__label{ display:block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--brand); }
.price__value{ display:block; font-size:42px; font-weight:800; letter-spacing:-.035em; color:var(--ink); line-height:1.1; margin-top:5px; }
.price__value small{ font-size:20px; font-weight:700; }
.price__hint{ display:block; margin-top:7px; font-size:13.5px; color:var(--ink-2); }
.ticks{ list-style:none; margin:24px 0 0; padding:0; display:grid; gap:11px; }
.ticks li{ position:relative; padding-left:27px; font-size:14.5px; color:var(--ink-2); }
.ticks li::before{
  content:""; position:absolute; left:0; top:4px; width:17px; height:17px; border-radius:50%;
  background:#e7f6ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f9d58' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;
}

.form{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:30px; box-shadow:var(--shadow-lg);
}
.field{ margin-bottom:18px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field label{ display:block; font-size:14px; font-weight:650; margin-bottom:7px; color:var(--ink); }
.field input[type=text],
.field input[type=tel],
.field input[type=email]{
  width:100%; padding:13px 15px; font:inherit; font-size:15.5px; color:var(--ink);
  background:#fff; border:1.5px solid var(--line); border-radius:11px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.field input::placeholder{ color:#a9b6ca; }
.field input:focus{ outline:0; border-color:var(--brand); box-shadow:0 0 0 4px rgba(24,87,196,.12); }
.field input.is-invalid{ border-color:#d64545; box-shadow:0 0 0 4px rgba(214,69,69,.1); }
.hint{ display:block; margin-top:6px; font-size:12.5px; color:var(--ink-3); }
.hint--block{ margin:-6px 0 18px; }
.err{ display:none; margin-top:6px; font-size:12.5px; color:#c0392b; font-weight:550; }
.err.is-on{ display:block; }

.toggle{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.toggle input{ position:absolute; opacity:0; pointer-events:none; }
.toggle label{
  margin:0; text-align:center; padding:12px 10px; font-size:14.5px; font-weight:600;
  border:1.5px solid var(--line); border-radius:11px; cursor:pointer; color:var(--ink-2);
  transition:all .15s ease;
}
.toggle input:checked + label{ border-color:var(--brand); background:var(--brand-soft); color:var(--brand-dark); }
.toggle input:focus-visible + label{ box-shadow:0 0 0 4px rgba(24,87,196,.12); }

.check{ display:grid; grid-template-columns:20px 1fr; gap:11px; margin-bottom:16px; align-items:start; }
.check input{ width:19px; height:19px; margin:2px 0 0; accent-color:var(--brand); cursor:pointer; }
.check label{ font-size:13.5px; color:var(--ink-2); line-height:1.55; cursor:pointer; }
.check .err{ grid-column:1 / -1; margin-top:0; }

.form__foot{ margin-top:16px; font-size:12.5px; color:var(--ink-3); line-height:1.55; text-align:center; }
.form__done{
  margin-top:18px; background:#e7f6ee; border:1px solid #b9e4cd; border-radius:var(--radius-sm);
  padding:15px 18px; font-size:14.5px; color:#0d6b3e; display:grid; gap:4px;
}

/* ---------- Etapa 2: chave do WhatsApp ---------- */
.form-col{ display:grid; }
.verify{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:30px; box-shadow:var(--shadow-lg);
}
.verify__eyebrow{
  display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.09em;
  text-transform:uppercase; color:var(--brand); background:var(--brand-soft);
  border-radius:999px; padding:5px 11px;
}
.verify__title{ margin-top:14px; font-size:23px; }
.verify__lead{ margin-top:10px; color:var(--ink-2); font-size:15px; line-height:1.6; }
.verify__lead b{ color:var(--ink); white-space:nowrap; }

.otp{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:22px 0 0; }
.otp__box{
  width:100%; padding:15px 0; text-align:center;
  font:inherit; font-size:24px; font-weight:700; letter-spacing:.02em; color:var(--ink);
  background:#fff; border:1.5px solid var(--line); border-radius:12px;
  transition:border-color .15s ease, box-shadow .15s ease;
  -moz-appearance:textfield;
}
.otp__box::-webkit-outer-spin-button,
.otp__box::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.otp__box:focus{ outline:0; border-color:var(--brand); box-shadow:0 0 0 4px rgba(24,87,196,.12); }
.otp__box:disabled{ background:var(--bg-alt); color:var(--ink-3); }
.err.is-on + .btn{ margin-top:4px; }
.otp + .err{ margin-bottom:2px; }
.verify .btn{ margin-top:18px; }

.verify__foot{
  margin-top:16px; display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap; font-size:13.5px; color:var(--ink-3);
}
.verify__timer{ font-variant-numeric:tabular-nums; }
.verify__note{ margin-top:16px; font-size:12.5px; color:var(--ink-3); line-height:1.6; }

.linkbtn{
  background:none; border:0; padding:0; font:inherit; font-weight:650;
  color:var(--brand); cursor:pointer; text-decoration:underline; text-underline-offset:2px;
}
.linkbtn:hover:not(:disabled){ color:var(--brand-dark); }
.linkbtn:disabled{ color:var(--ink-3); cursor:default; text-decoration:none; font-weight:550; }

/* ---------- FAQ ---------- */
.faq{ display:grid; gap:10px; }
.faq__item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; }
.faq__item summary{
  list-style:none; cursor:pointer; padding:18px 52px 18px 22px;
  font-weight:650; font-size:16px; position:relative; color:var(--ink);
}
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary::after{
  content:""; position:absolute; right:22px; top:50%; width:11px; height:11px;
  margin-top:-6px; border-right:2.2px solid var(--ink-3); border-bottom:2.2px solid var(--ink-3);
  transform:rotate(45deg); transition:transform .2s ease;
}
.faq__item[open] summary::after{ transform:rotate(-135deg); margin-top:-2px; }
.faq__item[open] summary{ color:var(--brand); }
.faq__a{ padding:0 22px 20px; color:var(--ink-2); font-size:15px; display:grid; gap:10px; }
.faq__a b{ color:var(--ink); }

/* ---------- CTA final ---------- */
.cta{ background:linear-gradient(120deg,var(--brand-dark),var(--brand) 55%,#2f7ae5); color:#fff; padding:60px 0; }
.cta__in{ display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.cta h2{ font-size:clamp(23px,2.8vw,31px); }
.cta p{ margin-top:9px; color:#d7e6ff; font-size:16.5px; }

/* ---------- Footer ---------- */
.footer{ background:#0e2748; color:#a8c0e0; font-size:14px; padding:52px 0 30px; }
.footer a{ color:#cfe0fb; }
.footer__in--simples{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.footer__links{ display:flex; flex-wrap:wrap; gap:8px 24px; }
.footer__links a{ font-size:14px; }
.brand--foot{ color:#fff; }
.footer__note{
  margin-top:38px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12);
  font-size:12.5px; line-height:1.7; color:#8fa9cc;
}
.footer__note b{ color:#cfe0fb; }
.footer__copy{ margin-top:16px; color:#7791b5; }

/* ---------- Páginas de texto (termos/privacidade) ---------- */
.doc{ padding:56px 0 80px; }
.doc h1{ font-size:clamp(27px,3.4vw,38px); }
.doc__meta{ margin-top:10px; color:var(--ink-3); font-size:14px; }
.doc h2{ font-size:20px; margin-top:38px; }
.doc h3{ font-size:16.5px; margin-top:24px; }
.doc p, .doc li{ margin-top:12px; color:var(--ink-2); font-size:15.5px; line-height:1.75; }
.doc ul, .doc ol{ padding-left:22px; }
.doc__box{
  margin-top:24px; background:var(--bg-alt); border:1px solid var(--line);
  border-radius:var(--radius-sm); padding:18px 22px;
}
.doc__box p:first-child{ margin-top:0; }
.back{ display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:600; margin-bottom:26px; }

/* ---------- Responsivo ---------- */
@media (max-width:1000px){
  .hero__in{ grid-template-columns:1fr; gap:44px; padding-top:56px; }
  .hero__card{ max-width:460px; }
  .rcard{ transform:none; }
  .flow{ grid-template-columns:repeat(2,1fr); }
  .flow::before{ display:none; }
  .grid--3{ grid-template-columns:repeat(2,1fr); }
  .guia{ grid-template-columns:1fr; }
  .form-wrap{ grid-template-columns:1fr; gap:36px; }
}
@media (max-width:720px){
  .nav a:not(.btn){ display:none; }
  .section{ padding:60px 0; }
  .flow{ grid-template-columns:1fr; gap:22px; }
  .grid--3{ grid-template-columns:1fr; }
  .field-row{ grid-template-columns:1fr; gap:0; }
  .form{ padding:22px; }
  .verify{ padding:22px; }
  .otp{ gap:7px; }
  .otp__box{ padding:13px 0; font-size:20px; border-radius:10px; }
  .footer__in--simples{ flex-direction:column; align-items:flex-start; gap:18px; }
  .topbar{ font-size:12px; text-align:center; }
  .cta__in{ flex-direction:column; align-items:flex-start; }
}

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