.audit-page {
  background:
    radial-gradient(circle at 78% 7%, rgba(0,240,68,.12), transparent 34rem),
    linear-gradient(180deg, #030504 0%, #070a08 45%, #030504 100%);
}

.audit-hero {
  min-height: 880px;
  padding: 152px 0 96px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.audit-hero::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  right: -230px;
  top: 60px;
  border: 1px solid rgba(0,240,68,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(0,240,68,.018), 0 0 0 160px rgba(0,240,68,.012);
}

.audit-hero-grid {
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: 72px;
  position: relative;
  z-index: 2;
}

.offer-badge {
  width: fit-content;
  margin-bottom: 25px;
  padding: 8px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(0,240,68,.42);
  border-radius: 999px;
  background: rgba(0,240,68,.06);
  color: #d9ffdf;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
}

.offer-badge span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 13px var(--green);
}

.audit-hero h1 {
  max-width: 720px;
  font-size: clamp(56px, 6.1vw, 88px);
}

.audit-lead {
  max-width: 690px;
  color: #c5cbc6;
  font-size: clamp(18px, 1.75vw, 21px);
}

.audit-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.audit-trust-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  color: #aeb6b0;
  font-size: 13px;
}

.audit-trust-line i,
.credential-line i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
}

.audit-dashboard {
  min-height: 620px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-glow {
  position: absolute;
  width: 76%;
  height: 76%;
  background: rgba(0,240,68,.15);
  filter: blur(85px);
  border-radius: 50%;
}

.dashboard-shell {
  width: min(100%, 530px);
  min-height: 510px;
  position: relative;
  padding: 24px;
  border: 1px solid rgba(0,240,68,.38);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(14,23,17,.94), rgba(4,8,6,.97)),
    #050706;
  box-shadow: 0 38px 110px rgba(0,0,0,.48), inset 0 0 40px rgba(0,240,68,.035);
  overflow: hidden;
}

.dashboard-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .15;
  background-image:
    linear-gradient(rgba(0,240,68,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,240,68,.16) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 28%, #000 100%);
}

.dashboard-topline,
.impact-card,
.opportunity-list,
.mini-matrix {
  position: relative;
  z-index: 2;
}

.dashboard-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #d9dedb;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
}

.dashboard-topline em {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(0,240,68,.11);
  color: var(--green-2);
  font-style: normal;
  font-size: 9px;
}

.impact-main {
  width: 50%;
  min-height: 142px;
  margin-top: 28px;
  padding: 18px;
  border: 1px solid rgba(0,240,68,.33);
  border-radius: 18px;
  background: rgba(0,240,68,.055);
}

.impact-main small {
  display: block;
  color: #98a19b;
  font-size: 9px;
  letter-spacing: .12em;
}

.impact-main strong {
  display: block;
  margin-top: 12px;
  color: var(--green);
  font-size: 46px;
  line-height: 1;
  text-shadow: 0 0 28px rgba(0,240,68,.34);
}

.impact-main span {
  color: #d6dcd8;
  font-size: 13px;
}

.opportunity-list {
  margin-top: 18px;
  display: grid;
  gap: 9px;
}

.opportunity-list div {
  min-height: 53px;
  padding: 0 13px;
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}

.opportunity-list b {
  color: var(--green);
  font-size: 11px;
}

.opportunity-list span {
  color: #d9dedb;
  font-size: 12px;
}

.opportunity-list em {
  color: #7cff9a;
  font-style: normal;
  font-size: 9px;
}

.mini-matrix {
  width: 42%;
  height: 142px;
  position: absolute;
  right: 24px;
  top: 74px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    rgba(255,255,255,.018);
  background-size: 33.333% 33.333%;
}

.matrix-axis {
  position: absolute;
  color: #6e7871;
  font-size: 7px;
  letter-spacing: .12em;
}

.matrix-y { left: 8px; top: 8px; }
.matrix-x { right: 8px; bottom: 7px; }

.matrix-dot {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 13px var(--green);
}

.dot-one { left: 32%; top: 24%; }
.dot-two { left: 54%; top: 40%; opacity: .72; }
.dot-three { left: 74%; top: 67%; opacity: .42; }

