/* ============================================================================
   EVARA — AI Visibility Audit tool styles (loaded only on audit.html / admin)
   Brand tokens come from evara.css. Dark tool surface, glass cards, gradient.
   ========================================================================== */
/* Full-height, vertically-centred stage. Top padding clears the fixed nav
   (position:fixed, ~76px) so the card never tucks behind it. */
.aud-wrap{ position:relative; max-width:1000px; margin:0 auto; min-height:100vh; display:flex; flex-direction:column; justify-content:center;
  padding:clamp(116px,15vh,168px) var(--gutter) clamp(64px,9vw,120px); }
/* Atmospheric background — misty dawn (visibility emerging from haze), fixed
   behind the card, with a soft palette scrim for legibility + depth. */
.aud-wrap::before, .aud-wrap::after{ content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; }
.aud-wrap::before{ background:url('/assets/scenes/marsh-dusk.jpg') center 45% / cover no-repeat; }
.aud-wrap::after{ background:linear-gradient(180deg, rgba(247,240,235,.34) 0%, rgba(247,240,235,0) 26%, rgba(237,228,218,0) 58%, rgba(32,24,38,.18) 100%); }
.aud-shell{ background:linear-gradient(165deg,var(--dusk),var(--night)); border:1px solid var(--hair-d); border-radius:var(--radius-xl); padding:clamp(22px,4vw,46px); box-shadow:0 50px 120px -60px rgba(0,0,0,.8); color:var(--tx-on-dark); }
.aud-shell [hidden]{ display:none !important; }

