/* =========================================================================
   landing-b2b.css — "Prepara tu sitio para la IA" · Landing B2B
   Black n Orange · es-MX
   Imports the shared grader.css (with brand tokens + components) via a
   relative path back to public/assets/. Only adds landing-specific layout.
   ========================================================================= */

/* ---- Path-correct font faces (resolved from THIS file's location) ------- */
/* The shared grader.css @imports brand/colors_and_type.css which tries to
   load fonts relative to that file. From landings/b2b/assets/ the correct
   path up to public/assets/fonts/ is ../../assets/fonts/. */
@font-face {
  font-family: "Fraunces";
  src: url("../../assets/fonts/Fraunces-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype-variations");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("../../assets/fonts/Fraunces-Italic-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype-variations");
  font-weight: 100 900; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-VariableFont_opsz_wght.ttf") format("truetype-variations");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Italic-VariableFont_opsz_wght.ttf") format("truetype-variations");
  font-weight: 100 900; font-style: italic; font-display: swap;
}

/* =========================================================================
   BRAND TOKENS — inlined so this file is self-contained
   (mirrors public/assets/brand/colors_and_type.css without the @font-face)
   ========================================================================= */
:root {
  --bno-fiery-orange: #FE8301;
  --bno-mellow-yellow: #FFED02;
  --bno-lively-pink: #ED8BFA;
  --bno-cool-gray: #EBEAE8;
  --bno-slack-black: #000000;
  --bno-paper: #FFFFFF;
  --bno-soft-orange: #ffd9ba;
  --bno-soft-yellow: #fff3b8;
  --bno-shadow-panel: 0 0 14px rgba(0,0,0,.045), 0 3px 7px rgba(0,0,0,.022);

  --bno-squiggle: linear-gradient(95deg, var(--bno-mellow-yellow) 0%, var(--bno-fiery-orange) 55%, var(--bno-lively-pink) 100%);
  --bno-squiggle-soft: linear-gradient(120deg, #FFF6C8 0%, #FFE1B3 35%, #FCD6E6 75%, #F7DBFB 100%);

  --color-bg: var(--bno-paper);
  --color-bg-alt: var(--bno-cool-gray);
  --color-bg-invert: var(--bno-slack-black);
  --color-fg: var(--bno-slack-black);
  --color-fg-muted: #575555;
  --color-fg-subtle: #8A8888;
  --color-fg-invert: var(--bno-paper);
  --color-accent: var(--bno-fiery-orange);
  --color-border: #E6E5E3;
  --color-border-strong: var(--bno-slack-black);

  --font-display: "Fraunces","Fraunces 72pt Soft",Georgia,"Times New Roman",serif;
  --font-sans: "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;

  --size-body: 16px;
  --size-body-sm: 14px;
  --size-label: 12px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px;

  --radius-sm:8px; --radius-md:14px; --radius-lg:24px; --radius-pill:999px;

  --page-max:1180px;
  --header-h:72px;
  --gutter: max(20px, calc((100vw - var(--page-max)) / 2));

  /* Grader alias tokens */
  --en-orange: var(--bno-fiery-orange);
  --en-black:  var(--bno-slack-black);
  --en-white:  var(--bno-paper);
  --en-muted:  rgba(0,0,0,.66);
  --en-line:   rgba(0,0,0,.14);
  --en-shadow: var(--bno-shadow-panel);
  --en-motion-ease: cubic-bezier(.23,1,.32,1);
  --en-motion-fast: 180ms;
  --en-soft-orange: rgba(254,131,1,.14);
  --en-card-glow: rgba(254,131,1,.28);
}

/* =========================================================================
   RESET + BASE
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
:root { color-scheme: light; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { margin:0; overflow-x:hidden; font-family:var(--font-sans); font-size:var(--size-body); line-height:1.5; color:var(--color-fg); background:var(--color-bg); }
img, svg { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,h4 { font-family:var(--font-display); font-weight:400; letter-spacing:.01em; line-height:1.0; margin:0 0 16px; color:var(--color-fg); text-wrap:balance; }
p { margin:0 0 16px; text-wrap:pretty; }
:where(a,button,input,select,.btn):focus-visible { outline:2.5px solid var(--bno-fiery-orange); outline-offset:2px; border-radius:var(--radius-sm); }

/* =========================================================================
   LAYOUT UTILITIES
   ========================================================================= */
.container { width:100%; max-width:var(--page-max); margin-inline:auto; padding-inline:20px; }
.container.narrow { max-width:860px; }
.section-pad { padding:96px var(--gutter); }
.bg-ink  { background:var(--bno-slack-black); color:var(--bno-paper); }
.bg-cool { background:var(--bno-cool-gray); }

/* =========================================================================
   EYEBROW + SECTION HEAD
   ========================================================================= */
.eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  margin:0 0 18px;
  font:900 11px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase;
  color:var(--bno-fiery-orange);
}
.eyebrow::before {
  content:""; width:34px; height:7px; border-radius:var(--radius-pill);
  background:var(--bno-fiery-orange);
}
.section-head { max-width:900px; margin:0 0 48px; }
.section-head.center { margin-inline:auto; text-align:center; }
.section-head.center .eyebrow { margin-inline:auto; }
.section-head h2 { font-size:clamp(32px,4vw,54px); line-height:.98; margin:0 0 18px; }
.section-head p { color:var(--color-fg-muted); font-size:18px; }
.bg-ink .section-head h2 { color:var(--bno-paper); }
.bg-ink .section-head p { color:rgba(255,255,255,.74); }

