/* English free-audit route: compact, editorial and aligned with the Spanish brand system. */
body.audit-premium { overflow-x: clip; }

.audit-skip {
  position: fixed;
  z-index: 200;
  top: 10px;
  left: 10px;
  transform: translateY(-150%);
  padding: 11px 14px;
  border-radius: 3px;
  background: var(--p2l-lime);
  color: var(--p2l-obsidian) !important;
  font: 700 10px/1 var(--p2l-mono);
  text-transform: uppercase;
}
.audit-skip:focus { transform: none; }
.audit-premium .brand-page-header { z-index: 100; background: #05070b; backdrop-filter: none; }
.audit-premium .bp-head h2 { text-wrap: balance; }

/* Hero: copy and a working audit instrument, without a generic card wall. */
.audit-hero {
  min-height: auto;
  align-items: center;
  background: var(--p2l-obsidian);
}
.audit-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 11%;
  width: 1px;
  height: 100%;
  background: rgba(183, 242, 0, .16);
}
.audit-hero .bp-hero-content {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
  gap: clamp(48px, 6vw, 84px);
  align-items: center;
  padding-block: 104px;
}
.audit-hero h1 {
  max-width: 790px;
  margin: 0;
  font-size: clamp(4.2rem, 6.65vw, 7rem);
  line-height: .9;
}
.audit-hero .bp-lead { max-width: 690px; }
.audit-panel {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border: 1px solid var(--p2l-line);
  border-radius: 7px;
  background: var(--p2l-ink);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .36);
}
.audit-panel > *:not(.audit-panel-orbit) { position: relative; z-index: 1; }
.audit-panel small,
.audit-result-list small {
  color: var(--p2l-lime);
  font: 600 9px/1.2 var(--p2l-mono);
  text-transform: uppercase;
}
.audit-panel strong {
  display: block;
  margin-top: 58px;
  font: 800 4.7rem/.88 var(--p2l-display);
}
.audit-panel p { margin: 17px 0 0; color: var(--p2l-steel); line-height: 1.7; }
.audit-scan-list {
  display: grid;
  margin: 28px 0 0;
  padding: 0;
  border-top: 1px solid var(--p2l-line);
  list-style: none;
}
.audit-scan-list li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid var(--p2l-line);
  color: #dce2e8;
  font: 600 9px/1.4 var(--p2l-mono);
  text-transform: uppercase;
}
.audit-scan-list li::after { content: "✓"; color: var(--p2l-lime); }
.audit-panel-orbit {
  position: absolute;
  z-index: 0;
  top: -90px;
  right: -70px;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(183, 242, 0, .24);
  border-radius: 50%;
}
.audit-panel-orbit::before,
.audit-panel-orbit::after {
  content: "";
  position: absolute;
  inset: 22%;
  border: 1px solid rgba(183, 242, 0, .18);
  border-radius: 50%;
}
.audit-panel-orbit::after {
  inset: 43%;
  background: var(--p2l-lime);
  box-shadow: 0 0 34px rgba(183, 242, 0, .52);
}
.audit-panel-orbit span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 1px;
  transform-origin: left center;
  background: var(--p2l-lime);
  animation: audit-scan 7s linear infinite;
}
@keyframes audit-scan { to { transform: rotate(360deg); } }