.matrix-label {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--green-2);
  font-size: 7px;
  font-weight: 850;
}

.floating-proof {
  position: absolute;
  min-width: 180px;
  padding: 13px 15px;
  border: 1px solid rgba(0,240,68,.36);
  border-radius: 13px;
  background: rgba(4,8,6,.87);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 55px rgba(0,0,0,.36);
}

.floating-proof strong,
.floating-proof span { display: block; }
.floating-proof strong { color: var(--green); font-size: 12px; }
.floating-proof span { color: #aeb5b0; font-size: 10px; }
.proof-one { left: -24px; top: 23%; }
.proof-two { right: -26px; bottom: 19%; }

.audit-fit-strip {
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.014);
}

.fit-grid {
  min-height: 115px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.fit-grid > div {
  padding: 27px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(255,255,255,.07);
}

.fit-grid > div:first-child { border-left: 1px solid rgba(255,255,255,.07); }
.fit-grid strong { color: var(--green); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.fit-grid span { margin-top: 6px; color: #d5dad6; font-size: 14px; }

.audit-problem {
  background:
    radial-gradient(circle at 86% 22%, rgba(0,240,68,.07), transparent 27rem),
    #050706;
}

.symptom-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.symptom-card {
  min-height: 250px;
  padding: 29px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  transition: .25s ease;
}

.symptom-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,240,68,.38);
}

.audit-icon {
  color: var(--green);
  font-size: 32px;
  text-shadow: 0 0 19px rgba(0,240,68,.55);
}

.symptom-card h3 {
  margin: 24px 0 13px;
  font-size: 27px;
  line-height: 1.04;
}

.symptom-card p { margin: 0; color: var(--muted); font-size: 15px; }

.audit-deliverables {
  background: linear-gradient(180deg, #070a08, #040605);
}

.deliverables-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 78px;
  align-items: center;
}

.deliverables-copy h2,
.independence-card h2,
.audit-about-copy h2,
.apply-copy h2 {
  margin-bottom: 22px;
  font-size: clamp(44px, 5vw, 70px);
}

.deliverables-copy > p:not(.eyebrow),
.independence-card > p:not(.eyebrow),
.audit-about-copy > p,
.apply-copy > p {
  color: var(--muted);
  font-size: 18px;
}

.deliverable-checks {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 20px;
}

.deliverable-checks span {
  position: relative;
  padding: 12px 12px 12px 35px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #dce1dd;
  font-size: 14px;
}

.deliverable-checks span::before {
  content: "✓";
  position: absolute;
  left: 9px;
  color: var(--green);
  font-weight: 900;
}

.report-preview {
  min-height: 570px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.report-preview::before {
  content: "";
  position: absolute;
  width: 77%;
  height: 68%;
  border-radius: 50%;
  background: rgba(0,240,68,.13);
  filter: blur(70px);
}

.report-cover,
.report-page {
  position: absolute;
  width: 330px;
  height: 430px;
  border: 1px solid rgba(0,240,68,.31);
  border-radius: 20px;
  background: #060907;
  box-shadow: 0 28px 90px rgba(0,0,0,.46);
}

.report-cover {
  z-index: 4;
  padding: 35px;
  transform: rotate(-3deg) translateX(-20px);
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 27%, rgba(0,240,68,.15), transparent 12rem),
    linear-gradient(145deg, #0a100c, #030504);
}

.report-cover::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: -150px;
  bottom: -130px;
  border: 1px solid rgba(0,240,68,.32);
  border-radius: 50%;
  box-shadow: 0 0 0 40px rgba(0,240,68,.035), 0 0 0 80px rgba(0,240,68,.018);
}

.report-cover img { width: 120px; }
.report-cover p { margin: 115px 0 18px; color: white; font-size: 31px; font-weight: 850; line-height: 1.06; }
.report-cover span { color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: .14em; }

.report-page {
  padding: 30px;
  color: #e0e5e1;
}

.report-page small { color: var(--green); font-size: 8px; letter-spacing: .14em; }
.report-page strong { display: block; margin-top: 35px; font-size: 23px; }
.report-page i { display: block; height: 17px; margin-top: 13px; border-radius: 6px; background: rgba(255,255,255,.08); }
.page-one { z-index: 3; transform: rotate(5deg) translate(48px, 12px); }
.page-two { z-index: 2; transform: rotate(11deg) translate(89px, 25px); }

.report-quadrants {
  height: 220px;
  margin-top: 35px;
  border: 1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(90deg, transparent 49.6%, rgba(255,255,255,.12) 50%, transparent 50.4%),
    linear-gradient(transparent 49.6%, rgba(255,255,255,.12) 50%, transparent 50.4%);
  position: relative;
}

.report-quadrants i {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 14px var(--green);
}

.report-quadrants i:nth-child(1) { left: 25%; top: 20%; }
.report-quadrants i:nth-child(2) { left: 56%; top: 31%; }
.report-quadrants i:nth-child(3) { left: 72%; top: 68%; opacity: .5; }

.audit-process {
  background:
    radial-gradient(circle at 50% 100%, rgba(0,240,68,.075), transparent 32rem),
    #050706;
}

.audit-process-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 18px;
  align-items: stretch;
}

