:root {
  --ink: #05090d;
  --navy: #071625;
  --blue: #0c3554;
  --orange: #ff6a00;
  --orange-hot: #ff8a1e;
  --paper: #f3f0e8;
  --steel: #9fb2bd;
  --line: rgba(126, 187, 221, 0.22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }

.site {
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(3, 9, 14, .94) 0%, rgba(3, 9, 14, .63) 44%, rgba(3, 9, 14, .3) 100%),
    url("../img/forecat-site-bg.png") center / cover fixed;
}
.site::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, black, transparent 90%);
  opacity: .28;
}
.noise { position: fixed; inset: 0; z-index: 20; opacity: .1; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.3) .55px, transparent .7px); background-size: 4px 4px; mix-blend-mode: soft-light; }

.topbar {
  width: min(1520px, calc(100% - 48px));
  height: 88px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid rgba(255,255,255,.16);
  position: relative;
  z-index: 5;
}
.wordmark { display: flex; align-items: center; gap: 11px; font-weight: 950; letter-spacing: -.04em; font-size: 21px; }
.helmet-mark { width: 36px; height: 36px; display: grid; place-items: center; background: var(--orange); color: #111; border-radius: 50% 50% 12% 12%; box-shadow: inset 0 -5px 0 rgba(91,30,0,.26); }
.site-status { font: 700 11px/1 monospace; letter-spacing: .16em; color: #a9beca; padding: 10px 14px; border: 1px solid rgba(179,213,231,.24); background: rgba(1,8,13,.48); }
.site-status i, .cam-header i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #70ff95; box-shadow: 0 0 12px #70ff95; }
nav { display: flex; justify-content: flex-end; gap: 7px; }
nav a { padding: 12px 14px; border: 1px solid rgba(255,255,255,.2); font: 800 12px/1 monospace; letter-spacing: .05em; background: rgba(3,9,14,.54); transition: .2s ease; }
nav a:hover, nav a:focus-visible { transform: translateY(-2px); border-color: var(--orange); color: var(--orange-hot); }
nav .nav-buy { color: #111; background: var(--orange); border-color: var(--orange); }
nav .nav-buy:hover { color: #111; background: #ff8b32; }

.hero {
  width: min(1520px, calc(100% - 48px));
  min-height: calc(100vh - 135px);
  margin: 0 auto;
  padding: 64px 0 78px;
  display: grid;
  grid-template-columns: minmax(460px, .9fr) minmax(560px, 1.1fr);
  gap: clamp(28px, 5vw, 90px);
  align-items: center;
  position: relative;
}
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 14px; color: #a9bdc8; font: 800 11px/1 monospace; letter-spacing: .18em; }
.eyebrow span { background: var(--orange); color: #111; padding: 8px 10px; letter-spacing: .08em; }
h1 { margin: 22px 0 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(92px, 11.7vw, 192px); line-height: .78; letter-spacing: -.045em; font-weight: 900; text-transform: uppercase; text-shadow: 0 7px 0 #020508, 0 0 40px rgba(4,14,22,.8); }
h1 span { color: var(--orange); }
.lead { margin: 30px 0 29px; max-width: 600px; font-size: clamp(22px, 2.1vw, 35px); line-height: 1.05; font-weight: 800; letter-spacing: -.035em; text-transform: uppercase; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-actions button, .hero-actions a { min-height: 58px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); font: 900 13px/1 monospace; letter-spacing: .07em; cursor: pointer; transition: .2s ease; }
.primary { min-width: 180px; border-color: var(--orange) !important; background: var(--orange); color: #111; box-shadow: 8px 8px 0 rgba(0,0,0,.35); }
.primary:hover, .primary:focus-visible { transform: translate(-2px,-2px); box-shadow: 11px 11px 0 rgba(0,0,0,.42); }
.secondary { background: rgba(3,9,14,.66); }
.secondary:hover, .secondary:focus-visible { border-color: var(--orange); color: var(--orange-hot); }
.ca-bar { width: min(640px, 100%); margin-top: 14px; padding: 0; min-height: 52px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; border: 1px solid rgba(255,255,255,.2); background: rgba(2,8,13,.76); cursor: pointer; text-align: left; overflow: hidden; }
.ca-bar > span { align-self: stretch; padding: 0 17px; display: grid; place-items: center; background: #182733; color: var(--orange-hot); font: 900 11px monospace; }
.ca-bar code { padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a9bdc8; font-size: 11px; }
.ca-bar strong { padding-right: 16px; color: var(--paper); font: 800 10px monospace; letter-spacing: .1em; }

.site-cam { position: relative; align-self: center; filter: drop-shadow(0 30px 50px rgba(0,0,0,.62)); }
.site-cam::before, .site-cam::after { content: ""; position: absolute; width: 88px; height: 88px; z-index: 3; pointer-events: none; }
.site-cam::before { left: -12px; top: 31px; border-left: 3px solid var(--orange); border-top: 3px solid var(--orange); }
.site-cam::after { right: -12px; bottom: 34px; border-right: 3px solid var(--orange); border-bottom: 3px solid var(--orange); }
.cam-header, .cam-footer { min-height: 39px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; background: #08131c; border: 1px solid rgba(255,255,255,.17); color: #9cb2bf; font: 700 10px/1 monospace; letter-spacing: .1em; }
.cam-header b { color: #ff664f; }
.cam-frame { height: min(59vh, 620px); min-height: 430px; border-inline: 1px solid rgba(255,255,255,.17); overflow: hidden; position: relative; background: #0a2740; }
.cam-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 50%; transform: scale(1.03); transition: transform .9s cubic-bezier(.2,.8,.2,1), filter .9s ease; }
.shift-active .cam-frame img { transform: scale(1.07); filter: contrast(1.05) saturate(1.12); }
.scanline { position: absolute; inset: 0; background: repeating-linear-gradient(to bottom, transparent 0 4px, rgba(6,23,35,.16) 5px); mix-blend-mode: multiply; }
.measure { position: absolute; padding: 5px 7px; border: 1px solid rgba(255,255,255,.38); background: rgba(2,8,13,.52); color: white; font: 700 9px monospace; letter-spacing: .1em; }
.m1 { top: 16px; right: 15px; }.m2 { bottom: 17px; left: 15px; }
.shift-card { position: absolute; right: -24px; bottom: 32px; width: 242px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.2); border-left: 5px solid var(--orange); background: rgba(3,9,14,.9); box-shadow: 0 15px 35px rgba(0,0,0,.4); transform: rotate(-2deg); z-index: 4; }
.shift-card span, .shift-card small { display: block; color: #8ca2ae; font: 700 9px/1.3 monospace; letter-spacing: .14em; }
.shift-card strong { display: block; margin: 9px 0 7px; font: 900 17px/1 monospace; color: var(--orange-hot); }

.ticker { height: 47px; display: flex; align-items: center; overflow: hidden; background: var(--orange); color: #14100d; border-block: 2px solid #090909; transform: rotate(-.55deg) scale(1.01); transform-origin: center; }
.ticker div { width: max-content; white-space: nowrap; font: 950 14px/1 monospace; letter-spacing: .07em; animation: ticker 22s linear infinite; }
@keyframes ticker { to { transform: translateX(-50%); } }

.control-section, .manifesto, .reports, .final-cta, footer { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }
.control-section { min-height: 860px; padding: 150px 0 130px; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px, 8vw, 130px); align-items: center; }
.section-index { display: block; margin-bottom: 25px; color: var(--orange-hot); font: 800 11px/1 monospace; letter-spacing: .17em; }
h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(64px, 7vw, 116px); line-height: .86; letter-spacing: -.035em; font-weight: 900; }
.section-copy > p { max-width: 520px; margin: 35px 0; color: #b6c4cb; font-size: 18px; line-height: 1.52; }
.permit-note { width: min(390px, 100%); padding: 20px; border: 1px solid rgba(255,255,255,.22); border-left: 7px solid var(--orange); background: rgba(9,25,37,.75); transform: rotate(-1.5deg); box-shadow: 11px 12px 0 rgba(0,0,0,.28); }
.permit-note span, .permit-note small { display: block; color: #8da5b2; font: 700 9px/1.4 monospace; letter-spacing: .13em; }.permit-note strong { display: block; margin: 10px 0; font: 900 18px monospace; color: var(--paper); }

.blueprint-console { position: relative; border: 1px solid rgba(150,205,234,.35); background: rgba(3,16,26,.88); box-shadow: 0 40px 90px rgba(0,0,0,.4), inset 0 0 80px rgba(12,74,106,.18); }
.console-head { height: 54px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(150,205,234,.26); font: 800 10px monospace; letter-spacing: .12em; color: #8fb8cd; }.console-head strong { color: var(--orange-hot); }
.build-stage { height: 490px; position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(8,47,72,.25), rgba(2,8,13,.4)); }
.stage-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(77,166,211,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(77,166,211,.16) 1px, transparent 1px); background-size: 32px 32px; }
.stage-grid::after { content: ""; position: absolute; left: 7%; right: 7%; top: 50%; border-top: 1px dashed rgba(123,196,233,.45); }
.crane { position: absolute; right: 10%; top: 9%; width: 62%; height: 64%; color: #6fabc8; transition: color .7s ease; }.crane i { display: block; position: absolute; }
.crane-mast { right: 17%; top: 16%; bottom: 0; width: 11px; border: 2px solid currentColor; background: repeating-linear-gradient(45deg, transparent 0 7px, currentColor 8px 9px); }
.crane-arm { right: 8%; top: 16%; width: 82%; height: 8px; border: 2px solid currentColor; background: repeating-linear-gradient(135deg, transparent 0 10px, currentColor 11px 12px); transform-origin: right; }
.crane-arm::after { content: ""; position: absolute; right: -7%; top: -19px; width: 22%; height: 5px; background: currentColor; transform: rotate(35deg); transform-origin: right; }
.crane-cable { left: 32%; top: 18%; height: 43%; border-left: 1px solid currentColor; transition: left 1.3s cubic-bezier(.2,.8,.2,1), height 1.3s ease; }
.crane-load { left: calc(32% - 16px); top: 60%; width: 33px; height: 24px; border: 2px solid currentColor; background: rgba(9,47,68,.75); transition: left 1.3s cubic-bezier(.2,.8,.2,1), top 1.3s ease, background .4s; }
.skyline { position: absolute; left: 7%; right: 7%; bottom: 8%; height: 52%; display: flex; gap: 12px; align-items: flex-end; border-bottom: 2px solid #6fabc8; }
.tower { flex: 1; display: block; border: 2px solid #5d9dbc; background: repeating-linear-gradient(to bottom, transparent 0 22px, rgba(105,178,212,.45) 23px 24px); transition: height 1.1s cubic-bezier(.2,.8,.2,1), background .7s, border-color .7s, box-shadow .7s; }
.t1 { height: 32%; }.t2 { height: 46%; }.t3 { height: 68%; }.t4 { height: 39%; }.t5 { height: 54%; }
.coordinate { position: absolute; color: rgba(151,205,232,.65); font: 700 9px monospace; letter-spacing: .1em; }.coordinate.x { left: 7%; top: 8%; }.coordinate.y { right: 5%; bottom: 5%; writing-mode: vertical-rl; }
.build-readout { padding: 17px 18px; display: grid; grid-template-columns: 1fr 2fr 1.6fr; gap: 18px; align-items: center; border-top: 1px solid rgba(150,205,234,.2); background: rgba(1,8,13,.8); }.build-readout div:not(.progress) { display: flex; justify-content: space-between; gap: 12px; font: 700 9px monospace; letter-spacing: .08em; color: #819ba9; }.build-readout strong { color: var(--paper); }.progress { height: 6px; background: #172d3a; overflow: hidden; }.progress i { display: block; width: 18%; height: 100%; background: var(--orange); box-shadow: 0 0 18px var(--orange); transition: width 1.25s cubic-bezier(.2,.8,.2,1); }
.build-switch { width: calc(100% - 36px); min-height: 62px; margin: 0 18px 14px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border: 0; background: var(--orange); color: #12100d; font: 950 13px monospace; letter-spacing: .1em; cursor: pointer; box-shadow: inset 0 -6px 0 rgba(94,32,0,.24); }.build-switch i { width: 38px; height: 19px; border-radius: 20px; background: #151515; position: relative; }.build-switch i::after { content: ""; position: absolute; width: 13px; height: 13px; top: 3px; left: 4px; border-radius: 50%; background: var(--paper); transition: left .35s; }
.control-hint { display: block; min-height: 27px; text-align: center; color: #7f99a6; font: 700 9px monospace; letter-spacing: .1em; }
.blueprint-console.built .crane { color: var(--orange); }.blueprint-console.built .crane-cable { left: 58%; height: 27%; }.blueprint-console.built .crane-load { left: calc(58% - 16px); top: 44%; background: var(--orange); }
.blueprint-console.built .tower { border-color: #ff7a16; background: repeating-linear-gradient(to bottom, rgba(15,49,68,.95) 0 20px, #ff7410 21px 24px); box-shadow: 0 0 35px rgba(255,106,0,.2); }.blueprint-console.built .t1 { height: 55%; }.blueprint-console.built .t2 { height: 72%; }.blueprint-console.built .t3 { height: 91%; }.blueprint-console.built .t4 { height: 62%; }.blueprint-console.built .t5 { height: 78%; }.blueprint-console.built .progress i { width: 100%; }.blueprint-console.built .build-switch i::after { left: 21px; background: #71ff94; }
.button-alert { animation: alert .18s linear 4; } @keyframes alert { 50% { transform: translateX(7px); background: #ff321c; } }

.manifesto { padding: 130px 0; position: relative; }.manifesto::before { content: ""; position: absolute; left: -50vw; right: -50vw; inset-block: 0; z-index: -1; background: var(--orange); }
.manifesto .section-index { color: #3b1903; }.manifesto-title { display: flex; align-items: flex-end; justify-content: space-between; }.manifesto-title h2 { color: #0d1011; font-size: clamp(72px, 9vw, 146px); }
.manifesto-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #17120e; border-bottom: 2px solid #17120e; }.manifesto-grid article { min-height: 310px; padding: 28px; border-right: 1px solid rgba(20,14,10,.42); color: #17120e; }.manifesto-grid article:last-child { border-right: 0; }.manifesto-grid article > span { font: 900 11px monospace; }.manifesto-grid h3 { margin: 80px 0 15px; font-size: 34px; line-height: 1; letter-spacing: -.04em; }.manifesto-grid p { margin: 0; max-width: 360px; font-size: 15px; line-height: 1.5; font-weight: 650; }
.site-specs { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 2px solid #17120e; color: #17120e; }.site-specs div { min-height: 130px; padding: 25px 28px; display: flex; align-items: flex-end; justify-content: space-between; border-right: 1px solid rgba(20,14,10,.42); }.site-specs div:last-child { border-right: 0; }.site-specs strong { font: 900 47px/1 Impact, sans-serif; }.site-specs span { font: 800 10px monospace; letter-spacing: .12em; }

.reports { padding: 150px 0; }.reports-head { display: grid; grid-template-columns: .6fr 1fr .8fr; gap: 30px; align-items: end; margin-bottom: 60px; }.reports-head .section-index { margin: 0; }.reports-head h2 { font-size: clamp(70px, 8vw, 128px); }.reports-head p { margin: 0 0 6px; max-width: 320px; color: #9ab0bb; font-size: 16px; line-height: 1.45; }
.report-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }.report-card { margin: 0; padding: 10px 10px 25px; background: #e9e5d9; color: #111; box-shadow: 0 22px 45px rgba(0,0,0,.35); transition: transform .3s ease; }.report-card:hover { transform: translateY(-10px) rotate(0) !important; }.r1 { transform: rotate(-2.2deg); }.r2 { transform: translateY(20px) rotate(1.4deg); }.r3 { transform: rotate(-1deg); }
.report-photo { aspect-ratio: 4 / 3; overflow: hidden; background: #17344b; }.report-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.08); }.r1 img { object-position: 35% 45%; transform: scale(1.04); }.r2 img { object-position: 66% 42%; transform: scale(1.25); }.r3 img { object-position: 50% 75%; transform: scale(1.1); filter: grayscale(.2) sepia(.16) contrast(1.15); }
.report-card figcaption { padding: 20px 12px 0; }.report-card figcaption span, .report-card figcaption small { display: block; font: 700 9px/1.4 monospace; letter-spacing: .1em; color: #5c5b56; }.report-card figcaption strong { display: block; margin: 12px 0 6px; font-size: 27px; line-height: 1; }

.final-cta { min-height: 720px; padding: 130px 70px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: linear-gradient(90deg, rgba(3,11,17,.96), rgba(3,11,17,.55)), url("../img/forecat-site-bg.png") center / cover; }.final-cta::after { content: ""; position: absolute; right: -9%; bottom: -30%; width: 48%; aspect-ratio: 1; border: 90px solid rgba(255,106,0,.08); border-radius: 50%; }.final-cta h2 { font-size: clamp(74px, 9.6vw, 155px); position: relative; z-index: 1; }.final-cta h2 em { color: var(--orange); font-style: normal; }.final-cta p { max-width: 620px; color: #a8bac3; font-size: 18px; line-height: 1.5; }.final-actions { display: flex; gap: 10px; margin-top: 18px; }.final-actions a { min-height: 58px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.25); font: 900 12px monospace; letter-spacing: .07em; }.stamp { position: absolute; right: 8%; top: 13%; width: 156px; height: 156px; display: grid; place-items: center; border: 7px double var(--orange); border-radius: 50%; color: var(--orange); font: 900 21px/1.1 monospace; text-align: center; transform: rotate(14deg); opacity: .78; }
footer { min-height: 150px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; } footer > p { color: #627a87; font: 700 9px/1.4 monospace; letter-spacing: .1em; text-align: center; } footer > div { display: flex; justify-content: flex-end; gap: 18px; } footer > div a { color: #9eb2bc; font: 800 10px monospace; letter-spacing: .08em; } footer > div a:hover { color: var(--orange); }

@media (max-width: 1080px) {
  .topbar { grid-template-columns: 1fr auto; }.site-status { display: none; }
  .hero { grid-template-columns: 1fr 1fr; gap: 24px; }.shift-card { right: 0; }
  .control-section { grid-template-columns: 1fr; }.section-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; align-items: end; }.section-copy .section-index { grid-column: 1 / -1; }.section-copy > p, .section-copy .permit-note { margin: 0; }
  .reports-head { grid-template-columns: 1fr 1fr; }.reports-head .section-index { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .topbar { width: min(100% - 28px, 720px); height: auto; padding: 14px 0; align-items: center; }
  .wordmark { font-size: 17px; }.helmet-mark { width: 31px; height: 31px; } nav a { padding: 10px; } nav .nav-buy { display: none; }
  .hero { width: min(100% - 28px, 720px); min-height: auto; padding: 58px 0 68px; grid-template-columns: 1fr; }
  h1 { font-size: clamp(84px, 24vw, 142px); }.lead { font-size: 25px; }
  .site-cam { margin-top: 16px; }.cam-frame { min-height: 390px; height: 62vh; }.shift-card { right: -4px; bottom: -27px; }
  .control-section, .manifesto, .reports, .final-cta, footer { width: min(100% - 28px, 720px); }.control-section { min-height: 0; padding: 115px 0 95px; }.section-copy { display: block; }.section-copy > p { margin: 28px 0; }.build-stage { height: 410px; }.build-readout { grid-template-columns: 1fr; }.manifesto { padding: 100px 0; }.manifesto-grid { grid-template-columns: 1fr; }.manifesto-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid rgba(20,14,10,.42); }.manifesto-grid h3 { margin-top: 55px; }.site-specs { grid-template-columns: 1fr 1fr; }.site-specs div:nth-child(2) { border-right: 0; }.site-specs div:nth-child(-n+2) { border-bottom: 1px solid rgba(20,14,10,.42); }.reports { padding: 110px 0; }.reports-head { display: block; }.reports-head h2 { margin: 20px 0; }.report-grid { grid-template-columns: 1fr; gap: 38px; }.report-card { width: min(540px, 94%); margin-inline: auto; }.r2 { transform: rotate(1.4deg); }.final-cta { min-height: 650px; padding: 95px 30px; }.stamp { width: 105px; height: 105px; right: 6%; top: 7%; border-width: 4px; font-size: 14px; } footer { grid-template-columns: 1fr; justify-items: center; padding: 55px 0; } footer > div { justify-content: center; }
}
@media (max-width: 520px) {
  .topbar nav a { font-size: 10px; }.hero { padding-top: 46px; }
  .eyebrow { font-size: 9px; gap: 9px; } h1 { margin-top: 20px; font-size: 25vw; }
  .lead { margin-top: 24px; font-size: 21px; }.hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions button, .hero-actions a { width: 100%; }
  .ca-bar code { font-size: 9px; }.cam-frame { min-height: 340px; height: 56vh; }.shift-card { width: 214px; }
  h2 { font-size: 17vw; }.build-stage { height: 330px; }.crane { width: 73%; right: 4%; }.skyline { gap: 5px; }.build-readout div:not(.progress) { font-size: 8px; }.manifesto-title { display: block; }.manifesto-grid { margin-top: 45px; }.site-specs div { padding: 18px 14px; min-height: 110px; }.site-specs strong { font-size: 38px; }.final-cta { min-height: 600px; padding: 85px 20px 55px; }.final-cta h2 { font-size: 18vw; }.final-actions { display: grid; }.final-actions a { width: 100%; }.stamp { display: none; }
}

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