/* =========================================================================
   BUTTONS
   ========================================================================= */
.btn {
  min-height:50px; padding:0 26px;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:1.5px solid var(--bno-slack-black); border-radius:var(--radius-pill);
  font:850 15px/1 var(--font-sans); text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:transform var(--en-motion-fast) ease, background var(--en-motion-fast) ease,
              color var(--en-motion-fast) ease, border-color var(--en-motion-fast) ease;
}
.btn:hover, .btn:focus-visible { transform:translateY(-1px); outline:none; }
.btn:active { transform:translateY(1px) scale(.98); }
.btn-primary   { color:var(--bno-paper); background:var(--bno-slack-black); }
.btn-primary:hover { color:var(--bno-slack-black); background:var(--bno-fiery-orange); border-color:var(--bno-fiery-orange); }
.btn-accent    { color:var(--bno-slack-black); background:var(--bno-fiery-orange); }
.btn-accent:hover  { background:var(--bno-mellow-yellow); border-color:var(--bno-mellow-yellow); }
.btn-outline   { color:var(--bno-slack-black); background:transparent; }
.btn-outline:hover { background:var(--bno-fiery-orange); border-color:var(--bno-fiery-orange); }
.btn-light     { color:var(--bno-slack-black); background:var(--bno-paper); }
.btn-light:hover   { background:var(--bno-fiery-orange); border-color:var(--bno-fiery-orange); }
.btn-lg { min-height:58px; padding:0 34px; font-size:17px; }
.btn-block { width:100%; }

/* =========================================================================
   PANEL / CARD
   ========================================================================= */
.panel {
  background:var(--bno-paper);
  border:1.5px solid var(--bno-slack-black);
  border-radius:8px; padding:24px;
  box-shadow:var(--en-shadow);
}
.panel-cool { background:var(--bno-cool-gray); }

@media (hover:hover) and (pointer:fine) {
  .lift { transition:transform var(--en-motion-fast) var(--en-motion-ease),
                     box-shadow var(--en-motion-fast) var(--en-motion-ease); }
  .lift:hover { transform:translateY(-4px); box-shadow:0 20px 44px -20px var(--en-card-glow), var(--en-shadow); }
}

/* =========================================================================
   SCROLL REVEAL
   ========================================================================= */
.reveal-ready [data-reveal] {
  opacity:0; transform:translateY(16px);
  transition:opacity 520ms ease, transform 520ms ease;
  transition-delay:var(--reveal-delay,0ms);
}
.reveal-ready [data-reveal].is-visible { opacity:1; transform:translateY(0); }

/* =========================================================================
   HEADER
   ========================================================================= */
.site-header {
  position:sticky; top:0; z-index:60;
  min-height:var(--header-h);
  max-width:calc(var(--page-max) + 48px); margin:0 auto;
  padding:14px 24px;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--en-line);
  backdrop-filter:blur(18px);
}
.brand-link {
  display:inline-flex; align-items:center; gap:10px;
  color:var(--bno-slack-black); font-weight:900; font-size:17px;
}
.brand-link img { width:34px; height:34px; }
.header-actions { display:inline-flex; align-items:center; gap:12px; justify-self:end; }

/* =========================================================================
   HERO
   ========================================================================= */
