/* PAGE 2 — Get exact price owner-review animation. Isolated from locked Home. */
.audit-story-v2{
  --audit-yellow:#FDC41F;
  --audit-panel:#171717;
  --audit-panel-2:#202020;
  position:relative;
  min-height:660px;
  padding:clamp(34px,4vw,48px) clamp(28px,4vw,46px) 26px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(253,196,31,.10),transparent 31%),
    radial-gradient(circle at 14% 86%,rgba(255,255,255,.035),transparent 34%),
    linear-gradient(145deg,#151515 0%,#0e0e0e 55%,#111 100%);
  color:#fff;
}
.audit-story-v2:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.26;
  background:
    repeating-linear-gradient(118deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(28deg,rgba(255,255,255,.012) 0 1px,transparent 1px 11px);
}
.audit-v2-kicker{
  position:relative;
  z-index:3;
  margin:0 0 22px;
  color:#d9d9d4;
  font:700 clamp(16px,1.35vw,20px)/1.3 Inter,system-ui,sans-serif;
  letter-spacing:.015em;
}
.audit-v2-stage{
  position:relative;
  z-index:2;
  flex:1;
  min-height:520px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:rgba(12,12,12,.78);
  box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.audit-v2-scene{
  position:absolute;
  inset:0;
  padding:clamp(25px,3vw,34px);
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.985);
  transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s;
  pointer-events:none;
}
.audit-v2-scene.is-active{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0s;
}
.audit-v2-label{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:54px;
  color:#fff;
}
.audit-v2-label b{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  background:var(--audit-yellow);
  color:#111;
  font:850 13px/1 Inter,system-ui,sans-serif;
}
.audit-v2-label strong{
  display:block;
  font:800 clamp(21px,1.75vw,28px)/1.08 Inter,system-ui,sans-serif;
  letter-spacing:-.02em;
}
.audit-v2-label small{
  display:block;
  margin-top:5px;
  color:#a9a9a3;
  font:600 clamp(10px,.78vw,12px)/1.35 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* 01 — First scan */
.audit-v2-browser{
  position:absolute;
  left:8%;right:8%;top:112px;bottom:38px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:19px;
  background:#1c1c1c;
  box-shadow:0 20px 50px rgba(0,0,0,.34);
  overflow:hidden;
}
.audit-v2-browser-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #373737}
.audit-v2-browser-bar i{width:8px;height:8px;border-radius:50%;background:#565651}
.audit-v2-browser-bar span{margin-left:auto;color:#aaa;font:650 11px/1 Inter,system-ui,sans-serif}
.audit-v2-browser-body{position:relative;height:calc(100% - 38px);display:grid;grid-template-columns:1.45fr .55fr;gap:15px;padding:18px}
.audit-v2-browser-hero{position:relative;border-radius:13px;background:linear-gradient(135deg,#333,#202020);overflow:hidden}
.audit-v2-browser-hero:before{content:"YOUR WEBSITE";position:absolute;left:20px;top:20px;color:#fff;font:800 clamp(18px,1.55vw,24px)/1 Inter,sans-serif}
.audit-v2-browser-hero:after{content:"Pages · Products · Forms · Navigation";position:absolute;left:20px;bottom:20px;color:#b2b2ac;font:600 11px/1.3 Inter,sans-serif}
.audit-v2-browser-side{display:grid;gap:10px}.audit-v2-browser-side span{border:1px solid #3b3b3b;border-radius:10px;background:#292929}
.audit-v2-scan-ring{position:absolute;width:min(260px,46%);aspect-ratio:1;left:50%;top:58%;border:1px solid rgba(253,196,31,.68);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px rgba(253,196,31,.035),0 0 0 60px rgba(253,196,31,.018)}
.audit-v2-scan-ring:before{content:"";position:absolute;inset:-1px;border-radius:50%;border-top:4px solid var(--audit-yellow);animation:audit-v2-spin 2.1s linear infinite}
@keyframes audit-v2-spin{to{transform:rotate(360deg)}}

/* 02 — Deep audit */
.audit-v2-chip-grid{position:absolute;left:8%;right:8%;top:122px;bottom:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.audit-v2-chip{padding:21px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#1d1d1d;box-shadow:inset 0 3px 0 rgba(253,196,31,.78)}
.audit-v2-chip small{display:block;color:#aaa49a;font:700 10px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.audit-v2-chip strong{display:block;margin-top:9px;color:#fff;font:800 clamp(15px,1.15vw,19px)/1.25 Inter,sans-serif}
.audit-v2-chip p{margin:8px 0 0;color:#b9b9b3;font:500 clamp(11px,.85vw,13px)/1.45 Inter,sans-serif}

/* 03 — Proposal */
.audit-v2-proposal{position:absolute;left:10%;right:10%;top:126px;bottom:42px;padding:clamp(25px,3vw,34px);border-radius:20px;background:#f5f3ed;color:#111;box-shadow:0 24px 56px rgba(0,0,0,.36)}
.audit-v2-proposal small{display:block;color:#77716a;font:750 11px/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.audit-v2-proposal h4{margin:12px 0 10px;font:700 clamp(30px,2.55vw,42px)/1.02 Georgia,serif;letter-spacing:-.025em}
.audit-v2-proposal p{max-width:37ch;margin:0;color:#5d5a55;font:550 clamp(13px,1vw,16px)/1.5 Inter,sans-serif}
.audit-v2-proposal-lines{display:grid;gap:11px;margin-top:25px}.audit-v2-proposal-lines span{height:10px;border-radius:99px;background:#d9d6cf}.audit-v2-proposal-lines span:nth-child(2){width:78%}.audit-v2-proposal-lines span:nth-child(3){width:56%;background:var(--audit-yellow)}

/* 04 — three equal packages + readable zoom sequence. */
.audit-v2-packages-scene{padding-bottom:29px}
.audit-v2-package-row{position:absolute;left:5%;right:5%;top:108px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.audit-v2-package{position:relative;min-width:0;padding:16px 13px 15px;border:1px solid rgba(255,255,255,.19);border-radius:15px;background:#1c1c1c;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.audit-v2-package small,.audit-v2-focus-card small{display:block;color:#b4b4ae;font:800 10px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.audit-v2-package strong{display:block;margin-top:7px;color:#fff;font:800 clamp(13px,1vw,16px)/1.18 Inter,sans-serif}
.audit-v2-package p{margin:8px 0 0;color:#aaa;font:500 clamp(9px,.72vw,11px)/1.4 Inter,sans-serif}
.audit-v2-focus-stage{position:absolute;left:9%;right:9%;top:250px;bottom:34px;display:grid;place-items:center}
.audit-v2-focus-card{position:absolute;width:min(88%,420px);min-height:190px;padding:25px 27px;border:1px solid rgba(255,255,255,.30);border-radius:20px;background:linear-gradient(150deg,#242424,#181818);box-shadow:0 28px 54px rgba(0,0,0,.42),0 0 0 1px rgba(253,196,31,.04);opacity:0;transform:scale(.82);transition:opacity .48s ease,transform .62s cubic-bezier(.2,.82,.2,1)}
.audit-v2-focus-card.is-focus{opacity:1;transform:scale(1)}
.audit-v2-focus-card b{display:block;margin-top:10px;color:#fff;font:850 clamp(24px,2vw,34px)/1.05 Inter,sans-serif;letter-spacing:-.025em}
.audit-v2-focus-card p{margin:12px 0 0;color:#d0d0ca;font:550 clamp(13px,1vw,16px)/1.5 Inter,sans-serif}
.audit-v2-focus-card ul{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:6px;color:#f2f2ee;font:650 clamp(12px,.9vw,14px)/1.35 Inter,sans-serif}
.audit-v2-focus-card li:before{content:"✓";margin-right:8px;color:var(--audit-yellow);font-weight:900}
.audit-v2-focus-note{position:absolute;right:13px;top:13px;padding:6px 8px;border-radius:999px;background:rgba(253,196,31,.12);color:var(--audit-yellow);font:800 9px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.audit-v2-micro-progress{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:6px}.audit-v2-micro-progress span{width:34px;height:3px;border-radius:99px;background:#3b3b3b}.audit-v2-micro-progress span.is-active{background:var(--audit-yellow)}

/* 05 — selection */
.audit-v2-select-row{position:absolute;left:5%;right:5%;top:132px;bottom:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;align-items:stretch}
.audit-v2-select-card{position:relative;display:flex;flex-direction:column;padding:21px 16px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#1d1d1d;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s ease}
.audit-v2-select-card small{color:#aaa;font:800 10px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.audit-v2-select-card strong{margin-top:9px;color:#fff;font:850 clamp(15px,1.15vw,19px)/1.2 Inter,sans-serif}.audit-v2-select-card p{margin:11px 0 0;color:#aaa;font:500 clamp(10px,.78vw,12px)/1.45 Inter,sans-serif}
.audit-v2-select-card.is-selected{background:var(--audit-yellow);border-color:var(--audit-yellow);transform:scale(1.045);box-shadow:0 22px 46px rgba(253,196,31,.16)}
.audit-v2-select-card.is-selected small,.audit-v2-select-card.is-selected strong,.audit-v2-select-card.is-selected p{color:#111}
.audit-v2-approve{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#111;color:var(--audit-yellow);font:900 17px/1 Inter,sans-serif;opacity:0;transform:scale(.4);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.audit-v2-select-card.is-selected .audit-v2-approve{opacity:1;transform:scale(1)}
.audit-v2-pointer{position:absolute;left:50%;top:62%;width:30px;height:30px;opacity:0;transform:translate(58px,44px) rotate(-18deg);transition:opacity .25s ease,transform .65s ease}.audit-v2-pointer:before{content:"";position:absolute;width:17px;height:25px;border-radius:13px 13px 8px 8px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.3)}
.audit-v2-scene.is-clicking .audit-v2-pointer{opacity:1;transform:translate(16px,8px) rotate(-18deg)}

/* 06 — payment */
.audit-v2-payment{position:absolute;left:7%;right:7%;top:119px;bottom:40px;display:grid;grid-template-columns:.78fr 1.22fr;gap:14px}
.audit-v2-payment-summary,.audit-v2-payment-card{padding:21px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#1b1b1b}
.audit-v2-payment h4{margin:0;color:#fff;font:850 clamp(19px,1.5vw,24px)/1.15 Inter,sans-serif}.audit-v2-payment p{margin:8px 0 0;color:#aaa;font:500 clamp(10px,.8vw,12px)/1.45 Inter,sans-serif}
.audit-v2-summary-line{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:13px;border-top:1px solid #383838;color:#bdbdb7;font:650 11px/1.3 Inter,sans-serif}.audit-v2-summary-line strong{color:#fff;font-size:13px}.audit-v2-summary-total strong{color:var(--audit-yellow)}
.audit-v2-field{margin-top:13px;padding:11px 12px;border:1px solid #424242;border-radius:10px;background:#232323;color:#bcbcb6;font:650 11px/1 Inter,sans-serif}.audit-v2-field-row{display:grid;grid-template-columns:1fr .55fr;gap:9px}
.audit-v2-pay-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;min-height:43px;border-radius:11px;background:var(--audit-yellow);color:#111;font:850 12px/1 Inter,sans-serif;box-shadow:0 12px 28px rgba(253,196,31,.15)}
.audit-v2-lock{font-size:13px}

/* 07 — production starts */
.audit-v2-success{position:absolute;inset:112px 8% 48px;display:grid;place-items:center;text-align:center}.audit-v2-success-inner{max-width:430px}.audit-v2-success-mark{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 23px;border-radius:50%;border:2px solid var(--audit-yellow);color:var(--audit-yellow);font:900 42px/1 Inter,sans-serif;box-shadow:0 0 0 16px rgba(253,196,31,.035),0 0 42px rgba(253,196,31,.14)}
.audit-v2-success h4{margin:0;color:#fff;font:850 clamp(34px,3vw,50px)/1.02 Inter,sans-serif;letter-spacing:-.035em}.audit-v2-success h4 em{color:var(--audit-yellow);font-style:normal}.audit-v2-success p{max-width:34ch;margin:15px auto 0;color:#c0c0ba;font:550 clamp(13px,1vw,16px)/1.5 Inter,sans-serif}

/* Main stage progress. */
.audit-v2-nav{position:relative;z-index:3;display:flex;gap:7px;margin-top:17px}.audit-v2-nav span{height:4px;flex:1;border-radius:99px;background:#343434;transition:background .3s ease,transform .3s ease}.audit-v2-nav span.is-active{background:var(--audit-yellow);transform:scaleY(1.35)}

@media(max-width:900px){
  .audit-story-v2{min-height:640px;padding:28px 18px 22px}.audit-v2-kicker{font-size:16px;margin-bottom:17px}.audit-v2-stage{min-height:520px;border-radius:20px}.audit-v2-scene{padding:22px 18px}.audit-v2-label b{width:44px;height:44px;flex-basis:44px}.audit-v2-label strong{font-size:21px}.audit-v2-browser{left:5%;right:5%;top:108px}.audit-v2-chip-grid{left:5%;right:5%;top:116px}.audit-v2-proposal{left:6%;right:6%;top:118px}.audit-v2-package-row{left:3%;right:3%;top:105px;gap:7px}.audit-v2-package{padding:13px 9px}.audit-v2-package p{font-size:9px}.audit-v2-focus-stage{left:5%;right:5%;top:242px}.audit-v2-focus-card{width:92%;padding:22px}.audit-v2-select-row{left:3%;right:3%;top:122px;gap:7px}.audit-v2-select-card{padding:18px 11px}.audit-v2-select-card p{font-size:10px}.audit-v2-payment{left:4%;right:4%;top:112px;grid-template-columns:1fr;gap:9px}.audit-v2-payment-summary{display:none}.audit-v2-payment-card{padding:20px}.audit-v2-success{inset:105px 7% 42px}
}
@media(max-width:520px){
  .audit-story-v2{min-height:610px}.audit-v2-stage{min-height:490px}.audit-v2-label strong{font-size:19px}.audit-v2-label small{font-size:9px}.audit-v2-chip-grid{grid-template-columns:1fr;gap:8px;top:110px}.audit-v2-chip{padding:13px 15px}.audit-v2-chip p{display:none}.audit-v2-package p{display:none}.audit-v2-focus-stage{top:215px}.audit-v2-focus-card{min-height:205px}.audit-v2-select-card p{display:none}.audit-v2-select-row{top:115px;bottom:44px}.audit-v2-payment{top:106px}.audit-v2-success h4{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  .audit-v2-scene,.audit-v2-focus-card,.audit-v2-select-card,.audit-v2-approve,.audit-v2-pointer,.audit-v2-nav span{transition:none!important;animation:none!important}.audit-v2-scan-ring:before{animation:none!important}
}

/* PAGE 2 owner-review polish — expanded package hierarchy keeps its origin slot visible. */
.audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]){
  container-type:inline-size;
}
.audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-note]{
  display:none!important;
}
@container (min-width:260px){
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > small{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    padding:8px 12px;
    border-radius:8px;
    background:var(--audit-yellow)!important;
    color:#111!important;
    font:850 12px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.055em!important;
    text-transform:uppercase;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > strong{
    display:block!important;
    max-width:21ch;
    margin-top:18px!important;
    color:#fff!important;
    font:850 clamp(27px,2.2vw,34px)/1.05 Inter,system-ui,sans-serif!important;
    letter-spacing:-.035em!important;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > [data-overlay-summary]{
    display:none!important;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-rich]{
    margin-top:14px!important;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-rich] > p{
    max-width:42ch;
    margin:0!important;
    color:#d7d7d1!important;
    font:560 clamp(14px,1.02vw,17px)/1.47 Inter,system-ui,sans-serif!important;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-rich] > ul{
    margin:17px 0 0!important;
    padding:0!important;
    list-style:none!important;
    display:grid!important;
    gap:8px!important;
    color:#f5f5f1!important;
    font:700 clamp(13px,.96vw,16px)/1.32 Inter,system-ui,sans-serif!important;
  }
  .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-rich] li{
    margin:0!important;
    padding:0!important;
  }
}

/* PAGE 2 owner-review micro-polish — return typography resolves before reverse zoom stops. */
.audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > small,
.audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > strong{
  transition:font-size .24s ease,line-height .24s ease,margin .24s ease,padding .24s ease,background-color .24s ease,color .24s ease,letter-spacing .24s ease;
}
@media(min-width:521px){
  @container (min-width:260px) and (max-width:420px){
    .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > small{
      display:block!important;
      width:auto;
      padding:0!important;
      border-radius:0;
      background:transparent!important;
      color:#b4b4ae!important;
      font:800 11px/1.2 Inter,system-ui,sans-serif!important;
      letter-spacing:.08em!important;
    }
    .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > strong{
      max-width:none;
      margin-top:8px!important;
      color:#fff!important;
      font:850 clamp(16px,1.35vw,22px)/1.12 Inter,system-ui,sans-serif!important;
      letter-spacing:-.02em!important;
    }
    .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) > [data-overlay-summary]{
      display:block!important;
      margin:9px 0 0!important;
      color:#bcbcb6!important;
      font:550 clamp(11px,.88vw,13px)/1.42 Inter,system-ui,sans-serif!important;
    }
    .audit-v2-packages-scene > article[aria-hidden="true"]:has([data-overlay-rich]) [data-overlay-rich]{
      margin-top:0!important;
      max-height:0!important;
      opacity:0!important;
    }
  }
}

/* PAGE 2 owner-review micro-polish — Payment scene readability and status hierarchy. */
.audit-v2-payment h4{
  font:850 clamp(23px,1.85vw,30px)/1.12 Inter,system-ui,sans-serif;
  letter-spacing:-.02em;
}
.audit-v2-payment p{
  max-width:52ch;
  margin-top:10px;
  color:#b7b7b1;
  font:550 clamp(13px,1vw,16px)/1.48 Inter,system-ui,sans-serif;
}
.audit-v2-summary-line{
  font:650 clamp(12px,.9vw,14px)/1.35 Inter,system-ui,sans-serif;
}
.audit-v2-summary-line strong{
  font-size:clamp(14px,1vw,16px);
}
.audit-v2-field{
  padding:13px 14px;
  border-radius:11px;
  font:650 clamp(12px,.9vw,14px)/1.15 Inter,system-ui,sans-serif;
}
.audit-v2-pay-button{
  min-height:58px;
  margin-top:18px;
  padding:0 18px;
  gap:10px;
  border-radius:14px;
  font:850 clamp(16px,1.25vw,19px)/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.005em;
}
.audit-v2-lock{
  font-size:18px;
}
@media(max-width:520px){
  .audit-v2-payment h4{font-size:23px}
  .audit-v2-payment p{font-size:13px}
  .audit-v2-field{font-size:12px;padding:12px 13px}
  .audit-v2-pay-button{min-height:54px;font-size:16px;margin-top:15px}
}

/* PAGE 2 owner-review regression fix — fade the origin thumb while its expanded card is active. */
.audit-v2-package{
  transition:opacity .28s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease!important;
}
.audit-v2-package:has(> small[style*="253, 196, 31"]),
.audit-v2-package:has(> small[style*="#FDC41F"]){
  opacity:0!important;
}

/* PAGE 2 owner-review regression fix — restore the approved vertical Payment composition on desktop. */
@media(min-width:901px){
  .audit-v2-payment{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr!important;
    left:8%!important;
    right:8%!important;
    top:108px!important;
    bottom:30px!important;
    gap:13px!important;
  }
}