.audit-process-flow article {
  min-height: 280px;
  padding: 25px;
  border: 1px solid rgba(0,240,68,.26);
  border-radius: 18px;
  background: rgba(0,240,68,.025);
}

.audit-process-flow article em {
  color: var(--green);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.audit-process-flow .audit-icon { margin-top: 34px; }
.audit-process-flow h3 { margin: 22px 0 12px; font-size: 30px; }
.audit-process-flow p { margin: 0; color: var(--muted); font-size: 14px; }
.audit-process-flow > b { align-self: center; color: var(--green); font-size: 24px; }

.independence-section { background: #070a08; }

.independence-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 70px;
  align-items: center;
}

.independence-card {
  padding: 46px;
  border: 1px solid rgba(0,240,68,.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at 85% 15%, rgba(0,240,68,.11), transparent 16rem),
    rgba(0,240,68,.025);
}

.independence-card h2 { font-size: clamp(42px, 4.2vw, 62px); }
.independence-points { display: grid; gap: 13px; }
.independence-points div { padding: 23px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.02); }
.independence-points strong, .independence-points span { display: block; }
.independence-points strong { color: var(--green); font-size: 14px; }
.independence-points span { margin-top: 5px; color: #b7beb9; font-size: 14px; }

.audit-guarantee { padding-top: 70px; padding-bottom: 70px; }

.guarantee-box {
  min-height: 310px;
  padding: 50px 58px;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 48px;
  align-items: center;
  border: 1px solid rgba(0,240,68,.43);
  border-radius: 27px;
  background:
    radial-gradient(circle at 15% 50%, rgba(0,240,68,.13), transparent 17rem),
    linear-gradient(120deg, rgba(0,240,68,.045), rgba(255,255,255,.01));
  box-shadow: inset 0 0 50px rgba(0,240,68,.035);
}

.guarantee-mark {
  color: var(--green);
  font-size: 100px;
  font-weight: 900;
  letter-spacing: -.09em;
  text-shadow: 0 0 45px rgba(0,240,68,.3);
}

.guarantee-box h2 { margin: 0 0 16px; font-size: clamp(40px, 4vw, 61px); }
.guarantee-box p:not(.eyebrow) { margin: 0; max-width: 780px; color: var(--muted); font-size: 17px; }

.audit-about { background: #050706; }

.audit-about-grid {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 75px;
  align-items: center;
}

.audit-about-photo {
  position: relative;
}

.audit-about-photo::before {
  content: "";
  position: absolute;
  inset: 12% -8% -7% 12%;
  border: 1px solid rgba(0,240,68,.35);
  border-radius: 25px;
}

.audit-about-photo img {
  position: relative;
  width: 100%;
  max-height: 590px;
  object-fit: cover;
  object-position: center 22%;
  border-radius: 25px;
  border: 1px solid rgba(255,255,255,.11);
  filter: saturate(.83) contrast(1.03);
}

.credential-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 28px 0;
  color: #d9dedb;
  font-size: 13px;
}

.audit-faq { background: linear-gradient(180deg, #070a08, #030504); }

.faq-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 75px;
  align-items: start;
}

.faq-list { display: grid; gap: 11px; }

.faq-list details {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  overflow: hidden;
}

.faq-list summary {
  min-height: 70px;
  padding: 20px 52px 20px 22px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #e9ecea;
  font-weight: 700;
  list-style: none;
}

.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 22px; color: var(--green); font-size: 23px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { margin: 0; padding: 0 22px 22px; color: var(--muted); font-size: 14px; }

.audit-apply {
  padding-top: 90px;
  background:
    radial-gradient(circle at 15% 22%, rgba(0,240,68,.12), transparent 30rem),
    #040605;
}

.apply-box {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 65px;
  align-items: center;
  padding: 58px;
  border: 1px solid rgba(0,240,68,.41);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(0,240,68,.04), rgba(255,255,255,.012));
  box-shadow: inset 0 0 55px rgba(0,240,68,.027), 0 35px 100px rgba(0,0,0,.3);
}

.price-panel {
  padding: 32px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  background: rgba(2,5,3,.66);
}

.price-panel > p { margin: 0; color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.price { margin: 17px 0 0; display: flex; align-items: flex-start; color: white; }
.price small { padding-top: 10px; color: #9ba39d; font-size: 15px; }
.price strong { font-size: 78px; line-height: .9; letter-spacing: -.07em; }
.price-panel > span { color: #9fa7a1; font-size: 12px; }
.price-panel ul { margin: 27px 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.price-panel li { position: relative; padding-left: 25px; color: #d7dcd8; font-size: 13px; }
.price-panel li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.price-email { display: block; margin-top: 15px; text-align: center; color: #aeb6b0; font-size: 12px; }
.price-email:hover { color: white; }

@media (max-width: 1050px) {
  .audit-hero-grid,
  .deliverables-grid,
  .independence-grid,
  .audit-about-grid,
  .faq-grid,
  .apply-box { grid-template-columns: 1fr; }

  .audit-dashboard { min-height: 570px; }
  .fit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .symptom-grid { grid-template-columns: 1fr 1fr; }
  .audit-process-flow { grid-template-columns: 1fr 1fr; }
  .audit-process-flow > b { display: none; }
  .report-preview { min-height: 520px; }
  .audit-about-photo { max-width: 480px; }
}

@media (max-width: 720px) {
  .audit-hero { min-height: auto; padding: 125px 0 70px; }
  .audit-hero-grid { gap: 45px; }
  .audit-hero h1 { font-size: clamp(46px, 14vw, 64px); }
  .audit-hero-actions .button { width: 100%; }
  .audit-dashboard { min-height: 490px; }
  .dashboard-shell { min-height: 445px; padding: 17px; border-radius: 21px; }
  .impact-main { width: 52%; }
  .mini-matrix { right: 17px; top: 67px; width: 41%; }
  .opportunity-list div { grid-template-columns: 27px 1fr; }
  .opportunity-list em { display: none; }
  .floating-proof { display: none; }
  .fit-grid { grid-template-columns: 1fr; }
  .fit-grid > div { border-left: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); }
  .symptom-grid { grid-template-columns: 1fr; }
  .deliverable-checks { grid-template-columns: 1fr; }
  .report-preview { min-height: 450px; transform: scale(.86); margin: -30px -25px; }
  .audit-process-flow { grid-template-columns: 1fr; }
  .independence-card { padding: 32px 25px; }
  .guarantee-box { grid-template-columns: 1fr; padding: 35px 28px; gap: 10px; }
  .guarantee-mark { font-size: 72px; }
  .apply-box { padding: 34px 23px; }
  .price-panel { padding: 27px 21px; }
  .price strong { font-size: 67px; }
  .credential-line i { display: none; }
  .credential-line { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .symptom-card { transition: none; }
}


/* V7: cleaner hero composition after removing floating labels */
.audit-dashboard {
  overflow: visible;
}

@media (min-width: 1051px) {
  .audit-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(500px, .92fr);
    gap: 58px;
  }

  .dashboard-shell {
    margin-left: auto;
    margin-right: 0;
  }
}


/* V8: three-item fit strip */
.fit-grid > div {
  padding-left: 36px;
  padding-right: 36px;
}

@media (max-width: 900px) and (min-width: 721px) {
  .fit-grid > div {
    padding-left: 22px;
    padding-right: 22px;
  }
}