.hero {
  padding-top:64px; padding-bottom:80px;
  background:
    radial-gradient(ellipse 80% 60% at 70% -20%, rgba(254,131,1,.09) 0%, transparent 70%),
    var(--bno-paper);
}
.hero-grid {
  max-width:var(--page-max); margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:clamp(32px,5vw,72px); align-items:start;
}
.hero-copy { padding-top:8px; }
.hero-tag { font:900 12px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--bno-fiery-orange); margin:0 0 20px; display:inline-flex; align-items:center; gap:10px; }
.hero-tag::before { content:""; display:block; width:34px; height:7px; border-radius:var(--radius-pill); background:var(--bno-fiery-orange); }
.hero-copy h1 { font-size:clamp(34px,4.8vw,62px); line-height:.97; margin:0 0 22px; }
.hero-copy h1 em { font-style:italic; color:var(--bno-fiery-orange); }
.hero-sub { font-size:clamp(17px,2vw,20px); line-height:1.5; color:var(--color-fg-muted); margin:0 0 32px; max-width:52ch; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:28px; }
.hero-trust { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--color-fg-subtle); font-weight:600; }
.hero-trust span { width:6px; height:6px; border-radius:50%; background:var(--bno-fiery-orange); display:inline-block; }

/* Hero right — mockup panel */
.hero-mockup-wrap { position:sticky; top:calc(var(--header-h) + 18px); }
.hero-mockup {
  border:1.5px solid var(--bno-slack-black); border-radius:14px;
  background:var(--bno-paper); box-shadow:0 24px 56px -16px rgba(0,0,0,.18), var(--en-shadow);
  overflow:hidden;
}
.mockup-chrome {
  display:flex; align-items:center; gap:8px; padding:11px 16px;
  background:var(--bno-cool-gray); border-bottom:1px solid var(--en-line);
}
.mockup-dot { width:10px; height:10px; border-radius:50%; }
.mockup-dot.red   { background:#FF5F57; }
.mockup-dot.yell  { background:#FFBD2E; }
.mockup-dot.grn   { background:#28C941; }
.mockup-url { flex:1; text-align:center; font:700 12px/1 var(--font-sans); color:var(--color-fg-subtle); background:var(--bno-paper); border:1px solid var(--en-line); border-radius:6px; padding:5px 12px; }
.mockup-badge {
  font:900 10px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase;
  padding:4px 10px; border-radius:var(--radius-pill); background:rgba(254,131,1,.14); color:var(--bno-fiery-orange);
}
.mockup-body { padding:20px; }
.mockup-img-wrap { border-radius:8px; overflow:hidden; border:1px solid var(--en-line); background:var(--bno-cool-gray); }
.mockup-img-wrap img { width:100%; height:auto; display:block; }
.mockup-caption {
  margin-top:12px; font-size:13px; line-height:1.45; color:var(--color-fg-muted); font-weight:600;
  display:flex; align-items:center; gap:6px;
}
.mockup-caption::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--bno-fiery-orange); flex-shrink:0; }

/* =========================================================================
   PAIN SCENE  (story section — dark)
   ========================================================================= */
.pain-section {
  background:var(--bno-slack-black); color:var(--bno-paper);
  padding:96px var(--gutter);
}
.pain-section .eyebrow { color:var(--bno-fiery-orange); }
.pain-inner { max-width:860px; }
.pain-section h2 { color:var(--bno-paper); font-size:clamp(32px,4vw,54px); line-height:.98; margin:0 0 24px; }
.pain-section h2 em { font-style:italic; color:var(--bno-fiery-orange); }
.pain-scene {
  margin:36px 0 0; padding:28px 32px; border-radius:12px;
  border-left:4px solid var(--bno-fiery-orange);
  background:rgba(255,255,255,.06);
  font-size:clamp(16px,1.8vw,19px); line-height:1.65; color:rgba(255,255,255,.88);
  font-style:italic;
}
.pain-scene cite { display:block; margin-top:14px; font-style:normal; font:700 13px/1 var(--font-sans); letter-spacing:.04em; color:var(--bno-fiery-orange); }
.pain-list { margin:32px 0 0; padding:0; list-style:none; display:grid; gap:16px; }
.pain-list li {
  padding-left:28px; position:relative;
  font-size:clamp(16px,1.8vw,18px); line-height:1.5; color:rgba(255,255,255,.82);
}
.pain-list li::before {
  content:""; position:absolute; left:0; top:6px;
  width:14px; height:14px; border-radius:50%;
  background:var(--bno-fiery-orange);
}

/* =========================================================================
   STATS SECTION
   ========================================================================= */
.stats-section { padding:96px var(--gutter); background:var(--bno-paper); }
.stats-grid {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px;
  margin-top:52px;
}
.stat-card {
  padding:28px 24px; border:1.5px solid var(--bno-slack-black); border-radius:12px;
  background:var(--bno-paper); box-shadow:var(--en-shadow);
  display:flex; flex-direction:column; gap:10px;
}
.stat-num {
  font:400 clamp(42px,5vw,64px)/.9 var(--font-display);
  color:var(--bno-fiery-orange);
}
.stat-num sup { font-size:.45em; vertical-align:super; }
.stat-desc { font-size:15px; line-height:1.5; color:var(--color-fg); font-weight:600; margin:0; }
.stat-source { font-size:11.5px; color:var(--color-fg-subtle); margin:0; font-style:italic; }

/* =========================================================================
   HOW IT WORKS  (3 steps)
   ========================================================================= */
.steps-section { padding:96px var(--gutter); background:var(--bno-cool-gray); }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:0; }
.step {
  display:grid; gap:14px; align-content:start;
  padding:28px 24px; background:var(--bno-paper);
  border:1.5px solid var(--bno-slack-black); border-radius:10px;
  box-shadow:var(--en-shadow);
}
.step-num {
  width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  background:var(--bno-slack-black); color:var(--bno-paper);
  font:800 18px/1 var(--font-sans);
}
.step h3 { margin:0; font-size:clamp(22px,2.5vw,28px); }
.step p  { margin:0; color:var(--color-fg-muted); line-height:1.55; }