/* Outcome: a real published page and three deliberately different findings. */
.audit-analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: 18px;
  align-items: stretch;
}
.audit-browser {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(5, 7, 11, .16);
  border-radius: 8px;
  background: #070b11;
  box-shadow: 0 30px 76px rgba(5, 7, 11, .18);
}
.audit-browser-bar {
  height: 42px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  background: #0c1420;
}
.audit-browser-bar span { width: 7px; height: 7px; border-radius: 50%; background: #59616b; }
.audit-browser-bar span:first-child { background: var(--p2l-coral); }
.audit-browser-bar i {
  margin-left: 12px;
  color: var(--p2l-steel);
  font: 500 8px/1 var(--p2l-mono);
  text-transform: uppercase;
}
.audit-browser > img {
  width: 100%;
  height: calc(100% - 42px);
  min-height: 610px;
  object-fit: cover;
  object-position: top;
  filter: saturate(.72) brightness(.64);
}
.audit-browser figcaption { position: absolute; inset: 42px 0 0; }
.audit-marker {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(183, 242, 0, .52);
  border-radius: 100px;
  background: rgba(5, 7, 11, .9);
  color: white;
  font: 600 8px/1 var(--p2l-mono);
  text-transform: uppercase;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .34);
}
.audit-marker::after { content: ""; position: absolute; width: 52px; height: 1px; background: var(--p2l-lime); opacity: .75; }
.audit-marker i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p2l-lime);
  color: var(--p2l-obsidian);
  font-style: normal;
}
.audit-marker-one { top: 14%; right: 8%; }
.audit-marker-one::after { right: 100%; }
.audit-marker-two { top: 45%; left: 7%; }
.audit-marker-two::after { left: 100%; }
.audit-marker-three { right: 9%; bottom: 10%; }
.audit-marker-three::after { right: 100%; }
.audit-result-list { display: grid; gap: 10px; }
.audit-result-list article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(5, 7, 11, .14);
  border-radius: 8px;
  background: #ffffff;
}
.audit-result-list article::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: var(--p2l-coral);
  transform: scaleY(.2);
  transform-origin: top;
  transition: transform .35s ease;
}
.audit-result-list article:nth-child(2) { margin-left: 22px; background: #e8ece7; }
.audit-result-list article:nth-child(2)::after { background: var(--p2l-sky); }
.audit-result-list article:nth-child(3) { margin-left: 44px; background: var(--p2l-obsidian); color: var(--p2l-paper); }
.audit-result-list article:nth-child(3)::after { background: var(--p2l-lime); }
.audit-result-list article:hover::after { transform: scaleY(1); }
.audit-result-list article:first-child small { color: #c83a32; }
.audit-result-list h3 { margin: 22px 0 10px; font-size: clamp(1.75rem, 2.4vw, 2.5rem); line-height: 1.02; }
.audit-result-list p { margin: 0; color: #59616b; line-height: 1.65; }
.audit-result-list article:nth-child(3) p { color: var(--p2l-steel); }

/* Conversion: a connected process beside the preserved Netlify form. */
.audit-request { position: relative; background: var(--p2l-ink); }
.audit-request::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  width: 90px;
  height: 5px;
  background: var(--p2l-sky);
}
.audit-layout {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 70px;
  align-items: start;
}
.audit-copy h2 { margin: 0; font-size: clamp(3rem, 5vw, 5rem); line-height: .96; }
.audit-copy > p { color: var(--p2l-steel); line-height: 1.75; }
.audit-points { position: relative; display: grid; gap: 0; margin-top: 34px; padding-left: 15px; }
.audit-points::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 22px;
  width: 1px;
  background: var(--p2l-sky);
}
.audit-point {
  position: relative;
  min-height: 88px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
}
.audit-point small {
  z-index: 1;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--p2l-line);
  border-radius: 50%;
  background: var(--p2l-ink);
  color: var(--p2l-lime);
  font: 600 9px/1 var(--p2l-mono);
}
.audit-point h3 { margin: 0; font-size: 1.35rem; }
.audit-no-access {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  padding: 17px;
  border: 1px solid var(--p2l-line);
  border-radius: 8px;
  background: var(--p2l-obsidian);
}
.audit-no-access > span {
  width: 34px;
  height: 34px;
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
  background: var(--p2l-lime);
  color: var(--p2l-obsidian);
}
.audit-no-access p { margin: 0; color: var(--p2l-steel); font-size: .8rem; line-height: 1.55; }
.audit-no-access strong { color: var(--p2l-paper); }
.audit-form {
  padding: 34px;
  border: 1px solid var(--p2l-line);
  border-radius: 8px;
  background: var(--p2l-ink-2);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .3);
}
.audit-form h2 { margin: 0; font-size: clamp(2.4rem, 4vw, 3rem); }
.audit-form > p { color: var(--p2l-steel); line-height: 1.7; }
.audit-form-status {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: -8px 0 26px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--p2l-line);
  color: var(--p2l-steel);
  font: 600 8px/1 var(--p2l-mono);
  text-transform: uppercase;
}
.audit-form-status span:first-child { color: #dce2e8; }
.audit-form-status i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--p2l-lime);
  box-shadow: 0 0 14px rgba(183, 242, 0, .7);
}
.audit-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.audit-field { display: grid; gap: 8px; margin-top: 16px; }
.audit-field label { color: #dce2e8; font: 600 9px/1.3 var(--p2l-mono); text-transform: uppercase; }
.audit-field input,
.audit-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 3px;
  padding: 14px 15px;
  background: #070b11;
  color: var(--p2l-paper);
  font-size: 16px;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.audit-field textarea { min-height: 140px; resize: vertical; }
.audit-field input:focus,
.audit-field textarea:focus {
  border-color: var(--p2l-lime);
  background: #0a1018;
  box-shadow: 0 0 0 3px rgba(183, 242, 0, .08);
  outline: 0;
}
.audit-consent { margin: 18px 0; color: var(--p2l-steel); font-size: .78rem; line-height: 1.6; }
.audit-form .bp-button { width: 100%; min-height: 52px; border: 0; cursor: pointer; }

/* Content is visible without JavaScript. Motion begins only after enhancement. */
.audit-motion-ready [data-audit-reveal] {
  opacity: 0;
  transition: opacity .75s cubic-bezier(.22, 1, .36, 1), transform .75s cubic-bezier(.22, 1, .36, 1), filter .75s ease;
  will-change: opacity, transform;
}
.audit-motion-ready [data-audit-reveal="heading"] { transform: translateY(34px); filter: blur(5px); }
.audit-motion-ready [data-audit-reveal="copy"] { transform: translateX(28px); }
.audit-motion-ready [data-audit-reveal="media"],
.audit-motion-ready [data-audit-reveal="instrument"] { transform: translateY(26px) scale(.975); }
.audit-motion-ready [data-audit-reveal="finding"] { transform: translateX(28px); }
.audit-motion-ready [data-audit-reveal="copy-block"] { transform: translateX(-28px); }
.audit-motion-ready [data-audit-reveal].is-visible { opacity: 1; transform: none; filter: none; }
.audit-motion-ready .audit-result-list [data-audit-reveal]:nth-child(2) { transition-delay: .1s; }
.audit-motion-ready .audit-result-list [data-audit-reveal]:nth-child(3) { transition-delay: .2s; }

@media (hover: hover) and (pointer: fine) {
  .audit-premium .bp-button { transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
  .audit-premium .bp-button:hover { transform: translateY(-2px); }
}

@media (max-width: 1020px) {
  .audit-analysis-grid { grid-template-columns: 1fr; }
  .audit-browser > img { min-height: 540px; }
  .audit-result-list { grid-template-columns: repeat(3, 1fr); }
  .audit-result-list article,
  .audit-result-list article:nth-child(2),
  .audit-result-list article:nth-child(3) { min-height: 280px; margin-left: 0; }
}

@media (max-width: 900px) {
  .audit-hero .bp-hero-content,
  .audit-layout { grid-template-columns: 1fr; gap: 44px; }
  .audit-hero .audit-panel { max-width: 620px; }
}

@media (max-width: 760px) {
  .audit-motion-ready [data-audit-reveal="copy"],
  .audit-motion-ready [data-audit-reveal="finding"],
  .audit-motion-ready [data-audit-reveal="copy-block"] { transform: translateY(22px); }
  .audit-result-list { grid-template-columns: 1fr; }
  .audit-result-list article,
  .audit-result-list article:nth-child(2),
  .audit-result-list article:nth-child(3) { min-height: 0; }
}

@media (max-width: 640px) {
  .audit-hero::before { right: 18px; }
  .audit-hero .bp-hero-content { padding-block: 68px 54px; }
  .audit-hero h1 { font-size: clamp(3rem, 15vw, 3.55rem); line-height: .92; text-wrap: balance; }
  .audit-hero .bp-lead { margin-top: 20px; font-size: 1rem; line-height: 1.62; }
  .audit-hero .bp-proof-line { margin-top: 28px; gap: 8px 16px; }
  .audit-panel { padding: 22px 20px; }
  .audit-panel strong { margin-top: 42px; font-size: 3.65rem; }
  .audit-panel-orbit { opacity: .7; }
  .audit-premium .bp-section { padding-block: 62px; }
  .audit-premium .bp-head h2 { font-size: 2.65rem; text-wrap: pretty; }
  .audit-browser > img {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
    object-fit: contain;
  }
  .audit-marker { padding: 6px 8px; font-size: 7px; }
  .audit-marker::after { width: 24px; }
  .audit-marker i { width: 19px; height: 19px; }
  .audit-marker-one { top: 11%; right: 4%; }
  .audit-marker-two { top: 44%; left: 3%; }
  .audit-marker-three { right: 4%; bottom: 8%; }
  .audit-result-list article { padding: 24px 20px; }
  .audit-result-list h3 { font-size: 2rem; }
  .audit-copy h2 { font-size: 3.15rem; }
  .audit-form { padding: 24px 18px; }
  .audit-form-grid { grid-template-columns: 1fr; gap: 0; }
  .audit-form-status { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .audit-panel-orbit span { animation: none; }
  .audit-motion-ready [data-audit-reveal],
  .audit-motion-ready [data-audit-reveal].is-visible { opacity: 1; transform: none; filter: none; transition: none; }
}