/* Webflow's strongest idea, rebuilt on DANCA's independent Cloudflare site.
   Contextual and honest demonstrations. No third-party assets, no fake telemetry. */
.danca-proof-stage {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  padding-top: 21px;
  border-top: 1px solid rgba(121,164,255,.23);
}
.danca-proof-meta {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; color: #a5dbea; font-size: .69rem; font-weight: 800;
  letter-spacing: .095em; line-height: 1.5;
}
.danca-proof-meta span:last-child { white-space: nowrap; color: #d0e3f4; font-variant-numeric: tabular-nums; }
.danca-proof-progress { margin-top: 12px; width: 100%; height: 3px; background: rgba(121,164,255,.18); border-radius: 4px; overflow: hidden; }
.danca-proof-progress span {
  display: block; width: 20%; height: 100%;
  background: linear-gradient(90deg,#79a4ff,#4ee4c1);
  transition: width .3s ease;
}
.danca-proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.danca-proof-event,.danca-proof-result {
  min-width: 0; border-radius: 14px; padding: 20px;
  border: 1px solid rgba(121,164,255,.19);
  background: rgba(4,15,28,.4);
}
.danca-proof-result {
  border-color: rgba(78,228,193,.29);
  background: linear-gradient(135deg,rgba(12,55,55,.37),rgba(4,15,28,.4));
}
.danca-proof-label {
  display: block; color: #a9c8e1; font-weight: 800;
  font-size: .66rem; letter-spacing: .09em; text-transform: none;
}
.danca-proof-stage .danca-proof-event p,.danca-proof-stage .danca-proof-result p {
  color: #eef7ff; font-size: .88rem; line-height: 1.55; margin: 8px 0 18px;
}
.danca-proof-stage .danca-proof-event p:last-child { margin-bottom: 0; color: #b5c7d9; }
.danca-proof-state {
  display: inline-flex; max-width: 100%; padding: 8px 11px; line-height: 1.3;
  border: 1px solid rgba(78,228,193,.4); border-radius: 20px;
  color: #b7fff0; background: rgba(78,228,193,.08); font-size: .75rem; font-weight: 750;
}
.danca-proof-disclaimer { display: block; color: #abbbce; font-size: .72rem; line-height: 1.5; margin-top: 15px; }
.danca-industry-preview {
  display: grid; gap: 18px;
  padding: clamp(20px,4vw,34px);
  border-top: 1px solid rgba(121,164,255,.2);
  background: linear-gradient(140deg,rgba(13,31,52,.84),rgba(6,19,34,.95));
}
.danca-industry-preview-header {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.danca-industry-preview-header h4 {
  margin: 8px 0 2px; font-size: clamp(1.18rem,2vw,1.45rem); color: #f7fbff; line-height: 1.2;
}
.danca-industry-preview-header p { margin: 2px 0 0; color: #b6c7da; font-size: .9rem; }
.danca-industry-state {
  display: inline-flex; align-items: center; flex: 0 0 auto; max-width: 100%;
  border-radius: 24px; border: 1px solid rgba(121,164,255,.34);
  color: #d6e7ff; background: rgba(121,164,255,.09); padding: 8px 13px;
  line-height: 1.35; font-size: .76rem; font-weight: 750;
}
.danca-industry-preview-body {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px;
  border-radius: 15px; padding: 22px; background: rgba(4,15,29,.45);
  border: 1px solid rgba(121,164,255,.11);
}
.danca-industry-preview-body ul {
  margin: 13px 0 0; padding: 0; display: grid; gap: 9px; list-style: none;
}
.danca-industry-preview-body li { position: relative; padding-left: 21px; color: #e4ecf8; font-size: .87rem; line-height: 1.5; }
.danca-industry-preview-body li::before { content: "✓"; position: absolute; left: 0; color: #7ee4c9; font-weight: 900; }
.danca-industry-preview-body p { color: #e4ecf8; font-size: .88rem; line-height: 1.6; margin: 13px 0 15px; }
.danca-subtle-link {
  display: inline-flex; align-items: center; gap: 5px; min-height: 44px;
  color: #b7d9ff; font-size: .83rem; font-weight: 700;
  text-decoration-thickness: 1px; text-underline-offset: 4px;
}
.danca-subtle-link:hover,.danca-subtle-link:focus-visible { color: #b9ffee; }
.danca-receive { border: 1px solid rgba(121,164,255,.19); border-radius: 20px; padding: clamp(24px,4vw,38px); background: linear-gradient(115deg,rgba(20,42,69,.78),rgba(8,21,37,.92)); }
.danca-receive h2 { max-width: 820px; margin: 14px 0 12px; }
.danca-receive > p { max-width: 720px; color: var(--muted); }
.danca-receive-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 24px 0 25px; }
.danca-receive-points > div { padding: 21px; border-radius: 14px; border: 1px solid rgba(121,164,255,.18); background: rgba(0,0,0,.1); }
.danca-receive-points small { display: inline-block; margin-bottom: 7px; color: #8edaca; font-weight: 800; letter-spacing: .01em; }
.danca-receive-points strong { display: block; font-size: .98rem; color: #f6fbff; }
.danca-receive-points p { margin: 7px 0 0; font-size: .81rem; color: #bdccda; }
.danca-receive .danca-receive-note { font-size: .75rem; color: #adbfd1; }
.danca-diag-deliverables { display: grid; gap: 15px; margin-top: 22px; }
.danca-diag-deliverable { display: grid; grid-template-columns: 29px 1fr; gap: 12px; align-items: start; }
.danca-diag-deliverable > span {
  color: #89f0d5; font-size: .72rem; font-weight: 800;
  border-radius: 9px; display: grid; place-items: center;
  width: 29px; height: 29px; background: rgba(78,228,193,.09); border: 1px solid rgba(78,228,193,.21);
}
.danca-diag-deliverable strong { font-size: .88rem; color: #f2f8ff; }
.danca-diag-deliverable p { font-size: .81rem; margin: 3px 0 0; color: #b7c9d8; line-height: 1.55; }
.danca-diag-privacy { border-top: 1px solid var(--line); padding-top: 17px; margin-top: 18px; color: #b7c9d8; font-size: .79rem; }
@media(max-width:850px){
  .danca-proof-grid,.danca-industry-preview-body { grid-template-columns: 1fr; }
  .danca-receive-points { grid-template-columns: 1fr; }
}
@media(max-width:600px){
  .danca-proof-meta { letter-spacing: 0; font-size: .64rem; }
  .danca-proof-stage .danca-proof-event p,.danca-proof-stage .danca-proof-result p { font-size: .85rem; }
  .danca-industry-preview-body { padding: 16px; gap: 18px; }
  .danca-industry-preview-header { align-items: start; }
}
@media(prefers-reduced-motion:reduce){ .danca-proof-progress span { transition: none; } }