/* Public AEO check: the same light canvas, plum accent and white cards as the cockpit. */
@font-face {
  font-family: "ShopFlare Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/inter/inter-latin-wght-normal.woff2) format("woff2-variations");
}
.public-audit.is-aeo {
  --audit-accent: #803b8c;
  --alt-purple: #803b8c;
  --audit-soft: #f0eaf3;
  --primary: 289 36% 39%;
  --background: 240 13% 96%;
  --card: 0 0% 100%;
  --foreground: 240 7% 10%;
  --muted: 240 13% 95%;
  --muted-foreground: 240 5% 48%;
  --border: 240 12% 91%;
  --audit-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --app-font-sans: "ShopFlare Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100dvh;
  background: #f3f3f6;
  color: #45454d;
  font-family: var(--app-font-sans);
  font-size: 14px;
  line-height: 1.6;
  color-scheme: light;
}
.public-audit.is-aeo :is(h1, h2, h3) {
  font-family: var(--app-font-sans);
  color: #18181c;
  font-weight: 600;
  letter-spacing: -0.035em;
}
.public-audit.is-aeo .sf-home-header {
  --arc-background: #f3f3f6;
  --arc-foreground: #18181c;
  --arc-surface: #fff;
  --arc-surface-raised: #fff;
  --arc-surface-muted: #efedf2;
  --arc-text-secondary: #77777f;
  --arc-text-muted: #77777f;
  --arc-border: #e6e6eb;
  --arc-border-subtle: #eeeef2;
  --arc-accent: #803b8c;
  --arc-radius-control: 10px;
  --arc-shadow-floating: 0 16px 48px #201b2820;
  padding-top: 10px;
  height: 84px;
}
.public-audit.is-aeo .sf-home-header [data-header-action="primary"] {
  background: #803b8c;
  color: #fff;
  border-radius: 10px;
}
.public-audit.is-aeo .sf-home-header [data-header-panel],
.public-audit.is-aeo .sf-home-header [data-header-sheet] {
  background: #fff;
  box-shadow: 0 16px 48px #201b2820;
}
.public-audit.is-aeo .sf-home-header[data-scrolled] [data-header-surface] {
  border-color: #e6e6eb;
  background: #fffffff2;
  box-shadow: 0 8px 28px #201b2810;
  border-radius: 16px;
}
.public-audit.is-aeo .sf-home-header [data-panel-icon] {
  color: #803b8c;
  border-color: #e6e6eb;
  background: #f6f3f8;
}
.public-audit.is-aeo :is(.public-audit-nav, .public-audit-footer) {
  max-width: 1328px;
}
.public-audit.is-aeo .public-audit-nav {
  min-height: 84px;
}
.public-audit.is-aeo .public-audit-nav :is(nav > a, summary),
.public-audit.is-aeo .public-audit-nav-menu > div a {
  color: #45454d;
}
.public-audit.is-aeo .public-audit-nav-menu > div {
  background: #fff;
  border-color: #e6e6eb;
  box-shadow: 0 16px 48px #201b2820;
}
.public-audit.is-aeo .public-audit-nav :is(nav > a, summary):hover {
  background: #efedf2;
  color: #803b8c;
}
.public-audit.is-aeo .public-audit-button {
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 10px;
  background: #803b8c;
  font-size: 13px;
  font-weight: 550;
  box-shadow: 0 2px 3px #803b8c20;
  transition:
    background 160ms ease,
    box-shadow 160ms ease;
}
.public-audit.is-aeo .public-audit-button:hover {
  background: #713582;
  filter: none;
}
.public-audit.is-aeo .public-audit-button.is-outline {
  background: #fff;
  color: #45454d;
  border-color: #e6e6eb;
  box-shadow: 0 1px 2px #18181c08;
}
.public-audit.is-aeo .public-audit-button:focus-visible {
  outline: 2px solid #803b8c;
  outline-offset: 4px;
}
.aeo-audit-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(40px, 6vw, 90px);
  max-width: 1328px;
  margin: 0 auto;
  padding: 110px 40px 108px;
}
.aeo-audit-hero::before {
  position: absolute;
  z-index: -1;
  inset: 48px -24px 40px;
  background: radial-gradient(#2b233218 1px, transparent 1.2px) 0 0 / 22px 22px;
  mask-image: linear-gradient(90deg, transparent, #000 55%, transparent);
  content: "";
  pointer-events: none;
}
.aeo-audit-hero__copy {
  min-width: 0;
}
.aeo-audit-kicker,
.aeo-audit-section-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 10px/1.5 var(--audit-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.aeo-audit-kicker {
  padding: 7px 10px;
  border-radius: 5px;
  color: #fff;
  background: #19171b;
}
.aeo-audit-kicker i {
  width: 6px;
  height: 6px;
  background: #cb8abb;
}
.public-audit.is-aeo .aeo-audit-hero h1 {
  margin: 32px 0 22px;
  font-family: var(--audit-mono);
  font-size: clamp(30px, 3.05vw, 43px);
  font-weight: 450;
  letter-spacing: -0.065em;
  line-height: 1.4;
  text-wrap: balance;
}
.aeo-audit-hero h1 mark {
  padding: 0 5px 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: #fff;
  background: repeating-linear-gradient(135deg, transparent 0 7px, #ffffff18 7px 8px), #803b8c;
}
.aeo-audit-hero__copy > p {
  max-width: 530px;
  margin: 0;
  color: #77777f;
  font-size: 15px;
  line-height: 1.85;
}
.public-audit.is-aeo .public-audit-form {
  margin: 30px 0 22px;
}
.public-audit.is-aeo .public-audit-form label {
  margin-bottom: 8px;
  color: #45454d;
  font-size: 12px;
}
.public-audit.is-aeo .public-audit-form > div {
  min-height: 62px;
  padding: 6px;
  gap: 6px;
  border: 1px solid #dedee6;
  border-radius: 14px;
  background: #fff;
  box-shadow:
    0 2px 3px #20202c03,
    0 6px 20px #20202c03;
}
.public-audit.is-aeo .public-audit-form > div:focus-within {
  border-color: #a974b0;
  box-shadow: 0 0 0 3px #803b8c12;
}
.public-audit.is-aeo .public-audit-form input {
  min-height: 48px;
  padding-inline: 12px;
  color: #18181c;
  font-size: 14px;
}
.public-audit.is-aeo .public-audit-form input::placeholder {
  color: #9999a2;
}
.public-audit.is-aeo .public-audit-form .public-audit-button {
  min-height: 48px;
  padding-inline: 17px;
  border-radius: 9px;
  font-size: 12px;
}
.public-audit.is-aeo .public-audit-form small {
  color: #77777f;
  font-size: 10px;
}
.public-audit.is-aeo .public-audit-error {
  color: #b73545;
}
.aeo-audit-assurances {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  color: #77777f;
  font-size: 11px;
}
.aeo-audit-assurances span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.aeo-audit-assurances svg {
  color: #803b8c;
}
.aeo-audit-preview {
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding: 10px 0 0 30px;
}
.aeo-audit-preview__backdrop {
  position: absolute;
  z-index: -1;
  inset: 8% -18px 6% 18%;
  border: 1px dashed #d5bbdf;
  border-radius: 24px;
  background: repeating-linear-gradient(135deg, transparent 0 7px, #803b8c12 7px 8px), #eee8f2;
}
.aeo-audit-preview__summary {
  position: relative;
  width: 85%;
  padding: 22px 24px 34px;
  border: 1px solid #252126;
  border-radius: 18px;
  background: #19171b;
  color: #fff;
  box-shadow: 0 12px 24px #201b2820;
  transform: translateX(-24px) rotate(-3deg);
}
.aeo-audit-preview__summary::after {
  position: absolute;
  inset: 50% 0 0 50%;
  border-radius: inherit;
  background: repeating-linear-gradient(135deg, transparent 0 6px, #cb8abb0a 6px 7px);
  content: "";
  pointer-events: none;
}
.aeo-audit-preview__summary > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #b9b2bd;
  font-size: 12px;
}
.aeo-audit-preview__summary > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 16px;
}
.aeo-audit-preview__summary strong {
  font: 34px/1.2 var(--audit-mono);
  letter-spacing: -1px;
}
.aeo-audit-preview__summary > div > span {
  color: #b9b2bd;
  font-size: 13px;
}
.aeo-audit-preview__summary small {
  margin-left: auto;
  font: 8px/1 var(--audit-mono);
  letter-spacing: 0.06em;
  color: #cb8abb;
}
.aeo-audit-preview__summary p {
  margin: 13px 0 0;
  color: #b9b2bd;
  font-size: 10px;
}
.aeo-audit-preview__checks {
  position: relative;
  width: 93%;
  margin: -12px 0 0 auto;
  padding: 18px 20px 0;
  border: 1px solid #ededf2;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 2px 3px #20202c05,
    0 14px 32px #20202c0d;
}
.aeo-audit-preview__checks header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  color: #18181c;
  font-size: 12px;
  font-weight: 600;
}
.aeo-audit-preview__checks header > span:last-child {
  padding: 4px 6px;
  border-radius: 5px;
  background: #f5f1f7;
  color: #803b8c;
  font-size: 8px;
  font-weight: 500;
}
.aeo-audit-preview__checks ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.aeo-audit-preview__checks li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eeeef2;
  font-size: 11px;
}
.aeo-audit-preview__checks li:last-child {
  border: 0;
}
.aeo-audit-preview__status {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
}
.aeo-audit-preview__status[data-passed="true"] {
  background: #eaf5ef;
  color: #0f7a4e;
}
.aeo-audit-preview__status[data-passed="false"] {
  background: #fff4e8;
  color: #b57116;
}
.aeo-audit-preview__checks li small {
  font: 9px/1 var(--audit-mono);
  color: #77777f;
}
.aeo-audit-preview__checks li small[data-passed="false"] {
  color: #b57116;
}
.aeo-audit-preview__checks footer {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 8px -20px 0;
  padding: 12px 20px;
  border-top: 1px solid #eeeef2;
  color: #77777f;
  font-size: 10px;
}
.aeo-audit-preview__checks footer svg {
  color: #803b8c;
}
.aeo-audit-preview__caption {
  margin: 20px 0 0;
  text-align: center;
  color: #888892;
  font-size: 9px;
}
.aeo-audit-scope {
  max-width: 1328px;
  margin: 0 auto;
  padding: 0 40px 60px;
}
.aeo-audit-scope > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.aeo-audit-section-label {
  color: #888892;
  font-size: 9px;
}
.public-audit.is-aeo .aeo-audit-scope h2 {
  margin: 9px 0 0;
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.3;
}
.aeo-audit-scope > header > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  color: #803b8c;
  font-size: 11px;
}
.aeo-audit-scope__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.aeo-audit-scope article {
  padding: 24px;
  border: 1px solid #fff;
  border-radius: 18px;
  background: #fff;
  box-shadow:
    0 2px 3px #20202c03,
    0 6px 20px #20202c03;
}
.aeo-audit-scope article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.aeo-audit-scope__icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #e6e6eb;
  border-radius: 9px;
  background: #f8f7fa;
  color: #803b8c;
}
.aeo-audit-scope__number {
  color: #aaa6b0;
  font: 10px/1 var(--audit-mono);
}
.public-audit.is-aeo .aeo-audit-scope h3 {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
.aeo-audit-scope article p {
  margin: 0;
  color: #77777f;
  font-size: 12px;
  line-height: 1.85;
}
.aeo-audit-scope__note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 20px 0 0;
  color: #77777f;
  font-size: 11px;
  line-height: 1.7;
}
.aeo-audit-scope__note svg {
  flex: none;
  margin-top: 2px;
  color: #803b8c;
}
.public-audit.is-aeo .public-audit-footer {
  align-items: center;
  border-color: #e6e6eb;
  color: #77777f;
  padding-block: 28px;
  font-size: 10px;
}
.public-audit.is-aeo .public-audit-footer-brand img {
  width: 124px;
}
.public-audit.is-aeo .public-audit-progress {
  max-width: 680px;
  min-height: 65vh;
  padding: 80px 32px;
}
.public-audit.is-aeo .public-audit-progress-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: #fff;
  box-shadow:
    0 2px 3px #20202c03,
    0 6px 20px #20202c03;
}
.public-audit.is-aeo .public-audit-progress h1 {
  font-size: 30px;
}
.public-audit.is-aeo .public-audit-progress :is(p, small, .public-audit-progress-count) {
  color: #77777f;
}
.public-audit.is-aeo .public-audit-reui-progress {
  max-width: 100% !important;
  padding: 22px;
  border: 1px solid #fff;
  border-radius: 18px;
  background: #fff;
  text-align: left;
}
.public-audit.is-aeo .public-audit-reui-progress > div:first-child > span:first-child,
.public-audit.is-aeo .public-audit-reui-progress [aria-current="step"] {
  color: #18181c;
}
.public-audit.is-aeo .public-audit-reui-progress [data-slot="progress"] {
  background: #eeebf2;
}
.public-audit.is-aeo .public-audit-progress-count {
  padding: 14px;
  border-radius: 12px;
  background: #ede7f1;
  font-family: var(--audit-mono);
  font-size: 11px;
}
.public-audit.is-aeo .public-audit-progress-count [data-reui-pattern="c-spinner-9"] {
  color: #803b8c;
}
@media (max-width: 1050px) {
  .aeo-audit-hero {
    gap: 36px;
    padding: 75px 32px 80px;
  }
  .aeo-audit-preview {
    padding-left: 10px;
  }
  .aeo-audit-preview__summary {
    width: 95%;
    padding-inline: 20px;
    transform: translateX(-10px) rotate(-3deg);
  }
  .aeo-audit-preview__checks {
    width: 98%;
    padding-inline: 16px;
  }
  .aeo-audit-preview__checks footer {
    margin-inline: -16px;
    padding-inline: 16px;
  }
  .aeo-audit-scope {
    padding-inline: 32px;
  }
}
@media (max-width: 760px) {
  .aeo-audit-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 44px;
    padding: 48px 24px 60px;
  }
  .aeo-audit-hero::before {
    inset-inline: 0;
  }
  .aeo-audit-hero__copy {
    max-width: 600px;
  }
  .public-audit.is-aeo .aeo-audit-hero h1 {
    max-width: 580px;
    margin-top: 24px;
    font-size: clamp(30px, 6vw, 40px);
  }
  .aeo-audit-preview {
    width: min(100%, 480px);
    justify-self: center;
    padding: 10px 12px;
  }
  .aeo-audit-preview__backdrop {
    right: 0;
  }
  .aeo-audit-scope {
    padding: 0 24px 44px;
  }
  .aeo-audit-scope > header {
    align-items: start;
    flex-direction: column;
    gap: 12px;
  }
  .aeo-audit-scope__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .aeo-audit-scope article {
    padding: 22px;
  }
  .aeo-audit-scope article > div {
    margin-bottom: 18px;
  }
  .public-audit.is-aeo .public-audit-footer {
    margin-inline: 24px;
    padding-inline: 0;
    flex-wrap: wrap;
  }
  .public-audit.is-aeo .public-audit-footer > span {
    display: none;
  }
  .public-audit.is-aeo .public-audit-progress {
    padding: 48px 24px;
  }
}
@media (max-width: 480px) {
  .public-audit.is-aeo .public-audit-form > div {
    align-items: stretch;
    flex-direction: column;
    padding: 6px;
  }
  .public-audit.is-aeo .public-audit-form input {
    min-height: 46px;
  }
  .public-audit.is-aeo .public-audit-form .public-audit-button {
    min-height: 44px;
    width: 100%;
  }
  .aeo-audit-preview__summary {
    transform: rotate(-2deg);
  }
  .aeo-audit-preview__checks {
    width: 98%;
  }
  .aeo-audit-preview__checks header > span:last-child {
    font-size: 7px;
  }
  .aeo-audit-assurances {
    gap: 10px 14px;
    font-size: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .public-audit.is-aeo *,
  .public-audit.is-aeo *::before,
  .public-audit.is-aeo *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}