/* ============================================================
   VERIXID — AUDIT / COA PAGE CSS
   ============================================================ */

/* ─── SECTION ────────────────────────────────────────────── */
.audit-section {
  width     : 100%;
  max-width : 640px;
  margin    : 3rem auto 0;
}

.audit-label {
  font-size     : 0.75rem;
  font-weight   : 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color         : #0067b8;
  margin        : 0 0 0.375rem;
}

.audit-title {
  font-size  : 1.1875rem;
  font-weight: 700;
  color      : #171717;
  margin     : 0 0 1.75rem;
}

/* ─── WHY GRID ───────────────────────────────────────────── */
.audit-why-grid {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 1rem;
}

@media (max-width: 480px) {
  .audit-why-grid { grid-template-columns: 1fr; }
}

.audit-why-card {
  background   : var(--color-surface, #111);
  border       : 1px solid var(--color-border, #2a2a2a);
  border-radius: 10px;
  padding      : 1.25rem;
}

.audit-why-emoji {
  font-size    : 1.5rem;
  margin       : 0 0 0.75rem;
  line-height  : 1;
}

.audit-why-title {
  font-size  : 0.875rem;
  font-weight: 700;
  color      : var(--color-text, #e0e0e0);
  margin     : 0 0 0.5rem;
}

.audit-why-desc {
  font-size  : 0.8375rem;
  line-height: 1.65;
  color      : rgb(74, 74, 74);
  margin     : 0;
}

/* ─── USE CASES ──────────────────────────────────────────── */
.audit-usecases {
  display       : flex;
  flex-direction: column;
  gap           : 1rem;
}

.audit-usecase {
  display    : flex;
  gap        : 1rem;
  align-items: flex-start;
  padding    : 1rem 1.25rem;
  background : var(--color-surface, #111);
  border     : 1px solid var(--color-border, #2a2a2a);
  border-radius: 10px;
}

.audit-usecase-dot {
  width        : 8px;
  height       : 8px;
  min-width    : 8px;
  border-radius: 50%;
  background   : var(--color-accent, #4ade80);
  margin-top   : 0.4rem;
  flex-shrink  : 0;
}

.audit-usecase-title {
  font-size  : 0.875rem;
  font-weight: 700;
  color      : var(--color-text, #e0e0e0);
  margin     : 0 0 0.25rem;
}

.audit-usecase-desc {
  font-size  : 0.8375rem;
  line-height: 1.6;
  color      : rgb(74, 74, 74);
  margin     : 0;
}

/* ─── PRICING ────────────────────────────────────────────── */
.audit-pricing {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap                  : 1rem;
  align-items          : start;
}

@media (max-width: 640px) {
  .audit-pricing { grid-template-columns: 1fr; }
}

.audit-price-card {
  position     : relative;
  background   : #fff;
  border       : 1px solid var(--slate-200);
  border-radius: 12px;
  padding      : 1.5rem;
  display      : flex;
  flex-direction: column;
  gap          : 1rem;
}

.audit-price-card--featured {
  border-color: rgba(74, 222, 128, 0.3);
  background  : rgba(74, 222, 128, 0.03);
}

.audit-price-badge {
  position     : absolute;
  top          : -0.625rem;
  left         : 50%;
  transform    : translateX(-50%);
  font-size    : 0.7rem;
  font-weight  : 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color        : #171717;
  background   : var(--color-accent, #4ade80);
  padding      : 0.2rem 0.75rem;
  border-radius: 999px;
  white-space  : nowrap;
}

.audit-price-header {
  display       : flex;
  flex-direction: column;
  gap           : 0.25rem;
}

.audit-price-name {
  font-size  : 0.875rem;
  font-weight: 700;
  color      : #171717;
  margin     : 0;
}

.audit-price-amount {
  font-size  : 1.375rem;
  font-weight: 800;
  color      : #0067b8;
  margin     : 0;
  letter-spacing: -0.02em;
}

.audit-price-card--featured .audit-price-amount {
  color: #0067b8;
}

.audit-price-note {
  font-size: 0.75rem;
  color    : var(--color-text-muted, #555);
  margin   : 0;
}

.audit-price-features {
  list-style : none;
  padding    : 0;
  margin     : 0;
  display    : flex;
  flex-direction: column;
  gap        : 0.5rem;
  flex       : 1;
}

.audit-price-features li {
  font-size  : 0.8125rem;
  color      : rgb(74, 74, 74);
  padding-left: 1.1rem;
  position   : relative;
  line-height: 1.5;
}

.audit-price-features li::before {
  content  : '✓';
  position : absolute;
  left     : 0;
  color    : var(--color-accent, #4ade80);
  font-size: 0.75rem;
}

.audit-price-btn {
  display        : block;
  text-align     : center;
  padding        : 0.75rem 1rem;
  background     : transparent;
  border         : 1px solid var(--color-border, #2a2a2a);
  border-radius  : 8px;
  color          : rgb(74, 74, 74);
  font-size      : 0.8375rem;
  font-weight    : 600;
  text-decoration: none;
  transition     : border-color 0.15s ease, color 0.15s ease;
}

.audit-price-btn:hover {
  border-color: var(--color-accent, #4ade80);
  color       : var(--color-accent, #4ade80);
}

.audit-price-btn--featured {
  background  : var(--color-accent, #4ade80);
  border-color: var(--color-accent, #4ade80);
  color       : #171717;
  font-weight : 700;
}

.audit-price-btn--featured:hover {
  opacity: 0.88;
  color  : #171717;
}

/* ─── PROCESS STEPS ──────────────────────────────────────── */
.audit-steps {
  display       : flex;
  flex-direction: column;
  gap           : 0;
}

.audit-step {
  display    : flex;
  gap        : 1.25rem;
  align-items: flex-start;
  padding    : 1.125rem 0;
  border-bottom: 1px solid rgb(182, 182, 182));
}

.audit-step:last-child { border-bottom: none; }

.audit-step-num {
  font-size     : 0.75rem;
  font-weight   : 700;
  font-family   : 'JetBrains Mono', monospace;
  letter-spacing: 0.05em;
  color         : #171717;
  flex-shrink   : 0;
  min-width     : 2rem;
  padding-top   : 0.15rem;
}

.audit-step-title {
  font-size  : 0.9rem;
  font-weight: 700;
  color      : #171717;
  margin     : 0 0 0.375rem;
}

.audit-step-desc {
  font-size  : 0.8375rem;
  line-height: 1.65;
  color      : rgb(74, 74, 74);
  margin     : 0;
}

.audit-step-desc a:hover {
  text-decoration: underline;
}

/* ─── NOTICE ─────────────────────────────────────────────── */
.audit-notice {
  width     : 100%;
  max-width : 640px;
  margin    : 2rem auto 0;
  text-align: center;
}

.audit-notice p {
  font-size  : 0.775rem;
  line-height: 1.7;
  color      : var(--color-text-muted, #444);
  margin     : 0;
}

/* ─── POSITION STATEMENT ─────────────────────────────────── */
.audit-position {
  width     : 100%;
  max-width : 640px;
  margin    : 2rem auto 0;
}

.audit-position-inner {
  background   : #fff;
  border       : 1px solid var(--slate-200);
  border-radius: 12px;
  padding      : 1.5rem;
}

.audit-position-label {
  font-size     : 0.7rem;
  font-weight   : 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color         : #0067b8;
  margin        : 0 0 1rem;
}

.audit-position-tiers {
  display       : flex;
  flex-direction: column;
  gap           : 0.625rem;
}

.audit-position-tier {
  display    : flex;
  align-items: center;
  gap        : 0.75rem;
  flex-wrap  : wrap;
}

.audit-position-level {
  font-size   : 0.8rem;
  font-weight : 700;
  font-family : 'JetBrains Mono', monospace;
  color       : #171717;
  min-width   : 120px;
}

.audit-position-arrow {
  color    : var(--color-text-muted, #444);
  font-size: 0.875rem;
}

.audit-position-statement {
  font-size  : 0.875rem;
  color      : rgb(74, 74, 74);
  font-style : italic;
}

/* ─── PRICING — 5 CARDS ──────────────────────────────────── */
.audit-pricing {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap                  : 1rem;
  align-items          : start;
}

@media (max-width: 640px) {
  .audit-pricing { grid-template-columns: 1fr; }
}

.audit-price-tier {
  font-size     : 0.7rem;
  font-weight   : 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color         : var(--color-text-muted, #555);
  margin        : 0 0 0.25rem;
  font-family   : 'JetBrains Mono', monospace;
}

.audit-price-card--institutional {
  grid-column  : span 1;
  border-color : rgba(163, 163, 163, 0.2);
  background   : #fff;
}

/* Rules inside card */
.audit-price-rules {
  border-top : 1px solid rgb(182, 182, 182));
  padding-top: 0.875rem;
  margin-top : auto;
}

.audit-price-rules-title {
  font-size     : 0.7rem;
  font-weight   : 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color         : var(--color-text-muted, #555);
  margin        : 0 0 0.5rem;
}

.audit-price-rules-list {
  list-style : none;
  padding    : 0;
  margin     : 0;
  display    : flex;
  flex-direction: column;
  gap        : 0.375rem;
}

.audit-price-rules-list li {
  font-size  : 0.775rem;
  color      : var(--color-text-muted, #555);
  padding-left: 1rem;
  position   : relative;
  line-height: 1.5;
}

.audit-price-rules-list li::before {
  content : '·';
  position: absolute;
  left    : 0.25rem;
  color   : var(--color-text-muted, #444);
}

/* ─── PROVE GRID ─────────────────────────────────────────── */
.audit-prove-grid {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 1rem;
}

@media (max-width: 480px) {
  .audit-prove-grid { grid-template-columns: 1fr; }
}

.audit-prove-card {
  background   : var(--color-surface, #111);
  border       : 1px solid var(--color-border, #2a2a2a);
  border-radius: 10px;
  padding      : 1.25rem;
}

.audit-prove-card--yes {
  border-color: rgba(74, 222, 128, 0.15);
  background  : rgba(74, 222, 128, 0.03);
}

.audit-prove-card--no {
  border-color: rgba(248, 113, 113, 0.15);
  background  : rgba(248, 113, 113, 0.03);
}

.audit-prove-title {
  font-size  : 0.8375rem;
  font-weight: 700;
  margin     : 0 0 0.875rem;
}

.audit-prove-card--yes .audit-prove-title { color: #171717; }
.audit-prove-card--no  .audit-prove-title { color: #f87171; }

.audit-prove-list {
  list-style : none;
  padding    : 0;
  margin     : 0;
  display    : flex;
  flex-direction: column;
  gap        : 0.5rem;
}

.audit-prove-list li {
  font-size  : 0.8125rem;
  line-height: 1.5;
  color      : rgb(74, 74, 74);
}