/* ─────────────────────────────────────────────────────────────
   Atomic Pulse — landing page
   Implemented from design_handoff_atomic_pulse (hifi spec)
   ───────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Söhne';
  src: url('assets/fonts/Sohne-Buch.otf') format('opentype');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Söhne';
  src: url('assets/fonts/Sohne-Kraftig.otf') format('opentype');
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Söhne Fett';
  src: url('assets/fonts/Sohne-Fett.otf') format('opentype');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Söhne Leicht';
  src: url('assets/fonts/Sohne-Leicht.otf') format('opentype');
  font-weight: 300 400;
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: 'DM Sans', 'Inter Tight', Arial, sans-serif;
  color: #111;
  background: #eeeae0;
  -webkit-font-smoothing: antialiased;
}

/* font stacks */
.f-helv { font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif; }

img { max-width: 100%; }

/* the animated mark ships with an opaque cream background —
   the mask knocks it out on dark surfaces */
.ap-mark {
  display: block;
  width: auto;
  -webkit-mask: url(assets/pulse-mark-mask.png) center/100% 100% no-repeat;
          mask: url(assets/pulse-mark-mask.png) center/100% 100% no-repeat;
}
.ap-word { display: block; width: auto; }

/* view toggle: "faq" hides the home-only sections */
body[data-page="faq"] .home-only { display: none; }

