.oa-adlv {
  position: relative;
  isolation: isolate;
  background: var(--oa-bg-darker);
  overflow: hidden;
  color: var(--oa-text-white);
  box-sizing: border-box;
}
.oa-adlv-code-bg {
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  min-width: 100%;
  height: 524px;
  transform: translateX(-50%) rotate(180deg);
  overflow: hidden;
  pointer-events: none;
}
.oa-adlv-code-bg::before,
.oa-adlv-code-bg > span {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--oa-green-500);
  -webkit-mask: url('../images/about-hero-code-pattern.png') center top / cover no-repeat;
  mask: url('../images/about-hero-code-pattern.png') center top / cover no-repeat;
  opacity: .09;
}
.oa-adlv-code-bg > span {
  -webkit-mask-image:
    url('../images/about-hero-code-pattern.png'),
    radial-gradient(circle 175px at var(--oa-adlv-pointer-x, 50%) var(--oa-adlv-pointer-y, 50%), #000 0 18%, rgba(0,0,0,.58) 48%, rgba(0,0,0,.16) 76%, transparent 100%);
  -webkit-mask-position: center top, 0 0;
  -webkit-mask-size: cover, 100% 100%;
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-composite: source-in;
  mask-image:
    url('../images/about-hero-code-pattern.png'),
    radial-gradient(circle 175px at var(--oa-adlv-pointer-x, 50%) var(--oa-adlv-pointer-y, 50%), #000 0 18%, rgba(0,0,0,.58) 48%, rgba(0,0,0,.16) 76%, transparent 100%);
  mask-position: center top, 0 0;
  mask-size: cover, 100% 100%;
  mask-repeat: no-repeat, no-repeat;
  mask-composite: intersect;
  opacity: 0;
  transition: opacity .24s ease;
  will-change: mask-image, opacity;
}
.oa-adlv.is-bg-active .oa-adlv-code-bg > span { opacity: .86; }
.oa-adlv *, .oa-adlv *::before, .oa-adlv *::after { box-sizing: border-box; }
.oa-adlv img { display: block; max-width: 100%; }
.oa-adlv p, .oa-adlv h2, .oa-adlv h3 { margin: 0; }

.oa-adlv-bg {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  min-width: 100%;
  height: 710px;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.oa-adlv-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../images/19%202.png') center top / 1440px 710px repeat-x;
  opacity: 1;
}
.oa-adlv-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 35, 42, .52) 0%,
    rgba(0, 35, 42, .58) 48%,
    rgba(0, 35, 42, .78) 76%,
    var(--oa-bg-darker) 100%
  );
}

.oa-adlv-wrap {
  position: relative;
  z-index: 1;
  padding: 128px var(--oa-content-padding) 177px;
}

.oa-adlv-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}

.oa-adlv-intro { flex: 0 1 480px; max-width: 480px; min-width: 0; }
.oa-adlv-eyebrow {
  font-family: var(--oa-font-mono);
  font-size: 13px;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: var(--oa-green-500);
  margin-bottom: 20px;
}
.oa-adlv-headline {
  font-family: var(--oa-font-heading);
  font-weight: 400;
  font-size: 38px;
  line-height: 1.22;
  letter-spacing: -.3px;
  color: rgba(230, 232, 234, .92);
}

.oa-adlv-features { width: 100%; max-width: 404px; margin-top: 100px; display: flex; flex-direction: column; }
.oa-adlv-feature {
  display: flex;
  gap: 16px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(230, 232, 234, .1);
}
.oa-adlv-feature:first-child { padding-top: 0; }
.oa-adlv-feature:last-child { border-bottom: 0; }
.oa-adlv-feature-icon { flex: none; color: var(--oa-green-500); margin-top: 2px; }
.oa-adlv-feature-icon img { width: 20px; height: 20px; object-fit: contain; }
.oa-adlv-feature-title {
  font-family: var(--oa-font-body);
  font-size: 16px;
  font-weight: 500;
  color: rgba(230, 232, 234, .92);
}
.oa-adlv-feature-desc {
  font-family: var(--oa-font-body);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(230, 232, 234, .48);
  margin-top: 8px;
}

.oa-adlv-mockup { position: relative; flex: 0 1 646px; width: 646px; max-width: 646px; min-width: 0; margin-left: auto; }
.oa-adlv-form-card {
  position: relative;
  height: 610px;
  border-radius: 10px;
  background: #012732;
  border: 1px solid var(--oa-border-darkest);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.oa-adlv-form-card img { width: 100%; height: 100%; object-fit: cover; }
.oa-adlv-form-embed,
.oa-adlv-form-embed > iframe { width: 100%; height: 100%; border: 0; }
.oa-adlv-form-placeholder {
  font-family: var(--oa-font-mono);
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(230, 232, 234, .35);
}
.oa-adlv-form-card.has-embed { align-items: stretch; justify-content: stretch; padding: 20px; }
.oa-adlv-form-embed { width: 100%; }
.oa-adlv-form-embed iframe { width: 100%; border: 0; }

.oa-adlv-badge {
  position: absolute;
  right: -17px;
  top: -15px;
  width: 112px;
  height: 112px;
  z-index: 2;
  color: var(--oa-green-500);
  overflow: visible !important;
}
.oa-adlv-badge-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: oa-adlv-badge-spin 16s linear infinite;
  max-width: none !important;
  overflow: visible !important;
}
.oa-adlv-badge-ring text {
  fill: currentColor;
  font-family: var(--oa-font-mono);
  font-size: 7px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-transform: uppercase;
  dominant-baseline: middle;
}
.oa-adlv-badge-center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@keyframes oa-adlv-badge-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .oa-adlv-badge-ring { animation: none; }
}