/* ── Intake ─────────────────────────────────────────────────────────────── */
.aud-intake__k{ font-family:var(--f-mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--lavender-hi); margin-bottom:14px; }
.aud-intake h1{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.8rem,4vw,2.9rem); line-height:1.06; letter-spacing:-.01em; }
.aud-intake h1 em{ font-style:italic; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.aud-intake p.lead{ color:var(--tx-on-dark-soft); margin-top:16px; max-width:52ch; font-size:1.02rem; }

.aud-bar{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
.aud-bar input[type=url],.aud-bar input[type=text]{ flex:1 1 260px; }
.aud-field{ display:block; margin-top:16px; }
.aud-field label{ display:block; font-family:var(--f-mono); font-size:.64rem; letter-spacing:.13em; text-transform:uppercase; color:var(--tx-on-dark-mute); margin-bottom:7px; }
.aud-shell input, .aud-shell select{ width:100%; background:rgba(247,240,235,.05); border:1px solid var(--hair-d); border-radius:12px; color:var(--tx-on-dark); font:inherit; font-size:1rem; padding:14px 16px; transition:border-color .2s, background .2s; }
.aud-shell input:focus{ outline:none; border-color:var(--lavender); background:rgba(247,240,235,.08); }
.aud-shell input::placeholder{ color:var(--tx-on-dark-mute); }
.aud-row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:560px){ .aud-row2{ grid-template-columns:1fr; } }
.aud-err{ margin-top:14px; padding:12px 14px; border-radius:10px; background:rgba(255,138,138,.12); border:1px solid rgba(255,138,138,.4); color:#ffd0d0; font-size:.92rem; }
.aud-detail__sub{ color:var(--tx-on-dark-soft); margin-top:8px; font-size:.97rem; }
.aud-actions{ margin-top:24px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.btn.is-busy{ opacity:.7; pointer-events:none; }
.aud-privacy{ color:var(--tx-on-dark-mute); font-size:.82rem; margin-top:14px; }

/* ── Live run console (narrated, one thing at a time) ─────────────────────── */
.aud-run__head{ display:flex; align-items:center; gap:12px; font-family:var(--f-mono); font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; color:var(--tx-on-dark-mute); }
.aud-spin{ width:15px; height:15px; border-radius:50%; border:2px solid var(--hair-d); border-top-color:var(--lavender-hi); animation:audspin .8s linear infinite; }
@keyframes audspin{ to{ transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){ .aud-spin{ animation:none; } }

/* current-step focal block */
.aud-run__now{ display:flex; gap:18px; align-items:flex-start; margin:32px 0 26px; min-height:92px; }
.aud-run__ico{ flex:none; width:52px; height:52px; border-radius:15px; display:grid; place-items:center;
  background:linear-gradient(150deg, rgba(201,182,255,.24), rgba(255,184,138,.14)); border:1px solid var(--hair-d);
  color:var(--lavender-hi); box-shadow:0 14px 32px -16px rgba(201,182,255,.6); transition:transform .4s var(--ease-out); }
.aud-run__ico svg{ width:26px; height:26px; }
.aud-run.is-swapping .aud-run__ico{ transform:scale(.92); }
.aud-run__title{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.4rem,3vw,1.95rem); letter-spacing:-.015em; line-height:1.1; color:#fff; }
.aud-run__sub{ margin-top:9px; font-size:1.01rem; line-height:1.56; color:var(--tx-on-dark-soft); max-width:50ch; }
.aud-run__title, .aud-run__sub{ transition:opacity .35s var(--ease-out), transform .35s var(--ease-out); }
.aud-run.is-swapping .aud-run__title, .aud-run.is-swapping .aud-run__sub{ opacity:.2; transform:translateY(3px); }

/* progress bar */
.aud-run__bar{ height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.aud-run__fill{ display:block; height:100%; width:4%; border-radius:999px;
  background:linear-gradient(90deg, var(--lavender), var(--peach)); box-shadow:0 0 16px -2px var(--lavender-hi);
  transition:width .9s var(--ease-out); }
@media(prefers-reduced-motion:reduce){ .aud-run__fill{ transition:width .2s linear; } }

/* engine chips (reused) */
.aud-run__engs{ display:flex; gap:10px; margin:22px 0 0; flex-wrap:wrap; }
.aud-eng{ display:flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid var(--hair-d); font-size:.86rem; color:var(--tx-on-dark-mute); transition:.3s; }
.aud-eng__dot{ width:9px; height:9px; border-radius:50%; background:var(--tx-on-dark-mute); transition:.3s; }
.aud-eng--running{ color:var(--tx-on-dark); border-color:var(--lavender); }
.aud-eng--running .aud-eng__dot{ background:var(--lavender-hi); box-shadow:0 0 0 0 var(--lavender-hi); animation:audpulse 1.2s infinite; }
@keyframes audpulse{ 0%{ box-shadow:0 0 0 0 rgba(201,182,255,.6); } 70%{ box-shadow:0 0 0 8px rgba(201,182,255,0); } }
.aud-eng--done{ color:var(--tx-on-dark); border-color:rgba(155,233,176,.5); }
.aud-eng--done .aud-eng__dot{ background:#9be9b0; }
.aud-eng--error{ color:var(--tx-on-dark-mute); }
.aud-eng--error .aud-eng__dot{ background:#ff8a8a; }

/* current question, shown one at a time */
.aud-run__ask{ margin-top:24px; padding:18px 20px; border-radius:16px; border:1px solid var(--hair-d);
  background:rgba(255,255,255,.045); }
.aud-run__asklbl{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:.64rem; letter-spacing:.13em; text-transform:uppercase; color:var(--lavender-hi); }
.aud-run__asklbl::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--lavender-hi); animation:audpulse 1.2s infinite; }
.aud-run__askq{ margin-top:11px; font-size:1.08rem; line-height:1.45; color:#fff; min-height:1.5em; transition:opacity .3s var(--ease-out); }
.aud-run__ask.is-swapping .aud-run__askq{ opacity:.12; }
.aud-run__count{ display:block; margin-top:13px; font-family:var(--f-mono); font-size:.72rem; letter-spacing:.04em; color:var(--tx-on-dark-mute); }

/* ── Results ────────────────────────────────────────────────────────────── */
.aud-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.aud-head__name{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.5rem,3.4vw,2.2rem); }
.aud-head__url{ font-family:var(--f-mono); font-size:.82rem; color:var(--tx-on-dark-mute); margin-top:4px; }
.aud-pill{ font-family:var(--f-mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; padding:6px 12px; border-radius:999px; border:1px solid var(--hair-d); color:var(--tx-on-dark-soft); white-space:nowrap; }

.aud-engines-row{ display:flex; gap:10px; margin:22px 0 6px; flex-wrap:wrap; }
.aud-chip{ display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:14px; border:1px solid var(--hair-d); background:rgba(247,240,235,.03); }
.aud-chip__eng{ font-size:.9rem; color:var(--tx-on-dark-soft); }
.aud-chip__val{ font-family:var(--f-mono); font-weight:600; font-size:1.05rem; }
.aud-chip--ok .aud-chip__val{ color:#9be9b0; } .aud-chip--ok{ border-color:rgba(155,233,176,.4); }
.aud-chip--mid .aud-chip__val{ color:var(--peach); } .aud-chip--mid{ border-color:rgba(255,184,138,.4); }
.aud-chip--bad .aud-chip__val{ color:#ff8a8a; } .aud-chip--bad{ border-color:rgba(255,138,138,.4); }
.aud-chip--na{ color:var(--tx-on-dark-mute); }
.aud-chip--soon{ font-size:.82rem; color:var(--tx-on-dark-mute); }
.aud-chip--soon span{ font-family:var(--f-mono); font-size:.6rem; text-transform:uppercase; letter-spacing:.1em; opacity:.7; }
.aud-note{ font-size:.86rem; color:var(--tx-on-dark-mute); margin:8px 0 0; }

.aud-score{ display:flex; align-items:center; gap:clamp(20px,4vw,40px); margin:30px 0; padding:26px; border-radius:var(--radius-lg); background:rgba(247,240,235,.03); border:1px solid var(--hair-d-soft); }
.aud-donut{ --p:0; --c:var(--peach); width:132px; height:132px; flex:none; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--c) calc(var(--p)*1%), rgba(247,240,235,.08) 0); transition:background 1.1s var(--ease-out); }
@media(prefers-reduced-motion:reduce){ .aud-donut{ transition:none; } }
.aud-donut__mid{ width:104px; height:104px; border-radius:50%; background:var(--night); display:grid; place-items:center; text-align:center; line-height:1; }
.aud-donut__mid b{ font-family:var(--f-display); font-size:2.2rem; font-weight:500; }
.aud-donut__mid span{ font-family:var(--f-mono); font-size:.7rem; color:var(--tx-on-dark-mute); }
.aud-score__band{ font-family:var(--f-display); font-size:1.5rem; color:var(--lavender-hi); }
.aud-score__meta p{ color:var(--tx-on-dark-soft); margin-top:6px; font-size:.95rem; }

.aud-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:6px 0 30px; }
@media(max-width:720px){ .aud-tiles{ grid-template-columns:1fr 1fr; } }
.aud-tile{ display:flex; flex-direction:column; padding:20px; border-radius:18px; border:1px solid var(--hair-d-soft); background:rgba(247,240,235,.03); }
.aud-tile__ico{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; margin-bottom:14px; background:var(--grad); color:var(--ink); box-shadow:0 10px 24px -14px rgba(176,155,233,.9); }
.aud-tile__ico svg{ width:22px; height:22px; }
.aud-tile__h{ font-size:.98rem; font-weight:600; }
.aud-tile__sub{ font-size:.8rem; color:var(--tx-on-dark-mute); margin-top:3px; }
/* Foot pins score + bar to the bottom → they line up across all four tiles. */
.aud-tile__foot{ margin-top:auto; padding-top:16px; }
.aud-tile__val{ font-family:var(--f-mono); font-size:1.9rem; font-weight:600; line-height:1; margin-bottom:11px; }
.aud-tile__val i{ font-size:.72rem; color:var(--tx-on-dark-mute); font-style:normal; }
.aud-tile__bar{ height:6px; border-radius:4px; background:rgba(247,240,235,.09); overflow:hidden; }
.aud-tile__bar span{ display:block; height:100%; width:0; border-radius:4px; transition:width 1s var(--ease-out); }

.aud-block{ margin:clamp(40px,5.5vw,60px) 0; }
.aud-block h3{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.5rem,2.6vw,1.85rem); line-height:1.16; }
.aud-h3{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.aud-h3__ico{ width:40px; height:40px; flex:none; border-radius:11px; display:grid; place-items:center; background:rgba(176,155,233,.14); border:1px solid var(--hair-d); color:var(--lavender-hi); }
.aud-h3__ico svg{ width:21px; height:21px; }
.aud-block__sub{ color:var(--tx-on-dark-soft); font-size:1rem; line-height:1.6; margin:0 0 20px; max-width:76ch; }
.aud-two{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,34px); }
/* Inner cards are grid items — their own block margins would double the gap to
   the sections above/below (grid blocks margin-collapse). Zero them so .aud-two
   sits in the flow like a single .aud-block. */
.aud-two .aud-block{ margin:0; }
@media(max-width:640px){ .aud-two{ grid-template-columns:1fr; } }

.aud-lb{ margin-top:0; display:flex; flex-direction:column; gap:8px; }
.aud-lb__row{ display:grid; grid-template-columns:38px 1fr 120px 44px; align-items:center; gap:10px; padding:9px 12px; border-radius:12px; border:1px solid var(--hair-d-soft); font-size:.92rem; }
.aud-lb__row.is-you{ border-color:var(--lavender); background:rgba(176,155,233,.1); }
.aud-lb__rank{ font-family:var(--f-mono); color:var(--tx-on-dark-mute); font-size:.82rem; }
.aud-lb__name em{ font-style:normal; color:var(--lavender-hi); font-size:.82rem; }
.aud-lb__bar{ height:6px; border-radius:3px; background:rgba(247,240,235,.09); overflow:hidden; }
.aud-lb__bar i{ display:block; height:100%; width:0; background:var(--grad); transition:width 1s var(--ease-out); }
.aud-lb__pct{ font-family:var(--f-mono); font-size:.86rem; text-align:right; }
@media(max-width:560px){ .aud-lb__row{ grid-template-columns:32px 1fr 40px; } .aud-lb__bar{ display:none; } }

.aud-tt{ list-style:none; margin-top:0; display:flex; flex-direction:column; gap:8px; }
.aud-tt li{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 12px; border-radius:10px; border:1px solid var(--hair-d-soft); font-size:.9rem; }
.aud-tt__q{ flex:1; }
.aud-tt__n{ font-family:var(--f-mono); font-size:.7rem; padding:4px 9px; border-radius:999px; white-space:nowrap; }
.aud-tt__n.yes{ background:rgba(155,233,176,.14); color:#9be9b0; }
.aud-tt__n.no{ background:rgba(255,138,138,.12); color:#ff8a8a; }
/* Did AI cite your site */
.aud-src{ margin-top:0; }
.aud-src__badge{ display:inline-block; font-family:var(--f-mono); font-size:.7rem; letter-spacing:.04em; padding:5px 12px; border-radius:999px; margin-bottom:12px; }
.aud-src__badge--yes{ background:rgba(155,233,176,.14); color:#9be9b0; border:1px solid rgba(155,233,176,.32); }
.aud-src__badge--no{ background:rgba(255,138,138,.12); color:#ff8a8a; border:1px solid rgba(255,138,138,.32); }
.aud-src__t{ font-size:.94rem; line-height:1.6; color:var(--tx-on-dark-soft); }

.aud-qs{ list-style:none; margin-top:0; display:flex; flex-direction:column; gap:8px; }
.aud-q{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; border:1px solid var(--hair-d-soft); flex-wrap:wrap; }
.aud-q__t{ flex:1 1 220px; font-size:.92rem; }
.aud-q__m{ font-family:var(--f-mono); font-size:.72rem; padding:4px 9px; border-radius:999px; }
.aud-q__m.yes{ background:rgba(155,233,176,.14); color:#9be9b0; }
.aud-q__m.no{ background:rgba(255,138,138,.12); color:#ff8a8a; }
.aud-q__e{ font-family:var(--f-mono); font-size:.72rem; color:var(--tx-on-dark-mute); }

.aud-fixes{ list-style:none; margin-top:0; display:flex; flex-direction:column; gap:8px; }
.aud-fix{ display:flex; align-items:flex-start; gap:13px; padding:14px 16px; border-radius:12px; border:1px solid var(--hair-d-soft); }
.aud-fix__p{ font-family:var(--f-mono); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; padding:4px 6px; border-radius:6px; margin-top:1px; flex:none; width:74px; text-align:center; box-sizing:border-box; }
.aud-fix__p--high{ background:rgba(255,138,138,.14); color:#ff8a8a; }
.aud-fix__p--medium{ background:rgba(255,184,138,.14); color:var(--peach); }
.aud-fix__body{ flex:1 1 auto; min-width:0; }
.aud-fix__t{ display:block; font-size:.98rem; font-weight:600; }
.aud-fix__d{ display:block; font-size:.86rem; color:var(--tx-on-dark-soft); margin-top:4px; line-height:1.5; }
.aud-fix__by{ font-size:.74rem; color:var(--tx-on-dark-mute); flex:none; white-space:nowrap; margin-top:1px; }
@media(max-width:600px){ .aud-fix__by{ display:none; } }
/* Locked issues — title stays sharp (the reason to upgrade), how-to is withheld. */
.aud-fix--locked{ border-style:dashed; background:rgba(176,155,233,.05); }
.aud-fix--locked .aud-fix__t{ color:var(--tx-on-dark); }
.aud-fix__d--lock{ display:block; font-size:.86rem; color:var(--tx-on-dark-soft); margin-top:4px; line-height:1.5; }
.aud-fix__lockico{ flex:none; width:16px; height:16px; margin-top:2px; color:var(--lavender-hi); opacity:.8; }
.aud-fix__lockico svg{ width:100%; height:100%; display:block; }

.aud-lock{ margin-top:12px; padding:13px 16px; border-radius:12px; border:1px dashed var(--hair-d); background:rgba(176,155,233,.06); color:var(--tx-on-dark-soft); font-size:.88rem; position:relative; }
.aud-lock__link{ color:var(--lavender-hi); text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.aud-lock::before{ content:''; display:inline-block; width:13px; height:13px; margin-right:8px; vertical-align:-2px; background:var(--lavender-hi); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 0 0-6 0v3z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 0 0-6 0v3z'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Emotional "there's more beneath the surface" nudge — shown on every audit,
   regardless of how many issues the free scan surfaced. */
.aud-deeper{ margin-top:18px; padding:22px 24px; border-radius:16px;
  border:1px solid rgba(201,182,255,.34);
  background:linear-gradient(150deg, rgba(201,182,255,.16), rgba(255,184,138,.08)); }
.aud-deeper__t{ font-family:var(--f-display); font-weight:400; letter-spacing:-.01em; line-height:1.15;
  font-size:clamp(1.15rem,2.3vw,1.45rem); color:#fff; }
.aud-deeper__d{ margin-top:11px; font-size:.99rem; line-height:1.62; color:var(--tx-on-dark-soft); max-width:64ch; }
.aud-deeper__d strong{ color:#fff; }
.aud-deeper__link{ display:inline-flex; align-items:center; gap:8px; margin-top:16px;
  font-weight:600; font-size:.96rem; color:var(--lavender-hi); }
.aud-deeper__link:hover{ color:#fff; }
.aud-deeper__link .arw{ transition:transform .3s var(--ease-out); }
.aud-deeper__link:hover .arw{ transform:translateX(4px); }

/* Full-width band (sits outside .aud-body). */
.aud-upsell{ padding:clamp(40px,6vw,76px) clamp(24px,4vw,52px); background:radial-gradient(130% 90% at 50% -10%,rgba(176,155,233,.22),transparent 62%),linear-gradient(155deg,rgba(255,184,138,.06),transparent 55%),linear-gradient(165deg,var(--dusk),var(--night)); border:1px solid var(--hair-d); border-radius:var(--radius-xl); overflow:hidden; margin-top:clamp(16px,2.6vw,30px); text-align:center; box-shadow:0 50px 120px -60px rgba(0,0,0,.8); }
/* Results = a self-contained report card, with the upsell as a separate card below. */
.aud-report{ background:linear-gradient(165deg,var(--dusk),var(--night)); border:1px solid var(--hair-d); border-radius:var(--radius-xl); overflow:hidden; box-shadow:0 50px 120px -60px rgba(0,0,0,.8); }
.aud-upsell__inner{ max-width:600px; margin:0 auto; }
.aud-upsell__h{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.5rem,3.6vw,2.3rem); line-height:1.1; }
.aud-upsell__name{ position:relative; font-family:var(--f-display); font-weight:400; font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.1; letter-spacing:-.01em; color:var(--lavender-hi); width:fit-content; margin:30px auto 28px; padding:26px 0; }
/* Beautiful centred hairlines that fade out at both ends. */
.aud-upsell__name::before, .aud-upsell__name::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); width:min(320px,78%); height:1px; background:linear-gradient(90deg,transparent,rgba(201,182,255,.7),transparent); }
.aud-upsell__name::before{ top:0; }
.aud-upsell__name::after{ bottom:0; }
.aud-upsell__sub{ color:var(--tx-on-dark-soft); line-height:1.65; max-width:56ch; margin:0 auto 26px; }
.aud-upsell__list{ list-style:none; text-align:left; max-width:520px; margin:0 auto 22px; display:flex; flex-direction:column; gap:9px; }
.aud-upsell__list li{ position:relative; padding-left:28px; font-size:.95rem; color:var(--tx-on-dark-soft); }
.aud-upsell__list li::before{ content:''; position:absolute; left:0; top:3px; width:16px; height:16px; background:var(--grad); border-radius:50%; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-11'/%3E%3C/svg%3E") center/10px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-11'/%3E%3C/svg%3E") center/10px no-repeat; }
.aud-upsell__price{ font-size:1.05rem; margin-bottom:20px; }
.aud-upsell__price b{ font-family:var(--f-display); font-size:2rem; }
.aud-upsell__price span{ color:var(--tx-on-dark-mute); font-size:.9rem; }
.aud-upsell__note{ color:var(--tx-on-dark-mute); font-size:.86rem; margin-top:12px; }
.aud-upsell__reassure{ margin-top:14px; font-size:.9rem; color:var(--tx-on-dark-soft); }
.aud-indicative{ margin-top:26px; text-align:center; font-size:.82rem; color:var(--tx-on-dark-mute); max-width:60ch; margin-left:auto; margin-right:auto; }

/* ── Admin ──────────────────────────────────────────────────────────────── */
.aud-admin table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:.9rem; }
.aud-admin th,.aud-admin td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--hair-d-soft); }
.aud-admin th{ font-family:var(--f-mono); font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; color:var(--tx-on-dark-mute); }
.aud-admin a{ color:var(--lavender-hi); }
.aud-admin pre{ white-space:pre-wrap; word-break:break-word; background:rgba(0,0,0,.3); padding:16px; border-radius:12px; font-family:var(--f-mono); font-size:.78rem; max-height:70vh; overflow:auto; }

/* ── Step-2 back button ─────────────────────────────────────────────────── */
.aud-back{ background:none; border:none; color:var(--tx-on-dark-mute); font:inherit; font-size:.85rem; cursor:pointer; padding:4px 0; margin-bottom:14px; transition:color .2s; }
.aud-back:hover{ color:var(--tx-on-dark); }

/* ── Full-width results layout ──────────────────────────────────────────── */
.aud-wrap.is-results{ max-width:1280px; min-height:auto; display:block; }
.aud-shell.is-results{ padding:0; overflow:visible; background:transparent; border:none; box-shadow:none; }
/* Hero band — business identity + score, sat on a soft gradient. */
.aud-hero{ display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap;
  padding:clamp(28px,4vw,48px) clamp(24px,4vw,52px); background:linear-gradient(135deg,rgba(176,155,233,.18),rgba(255,184,138,.12)); border-bottom:1px solid var(--hair-d); }
.aud-hero__l{ min-width:0; }
.aud-hero__name{ font-family:var(--f-display); font-weight:400; font-size:clamp(1.9rem,3.6vw,2.9rem); line-height:1.04; margin-top:12px; }
.aud-hero__url{ display:inline-block; font-family:var(--f-mono); font-size:.86rem; color:var(--tx-on-dark-soft); margin-top:8px; text-decoration:none; border-bottom:1px solid transparent; }
.aud-hero__url:hover{ border-color:var(--tx-on-dark-mute); }
.aud-hero__score{ display:flex; align-items:center; gap:18px; }
.aud-hero__band{ display:flex; flex-direction:column; }
.aud-hero__band strong{ font-family:var(--f-display); font-weight:400; font-size:1.7rem; color:var(--lavender-hi); }
.aud-hero__band span{ font-size:.82rem; color:var(--tx-on-dark-soft); max-width:22ch; margin-top:2px; }
@media(max-width:600px){ .aud-hero__score{ width:100%; } }
/* Body — constrained reading width, generous rhythm, inside the full-width shell. */
.aud-body{ max-width:1080px; margin:0 auto; padding:clamp(28px,4vw,44px) clamp(24px,4vw,52px) clamp(40px,6vw,64px); }
.aud-body .aud-engines-row{ margin-top:0; }

/* ── Upsell founders ────────────────────────────────────────────────────── */
.aud-upsell__founders{ display:flex; justify-content:center; margin-bottom:6px; }
.aud-upsell__founders img{ width:76px; height:76px; border-radius:50%; object-fit:cover; object-position:center top; border:3px solid rgba(247,240,235,.9); background:var(--mist); }
.aud-upsell__founders img:nth-child(2){ margin-left:-22px; }
.aud-upsell__by{ font-family:var(--f-mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--tx-on-dark-mute); margin-bottom:18px; }

/* ── Engine chip brand logos ────────────────────────────────────────────── */
.aud-chip__logo{ width:18px; height:18px; flex:none; display:grid; place-items:center; }
.aud-chip__logo svg{ width:17px; height:17px; }
.aud-chip__logo--chatgpt{ color:#ececf1; }
.aud-chip__logo--perplexity{ color:#4fc9d4; }
.aud-chip__logo--gemini{ color:#a6c1ff; }
.aud-chip--na .aud-chip__logo{ opacity:.5; }

/* ── AI plain-English summary card (top of results body) ────────────────── */
.aud-summary{ margin-bottom:26px; padding:22px 24px; border-radius:var(--radius-lg); background:linear-gradient(150deg,rgba(176,155,233,.14),rgba(255,184,138,.08)); border:1px solid var(--hair-d); }
.aud-summary__k{ display:block; font-family:var(--f-mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lavender-hi); margin-bottom:9px; }
.aud-summary p{ font-size:1.04rem; line-height:1.65; color:var(--tx-on-dark); }
.aud-summary p + p{ margin-top:.7em; }

/* ── Round 4 tweaks ─────────────────────────────────────────────────────── */
/* Hero: "AI VISIBILITY SCORE" label above the status band, uppercase lilac. */
.aud-hero__label{ font-family:var(--f-mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lavender-hi); margin-bottom:4px; }
/* Gap between engine chips and the pillar tiles. */
.aud-tiles{ margin-top:26px; }
/* Upsell: price with the fine print on its own line; big gap before guarantee. */
.aud-upsell__price span{ display:block; margin-top:6px; font-size:.86rem; }
.aud-upsell__guarantee{ margin-top:34px; padding-top:26px; border-top:1px solid var(--hair-d); }
.aud-upsell__gh{ font-family:var(--f-display); font-weight:400; font-size:1.15rem; color:var(--tx-on-dark); margin-bottom:8px; }
.aud-upsell__guarantee p{ font-size:.92rem; line-height:1.6; color:var(--tx-on-dark-soft); max-width:46ch; margin:0 auto; }

/* ── Upsell grouped checklist + guarantee emblem ────────────────────────── */
.aud-upsell__groups{ max-width:520px; margin:6px auto 22px; text-align:left; display:flex; flex-direction:column; gap:20px; }
.aud-upsell__gt{ font-family:var(--f-mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lavender-hi); margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid var(--hair-d-soft); }
.aud-upsell__group .aud-upsell__list{ margin:0; }
.aud-guar-ico{ display:block; width:56px; height:56px; margin:0 auto 14px; filter:drop-shadow(0 12px 26px rgba(176,155,233,.4)); }
.aud-guar-ico svg{ width:100%; height:100%; }

/* ============================================================================
   AI Visibility Check widget + auto-play SIMULATION — shared by the homepage
   and the AI Visibility Audit page (js/audit-demo.js drives it).
   ========================================================================== */
.avc{ position:relative; border-radius:var(--radius-xl); overflow:hidden; color:var(--tx-on-dark);
  border:1px solid var(--glass-dark-brd); box-shadow:0 44px 100px -50px rgba(40,26,50,.6); }
.avc__scene{ position:absolute; inset:0; z-index:0; }
.avc__scene img{ width:100%; height:100%; object-fit:cover; }
.avc__scene::after{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(22,17,28,.86), rgba(28,20,38,.6)); }
.avc .display-sm{ color:var(--tx-on-dark); }
.avc .chip{ border-color:var(--hair-d); color:var(--tx-on-dark-soft); background:rgba(255,255,255,.06); }
.avc .btn--primary{ --bg:#fff; --fg:var(--ink); }
.avc__grid{ position:relative; z-index:1; display:grid; grid-template-columns:1.1fr 1fr; }
.avc__left{ padding:clamp(30px,4vw,52px); }
.avc__right{ position:relative; border-left:1px solid var(--hair-d); min-height:440px; padding:clamp(26px,3vw,40px); display:flex; flex-direction:column; background:rgba(16,12,22,.28); }
.avc__bar{ display:flex; align-items:center; gap:10px; margin-top:26px; background:rgba(12,9,16,.5); border:1px solid var(--hair-d); border-radius:999px; padding:7px 7px 7px 20px; }
.avc__bar .pfx{ font-family:var(--f-mono); color:var(--tx-on-dark-mute); align-self:center; font-size:.9rem; }
.avc__bar button{ white-space:nowrap; }
.avc__bar .btn{ transition:transform .15s var(--ease-out); }
.avc__bar .btn.is-press{ transform:scale(.93); }
.avc__url{ font-family:var(--f-mono); color:#fff; font-size:1rem; align-self:center; white-space:nowrap; overflow:hidden; }
.avc__caret{ width:2px; height:1.05em; background:var(--lavender-hi); align-self:center; margin-right:auto; animation:avcCaret 1s step-end infinite; }
@keyframes avcCaret{ 50%{ opacity:0 } }
.avc__log{ margin-top:20px; display:flex; flex-direction:column; gap:11px; flex:1; }
.avc__line{ display:flex; align-items:center; gap:12px; font-size:.9rem; color:var(--tx-on-dark-soft); opacity:.25; transform:translateY(4px); transition:.5s var(--ease-out); }
.avc__line.on{ opacity:1; transform:none; }
.avc__line .s{ width:20px; height:20px; flex:0 0 auto; border-radius:50%; border:1.5px solid var(--hair-d); display:grid; place-items:center; }
.avc__line.done .s{ border-color:var(--lavender-hi); }
.avc__line .s svg{ width:12px; height:12px; color:var(--lavender-hi); opacity:0; transition:opacity .3s; }
.avc__line.done .s svg{ opacity:1; }
.avc-engines{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.avc-eng{ display:inline-flex; align-items:center; gap:7px; font-size:.8rem; color:var(--tx-on-dark-mute); border:1px solid var(--hair-d); border-radius:999px; padding:5px 12px 5px 9px; transition:.4s var(--ease-out); }
.avc-eng__logo{ width:15px; height:15px; display:grid; place-items:center; opacity:.45; }
.avc-eng__logo svg{ width:15px; height:15px; }
.avc-eng--active{ border-color:var(--lavender-hi); color:var(--tx-on-dark-soft); }
.avc-eng--active .avc-eng__logo, .avc-eng--done .avc-eng__logo{ opacity:1; }
.avc-eng--done{ border-color:rgba(166,233,184,.5); color:#c9ecd3; }
.avc-prompts{ list-style:none; display:flex; flex-direction:column; gap:10px; margin:0 0 18px; padding:0; }
.avc-prompts li{ display:flex; align-items:center; gap:11px; font-size:.86rem; color:var(--tx-on-dark-mute); opacity:.5; transition:.4s var(--ease-out); }
.avc-prompts li.done{ opacity:1; color:var(--tx-on-dark-soft); }
.avc-p__dot{ width:15px; height:15px; border-radius:50%; border:1.5px solid var(--hair-d); flex:none; position:relative; transition:.3s; }
.avc-prompts li.done .avc-p__dot{ border-color:#a6e9b8; background:#a6e9b8; }
.avc-prompts li.done .avc-p__dot::after{ content:""; position:absolute; inset:0; background:no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151119' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-11'/%3E%3C/svg%3E"); }
.avc-sim{ border-top:1px solid var(--hair-d); opacity:0; transition:opacity .6s var(--ease-out); }
.avc-sim.show{ opacity:1; }
.avc-sim__screen{ position:relative; height:clamp(440px,58vh,640px); overflow:hidden; background:linear-gradient(165deg,var(--dusk),var(--night)); }
.avc-sim__scroll{ will-change:transform; }
.avc-sim__fade{ position:absolute; left:0; right:0; bottom:0; height:64px; pointer-events:none; background:linear-gradient(to top, rgba(14,11,19,.85), transparent); }
@media(max-width:860px){ .avc__grid{ grid-template-columns:1fr; } .avc__right{ border-left:none; border-top:1px solid var(--hair-d); } }