/* =========================================================================
   RESULT MOCKUP SECTION
   ========================================================================= */
.result-section { padding:96px var(--gutter); background:var(--bno-paper); }
.result-layout {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(36px,5vw,72px); align-items:center;
}
.result-mockup-wrap { order:-1; }
.result-mockup-img {
  border:1.5px solid var(--bno-slack-black); border-radius:14px;
  box-shadow:0 28px 64px -20px rgba(0,0,0,.2), var(--en-shadow);
  overflow:hidden; display:block; width:100%;
}
.result-bullets { margin:28px 0 0; padding:0; list-style:none; display:grid; gap:14px; }
.result-bullets li {
  display:flex; gap:14px; align-items:flex-start;
  font-size:16px; line-height:1.5; font-weight:600;
}
.result-bullets li::before {
  content:""; flex-shrink:0; width:20px; height:20px; border-radius:50%;
  margin-top:2px; background:var(--bno-fiery-orange);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.55 17.6 4 12l1.4-1.4 4.15 4.15L18.6 5.3 20 6.7z'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.55 17.6 4 12l1.4-1.4 4.15 4.15L18.6 5.3 20 6.7z'/%3E%3C/svg%3E") center/14px no-repeat;
}
/* Foto placeholder slot */
.photo-slot {
  margin-top:28px; border-radius:12px; overflow:hidden;
  border:1.5px dashed var(--color-border); background:var(--bno-cool-gray);
  min-height:180px; display:flex; align-items:center; justify-content:center;
  color:var(--color-fg-subtle); font:600 14px/1.4 var(--font-sans); text-align:center; padding:24px;
}

/* =========================================================================
   BOOMS SCORE CTA BLOCK
   ========================================================================= */
.booms-section { padding:96px var(--gutter); background:var(--bno-cool-gray); }
.booms-inner {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px;
  max-width:var(--page-max); margin-inline:auto;
}
.booms-card {
  padding:36px 32px; border-radius:12px;
  border:1.5px solid var(--bno-slack-black); background:var(--bno-paper);
  box-shadow:var(--en-shadow); display:flex; flex-direction:column; gap:16px;
}
.booms-card.is-primary { background:var(--bno-slack-black); color:var(--bno-paper); }
.booms-card.is-primary h3 { color:var(--bno-paper); }
.booms-card.is-primary p  { color:rgba(255,255,255,.78); }
.booms-card h3 { font-size:clamp(24px,2.8vw,34px); margin:0; }
.booms-card p  { margin:0; line-height:1.6; color:var(--color-fg-muted); font-size:16px; }
.booms-card .btn { align-self:flex-start; }
/* HubSpot embed placeholder */
.hs-embed-placeholder {
  padding:20px 24px; border-radius:8px; border:1.5px dashed var(--color-border);
  background:var(--bno-cool-gray); font-size:13px; color:var(--color-fg-subtle);
  text-align:center; line-height:1.5;
}