.oa-adlv-divider { display: flex; align-items: center; gap: 14px; margin-top: 152px; color: rgba(230, 232, 234, .13); }
.oa-adlv-divider > span { flex: 1; height: 1px; background: currentColor; }
.oa-adlv-divider b { display: flex; margin: 0 8px; font-weight: 400; }
.oa-adlv-divider svg { display: block; }
.oa-adlv-divider img { display: block; width: 26px; height: auto; }

.oa-adlv-scored { margin-top: 145px; text-align: center; }
.oa-adlv-scored-heading {
  max-width: 760px;
  margin: 0 auto;
  font-family: var(--oa-font-heading);
  font-weight: 400;
  font-size: 36px;
  line-height: 1.22;
}
.oa-adlv-scored-heading .line-1 { display: block; color: rgba(230, 232, 234, .92); }
.oa-adlv-scored-heading .line-2 { display: block; color: rgba(230, 232, 234, .4); }

.oa-adlv-cards {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  margin-top: 96px;
  text-align: left;
}
.oa-adlv-card {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  height: 384px;
  padding: 40px;
  border-radius: 5px;
  background: #00303a;
}
.oa-adlv-card:nth-child(2) { margin-top: 80px; }
.oa-adlv-card:nth-child(3) { margin-top: 160px; }
.oa-adlv-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 116px; }
.oa-adlv-card-icon { display: block; color: var(--oa-green-500); }
.oa-adlv-card-icon img { max-width: 90px; max-height: 60px; object-fit: contain; }
.oa-adlv-card-number {
  font-family: var(--oa-font-mono);
  font-size: 13px;
  color: rgba(230, 232, 234, .35);
}
.oa-adlv-card-rule { display: block; height: 1px; margin: 48px 0 40px; background: rgba(230, 232, 234, .1); }
.oa-adlv-card-title {
  font-family: var(--oa-font-body);
  font-size: 17px;
  font-weight: 500;
  color: rgba(230, 232, 234, .92);
}
.oa-adlv-card-desc {
  font-family: var(--oa-font-body);
  font-size: 13px;
  line-height: 1.6;
  color: rgba(230, 232, 234, .48);
  margin-top: 12px;
}

.oa-adlv-closing {
  display: grid;
  grid-template-columns: 341px minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  margin-top: 128px;
}
.oa-adlv-closing-icon { flex: none; color: rgba(0, 194, 150, .42); }
.oa-adlv-closing-icon img { width: 22px; height: 26px; object-fit: contain; }
.oa-adlv-closing-text {
  flex: 1;
  min-width: 0;
  font-family: var(--oa-font-heading);
  font-weight: 400;
  max-width: 650px;
  font-size: 25px;
  line-height: 1.4;
  color: rgba(230, 232, 234, .92);
}
.oa-adlv-closing-text span { color: rgba(230, 232, 234, .4); }
.oa-adlv-closing-label {
  flex: none;
  font-family: var(--oa-font-mono);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(230, 232, 234, .35);
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .oa-adlv-wrap { padding-top: 96px; }
  .oa-adlv-headline { font-size: 32px; }
  .oa-adlv-top { flex-wrap: wrap; }
  .oa-adlv-intro, .oa-adlv-mockup { flex: 1 1 460px; max-width: none; width: auto; }
  .oa-adlv-form-card { height: 520px; }
  .oa-adlv-scored-heading { font-size: 26px; }
  .oa-adlv-cards { flex-wrap: wrap; }
  .oa-adlv-card { flex: 1 1 280px; max-width: none; }
  .oa-adlv-card { height: auto; min-height: 340px; }
  .oa-adlv-card:nth-child(2), .oa-adlv-card:nth-child(3) { margin-top: 0; }
  .oa-adlv-closing { grid-template-columns: auto minmax(0, 1fr) auto; margin-top: 96px; }
}

@media (max-width: 767px) {
  .oa-adlv-code-bg { display: none; }
  .oa-adlv-wrap { padding: 64px 20px 56px; }
  .oa-adlv-top { gap: 48px; }
  .oa-adlv-headline { font-size: 28px; }
  .oa-adlv-features { margin-top: 40px; }
  .oa-adlv-form-card { height: 360px; }
  .oa-adlv-badge { width: 76px; height: 76px; top: -12px; right: -12px; }
  .oa-adlv-badge-center { width: 48px; height: 48px; }
  .oa-adlv-divider { margin-top: 72px; }
  .oa-adlv-scored { margin-top: 64px; }
  .oa-adlv-scored-heading { font-size: 22px; }
  .oa-adlv-cards { margin-top: 56px; gap: 20px; }
  .oa-adlv-card { padding: 24px; }
  .oa-adlv-closing { grid-template-columns: auto 1fr; margin-top: 64px; align-items: flex-start; }
  .oa-adlv-closing-label { grid-column: 2; }
  .oa-adlv-closing-text { font-size: 19px; }
}

@media (max-width: 380px) {
  .oa-adlv-wrap { padding-left: 16px; padding-right: 16px; }
}