/* ░░ NAV ░░ */
.ap-nav {
  position: sticky;
  top: 0; left: 0; right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 40px;
  background: #000;
  border-bottom: 1px solid #000;
}
.ap-nav-left { display: flex; align-items: center; gap: 8px; }
.ap-lockup { display: flex; align-items: center; gap: 14px; text-decoration: none; color: #eeeae0; }
.ap-lockup > span { display: inline-flex; align-items: center; gap: 3px; }
.ap-nav .ap-mark { height: 34px; }
.ap-nav .ap-word { height: 26px; }
.ap-byline { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; text-decoration: none; }
.ap-byline .ap-by {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #888;
}
.ap-byline img { display: block; height: 30px; width: auto; }
.ap-navlinks { display: flex; align-items: center; gap: 34px; }
.ap-navlink {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #CCCCCC;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ap-navcta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #E73724;
  color: #eeeae0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 12px 22px;
  text-decoration: none;
  transition: background 150ms ease;
}
.ap-navcta:hover { background: #C12B19; }

/* ░░ HERO ░░ */
.ap-hero {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: min(100vh, 860px);
  border-bottom: 1px solid #EEEEEE;
}
.ap-hero-copy {
  flex: 1 1 0;
  min-width: 0;
  padding: 110px 56px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ap-eyebrow {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #E73724;
  margin: 87px 0 28px;
}
.ap-hero h1 {
  font-family: 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(40px, 4.6vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 0 0 26px;
  color: #111;
}
.ap-hero h1 .red { color: #E73724; }
.ap-hero-body {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #4d4d4d;
  max-width: 378px;
  margin: 0 0 36px;
}
.ap-hero-ctawrap { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.ap-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  background: #E73724;
  color: #eeeae0;
  font-weight: 600;
  font-size: 15px;
  padding: 17px 34px;
  text-decoration: none;
  transition: background 150ms ease;
}
.ap-btn:hover { background: #C12B19; }
.ap-btn svg { width: 17px; height: 17px; }
.ap-btn--lg { gap: 12px; font-size: 16px; padding: 20px 44px; }
.ap-btn--lg svg { width: 18px; height: 18px; }

/* ░░ HERO — sample briefing card ░░ */
.ap-hero-card {
  flex: 0 0 600px;
  max-width: 52%;
  background: #eeeae0;
  padding: 40px 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transform: translateX(-5%);
}
.ap-card {
  background: #ffffff;
  border: 1px solid #B7B7B7;
  box-shadow: 0 30px 72px rgba(0, 0, 0, .24);
}
.ap-mail-meta {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 20px;
  border-bottom: 1px solid #EEEEEE;
}
.ap-mail-avatar {
  flex: none;
  width: 38px;
  height: 38px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ap-mail-avatar svg { width: 15px; height: 21px; }
.ap-mail-mid { min-width: 0; flex: 1 1 auto; }
.ap-mail-sender { font-weight: 700; font-size: 14px; color: #111; }
.ap-mail-subject { font-size: 12.5px; color: #4D4D4D; margin-top: 1px; }
.ap-mail-subject b { color: #111; font-weight: 600; }
.ap-mail-time {
  flex: none;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #B7B7B7;
}
.ap-card-logo {
  padding: 22px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
/* the lockup is sized in percentages of a 417px-capped track, so it renders
   at the spec's 150px/120px heights on desktop but scales down inside the
   card on narrow screens instead of overflowing it */
.ap-card-logo-track {
  display: flex;
  align-items: center;
  gap: 1.44%;
  width: 100%;
  max-width: 417px;
  min-width: 0;
}
.ap-card-logo .ap-mark { width: 42.4%; height: auto; }
.ap-card-logo .ap-word { width: 56.1%; height: auto; }

.ap-scroll { max-height: min(600px, calc(100vh - 150px)); overflow-y: auto; background: #ffffff; }
.ap-scroll::-webkit-scrollbar { width: 9px; }
.ap-scroll::-webkit-scrollbar-track { background: #f0f0f0; }
.ap-scroll::-webkit-scrollbar-thumb { background: #B7B7B7; }
.ap-scroll::-webkit-scrollbar-thumb:hover { background: #E73724; }

.ap-card-body { padding: 34px 36px 36px; }
.ap-client {
  font-family: 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.04;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #111;
}
.ap-client-sub {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 11.2px;
  color: #222;
  margin: 0 0 22px;
}
.ap-rule { border-top: 3px solid #111; margin: 0 0 16px; }
.ap-daterow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 42px;
}
.ap-daterow .date { font-weight: 700; font-size: 11.2px; color: #111; }
.ap-daterow .tag {
  font-weight: 700;
  font-size: 9.6px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #E73724;
}
.ap-h2 {
  font-family: 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 800;
  font-size: 26.9px;
  line-height: 0.92;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #E73724;
  margin: 0 0 20px;
}
.ap-h2--sec { margin: 0 0 24px; }
.ap-h2--ideas { margin: 0 0 26px; }
.ap-quote {
  border-left: 4px solid #E73724;
  padding: 2px 0 2px 22px;
  margin: 0 0 46px;
}
.ap-quote p {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12.8px;
  line-height: 1.72;
  color: #111;
  margin: 0;
}

.ap-story { margin: 0 0 30px; }
.ap-story-title {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
  margin: 0 0 10px;
}
.ap-story-body {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.66;
  color: #333;
  margin: 0 0 14px;
}
.ap-story ul { list-style: none; margin: 0 0 16px; padding: 0; }
.ap-story li {
  position: relative;
  padding-left: 24px;
  font-size: 12px;
  line-height: 1.6;
  color: #666;
  margin: 0 0 13px;
}
.ap-story li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #999;
}
.ap-story li b { font-weight: 700; color: #111; }
.ap-story li a { color: #E73724; text-decoration: underline; text-underline-offset: 2px; }
.ap-play {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.66;
  color: #333;
  margin: 0;
}
.ap-play b { color: #E73724; font-weight: 700; }
.ap-divider { border-top: 1px solid #DDDDDD; margin: 6px 0 42px; }

.ap-idea { margin: 0 0 30px; }
.ap-idea-titlerow {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.ap-idea-title {
  font-size: 16px;
  font-weight: 800;
  color: #E73724;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.ap-pill {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 20px;
  white-space: nowrap;
  line-height: 1;
  background: #EEEEEE;
  color: #555555;
}
.ap-pill--organic { background: #E3F3E6; color: #2A8A2A; }
.ap-pill--paid { background: #FBE3E1; color: #C0392B; }
.ap-idea-body {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.66;
  color: #333;
  margin: 0 0 14px;
}
.ap-idea-prod {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.66;
  color: #333;
  margin: 0 0 18px;
}
.ap-idea-prod b {
  font-weight: 700;
  font-size: 9.6px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #111;
}
.ap-caption-box {
  border: 1.5px solid #111;
  border-radius: 10px;
  padding: 18px 22px;
  margin: 0 0 18px;
}
.ap-caption-label {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 8.8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #999;
  margin: 0 0 12px;
}
.ap-caption-text {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12.8px;
  line-height: 1.6;
  color: #111;
  margin: 0;
}
.ap-idea-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ap-develop {
  background: #E73724;
  color: #eeeae0;
  font-weight: 700;
  font-size: 12px;
  padding: 12px 20px;
  border-radius: 4px;
}
.ap-idea-helper { font-size: 11.2px; color: #888; }
.ap-closing {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12.8px;
  line-height: 1.72;
  color: #333;
  margin: 0;
}
.ap-mailfoot { background: #0a0a0a; padding: 30px 40px 34px; text-align: center; }
.ap-mailfoot p {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.7;
  color: #cfcfcf;
  margin: 0 0 10px;
}
.ap-mailfoot p b { color: #eeeae0; font-weight: 700; }
.ap-mailfoot a {
  font-weight: 700;
  font-size: 12px;
  color: #E73724;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ░░ OVERVIEW CAROUSEL ░░ */
.ap-ov { background: #E73724; padding: 88px 56px 80px; }
.ap-ov-inner { max-width: 1040px; margin: 0 auto; }
.ap-ov-row { display: flex; align-items: center; gap: 12px; }
.ap-chev {
  flex: none;
  background: none;
  border: none;
  padding: 8px;
  font-size: 68px;
  line-height: 0;
  cursor: pointer;
  transition: color 300ms ease;
  font-family: 'DM Sans', sans-serif;
  color: rgba(10, 10, 10, 0.5);
}
.ap-chev:hover, .ap-chev:active, .ap-chev.flash { color: #0a0a0a; }
.ap-ov-viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.ap-ov-track { display: flex; transition: transform 420ms cubic-bezier(0.4, 0, 0.2, 1); }
.ap-slide {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 300px;
  overflow: hidden;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 24px;
}
.ap-slide-label {
  font-family: 'DM Mono', monospace;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #0a0a0a;
  margin: 0 0 18px;
}
.ap-slide h3 {
  font-family: 'Söhne Fett', 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 4.7vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #eeeae0;
  margin: 0 0 28px;
  max-width: 100%;
  text-wrap: balance;
}
.ap-slide-body {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 500;
  font-size: clamp(21px, 2.1vw, 28px);
  line-height: 1.45;
  letter-spacing: 0.01em;
  color: #eeeae0;
  margin: 0 auto;
  width: min(760px, 96%);
}
.ap-slide ul {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  text-align: left;
  display: inline-block;
}
.ap-slide li {
  position: relative;
  padding-left: 22px;
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(19px, 1.8vw, 23px);
  line-height: 1.5;
  color: #eeeae0;
  margin: 0 0 11px;
}
.ap-slide li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0a0a0a;
}
.ap-ov-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
}
.ap-dot {
  width: 8px;
  height: 8px;
  background: rgba(10, 10, 10, 0.4);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 180ms ease;
  display: inline-block;
}
.ap-dot[aria-current="true"] { width: 26px; background: #0a0a0a; }

/* ░░ CTA ░░ */
.ap-cta { background: #000; padding: 104px 56px; text-align: center; }
.ap-cta-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0 0 36px;
}
.ap-cta-lockup .ap-mark { height: 44px; }
.ap-cta-lockup .ap-word { height: 34px; }
.ap-cta h2 {
  font-family: 'Söhne Fett', 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(44px, 7vw, 92px);
  line-height: 0.96;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin: 0 0 48px;
  color: #eeeae0;
}

/* ░░ FAQ ░░ */
.ap-faq { background: #eeeae0; border-top: 1px solid #d8d2c4; padding: 80px 56px 96px; }
.ap-faq-inner { max-width: 1080px; margin: 0 auto; }
.ap-faq-label { display: flex; align-items: center; gap: 11px; margin: 0 0 40px; }
.ap-faq-label .sq { width: 11px; height: 11px; background: #E73724; display: inline-block; }
.ap-faq-label .txt {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #E73724;
}
.ap-faq-item { border-top: 1px solid #d8d2c4; }
.ap-faq-cap { border-top: 1px solid #d8d2c4; }
.ap-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 30px 4px;
}
.ap-faq-q .q {
  font-family: 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #111;
}
.ap-faq-q .sign {
  flex: none;
  font-family: 'Helvetica Neue', Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  color: #E73724;
}
@keyframes faqReveal {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ap-answer { padding: 0 90px 30px 4px; animation: faqReveal 260ms ease both; }
.ap-answer[hidden] { display: none; }
.ap-answer p {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.55;
  color: #1a1a1a;
  margin: 0;
}
.ap-answer p + p { margin: 10px 0 0; }
.ap-answer ul { list-style: none; margin: 10px 0 0; padding: 0; }
.ap-answer li {
  position: relative;
  padding-left: 18px;
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.5;
  color: #1a1a1a;
  margin: 0 0 5px;
}
.ap-answer li::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  color: #E73724;
}
.ap-faq-contact { border-top: 1px solid #B7B7B7; margin: 36px 0 0; padding-top: 22px; }
.ap-faq-contact .lead {
  font-family: 'Söhne', 'DM Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #E73724;
  margin: 0 0 4px;
}
.ap-faq-contact .who {
  font-family: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #1a1a1a;
  margin: 0;
}

/* ░░ FOOTER ░░ */
.ap-footer {
  background: #000;
  padding: 40px 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.ap-foot-left { display: flex; align-items: center; gap: 14px; }
.ap-footer .ap-mark { height: 30px; }
.ap-footer .ap-word { height: 23px; }
.ap-footer .ap-byline { gap: 8px; }
.ap-footer .ap-byline .ap-by { color: #666; }
.ap-footer .ap-byline img { height: 26px; }
.ap-foot-links { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.ap-foot-link {
  font-family: inherit;
  font-size: 12px;
  color: #999;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ap-copyright {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #666;
}

/* ░░ RESPONSIVE ░░ */
@media (max-width: 980px) {
  .ap-nav { padding: 14px 18px; }
  .ap-navlinks { gap: 18px; }
  .ap-navlink { display: none; }
  .ap-navcta { white-space: nowrap; padding: 11px 16px; }
  .ap-byline { gap: 6px; }
  .ap-byline img { height: 22px; }
  .ap-nav .ap-mark { height: 26px; }
  .ap-nav .ap-word { height: 20px; }

  .ap-hero { flex-direction: column; align-items: stretch; min-height: 0; }
  .ap-hero-copy { padding: 48px 28px 40px; align-items: center; text-align: center; }
  .ap-hero h1, .ap-hero-body { max-width: 36ch; margin-left: auto; margin-right: auto; }
  .ap-hero h1 { margin-bottom: 26px; }
  .ap-hero-body { margin-bottom: 36px; }
  .ap-eyebrow { margin: 0 0 22px; }
  .ap-hero-card { flex: 1 1 auto; max-width: 100%; width: 100%; transform: none; padding: 8px 22px 56px; }

  .ap-ov { padding: 64px 22px 60px; }
  .ap-chev { font-size: 40px; padding: 4px; }
  .ap-slide { padding: 0 10px; }
  .ap-slide h3 { font-size: clamp(24px, 6vw, 52px); }
  .ap-slide-body { font-size: clamp(16px, 4.2vw, 24px); }
  .ap-slide ul { margin-top: 14px; }
  .ap-slide li { font-size: clamp(15px, 4vw, 20px); padding-left: 18px; }

  .ap-cta { padding: 80px 24px; }

  .ap-faq { padding: 64px 24px 76px; }
}

@media (max-width: 560px) {
  .ap-navcta { font-size: 12px; padding: 10px 14px; }
  .ap-hero-copy { padding: 36px 18px 32px; }
  .ap-hero-card { padding: 4px 14px 44px; }
  .ap-chev { font-size: 32px; }
  .ap-answer { padding-right: 0; }
}

/* ░░ REDUCED MOTION ░░ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ap-ov-track, .ap-chev, .ap-dot, .ap-navcta, .ap-btn { transition: none; }
  .ap-answer { animation: none; }
}