/* =========================================================================
   FINAL CTA STRIP
   ========================================================================= */
.final-cta {
  background:var(--bno-slack-black); color:var(--bno-paper);
  padding:88px var(--gutter);
}
.final-cta__inner { max-width:820px; }
.final-cta h2 { color:var(--bno-paper); font-size:clamp(32px,4vw,54px); line-height:.98; margin:0 0 16px; }
.final-cta p  { color:rgba(255,255,255,.80); font-size:18px; max-width:56ch; margin:0 0 32px; }
.final-cta .actions { display:flex; flex-wrap:wrap; gap:14px; }

/* =========================================================================
   SQUIGGLE RULE
   ========================================================================= */
.squiggle-rule {
  width:min(100%,520px); height:2px; border:0; border-radius:var(--radius-pill);
  background:linear-gradient(90deg, var(--bno-fiery-orange), var(--bno-mellow-yellow));
}

/* =========================================================================
   FOOTER
   ========================================================================= */
.site-footer { background:var(--bno-cool-gray); border-top:1px solid var(--en-line); }
.footer-main {
  max-width:var(--page-max); margin:0 auto; padding:64px 24px 56px;
  display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr); gap:56px;
}
.footer-proof { display:flex; flex-direction:column; gap:22px; align-items:flex-start; }
.footer-logo { display:inline-flex; align-items:center; gap:10px; font-weight:900; font-size:22px; color:var(--bno-slack-black); }
.footer-logo img { width:44px; height:44px; }
.footer-proof p { max-width:34ch; margin:0; color:var(--en-muted); font-size:17px; font-weight:650; line-height:1.5; }
.footer-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2.4vw,32px); }
.footer-column { display:flex; flex-direction:column; gap:10px; }
.footer-column h3 { margin:0 0 6px; font:750 20px/1.05 var(--font-display); }
.footer-column a { margin:0; color:rgba(0,0,0,.72); font:700 14px/1.35 var(--font-sans); }
.footer-column a:hover { color:var(--bno-fiery-orange); }
.footer-brand-bar {
  min-height:90px; padding:20px 24px;
  display:grid; grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);
  align-items:center; gap:20px;
  background:var(--bno-paper); border-top:1px solid var(--en-line);
}
.footer-brand-bar img { width:42px; height:42px; justify-self:center; }
.footer-brand-bar p { margin:0; text-align:center; color:var(--bno-slack-black); font:650 clamp(18px,2vw,26px)/1.15 var(--font-display); }
.footer-brand-bar em { font-style:italic; }
.footer-social { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.footer-social a { color:rgba(0,0,0,.72); font:750 13px/1.2 var(--font-sans); }
.footer-social a:hover { color:var(--bno-fiery-orange); }
.legal { display:block; max-width:var(--page-max); margin:0 auto; padding:20px 24px 36px; font-size:12px; line-height:1.5; color:var(--en-muted); }

/* =========================================================================
   KEYFRAMES
   ========================================================================= */
@keyframes accent-slide { from { background-position:0 50%; } to { background-position:100% 50%; } }
@media (prefers-reduced-motion:no-preference) {
  .eyebrow::before { background-size:180% 100%; animation:accent-slide 5.8s ease-in-out infinite alternate; }
  .hero-tag::before { background-size:180% 100%; animation:accent-slide 5.8s ease-in-out infinite alternate; }
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:980px) {
  .hero-grid { grid-template-columns:1fr; }
  .hero-mockup-wrap { position:static; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .result-layout { grid-template-columns:1fr; }
  .result-mockup-wrap { order:0; }
  .booms-inner { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:1fr; gap:40px; }
  .footer-map { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .section-pad, .pain-section, .stats-section, .steps-section,
  .result-section, .booms-section, .final-cta { padding:72px 20px; }
  .steps-grid { grid-template-columns:1fr; }
  .footer-brand-bar { grid-template-columns:1fr; text-align:center; }
  .footer-map { grid-template-columns:1fr; }
}
@media (max-width:540px) {
  .stats-grid { grid-template-columns:1fr; }
  .hero-actions { flex-direction:column; align-items:flex-start; }
  .hero-actions .btn { width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) {
  .reveal-ready [data-reveal] { transition-delay:0ms; }
  .lift:hover { transform:none; }
  .eyebrow::before, .hero-tag::before { animation:none !important; }
}