/*
 * MagnifyLab: PPC Audit landing page (template-ppc-audit.php)
 * File: assets/ppc-audit/temp-ppc.css
 *
 * Loaded only by the PPC Audit template. Everything is scoped under body.ppa,
 * so nothing here leaks into the rest of the site, and the page does not use
 * the theme's header, footer or stylesheets.
 *
 * Sections: tokens, design styles (ported 1:1 from the handoff), Contact Form 7,
 * WordPress extras (admin bar, editor tools).
 */

/* ===== Tokens (MagnifyLab design system + page additions) ===== */
.ppa {
  --color-bg-primary: #0b0b0b;
  --color-bg-secondary: #16171a;
  --color-bg-tertiary: #1e1f23;
  --color-bg-positive: #0f1f17;
  --color-accent: #f5c84e;
  --color-accent-dark: #dda92e;
  --color-accent-muted: rgba(245, 200, 78, 0.1);
  --color-brand: #18de77;
  --color-brand-dark: #0fb35f;
  --color-brand-muted: rgba(24, 222, 119, 0.12);
  --color-brand-border: rgba(24, 222, 119, 0.35);
  --color-text-primary: #ffffff;
  --color-text-secondary: #a1a1a6;
  --color-text-tertiary: #8a8a8f;
  --color-text-muted: #5a5b5d;
  --color-text-dark: #0b0c0e;
  --color-border: #26272b;
  --color-waste: #ff6b6b; /* new token: wasted spend and "before" states only */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
}
.ppa-html {
  background: #0b0b0b;
}

/* ===== Design styles (ported from the handoff page.css, scoped under .ppa) ===== */
.ppa,
.ppa * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.ppa-html,
.ppa {
  background: var(--color-bg-primary);
}
.ppa {
  font-family: var(--font-body);
  color: var(--color-text-secondary);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.ppa a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 150ms ease;
}
.ppa a:hover {
  color: var(--color-brand);
}
.ppa img {
  display: block;
  max-width: 100%;
}
.ppa .wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 56px);
}
.ppa .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text-tertiary);
}
.ppa .eyebrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-brand);
  flex: none;
}
.ppa .btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--color-accent);
  color: #0b0b0b;
  font: 500 17px/1 var(--font-body);
  border: 0;
  cursor: pointer;
  transition:
    background 150ms ease,
    transform 80ms ease;
}
.ppa .btn:hover {
  background: var(--color-accent-dark);
  color: #0b0b0b;
}
.ppa .btn:active {
  transform: scale(0.98);
}
.ppa .btn svg {
  width: 18px;
  height: 18px;
}
.ppa .ticker {
  background: #000;
  overflow: hidden;
  height: 40px;
  display: flex;
  align-items: center;
}
.ppa .ticker-track {
  display: flex;
  gap: 48px;
  white-space: nowrap;
  animation: ppa-tick 40s linear infinite;
  font-size: 14px;
  color: #e6e6e6;
}
.ppa .ticker-track span {
  display: flex;
  align-items: center;
  gap: 48px;
}
.ppa .ticker-track span::after {
  content: "";
  width: 12px;
  height: 2px;
  background: var(--color-accent);
}
@keyframes ppa-tick {
  to {
    transform: translateX(-50%);
  }
}
.ppa .pnav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(11, 11, 11, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--color-border);
}
.ppa .pnav .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 92px;
  gap: 24px;
}
.ppa .pnav .logo img {
  height: 40px;
  width: auto;
}
.ppa .pnav ul {
  display: flex;
  gap: 36px;
  list-style: none;
}
.ppa .pnav ul a {
  color: #c9c9cc;
  font-size: 15px;
}
.ppa .pnav ul a:hover,
.ppa .pnav ul a[aria-current] {
  color: #fff;
}
.ppa .nav-cta {
  height: 48px;
  padding: 0 6px 0 22px;
  font-size: 15px;
}
.ppa .nav-cta img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
.ppa .legal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(40px, 6vw, 96px);
  text-align: center;
  font-size: 14px;
  color: var(--color-text-tertiary);
  padding: 0 20px;
}
@media (max-width: 1080px) {
  .ppa .pnav ul {
    display: none;
  }
}
@media (max-width: 760px) {
  .ppa .pnav .wrap {
    height: 72px;
  }
  .ppa .pnav .logo img {
    height: 30px;
  }
  .ppa .nav-cta span {
    display: none;
  }
  .ppa .nav-cta {
    padding: 0 6px;
  }
  .ppa .legal {
    position: static;
    padding: 24px 20px 40px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa .ticker-track {
    animation: none;
  }
}
/* logos */
.ppa .logos {
  border-top: 1px solid #1c1d20;
  border-bottom: 1px solid #1c1d20;
  padding: 36px 0;
  overflow: hidden;
}
.ppa .logos .wrap {
  display: flex;
  align-items: center;
  gap: 48px;
}
.ppa .logos .eyebrow {
  flex: none;
}
.ppa .logo-mask {
  flex: 1;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ppa .logo-track {
  display: flex;
  align-items: center;
  gap: 72px;
  width: max-content;
  animation: ppa-tick 40s linear infinite;
}
.ppa .logo-track img {
  height: 30px;
  width: auto;
  opacity: 0.55;
  filter: grayscale(1);
}
.ppa .h2 {
  font-weight: 800;
  font-size: clamp(38px, 4.6vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #fff;
  text-wrap: balance;
}
.ppa .btn-ghost {
  background: transparent;
  color: #fff;
  border: 1px solid #33343a;
}
.ppa .btn-ghost:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.ppa .ph {
  position: relative;
  padding: clamp(64px, 8vw, 120px) 0 clamp(48px, 6vw, 80px);
  overflow: hidden;
}
.ppa .ph-ghost {
  position: absolute;
  left: -2%;
  top: 24px;
  font-weight: 900;
  font-size: clamp(180px, 30vw, 460px);
  line-height: 0.8;
  letter-spacing: -0.05em;
  color: #131416;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}
.ppa .ph-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: end;
}
.ppa .ph-copy {
  container-type: inline-size;
}
.ppa .ph h1 {
  font-weight: 800;
  font-size: clamp(30px, 9.6cqi, 96px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  color: #fff;
  margin: 28px 0 0;
}
.ppa .ph h1 .l1 {
  white-space: nowrap;
}
.ppa .ph h1 .hl {
  display: inline-block;
  white-space: nowrap;
  background: var(--color-brand);
  color: #0b0b0b;
  border-radius: 16px;
  padding: 0 0.14em 0.06em;
  margin-top: 0.08em;
}

.ppa {
  --r: cubic-bezier(0.16, 1, 0.3, 1);
}
.ppa .sec {
  padding: clamp(64px, 8vw, 120px) 0;
}
.ppa .sec-h {
  max-width: 820px;
  margin-bottom: clamp(36px, 5vw, 64px);
}
.ppa .sec-h .h2 {
  margin: 20px 0 18px;
}
.ppa .sec-h p {
  font-size: 19px;
  color: #b4b4b9;
  max-width: 60ch;
  text-wrap: pretty;
}
.ppa .cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 24px;
}
.ppa .cta-row .ph-call {
  font-weight: 600;
  color: #fff;
  border-bottom: 2px solid var(--color-brand);
  padding-bottom: 3px;
}
.ppa .cta-arrow {
  flex: 1 1 120px;
  min-width: 120px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--color-brand);
}
.ppa .cta-arrow:hover {
  color: var(--color-brand);
}
.ppa .ca-t {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c9c9cc;
}
.ppa .ca-l {
  position: relative;
  display: block;
  height: 4px;
  margin-right: 12px;
  border-radius: 4px;
  background: repeating-linear-gradient(90deg, var(--color-brand) 0 12px, transparent 12px 22px);
  animation: ppa-march 900ms linear infinite;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%);
  mask-image: linear-gradient(90deg, transparent, #000 30%);
}
.ppa .ca-l:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-top: 4px solid var(--color-brand);
  border-right: 4px solid var(--color-brand);
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg);
  animation: none;
}
@keyframes ppa-march {
  to {
    background-position: 22px 0;
  }
}
@media (max-width: 900px) {
  .ppa .cta-arrow {
    display: none;
  }
  .ppa .ca-t {
    display: none;
  }
  .ppa .cta-arrow {
    flex-basis: 100%;
    max-width: none;
    align-items: center;
    min-width: 0;
  }
  .ppa .ca-l {
    width: 4px;
    height: 44px;
    margin: 0 0 12px;
    background: repeating-linear-gradient(180deg, var(--color-brand) 0 12px, transparent 12px 22px);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%);
    mask-image: linear-gradient(180deg, transparent, #000 30%);
    animation-name: ppa-marchy;
  }
  .ppa .ca-l:after {
    right: auto;
    top: auto;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%) rotate(135deg);
  }
  @keyframes ppa-marchy {
    to {
      background-position: 0 22px;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa .ca-l {
    animation: none;
  }
}
.ppa .hero .ph-grid {
  align-items: center;
}
.ppa .hero p.lead {
  font-size: clamp(18px, 1.5vw, 21px);
  color: #c9c9cc;
  max-width: 52ch;
  margin: 28px 0 32px;
  text-wrap: pretty;
}
.ppa .hero p.lead b {
  color: #fff;
  font-weight: 600;
}
.ppa .ticks {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 28px;
  margin-top: 36px;
  max-width: 560px;
}
.ppa .ticks li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #e4e4e6;
  font-size: 16px;
  line-height: 1.35;
}
.ppa .ticks svg {
  flex: none;
  width: 22px;
  height: 22px;
  padding: 4px;
  border-radius: 7px;
  background: var(--color-brand);
  color: #0b0b0b;
  margin-top: -1px;
}
.ppa .fcard {
  position: relative;
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: clamp(24px, 3vw, 36px);
  box-shadow:
    0 0 0 1px rgba(24, 222, 119, 0.12),
    0 0 80px rgba(24, 222, 119, 0.1);
}
.ppa .fcard .step {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .fcard .step b {
  color: var(--color-brand);
  font-weight: 600;
}
.ppa .fbarp {
  height: 4px;
  border-radius: 4px;
  background: #26272b;
  margin: 14px 0 24px;
  overflow: hidden;
}
.ppa .fbarp i {
  display: block;
  height: 100%;
  width: 50%;
  background: var(--color-brand);
  transition: width 420ms var(--r);
}
.ppa .fcard h2,
.ppa .fcard h3 {
  font-weight: 800;
  font-size: clamp(24px, 2.2vw, 30px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fff;
  margin-bottom: 8px;
}
.ppa .fcard .sub {
  font-size: 15px;
  color: #a1a1a6;
  margin-bottom: 20px;
}
.ppa .opts {
  display: grid;
  gap: 10px;
}
.ppa .opt {
  text-align: left;
  min-height: 54px;
  padding: 12px 18px;
  border-radius: 16px;
  border: 1px solid #2e2f34;
  background: #101012;
  color: #fff;
  font: 500 16px/1.3 var(--font-body);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition:
    border-color 150ms,
    background 150ms;
}
.ppa .opt:hover {
  border-color: #fff;
}
.ppa .opt i {
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #4a4b51;
}
.ppa .opt[aria-pressed="true"] {
  border-color: var(--color-brand);
  background: #0f1f17;
}
.ppa .opt[aria-pressed="true"] i {
  background: var(--color-brand);
  border-color: var(--color-brand);
  box-shadow: inset 0 0 0 3px #0f1f17;
}
.ppa .fld {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}
.ppa .fld label {
  font-size: 13px;
  font-weight: 600;
  color: #c9c9cc;
}
.ppa .fld input,
.ppa .fld select {
  height: 52px;
  border-radius: 14px;
  border: 1px solid #2e2f34;
  background: #101012;
  color: #fff;
  padding: 0 16px;
  font: 400 16px var(--font-body);
  width: 100%;
}
.ppa .fld input:focus,
.ppa .fld select:focus {
  outline: none;
  border-color: var(--color-brand);
  box-shadow: 0 0 0 4px rgba(24, 222, 119, 0.25);
}
.ppa .fld input::placeholder {
  color: #6b6c72;
}
.ppa .row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ppa .fcard .btn {
  width: 100%;
  justify-content: center;
  margin-top: 8px;
}
.ppa .fcard .btn[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.ppa .fine {
  margin-top: 14px;
  font-size: 13px;
  color: #8a8a8f;
  text-align: center;
}
.ppa .back {
  background: none;
  border: 0;
  color: #a1a1a6;
  font: 500 14px var(--font-body);
  cursor: pointer;
  margin-top: 12px;
  display: block;
  width: 100%;
  text-align: center;
}
.ppa .back:hover {
  color: #fff;
}
.ppa .done {
  text-align: center;
  padding: 20px 0;
}
.ppa .fin .done .ok {
  background: #0b0b0b;
  color: #18de77;
}
.ppa .done .ok {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-brand);
  color: #0b0b0b;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
}
.ppa .done .ok svg {
  width: 30px;
  height: 30px;
}
.ppa [hidden] {
  display: none !important;
}
.ppa .acc {
  padding: clamp(48px, 6vw, 80px) 0;
}
.ppa .acc-in {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  justify-items: center;
  border-top: 1px solid #26272b;
  border-bottom: 1px solid #26272b;
  padding: 40px 0;
}
.ppa .acc .eyebrow {
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.5;
}
.ppa .acc .row {
  width: 100%;
}
.ppa .acc .row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ppa .acc .it {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0 16px;
  border-left: 1px solid #26272b;
  text-align: center;
}
.ppa .acc .it:first-child {
  border-left: 0;
}
.ppa .acc img {
  height: 84px;
  width: auto;
  margin-bottom: 14px;
  transition: transform 420ms var(--r);
}
.ppa .acc .it:hover img {
  transform: scale(1.06);
}
.ppa .acc .it b {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}
.ppa .acc .it span {
  font-size: 14px;
  color: #a1a1a6;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .ppa .acc-in {
    gap: 28px;
  }
  .ppa .acc .eyebrow {
    max-width: none;
  }
  .ppa .acc .row {
    grid-template-columns: 1fr 1fr;
    gap: 32px 0;
  }
  .ppa .acc .it:nth-child(3) {
    border-left: 0;
  }
}
@media (max-width: 760px) {
  .ppa .ticks,
  .ppa .row2 {
    grid-template-columns: 1fr;
  }
  .ppa .logos .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .ppa .logos .logo-mask {
    width: 100%;
  }
}
.ppa .pain {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}
.ppa .pl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.ppa .pl li {
  list-style: none;
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 22px;
  padding: 24px;
  transition: border-color 220ms;
}
.ppa .pl li:hover {
  border-color: #44454b;
}
.ppa .pl .n {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--color-brand);
}
.ppa .pl h3 {
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: #fff;
  margin: 10px 0 8px;
}
.ppa .pl p {
  font-size: 15px;
  color: #a1a1a6;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .ppa .pain {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ppa .pain > div,
.ppa .pain > aside {
  min-width: 0;
}
@media (max-width: 560px) {
  .ppa .pl {
    grid-template-columns: 1fr;
  }
}
.ppa .leak {
  position: sticky;
  top: 120px;
  background: #101012;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: 24px;
  overflow: hidden;
}
.ppa .leak .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .leak .hd span:last-child {
  color: #f5c84e;
}
.ppa .calc {
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 40px;
  padding: clamp(28px, 5vw, 72px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  position: relative;
  overflow: hidden;
}
.ppa .calc:before {
  content: "";
  position: absolute;
  right: -10%;
  top: 50%;
  width: min(700px, 70%);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(24, 222, 119, 0.22);
  transform: translateY(-50%);
  pointer-events: none;
}
.ppa .calc > * {
  position: relative;
}
.ppa .sl {
  margin: 26px 0;
}
.ppa .sl .t {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
}
.ppa .sl .t b {
  color: var(--color-brand);
  font-variant-numeric: tabular-nums;
}
.ppa .sl small {
  display: block;
  color: #8a8a8f;
  font-size: 13px;
  margin-top: 8px;
}
.ppa input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #2e2f34;
  outline: none;
}
.ppa input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--color-brand);
  border: 4px solid #16171a;
  box-shadow: 0 0 0 2px var(--color-brand);
  cursor: pointer;
}
.ppa input[type="range"]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--color-brand);
  border: 4px solid #16171a;
  cursor: pointer;
}
.ppa input[type="range"]:focus-visible {
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25);
}
.ppa .out {
  background: #0b0b0b;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: clamp(24px, 3vw, 40px);
}
.ppa .out .k {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .out .big {
  font-weight: 800;
  font-size: clamp(48px, 6vw, 88px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #ff6b6b;
  margin: 12px 0 4px;
  font-variant-numeric: tabular-nums;
}
.ppa .out p {
  color: #a1a1a6;
  font-size: 16px;
  margin-bottom: 24px;
}
.ppa .out .m {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-top: 1px solid #26272b;
  color: #fff;
  font-weight: 600;
}
.ppa .out .m span:first-child {
  color: #a1a1a6;
  font-weight: 400;
}
.ppa .out .btn {
  width: 100%;
  justify-content: center;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .ppa .calc {
    grid-template-columns: 1fr;
  }
}
.ppa .band {
  padding: clamp(28px, 4vw, 44px) 0;
  background: var(--color-brand);
  color: #0b0b0b;
}
.ppa .band .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px 40px;
}
.ppa .band h2 {
  font-size: clamp(24px, 2.6vw, 36px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #0b0b0b;
  max-width: 26ch;
}
.ppa .band p {
  font-size: 17px;
  color: #0b0b0b;
  margin-top: 6px;
}
.ppa .band .btn {
  background: #0b0b0b;
  color: #fff;
}
.ppa .band .btn:hover {
  background: #26272b;
  color: #fff;
}
.ppa .chk {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ppa .chk article {
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition:
    border-color 220ms,
    transform 220ms var(--r);
}
.ppa .chk article:hover {
  border-color: #44454b;
  transform: translateY(-2px);
}
.ppa .chk .n {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--color-brand);
}
.ppa .chk h3 {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #fff;
}
.ppa .chk p {
  color: #a1a1a6;
  font-size: 16px;
}
.ppa .chk .q {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #26272b;
  font-size: 14px;
  color: #c9c9cc;
}
.ppa .chk .q b {
  color: #fff;
}
@media (max-width: 1000px) {
  .ppa .chk {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .ppa .chk {
    grid-template-columns: 1fr;
  }
}
.ppa .steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  counter-reset: s;
}
.ppa .steps li {
  list-style: none;
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: 28px;
  position: relative;
}
.ppa .steps li:before {
  counter-increment: s;
  content: counter(s);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-accent);
  color: #0b0b0b;
  font-weight: 800;
  margin-bottom: 22px;
}
.ppa .steps li {
  display: flex;
  flex-direction: column;
}
.ppa .steps h3 {
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 10px;
  min-height: 2.4em;
}
.ppa .steps p {
  flex: 1;
}
.ppa .steps p {
  font-size: 15px;
  color: #a1a1a6;
}
.ppa .steps small {
  display: block;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #26272b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-brand);
}
@media (max-width: 1000px) {
  .ppa .steps {
    grid-template-columns: 1fr 1fr;
  }
  .ppa .steps h3 {
    min-height: 2.4em;
  }
}
@media (max-width: 560px) {
  .ppa .steps h3 {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .ppa .steps {
    grid-template-columns: 1fr;
  }
}
.ppa .get {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
.ppa .gl {
  list-style: none;
  display: grid;
  gap: 0;
}
.ppa .gl li {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid #26272b;
}
.ppa .gl li:last-child {
  border-bottom: 1px solid #26272b;
}
.ppa .gl .n {
  font-size: 15px;
  font-weight: 700;
  color: var(--color-brand);
  letter-spacing: 0.06em;
}
.ppa .gl h3 {
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 4px;
}
.ppa .gl p {
  font-size: 16px;
  color: #a1a1a6;
}
@media (max-width: 900px) {
  .ppa .get {
    grid-template-columns: 1fr;
  }
}
.ppa .faq {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
}
.ppa .faq .sec-h {
  position: sticky;
  top: 120px;
  margin: 0;
}
.ppa details {
  border-top: 1px solid #26272b;
}
.ppa details:last-child {
  border-bottom: 1px solid #26272b;
}
.ppa summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 26px 0;
  font-size: clamp(18px, 1.7vw, 22px);
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #fff;
}
.ppa summary::-webkit-details-marker {
  display: none;
}
.ppa summary:after {
  content: "+";
  font-size: 30px;
  font-weight: 300;
  color: var(--color-brand);
  transition: transform 220ms var(--r);
}
.ppa details[open] summary:after {
  transform: rotate(45deg);
}
.ppa details p {
  padding: 0 40px 26px 0;
  font-size: 17px;
  color: #b4b4b9;
  max-width: 62ch;
}
@media (max-width: 900px) {
  .ppa .faq {
    grid-template-columns: 1fr;
  }
  .ppa .faq .sec-h {
    position: static;
  }
}
.ppa .mcta {
  display: none;
}
@media (max-width: 760px) {
  .ppa .mcta {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: 10px 16px;
    gap: 10px;
    background: rgba(11, 11, 11, 0.94);
    backdrop-filter: blur(12px);
    border-top: 1px solid #26272b;
    transform: translateY(110%);
    transition: transform 320ms var(--r);
  }
  .ppa .mcta.on {
    transform: none;
  }
  .ppa .mcta .btn {
    flex: 1;
    justify-content: center;
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
  }
  .ppa .mcta .btn-ghost {
    flex: none;
    width: 50px;
    padding: 0;
  }
}
.ppa .fcw .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .fcw .hd span {
  color: #8a8a8f;
}
.ppa .tog {
  display: flex;
  gap: 4px;
  background: #0b0b0b;
  border: 1px solid #26272b;
  border-radius: 99px;
  padding: 4px;
  flex: none;
}
.ppa .tog button {
  font: 700 12px var(--font-body);
  border: 0;
  background: none;
  border-radius: 99px;
  padding: 6px 12px;
  color: #8a8a8f;
  cursor: pointer;
  letter-spacing: 0;
  text-transform: none;
  transition: all 300ms;
}
.ppa .tog button.on {
  background: #ff6b6b;
  color: #0b0b0b;
}
.ppa .tog button.on.a {
  background: #18de77;
}
.ppa .fn {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}
.ppa .fr {
  display: grid;
  grid-template-columns: 84px 1fr 64px;
  gap: 12px;
  align-items: center;
}
.ppa .fr .nm {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c9c9cc;
}
.ppa .bar {
  height: 42px;
  border-radius: 12px;
  background: #0b0b0b;
  border: 1px solid #1e1f23;
  position: relative;
  overflow: hidden;
}
.ppa .bar i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 11px;
  background: #18de77;
  transition:
    width 1.2s var(--r),
    background 600ms;
}
.ppa .fn.bf .bar i {
  background: #ff6b6b;
}
.ppa .fr .v {
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.ppa .drop {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 96px;
  height: 22px;
  font-size: 12px;
  color: #8a8a8f;
}
.ppa .drop:before {
  content: "";
  width: 2px;
  height: 100%;
  background: repeating-linear-gradient(#ff6b6b 0 4px, transparent 4px 8px);
  animation: ppa-dr 1s linear infinite;
}
.ppa .fn:not(.bf) .drop:before {
  background: repeating-linear-gradient(#18de77 0 4px, transparent 4px 8px);
}
@keyframes ppa-dr {
  to {
    background-position: 0 8px;
  }
}
.ppa .drop b {
  color: #ff8a8a;
  font-weight: 600;
}
.ppa .fn:not(.bf) .drop b {
  color: #18de77;
}
.ppa .fcw .stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}
.ppa .st {
  background: #0b0b0b;
  border: 1px solid #1e1f23;
  border-radius: 16px;
  padding: 12px 14px;
}
.ppa .st small {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .st b {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.ppa .red {
  color: #ff6b6b;
}
.ppa .grn {
  color: #18de77;
}
@media (max-width: 760px) {
  .ppa .fcw .hd {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .ppa .fcw .hd span {
    display: block;
    color: #c9c9cc;
  }
  .ppa .tog {
    width: 100%;
    padding: 5px;
    gap: 5px;
  }
  .ppa .tog button {
    flex: 1;
    min-height: 48px;
    font-size: 15px;
    font-weight: 700;
    padding: 0 10px;
    border: 1px solid #2e2f34;
    color: #c9c9cc;
  }
  .ppa .tog button.on {
    border-color: transparent;
  }
  .ppa .tog button.on:before {
    content: "\2713";
    margin-right: 8px;
    font-weight: 800;
  }
}
@media (max-width: 480px) {
  .ppa .fr {
    grid-template-columns: 70px 1fr 54px;
  }
  .ppa .drop {
    margin-left: 82px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa .drop:before {
    animation: none;
  }
}
@property --ang {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.ppa #f1 {
  isolation: isolate;
  animation: ppa-glow 4s ease-in-out infinite;
}
.ppa #f1:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(
    from var(--ang),
    transparent 0 62%,
    rgba(24, 222, 119, 0.15) 74%,
    #18de77 92%,
    transparent 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: ppa-spin 5s linear infinite;
  pointer-events: none;
  z-index: 1;
}
@keyframes ppa-spin {
  to {
    --ang: 360deg;
  }
}
@keyframes ppa-glow {
  50% {
    box-shadow:
      0 0 0 1px rgba(24, 222, 119, 0.22),
      0 0 110px rgba(24, 222, 119, 0.2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa #f1,
  .ppa #f1:before {
    animation: none;
  }
}
.ppa #f1 {
  transition: transform 420ms var(--r);
}
.ppa .hero:has(.cta-row .btn:hover, .cta-row .btn:focus-visible, .cta-arrow:hover) #f1 {
  transform: translateY(-6px) scale(1.015);
  box-shadow:
    0 0 0 1px rgba(24, 222, 119, 0.45),
    0 0 140px rgba(24, 222, 119, 0.32);
}
.ppa .hero:has(.cta-row .btn:hover, .cta-row .btn:focus-visible, .cta-arrow:hover) .ca-l {
  animation-duration: 350ms;
}
.ppa #f1.hit {
  animation: ppa-hit 900ms var(--r);
}
@keyframes ppa-hit {
  0% {
    box-shadow: 0 0 0 0 rgba(24, 222, 119, 0.7);
  }
  100% {
    box-shadow: 0 0 0 36px rgba(24, 222, 119, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa #f1 {
    transition: none;
  }
  .ppa #f1.hit {
    animation: none;
  }
}
.ppa .band .btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 220ms var(--r),
    box-shadow 220ms,
    background 150ms;
  box-shadow: 0 0 0 0 rgba(11, 11, 11, 0.35);
  animation: ppa-bpulse 2.8s ease-out infinite;
}
.ppa .band .btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 40%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: skewX(-20deg);
  animation: ppa-shine 3.6s var(--r) infinite;
  z-index: -1;
}
.ppa .band .btn svg {
  transition: transform 220ms var(--r);
}
.ppa .band .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(11, 11, 11, 0.3);
}
.ppa .band .btn:hover svg {
  transform: translateX(5px);
}
@keyframes ppa-shine {
  0%,
  55% {
    left: -60%;
  }
  100% {
    left: 130%;
  }
}
@keyframes ppa-bpulse {
  0% {
    box-shadow: 0 0 0 0 rgba(11, 11, 11, 0.4);
  }
  70%,
  100% {
    box-shadow: 0 0 0 14px rgba(11, 11, 11, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa .band .btn,
  .ppa .band .btn:after {
    animation: none;
  }
}
.ppa .rpt {
  background: #101012;
  border: 1px solid #26272b;
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 0 80px rgba(24, 222, 119, 0.08);
}
.ppa .rh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .rpill {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  border-radius: 99px;
  padding: 3px 12px;
  background: #26272b;
  color: #c9c9cc;
  transition: all 300ms;
}
.ppa .rpill.g {
  background: #18de77;
  color: #0b0b0b;
}
.ppa .rw {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 52px;
  margin-top: 8px;
  padding: 0 16px;
  border-radius: 14px;
  background: #0b0b0b;
  border: 1px solid #1e1f23;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e4e4e6;
  transition:
    border-color 300ms,
    background 300ms;
}
.ppa .rw:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80px;
  width: 70px;
  background: linear-gradient(90deg, transparent, rgba(24, 222, 119, 0.4), transparent);
}
.ppa .rw.sc:after {
  animation: ppa-rsw 0.6s linear;
}
@keyframes ppa-rsw {
  to {
    left: 110%;
  }
}
.ppa .rw em {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  border-radius: 99px;
  padding: 3px 12px;
  opacity: 0;
  transform: scale(0.8);
  transition: all 260ms var(--r);
}
.ppa .rw.v em {
  opacity: 1;
  transform: none;
}
.ppa .rw.a.v {
  border-color: rgba(255, 107, 107, 0.45);
  background: #1a1011;
}
.ppa .rw.a em {
  background: rgba(255, 107, 107, 0.18);
  color: #ff8a8a;
}
.ppa .rw.b em {
  background: rgba(245, 200, 78, 0.18);
  color: #f5c84e;
}
.ppa .rw.c.v {
  border-color: rgba(24, 222, 119, 0.4);
}
.ppa .rw.c em {
  background: rgba(24, 222, 119, 0.18);
  color: #18de77;
}
.ppa .ver {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  border-radius: 18px;
  border: 1px dashed #44454b;
  opacity: 0;
  transform: translateY(10px);
  transition: all 500ms var(--r);
}
.ppa .ver.on {
  opacity: 1;
  transform: none;
  border: 1px solid #18de77;
  background: #0f1f17;
}
.ppa .ver small {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a8a8f;
}
.ppa .ver b {
  display: block;
  line-height: 1.15;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 480px) {
  .ppa .ver {
    flex-direction: column;
    align-items: flex-start;
  }
  .ppa .rw {
    font-size: 12px;
    padding: 0 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ppa .rw.sc:after {
    animation: none;
  }
}
.ppa .calc .out {
  container-type: inline-size;
}
.ppa .calc .out .big {
  font-size: clamp(30px, 13cqi, 76px);
  white-space: nowrap;
}
.ppa .pr {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
  align-items: stretch;
}
.ppa .pr .tabs {
  display: grid;
  gap: 10px;
}
.ppa .pr .tab {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  text-align: left;
  background: #101012;
  border: 1px solid #26272b;
  border-radius: 24px;
  padding: 14px;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition:
    border-color 220ms,
    background 220ms;
}
.ppa .pr .tab:hover {
  border-color: #44454b;
}
.ppa .pr .tab[aria-selected="true"] {
  background: #0f1f17;
  border-color: #18de77;
}
.ppa .pr .tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(24, 222, 119, 0.25);
}
.ppa .pr .thm {
  position: relative;
  background: repeating-linear-gradient(135deg, #1a1b1f 0 14px, #1f2024 14px 28px);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.ppa .pr .thm span {
  font:
    600 12px ui-monospace,
    Menlo,
    monospace;
  letter-spacing: 0.06em;
  color: #6b6c72;
  text-transform: uppercase;
  background: #101012;
  border: 1px solid #26272b;
  border-radius: 99px;
  padding: 4px 12px;
}
.ppa .pr .thm img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ppa .pr .tab .thm {
  aspect-ratio: 1;
  border-radius: 14px;
}
.ppa .pr .tab .nm {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.015em;
}
.ppa .pr .tab .ln {
  display: block;
  font-size: 14px;
  color: #a1a1a6;
  margin-top: 2px;
  line-height: 1.35;
}
.ppa .pr .tab .n {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #8a8a8f;
  transition: color 220ms;
  font-variant-numeric: tabular-nums;
  padding-right: 8px;
}
.ppa .pr .tab[aria-selected="true"] .n {
  color: #18de77;
}
.ppa .pr .stage {
  background: #16171a;
  border: 1px solid #26272b;
  border-radius: 32px;
  padding: 14px;
  display: flex;
  flex-direction: column;
}
.ppa .pr .stage .thm {
  flex: 1;
  min-height: 260px;
  border-radius: 20px;
}
.ppa .pr .pb {
  padding: 26px 18px 14px;
  display: grid;
  gap: 8px;
}
.ppa .pr .pn {
  font-weight: 800;
  font-size: clamp(90px, 10vw, 140px);
  line-height: 0.95;
  letter-spacing: -0.045em;
  color: #18de77;
  font-variant-numeric: tabular-nums;
}
.ppa .pr .pnm {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
}
.ppa .pr .pln {
  font-size: 16px;
  color: #a1a1a6;
}
@media (max-width: 900px) {
  .ppa .pr {
    grid-template-columns: 1fr;
  }
  .ppa .pr .stage {
    order: -1;
  }
  .ppa .pr .tab {
    grid-template-columns: 72px minmax(0, 1fr) auto;
  }
  .ppa .pr .pn {
    font-size: clamp(72px, 22vw, 110px);
  }
}
@media (max-width: 480px) {
  .ppa .pr .tab .n {
    font-size: 24px;
  }
}
.ppa .fin {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #26272b;
  margin-top: clamp(24px, 4vw, 56px);
}
.ppa .fin-l {
  background: #0b0b0b;
  padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 72px);
  display: flex;
  justify-content: flex-end;
}
.ppa .fin-r {
  background: #18de77;
  padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 72px);
  display: flex;
}
.ppa .fin-in {
  width: 100%;
  max-width: 560px;
}
.ppa .fin-f {
  width: 100%;
  max-width: 560px;
}
.ppa .fin h2 {
  font-weight: 800;
  font-size: clamp(36px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 22px 0 0;
  text-wrap: balance;
}
.ppa .fin h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 34px 0 22px;
}
.ppa .fst {
  list-style: none;
  position: relative;
  display: grid;
  gap: 26px;
}
.ppa .fst:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: #18de77;
}
.ppa .fst li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.ppa .fst li i {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0b0b0b;
  border: 6px solid #18de77;
  position: relative;
  z-index: 1;
}
.ppa .fnote {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #f5c84e;
  max-width: 22ch;
}
.ppa .fin .fld {
  margin-bottom: 16px;
}
.ppa .fin .fld label {
  font-size: 14px;
  font-weight: 700;
  color: #0b0b0b;
}
.ppa .fin .fld input {
  height: 50px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: #fff;
  color: #0b0b0b;
}
.ppa .fin .fld input:focus {
  outline: none;
  border-color: #0b0b0b;
  box-shadow: 0 0 0 4px rgba(11, 11, 11, 0.3);
}
.ppa .fcs {
  font-size: 13px;
  line-height: 1.5;
  color: #0b0b0b;
  margin: 6px 0 22px;
}
.ppa .fin .btn {
  width: auto;
  background: #0b0b0b;
  color: #fff;
}
.ppa .fin .btn:hover {
  background: #26272b;
  color: #fff;
}
.ppa .fcall {
  margin-top: 16px;
  font-size: 14px;
  color: #0b0b0b;
}
.ppa .fcall a {
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: underline;
}
@media (max-width: 900px) {
  .ppa .fin {
    grid-template-columns: 1fr;
  }
  .ppa .fin-l {
    justify-content: flex-start;
  }
  .ppa .fin .btn {
    width: 100%;
    justify-content: center;
  }
}
.ppa .pfoot {
  padding: clamp(32px, 4vw, 48px) 0;
  border-top: 1px solid #26272b;
  overflow: visible;
}
.ppa .pfoot .legal {
  position: static;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 760px) {
  .ppa .pfoot {
    padding-bottom: 96px;
  }
  .ppa .pfoot .legal {
    padding: 0 20px;
  }
}
@media (max-width: 1080px) {
  .ppa .ph-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}
.ppa .fin-r {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.ppa .fin-r:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgba(11, 11, 11, 0.16) 1.5px, transparent 1.6px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(ellipse at 100% 100%, #000, transparent 70%);
  mask-image: radial-gradient(ellipse at 100% 100%, #000, transparent 70%);
}
.ppa .fin-r:after {
  content: "";
  position: absolute;
  right: -18%;
  bottom: -24%;
  width: min(620px, 95%);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.5px solid rgba(11, 11, 11, 0.14);
  box-shadow:
    0 0 0 70px transparent,
    0 0 0 71px rgba(11, 11, 11, 0.1),
    0 0 0 141px transparent,
    0 0 0 142px rgba(11, 11, 11, 0.06);
  z-index: -1;
  pointer-events: none;
}
.ppa .st small .sm {
  display: none;
}
@media (max-width: 760px) {
  .ppa .st small .lg {
    display: none;
  }
  .ppa .st small .sm {
    display: inline;
  }
}
.ppa .pr .tabs:before {
  content: "Tap a client to see their result";
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c9c9cc;
  margin-bottom: 2px;
}
.ppa .pr .tabs:before {
  background: none;
}
.ppa .pr .tab {
  position: relative;
  grid-template-columns: 96px minmax(0, 1fr) auto 22px;
  -webkit-tap-highlight-color: transparent;
}
.ppa .pr .tab:after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2.5px solid #8a8a8f;
  border-right: 2.5px solid #8a8a8f;
  transform: rotate(45deg);
  justify-self: center;
  transition:
    border-color 220ms,
    transform 220ms var(--r);
}
.ppa .pr .tab:hover:after {
  border-color: #fff;
  transform: rotate(45deg) translate(2px, -2px);
}
.ppa .pr .tab[aria-selected="true"]:after {
  border-color: #18de77;
}
.ppa .pr .tab:active {
  transform: scale(0.99);
}
@media (min-width: 901px) {
  .ppa .pr .tabs:before {
    content: "Select a client";
  }
}
@media (max-width: 900px) {
  .ppa .pr .tab {
    grid-template-columns: 72px minmax(0, 1fr) auto 18px;
    gap: 14px;
  }
}
.ppa .cdots {
  display: none;
}
@media (max-width: 760px) {
  .ppa .pl,
  .ppa .chk {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: calc(-1 * clamp(20px, 4vw, 56px));
    padding: 4px clamp(20px, 4vw, 56px) 6px;
    scroll-padding-inline: clamp(20px, 4vw, 56px);
  }
  .ppa .pl::-webkit-scrollbar,
  .ppa .chk::-webkit-scrollbar {
    display: none;
  }
  .ppa .pl li,
  .ppa .chk article {
    flex: 0 0 min(82%, 330px);
    scroll-snap-align: start;
  }
  .ppa .pl li.rise,
  .ppa .chk article.rise {
    opacity: 1;
    transform: none;
    transition: border-color 220ms;
  }
  .ppa .cdots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }
  .ppa .cdots i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #33343a;
    transition: all 220ms var(--r);
  }
  .ppa .cdots i.on {
    width: 26px;
    border-radius: 8px;
    background: #18de77;
  }
}
.ppa .nav-call {
  display: none;
  width: 48px;
  height: 48px;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 760px) {
  .ppa .nav-cta {
    display: none;
  }
  .ppa .nav-call {
    display: inline-flex;
  }
}
@media (max-width: 760px) {
  .ppa .rpt {
    display: none;
  }
}
.ppa .rise {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 420ms var(--r),
    transform 420ms var(--r);
}
.ppa .rise.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .ppa .rise {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Mobile: hero CTA arrow points down to the form */
@media (max-width: 760px) {
  .ppa .hero .cta-row .btn svg {
    transform: rotate(90deg);
  }
}

/* Desktop nav: phone number sits right, next to the CTA */
.ppa .pnav ul {
  margin-left: auto;
}
.ppa .pnav ul a {
  font-weight: 600;
  color: #fff;
}

/* ===== Page additions ===== */
.ppa .pt0 {
  padding-top: 0;
}
.ppa .eyebrow.nt {
  text-transform: none;
}
.ppa .pfoot .legal a {
  color: var(--color-text-tertiary);
  text-decoration: underline;
}
.ppa .pfoot .legal a:hover {
  color: #fff;
}
.ppa .pfoot .flinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  margin-top: 10px;
}
.ppa .ph-copy h1 .l1,
.ppa .ph-copy h1 .hl {
  vertical-align: top;
}
.ppa .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ===== Contact Form 7 inside the two forms ===== */
.ppa .wpcf7 {
  margin: 0;
}
.ppa .wpcf7 form {
  margin: 0;
}
.ppa .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
.ppa .wpcf7 .hidden-fields-container,
.ppa .wpcf7 fieldset.hidden-fields-container {
  display: none;
  border: 0;
}
.ppa .wpcf7 .screen-reader-response {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.ppa .fld input.wpcf7-not-valid {
  border-color: var(--color-waste);
}
.ppa .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-waste);
}
.ppa .fin .fld input.wpcf7-not-valid {
  border-color: #0b0b0b;
  box-shadow: 0 0 0 2px #0b0b0b;
}
.ppa .fin .wpcf7-not-valid-tip {
  color: #0b0b0b;
  font-weight: 700;
}
.ppa .wpcf7 form .wpcf7-response-output {
  margin: 14px 0 0;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--color-waste);
  font-size: 14px;
  line-height: 1.45;
  color: #fff;
  background: rgba(255, 107, 107, 0.08);
}
.ppa .fin .wpcf7 form .wpcf7-response-output {
  border-color: #0b0b0b;
  color: #0b0b0b;
  background: rgba(255, 255, 255, 0.35);
}
.ppa .wpcf7 form.init .wpcf7-response-output,
.ppa .wpcf7 form.resetting .wpcf7-response-output,
.ppa .wpcf7 form.submitting .wpcf7-response-output,
.ppa .wpcf7 form.sent .wpcf7-response-output {
  display: none;
}
.ppa .wpcf7 form.submitting .btn {
  opacity: 0.6;
  pointer-events: none;
}
.ppa .wpcf7-spinner {
  display: none;
}
.ppa .wpcf7 form.submitting .wpcf7-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  background: none;
  opacity: 1;
  animation: ppa-spin360 700ms linear infinite;
}
.ppa .wpcf7-spinner::before {
  display: none;
}
@keyframes ppa-spin360 {
  to {
    transform: rotate(360deg);
  }
}
.ppa .wpcf7-list-item {
  margin: 0;
}
.ppa .fld .wpcf7-acceptance,
.ppa .fld .wpcf7-acceptance label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.ppa .fld .wpcf7-acceptance input {
  width: auto;
  height: auto;
  margin-right: 8px;
}

/* ===== WordPress extras ===== */
.admin-bar.ppa .pnav {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar.ppa .pnav {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar.ppa .pnav {
    top: 0;
  }
}
.ppa .ppa-admin {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 360px;
  font: 500 13px/1.45 var(--font-body);
}
.ppa .ppa-admin a.btn {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}
.ppa .ppa-admin p {
  background: #2a1515;
  border: 1px solid var(--color-waste);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}
@media (max-width: 760px) {
  .ppa .ppa-admin {
    bottom: 84px;
  }
}

/* ===== Editable bits (captions, CF7 button arrow, phone links) ===== */
.ppa .pr .tabs:before {
  content: var(--cap-m, "Tap a client to see their result");
}
@media (min-width: 901px) {
  .ppa .pr .tabs:before {
    content: var(--cap-d, "Select a client");
  }
}
.ppa .ppa-tel-u {
  text-decoration: underline;
}
.ppa .fcall .ppa-tel-u {
  font-weight: 600;
}
/* Arrow on the CF7 submit buttons (CF7 strips inline SVG, so it is drawn here) */
.ppa .ppa-go::after {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
.ppa .fcard .ppa-go {
  width: 100%;
  justify-content: center;
  margin-top: 8px;
}
/* =====================================================================
 * PPC Management Services page (template-ppc-management.php)
 * Everything below is scoped under #ppm, the page wrapper between the
 * site header and footer. It does not affect the PPC Audit page (.ppa).
 * ===================================================================== */

/* --- Isolation: theme element styles are reset inside the page (SVG excluded) --- */
#ppm :where(*:not(svg):not(svg *)) {
  all: revert;
}
#ppm {
  display: block;
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow-x: clip;
  /* browser-default text settings (the theme body sets its own) */
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  white-space: normal;
  --ppm-stick: 108px; /* set from ACF: Page Settings → Sticky offset */
}

/* --- Design rules (from the handoff page.css) --- */
#ppm [hidden] {
  display: none !important;
}
/* MagnifyLab — PPC service page
   Layout, motion and component CSS extracted from the design source.
   Design tokens live in css/colors_and_type.css (--ml-* vars).
   All non-structural styling is authored inline on the elements in index.html. */
#ppm,
#ppm * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#ppm p,
#ppm li,
#ppm span,
#ppm div,
#ppm td,
#ppm th,
#ppm label,
#ppm dd,
#ppm dt,
#ppm figcaption,
#ppm blockquote {
  color: inherit;
}
#ppm {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.72);
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#ppm img {
  display: block;
  max-width: 100%;
}
#ppm a {
  text-decoration: none;
  color: inherit;
}
#ppm a:hover {
  color: #f5c84e;
}
#ppm ::selection {
  background: #f5c84e;
  color: #0b0b0b;
}
#ppm summary::-webkit-details-marker {
  display: none;
}
#ppm details[open] .ml-plus {
  transform: rotate(45deg);
}
#ppm .ml-step summary::-webkit-details-marker {
  display: none;
}
#ppm .ml-step {
  transition: background 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-step:hover {
  background: #101013;
}
#ppm .ml-arrow {
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm button:hover .ml-arrow {
  transform: translateX(4px);
}
#ppm .ml-rise {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 620ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-rise.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  #ppm .ml-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}
#ppm .ml-step[open] {
  background: #101013;
}
#ppm .ml-step[open] summary span span:first-child,
#ppm .ml-step[open] > summary > span > span:first-child {
  color: #f5c84e !important;
}
#ppm .ml-step summary h3 {
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-step:hover summary h3 {
  color: #f5c84e;
}
@keyframes ppm-mlTick {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes ppm-mlTickRev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
#ppm .ml-marq-wrap {
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
#ppm .ml-marq-wrap:hover .ml-marq-track {
  animation-play-state: paused;
}
#ppm .ml-logo {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  padding: 0 26px;
  margin: 0 9px;
  background: #101013;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  transition: all 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-logo img {
  height: 30px;
  width: auto;
  object-fit: contain;
  opacity: 0.72;
  transition:
    opacity 320ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-logo:hover {
  background: #16161a;
  border-color: rgba(24, 222, 119, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 16px 34px -14px rgba(0, 0, 0, 0.8);
}
#ppm .ml-logo:hover img {
  opacity: 1;
  transform: scale(1.05);
}
@keyframes ppm-mlReveal {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ppm-mlDrop {
  0% {
    transform: translateY(-12px);
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(40px);
    opacity: 0;
  }
}
@keyframes ppm-mlFill {
  0% {
    transform: scaleX(0.18);
    opacity: 1;
  }
  55% {
    transform: scaleX(1);
    opacity: 1;
  }
  88% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes ppm-mlSweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(320%);
  }
}
@keyframes ppm-mlPulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.35);
  }
}
@keyframes ppm-mlScan {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(232px);
  }
}
@keyframes ppm-mlFeed {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes ppm-mlRowHot {
  0%,
  42% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
  50% {
    background: #1c1c21;
    border-color: rgba(24, 222, 119, 0.55);
    box-shadow:
      0 0 0 1px rgba(24, 222, 119, 0.3),
      0 22px 44px -20px rgba(24, 222, 119, 0.6);
    transform: scale(1.028);
  }
  58%,
  100% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
}
@keyframes ppm-mlFunnelFill {
  0%,
  6% {
    transform: scaleX(0);
  }
  26%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes ppm-mlStageGlow {
  0%,
  8% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
  20% {
    background: #17171c;
    border-color: rgba(24, 222, 119, 0.4);
  }
  44%,
  100% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
}
@keyframes ppm-mlAura {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.62;
    transform: scale(1.07);
  }
}
@keyframes ppm-mlShimmer {
  0% {
    transform: translateY(-140%);
  }
  100% {
    transform: translateY(560%);
  }
}
@media (max-width: 820px) {
  #ppm .ml-omni-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 820px) {
  #ppm .ml-lead-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1040px) {
  #ppm .ml-funnel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #ppm .ml-funnel {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#ppm .ml-cmp {
  grid-auto-flow: row dense;
}
#ppm .ml-cmp > .ml-cmp-k {
  grid-column: 1;
}
#ppm .ml-cmp > .ml-cmp-bad {
  grid-column: 2;
}
#ppm .ml-cmp > .ml-cmp-good {
  grid-column: 3;
}
@media (max-width: 900px) {
  #ppm .ml-cmp {
    grid-template-columns: minmax(0, 1fr) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    gap: 16px !important;
  }
  #ppm .ml-cmp > p {
    border-left: 0 !important;
    border-top: 0 !important;
    grid-column: auto !important;
  }
  #ppm .ml-cmp .ml-cmp-h {
    display: none !important;
  }
  #ppm .ml-cmp .ml-cmp-k {
    padding: 0 0 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.56) !important;
  }
  #ppm .ml-cmp .ml-cmp-bad,
  #ppm .ml-cmp .ml-cmp-good {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: start !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
  }
  #ppm .ml-cmp .ml-cmp-bad {
    background: rgba(255, 255, 255, 0.02) !important;
    margin-bottom: 8px !important;
  }
  #ppm .ml-cmp .ml-cmp-good {
    border-color: rgba(245, 200, 78, 0.34) !important;
    margin-bottom: -8px !important;
  }
  #ppm .ml-cmp .ml-cmp-bad > img,
  #ppm .ml-cmp .ml-cmp-good > img {
    margin-top: 2px !important;
  }
  #ppm .ml-cmp .ml-cmp-bad::before,
  #ppm .ml-cmp .ml-cmp-good::before {
    grid-column: 1 / -1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  #ppm .ml-cmp .ml-cmp-bad::before {
    content: "Typical agency";
    color: rgba(255, 255, 255, 0.62);
  }
  #ppm .ml-cmp .ml-cmp-good::before {
    content: "MagnifyLab";
    color: #f5c84e;
  }
}
#ppm .ml-feed-card {
  transform: perspective(1500px) rotateY(-7deg) rotateX(3deg) scale(0.98);
  transform-origin: 70% 50%;
  transition:
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 760ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-feed-card:hover {
  transform: perspective(1500px) rotateY(0deg) rotateX(0deg) scale(1);
  box-shadow:
    0 0 90px -28px rgba(24, 222, 119, 0.7),
    0 40px 80px -40px rgba(0, 0, 0, 0.9);
}
#ppm .ml-feed-wrap {
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
}
#ppm .ml-feed-wrap:hover .ml-feed-track {
  animation-play-state: paused;
}
@media (max-width: 900px) {
  #ppm .ml-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
  #ppm .ml-hero-media {
    padding-right: 0 !important;
  }
}
@property --ml-ring {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes ppm-mlRing {
  to {
    --ml-ring: 360deg;
  }
}
@keyframes ppm-mlBreathe {
  0%,
  100% {
    opacity: 0.34;
  }
  50% {
    opacity: 0.72;
  }
}
#ppm .ml-form-card::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 21.5px;
  padding: 1.5px;
  background: conic-gradient(
    from var(--ml-ring),
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: ppm-mlRing 6s linear infinite;
  pointer-events: none;
  z-index: 1;
}
#ppm .ml-form-card::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 32px;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.2), transparent 76%);
  filter: blur(16px);
  animation: ppm-mlBreathe 5.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
#ppm .ml-form-card > * {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  #ppm .ml-form-card::before,
  #ppm .ml-form-card::after {
    animation: none;
  }
}
#ppm .ml-opt {
  position: relative;
}
#ppm .ml-opt {
  padding-left: 44px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
#ppm .ml-opt::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-opt[data-on="true"] {
  background: rgba(24, 222, 119, 0.1) !important;
  border-color: #18de77 !important;
  color: #fafaf8 !important;
}
#ppm .ml-opt[data-on="true"]::before {
  border-color: #18de77;
  background: #18de77 url("../ppc-management/img/icons/pros.svg") center/18px 18px no-repeat;
}
#ppm .ml-accred-cell img {
  opacity: 0.86;
  transform: translateY(0) scale(1);
  transition:
    opacity 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .ml-accred-cell:hover {
  background: #111114;
}
#ppm .ml-accred-cell:hover img {
  opacity: 1;
  transform: translateY(-3px) scale(1.03);
}
@media (max-width: 820px) {
  #ppm .ml-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #ppm .ml-split .ml-stk {
    position: static !important;
  }
}
@media (max-width: 700px) {
  #ppm .ml-tri {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 900px) {
  #ppm .ml-g3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  #ppm .ml-g3,
  #ppm .ml-g2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#ppm .ml-case-card:hover .ml-case-img {
  transform: scale(1.045);
}
#ppm .ml-case-img {
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes ppm-mlCaseIn {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#ppm .ml-case-card {
  opacity: 0;
}
#ppm [data-cases].is-in .ml-case-card {
  animation: ppm-mlCaseIn 820ms cubic-bezier(0.22, 1, 0.28, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  #ppm .ml-case-card {
    opacity: 1 !important;
    animation: none !important;
  }
}
#ppm [data-cases]::-webkit-scrollbar {
  display: none;
}
#ppm [data-cases].is-drag {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
#ppm [data-cases].is-drag a {
  pointer-events: none !important;
}
@media (max-width: 900px) {
  #ppm .ml-case-card {
    flex-basis: calc(50% - 8px) !important;
  }
}
@media (max-width: 560px) {
  #ppm .ml-case-card {
    flex-basis: 88% !important;
  }
}
@media (max-width: 760px) {
  #ppm .ml-accred {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #ppm .ml-modal-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#ppm .ml-pstep {
  opacity: 0.3;
  will-change: opacity, transform;
}
@media (max-width: 900px) {
  #ppm .ml-psticky {
    position: static !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #ppm .ml-pstep {
    opacity: 1 !important;
    transform: none !important;
  }
  #ppm .ml-pdot {
    border-color: rgba(245, 200, 78, 0.8) !important;
  }
  #ppm .ml-pnum {
    color: #f5c84e !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #ppm,
  #ppm * {
    animation: none !important;
    transition: none !important;
  }
}

/* pseudo-state rules (hover / focus-visible) */

/* Section 06 comparison toggle */
#ppm .cmp[data-mode="us"] .cmp-us {
  display: flex !important;
}
#ppm .cmp[data-mode="us"] .cmp-them {
  display: none !important;
}
#ppm .cmp[data-mode="them"] .cmp-us {
  display: none !important;
}
#ppm .cmp[data-mode="them"] .cmp-them {
  display: flex !important;
}
#ppm .cmp[data-mode="us"] .cmp-card {
  border-color: rgba(24, 222, 119, 0.3) !important;
}
#ppm .cmp[data-mode="them"] .cmp-card {
  background: #0e0e10 !important;
}
#ppm .cmp[data-mode="us"] .cmp-btn-us,
#ppm .cmp[data-mode="them"] .cmp-btn-them {
  background: #18de77 !important;
  color: #0b0b0b !important;
}
@keyframes ppm-mlNudgeX {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-6px);
  }
}
@keyframes ppm-mlBtnPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 200, 78, 0.45);
  }
  70%,
  100% {
    box-shadow: 0 0 0 10px rgba(245, 200, 78, 0);
  }
}
#ppm .cmp-arr {
  animation: ppm-mlNudgeX 1.4s ease-in-out infinite;
}
#ppm .cmp[data-mode="us"] .cmp-hint-us {
  display: inline-flex !important;
}
#ppm .cmp[data-mode="us"] .cmp-hint-them {
  display: none !important;
}
#ppm .cmp[data-mode="them"] .cmp-hint-us {
  display: none !important;
}
#ppm .cmp[data-mode="them"] .cmp-hint-them {
  display: inline-flex !important;
}
#ppm .cmp[data-mode="us"] .cmp-btn-them {
  animation: ppm-mlBtnPulse 2s ease-out infinite;
}
#ppm .cmp[data-mode="them"] .cmp-btn-us {
  animation: ppm-mlBtnPulse 2s ease-out infinite;
}
#ppm .cmp-btn:hover {
  color: #fafaf8;
}
@keyframes ppm-mlNudgeY {
  0%,
  100% {
    transform: rotate(90deg) translateX(0);
  }
  50% {
    transform: rotate(90deg) translateX(-6px);
  }
}
@media (max-width: 700px) {
  #ppm .cmp-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  #ppm .cmp-tabs {
    display: flex !important;
    width: 100%;
  }
  #ppm .cmp-tabs .cmp-btn {
    flex: 1;
    padding: 13px 8px !important;
    font-size: 14.5px !important;
  }
  #ppm .cmp-hint {
    font-size: 14px !important;
    align-items: flex-start !important;
  }
  #ppm .cmp-arr {
    animation: ppm-mlNudgeY 1.4s ease-in-out infinite !important;
    transform: rotate(90deg);
    flex: none;
  }
}

/* --- Design element styles (were inline in the handoff; same priority as inline) --- */
#ppm#ppm#ppm .pm1 {
  margin: 0;
  background: #08080a;
  color: #fafaf8;
  font-family: Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#ppm#ppm#ppm .pm2 {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
#ppm#ppm#ppm .pm3 {
  background: #0c0c0d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
}
#ppm#ppm#ppm .pm4 {
  display: inline-flex;
  animation: ppm-mlTick 34s linear infinite;
}
#ppm#ppm#ppm .pm5 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
  padding: 0 26px;
}
#ppm#ppm#ppm .pm6 {
  font-size: 13px;
  font-weight: 500;
  color: #f5c84e;
  padding: 0 4px;
}
#ppm#ppm#ppm .pm7 {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(11, 12, 14, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#ppm#ppm#ppm .pm8 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  gap: 32px;
}
#ppm#ppm#ppm .pm9 {
  height: 22px;
  width: auto;
}
#ppm#ppm#ppm .pm10 {
  display: flex;
  gap: 26px;
  align-items: center;
}
#ppm#ppm#ppm .pm11 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.78);
}
#ppm#ppm#ppm .pm12 {
  font-size: 15px;
  color: #fafaf8;
  font-weight: 500;
}
#ppm#ppm#ppm .pm13 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm14 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 104px) 32px clamp(56px, 7vw, 88px);
}
#ppm#ppm#ppm .pm15 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm16 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm17 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#ppm#ppm#ppm .pm18 {
  font-weight: 800;
  font-size: clamp(24px, 3.4vw, 48px);
  white-space: nowrap;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #fafaf8;
  margin-top: 22px;
}
#ppm#ppm#ppm .pm19 {
  display: inline-block;
  white-space: nowrap;
  background: #18de77;
  color: #0b0b0b;
  border-radius: 16px;
  padding: 0 0.14em 0.06em;
  margin-top: 0.08em;
}
#ppm#ppm#ppm .pm20 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 26px;
  max-width: 46ch;
}
#ppm#ppm#ppm .pm21 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
#ppm#ppm#ppm .pm22 {
  width: 22px;
  height: 22px;
  flex: none;
  margin-top: 1px;
}
#ppm#ppm#ppm .pm23 {
  color: #fafaf8;
  font-weight: 600;
}
#ppm#ppm#ppm .pm24 {
  position: relative;
  padding: 0 0 8px;
  overflow-x: clip;
}
#ppm#ppm#ppm .pm25 {
  position: absolute;
  top: 0;
  right: 0;
  width: min(300px, 100%);
  height: 300px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  -webkit-mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  pointer-events: none;
}
#ppm#ppm#ppm .pm26 {
  position: relative;
  background: #121215;
  border: 1px solid rgba(24, 222, 119, 0.3);
  border-radius: 20px;
  padding: clamp(26px, 2.6vw, 34px);
  box-shadow:
    0 0 0 1px rgba(11, 11, 13, 0.6),
    0 28px 70px rgba(0, 0, 0, 0.55),
    0 0 60px -20px rgba(24, 222, 119, 0.3);
}
#ppm#ppm#ppm .pm27 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #18de77;
}
#ppm#ppm#ppm .pm28 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
#ppm#ppm#ppm .pm29 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #18de77;
}
#ppm#ppm#ppm .pm30 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(245, 200, 78, 0.12);
  border: 1px solid rgba(245, 200, 78, 0.34);
  color: #f5c84e;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#ppm#ppm#ppm .pm31 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#ppm#ppm#ppm .pm32 {
  font-weight: 800;
  font-size: clamp(24px, 2.2vw, 29px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm33 {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
  margin-top: 10px;
}
#ppm#ppm#ppm .pm34 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
#ppm#ppm#ppm .pm35 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  padding: 14px 12px;
  border-radius: 12px;
  background: #17171a;
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  color: #fafaf8;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm36 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 18px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 17px 24px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm37 {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 12px;
  text-align: center;
}
#ppm#ppm#ppm .pm38 {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 4vh, 56px) 16px;
  overflow-y: auto;
  background: rgba(11, 11, 13, 0.72);
  backdrop-filter: blur(6px);
}
#ppm#ppm#ppm .pm39 {
  position: relative;
  width: min(760px, 100%);
  background: #fafaf8;
  border-radius: 8px;
  padding: clamp(28px, 3.4vw, 44px) clamp(20px, 3vw, 40px) 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
#ppm#ppm#ppm .pm40 {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededea;
  border: 0;
  color: #0b0b0b;
  font-family: inherit;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm41 {
  height: 26px;
  width: auto;
  margin: 0 auto;
}
#ppm#ppm#ppm .pm42 {
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  text-align: center;
  margin-top: 22px;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm43 {
  font-size: 15.5px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.66);
  text-align: center;
  margin-top: 10px;
}
#ppm#ppm#ppm .pm44 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 18px;
  min-height: 32px;
}
#ppm#ppm#ppm .pm45 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
#ppm#ppm#ppm .pm46 {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm47 {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm48 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 0 16px;
}
#ppm#ppm#ppm .pm49 {
  font-size: 15px;
  font-weight: 600;
  color: rgba(11, 11, 11, 0.58);
  flex: none;
}
#ppm#ppm#ppm .pm50 {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 17px 0;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
}
#ppm#ppm#ppm .pm51 {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.55);
  margin-top: 18px;
}
#ppm#ppm#ppm .pm52 {
  color: #0fb35f;
  font-weight: 600;
}
#ppm#ppm#ppm .pm53 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 19px 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm54 {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  flex-wrap: wrap;
  justify-content: center;
  padding: 22px 0 24px;
  margin-top: 8px;
  border-top: 1px solid rgba(11, 11, 11, 0.08);
}
#ppm#ppm#ppm .pm55 {
  height: 20px;
  width: auto;
  opacity: 0.42;
}
#ppm#ppm#ppm .pm56 {
  margin-top: clamp(48px, 6vw, 76px);
}
#ppm#ppm#ppm .pm57 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5c84e;
  text-align: center;
}
#ppm#ppm#ppm .pm58 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin-top: clamp(26px, 3vw, 38px);
}
#ppm#ppm#ppm .pm59 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  background: #0c0c0d;
  padding: 30px 20px 26px;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm60 {
  height: 78px;
  width: auto;
}
#ppm#ppm#ppm .pm61 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}
#ppm#ppm#ppm .pm62 {
  font-weight: 700;
  font-size: 15px;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm63 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm64 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#ppm#ppm#ppm .pm65 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
}
#ppm#ppm#ppm .pm66 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: end;
}
#ppm#ppm#ppm .pm67 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  flex: 0 0 auto;
}
#ppm#ppm#ppm .pm68 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm69 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#ppm#ppm#ppm .pm70 {
  max-width: 56ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm71 {
  display: flex;
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  cursor: grab;
}
#ppm#ppm#ppm .pm72 {
  flex: 0 0 calc((100% - 16px) / 2);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
}
#ppm#ppm#ppm .pm73 {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #0f0f11;
  border-radius: 4px;
}
#ppm#ppm#ppm .pm74 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm75 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#ppm#ppm#ppm .pm76 {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #8c8c94;
}
#ppm#ppm#ppm .pm77 {
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #fafaf8;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm78 {
  font-weight: 800;
}
#ppm#ppm#ppm .pm79 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  margin-top: clamp(28px, 3.5vw, 42px);
}
#ppm#ppm#ppm .pm80 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: 0;
  padding: 10px 4px;
  cursor: pointer;
  color: #fafaf8;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm81 {
  font-size: 17px;
  line-height: 1;
}
#ppm#ppm#ppm .pm82 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm83 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 62ch;
}
#ppm#ppm#ppm .pm84 {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm85 {
  color: rgb(250, 250, 248);
  font-weight: 600;
  text-decoration: underline 2px rgb(24, 222, 119);
  text-underline-offset: 4px;
}
#ppm#ppm#ppm .pm86 {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#ppm#ppm#ppm .pm87 {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
}
#ppm#ppm#ppm .pm88 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm89 {
  display: block;
  color: #fafaf8;
  font-weight: 600;
}
#ppm#ppm#ppm .pm90 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
}
#ppm#ppm#ppm .pm91 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(245, 200, 78, 0.1) 0%, rgba(245, 200, 78, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 200, 78, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm92 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5c84e;
}
#ppm#ppm#ppm .pm93 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm94 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm95 {
  font-size: 16px;
  line-height: 1.65;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm96 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(24, 222, 119, 0.1) 0%, rgba(24, 222, 119, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(24, 222, 119, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm97 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #18de77;
}
#ppm#ppm#ppm .pm98 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #18de77;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm99 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(245, 166, 35, 0.1) 0%, rgba(245, 166, 35, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 166, 35, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm100 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5a623;
}
#ppm#ppm#ppm .pm101 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f5a623;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm102 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow-x: clip;
}
#ppm#ppm#ppm .pm103 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm104 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ppm#ppm#ppm .pm105 {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 12px;
}
#ppm#ppm#ppm .pm106 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm107 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 32px clamp(24px, 3vw, 36px);
}
#ppm#ppm#ppm .pm108 {
  margin-top: 12px;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm109 {
  position: sticky;
  top: var(--ppm-stick, 108px);
}
#ppm#ppm#ppm .pm110 {
  position: relative;
}
#ppm#ppm#ppm .pm111 {
  position: absolute;
  inset: -12% 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.3), transparent 72%);
  filter: blur(30px);
  pointer-events: none;
  animation: ppm-mlAura 7s ease-in-out infinite;
}
#ppm#ppm#ppm .pm112 {
  position: relative;
  border: 1px solid rgba(24, 222, 119, 0.22);
  border-radius: 16px;
  overflow: hidden;
  background: #121215;
  box-shadow:
    0 0 60px -26px rgba(24, 222, 119, 0.45),
    0 30px 60px -36px rgba(0, 0, 0, 0.9);
}
#ppm#ppm#ppm .pm113 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 22%;
  background: linear-gradient(180deg, transparent, rgba(24, 222, 119, 0.1), transparent);
  pointer-events: none;
  z-index: 3;
  animation: ppm-mlShimmer 6.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
#ppm#ppm#ppm .pm114 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  background: #121215;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
#ppm#ppm#ppm .pm115 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm116 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
  box-shadow: 0 0 0 0 rgba(24, 222, 119, 0.55);
  animation: ppm-mlPulse 1.8s ease-in-out infinite;
}
#ppm#ppm#ppm .pm117 {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
}
#ppm#ppm#ppm .pm118 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #7bf0b4;
  color: #0b0b0b;
  border-radius: 999px;
  padding: 6px 13px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  white-space: nowrap;
  box-shadow: 0 0 24px -6px rgba(123, 240, 180, 0.8);
}
#ppm#ppm#ppm .pm119 {
  position: relative;
  height: 352px;
  overflow: hidden;
}
#ppm#ppm#ppm .pm120 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 12px 0;
  animation: ppm-mlFeed 26s linear infinite;
}
#ppm#ppm#ppm .pm121 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear 0s infinite;
}
#ppm#ppm#ppm .pm122 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #ffffff;
  overflow: hidden;
}
#ppm#ppm#ppm .pm123 {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
#ppm#ppm#ppm .pm124 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
#ppm#ppm#ppm .pm125 {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm126 {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm127 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
#ppm#ppm#ppm .pm128 {
  flex: none;
}
#ppm#ppm#ppm .pm129 {
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.5);
}
#ppm#ppm#ppm .pm130 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex: none;
}
#ppm#ppm#ppm .pm131 {
  font-weight: 800;
  font-size: 15px;
  color: #18de77;
  white-space: nowrap;
}
#ppm#ppm#ppm .pm132 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.52);
}
#ppm#ppm#ppm .pm133 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -3.71s infinite;
}
#ppm#ppm#ppm .pm134 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -7.43s infinite;
}
#ppm#ppm#ppm .pm135 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -11.14s infinite;
}
#ppm#ppm#ppm .pm136 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -14.86s infinite;
}
#ppm#ppm#ppm .pm137 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -18.57s infinite;
}
#ppm#ppm#ppm .pm138 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #171719;
  border: 1px solid rgba(255, 255, 255, 0.07);
  animation: ppm-mlRowHot 26s linear -22.29s infinite;
}
#ppm#ppm#ppm .pm139 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b0b0b;
}
#ppm#ppm#ppm .pm140 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px 0;
}
#ppm#ppm#ppm .pm141 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm142 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(22px, 2.6vw, 28px);
}
#ppm#ppm#ppm .pm143 {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.6vw, 18px);
  flex-wrap: wrap;
  padding: 14px 24px;
  background: #141416;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
#ppm#ppm#ppm .pm144 {
  display: flex;
  gap: 2px;
}
#ppm#ppm#ppm .pm145 {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.14);
}
#ppm#ppm#ppm .pm146 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.62);
}
#ppm#ppm#ppm .pm147 {
  color: #fafaf8;
  font-weight: 700;
}
#ppm#ppm#ppm .pm148 {
  margin-top: clamp(40px, 5vw, 56px);
  margin-bottom: clamp(64px, 8vw, 96px);
  overflow: hidden;
}
#ppm#ppm#ppm .pm149 {
  display: flex;
  gap: 16px;
  padding-right: 16px;
  width: max-content;
  align-items: stretch;
  animation: ppm-mlTick 68s linear infinite;
}
#ppm#ppm#ppm .pm150 {
  position: relative;
  flex: 0 0 384px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px clamp(22px, 2.4vw, 30px);
  overflow: hidden;
}
#ppm#ppm#ppm .pm151 {
  position: absolute;
  top: 10px;
  right: 18px;
  font-family: Georgia, serif;
  font-size: 96px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
#ppm#ppm#ppm .pm152 {
  position: relative;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.6;
  color: #fafaf8;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm153 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#ppm#ppm#ppm .pm154 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #ff7a45;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm155 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
#ppm#ppm#ppm .pm156 {
  font-size: 14.5px;
  font-weight: 700;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm157 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #3aa0ff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm158 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #2ed3b7;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm159 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #e45c8c;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm160 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #9b8cff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm161 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#ppm#ppm#ppm .pm162 {
  margin-top: clamp(40px, 5vw, 56px);
}
#ppm#ppm#ppm .pm163 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
#ppm#ppm#ppm .pm164 {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  padding: 5px;
  background: #101013;
}
#ppm#ppm#ppm .pm165 {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 700;
  background: transparent;
  color: #fafaf8;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm166 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #f5c84e;
}
#ppm#ppm#ppm .pm167 {
  display: none;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.78);
}
#ppm#ppm#ppm .pm168 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}
#ppm#ppm#ppm .pm169 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 24px;
  background: #101013;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm170 {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm171 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
#ppm#ppm#ppm .pm172 {
  font-size: 17px;
  line-height: 1.45;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm173 {
  display: none;
  gap: 12px;
  align-items: flex-start;
}
#ppm#ppm#ppm .pm174 {
  font-size: 17px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
}
#ppm#ppm#ppm .pm175 {
  color: #fafaf8;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#ppm#ppm#ppm .pm176 {
  position: absolute;
  inset: -12% 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.26), transparent 70%);
  filter: blur(32px);
  pointer-events: none;
  animation: ppm-mlAura 7s ease-in-out infinite;
}
#ppm#ppm#ppm .pm177 {
  position: relative;
  border: 1px solid rgba(24, 222, 119, 0.2);
  border-radius: 16px;
  background: #121215;
  overflow: hidden;
  box-shadow:
    0 0 60px -28px rgba(24, 222, 119, 0.5),
    0 30px 60px -40px rgba(0, 0, 0, 0.9);
}
#ppm#ppm#ppm .pm178 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background: linear-gradient(90deg, transparent, rgba(24, 222, 119, 0.08), transparent);
  pointer-events: none;
  z-index: 1;
  animation: ppm-mlSweep 7s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
#ppm#ppm#ppm .pm179 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#ppm#ppm#ppm .pm180 {
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm181 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#ppm#ppm#ppm .pm182 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 22px 18px;
}
#ppm#ppm#ppm .pm183 {
  width: 100%;
  min-width: min(100%, 232px);
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: ppm-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
#ppm#ppm#ppm .pm184 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
#ppm#ppm#ppm .pm185 {
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-width: 0;
}
#ppm#ppm#ppm .pm186 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.56);
  flex: none;
}
#ppm#ppm#ppm .pm187 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
#ppm#ppm#ppm .pm188 {
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #fafaf8;
  flex: none;
}
#ppm#ppm#ppm .pm189 {
  display: block;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
#ppm#ppm#ppm .pm190 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px rgba(24, 222, 119, 0.8);
  animation: ppm-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
#ppm#ppm#ppm .pm191 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.52);
}
#ppm#ppm#ppm .pm192 {
  width: 86%;
  min-width: min(100%, 232px);
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: ppm-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s infinite;
}
#ppm#ppm#ppm .pm193 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px rgba(24, 222, 119, 0.8);
  animation: ppm-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s infinite;
}
#ppm#ppm#ppm .pm194 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #f5c84e;
}
#ppm#ppm#ppm .pm195 {
  width: 74%;
  min-width: min(100%, 232px);
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: ppm-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 1.1s infinite;
}
#ppm#ppm#ppm .pm196 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px rgba(24, 222, 119, 0.8);
  animation: ppm-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 1.1s infinite;
}
#ppm#ppm#ppm .pm197 {
  width: 62%;
  min-width: min(100%, 232px);
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: ppm-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 1.65s infinite;
}
#ppm#ppm#ppm .pm198 {
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #18de77;
  flex: none;
}
#ppm#ppm#ppm .pm199 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px rgba(24, 222, 119, 0.8);
  animation: ppm-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 1.65s infinite;
}
#ppm#ppm#ppm .pm200 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 22px;
}
#ppm#ppm#ppm .pm201 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}
#ppm#ppm#ppm .pm202 {
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.035em;
  color: #f5c84e;
}
#ppm#ppm#ppm .pm203 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
}
#ppm#ppm#ppm .pm204 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#ppm#ppm#ppm .pm205 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  max-width: 18ch;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm206 {
  margin-top: 20px;
  max-width: 40ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm207 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
#ppm#ppm#ppm .pm208 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: clamp(30px, 3.6vw, 46px);
}
#ppm#ppm#ppm .pm209 {
  position: absolute;
  left: clamp(26px, 2.5vw, 32px);
  top: calc(clamp(52px, 5vw, 64px) + 12px);
  bottom: 10px;
  width: 1px;
  margin-left: -0.5px;
  background: rgba(255, 255, 255, 0.13);
  overflow: hidden;
}
#ppm#ppm#ppm .pm210 {
  position: absolute;
  left: -1px;
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(to bottom, rgba(245, 200, 78, 0.5), #f5c84e);
  box-shadow: 0 0 12px rgba(245, 200, 78, 0.4);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 780ms cubic-bezier(0.22, 1, 0.28, 1);
}
#ppm#ppm#ppm .pm211 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(52px, 5vw, 64px);
  height: clamp(52px, 5vw, 64px);
  flex: none;
  border-radius: 999px;
  background: #0b0b0b;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.16);
  will-change: border-color, box-shadow, transform;
}
#ppm#ppm#ppm .pm212 {
  font-weight: 800;
  font-size: 19px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  will-change: color;
}
#ppm#ppm#ppm .pm213 {
  padding-top: clamp(8px, 1.2vw, 14px);
  min-width: 0;
}
#ppm#ppm#ppm .pm214 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
#ppm#ppm#ppm .pm215 {
  font-weight: 700;
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm216 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#ppm#ppm#ppm .pm217 {
  margin-top: 12px;
  max-width: 58ch;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm218 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
}
#ppm#ppm#ppm .pm219 {
  width: 17px;
  height: 17px;
  flex: none;
  margin-top: 1px;
}
#ppm#ppm#ppm .pm220 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: 0;
}
#ppm#ppm#ppm .pm221 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b0b0b;
  padding: clamp(56px, 7vw, 84px) 0;
}
#ppm#ppm#ppm .pm222 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5c84e;
  text-align: center;
  padding: 0 32px;
}
#ppm#ppm#ppm .pm223 {
  font-weight: 800;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf8;
  text-align: center;
  margin-top: 14px;
  padding: 0 32px;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm224 {
  margin-top: clamp(34px, 4vw, 52px);
}
#ppm#ppm#ppm .pm225 {
  display: flex;
  overflow: hidden;
}
#ppm#ppm#ppm .pm226 {
  display: flex;
  align-items: center;
  flex: none;
  animation: ppm-mlTick 138s linear infinite;
}
#ppm#ppm#ppm .pm227 {
  display: flex;
  overflow: hidden;
  margin-top: 18px;
}
#ppm#ppm#ppm .pm228 {
  display: flex;
  align-items: center;
  flex: none;
  animation: ppm-mlTickRev 156s linear infinite;
}
#ppm#ppm#ppm .pm229 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm230 {
  max-width: 54ch;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm231 {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#ppm#ppm#ppm .pm232 {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm233 {
  font-weight: 800;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #f5c84e;
  margin-top: 12px;
}
#ppm#ppm#ppm .pm234 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 8px;
}
#ppm#ppm#ppm .pm235 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
#ppm#ppm#ppm .pm236 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm237 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fafaf8;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm238 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: clamp(28px, 3vw, 40px);
}
#ppm#ppm#ppm .pm239 {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm240 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 24px;
}
#ppm#ppm#ppm .pm241 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
#ppm#ppm#ppm .pm242 {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 2px;
}
#ppm#ppm#ppm .pm243 {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 14px;
  align-items: center;
}
#ppm#ppm#ppm .pm244 {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm245 {
  color: #fafaf8;
  font-weight: 600;
  display: block;
}
#ppm#ppm#ppm .pm246 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#ppm#ppm#ppm .pm247 {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm248 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin-top: 28px;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm249 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 22px 0;
}
#ppm#ppm#ppm .pm250 {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 18px;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm251 {
  flex: 1;
}
#ppm#ppm#ppm .pm252 {
  flex: none;
  font-weight: 600;
  font-size: 20px;
  color: #f5c84e;
  transition: transform 300ms ease;
}
#ppm#ppm#ppm .pm253 {
  padding: 14px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 66ch;
}
#ppm#ppm#ppm .pm254 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#ppm#ppm#ppm .pm255 {
  display: flex;
  gap: 12px;
  font-size: 16px;
  line-height: 1.6;
}
#ppm#ppm#ppm .pm256 {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  flex-wrap: wrap;
}
#ppm#ppm#ppm .pm257 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
}
#ppm#ppm#ppm .pm258 {
  font-weight: 600;
  font-size: 15px;
  color: #f5c84e;
  border-bottom: 1px solid rgba(245, 200, 78, 0.25);
  padding-bottom: 4px;
}
#ppm#ppm#ppm .pm259 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: clamp(40px, 5vw, 56px);
}
#ppm#ppm#ppm .pm260 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #151517;
}
#ppm#ppm#ppm .pm261 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ppm#ppm#ppm .pm262 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fafaf8;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm263 {
  font-size: 16px;
  line-height: 1.6;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm264 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: auto;
}
#ppm#ppm#ppm .pm265 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) 32px;
}
#ppm#ppm#ppm .pm266 {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  overflow: hidden;
  background: #101012;
  padding: clamp(40px, 5vw, 68px) clamp(28px, 4vw, 56px);
}
#ppm#ppm#ppm .pm267 {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 130% at 50% -18%, rgba(24, 222, 119, 0.55) 0%, rgba(24, 222, 119, 0.16) 34%, rgba(16, 16, 18, 0) 68%);
  pointer-events: none;
}
#ppm#ppm#ppm .pm268 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  -webkit-mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  pointer-events: none;
}
#ppm#ppm#ppm .pm269 {
  position: absolute;
  left: 50%;
  top: -46%;
  transform: translateX(-50%);
  width: min(78%, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.42), transparent 70%);
  filter: blur(42px);
  pointer-events: none;
  animation: ppm-mlAura 9s ease-in-out infinite;
}
#ppm#ppm#ppm .pm270 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#ppm#ppm#ppm .pm271 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 16px 6px 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}
#ppm#ppm#ppm .pm272 {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
}
#ppm#ppm#ppm .pm273 {
  display: flex;
  gap: 1px;
}
#ppm#ppm#ppm .pm274 {
  font-weight: 700;
  font-size: 14px;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm275 {
  font-weight: 800;
  font-size: clamp(38px, 6.4vw, 92px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  color: #fafaf8;
  margin-top: clamp(24px, 3vw, 34px);
  max-width: 14ch;
  text-wrap: balance;
}
#ppm#ppm#ppm .pm276 {
  color: #18de77;
}
#ppm#ppm#ppm .pm277 {
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.74);
  max-width: 50ch;
  margin-top: 20px;
  text-wrap: pretty;
}
#ppm#ppm#ppm .pm278 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(26px, 3.2vw, 36px);
}
#ppm#ppm#ppm .pm279 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #18de77;
  color: #0b0b0b;
  padding: 15px 16px 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 18px 44px -18px rgba(24, 222, 119, 0.9);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm280 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #0b0b0b;
}
#ppm#ppm#ppm .pm281 {
  display: inline-flex;
  align-items: center;
  padding: 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fafaf8;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  transition:
    background 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm .pm282 {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 26px);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(28px, 3.4vw, 38px);
  padding-top: clamp(22px, 2.6vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  width: 100%;
}
#ppm#ppm#ppm .pm283 {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
}
#ppm#ppm#ppm .pm284 {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
}
#ppm#ppm#ppm .pm285 {
  font-size: 15px;
  font-weight: 700;
  color: #fafaf8;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#ppm#ppm#ppm .pm286 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 0.7fr));
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
}
#ppm#ppm#ppm .pm287 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
}
#ppm#ppm#ppm .pm288 {
  font-weight: 600;
  font-size: 15px;
  color: #fafaf8;
}
#ppm#ppm#ppm .pm289 {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- Hover helpers (the design's hover rules; inline-equivalent styles still win, as in the design) --- */
#ppm .ppm-h-opt:hover,
#ppm .ppm-h-ghost:hover {
  border-color: rgba(255, 255, 255, 0.34);
}
#ppm .ppm-h-gold:hover {
  background: #e6b53a;
}
#ppm .ppm-h-close:hover {
  background: #dededa;
}
#ppm .ppm-h-y:hover {
  color: #f5c84e;
}
#ppm .ppm-h-white:hover {
  color: #fafaf8;
}
#ppm .ppm-h-outline-y:hover {
  border-color: #f5c84e;
}
#ppm .ppm-h-card:hover {
  transform: translateY(-3px);
}
#ppm .ppm-h-lift:hover {
  transform: translateY(-2px);
}
#ppm .ppm-h-ghost2:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #fafaf8;
}

/* --- Page additions --- */
#ppm#ppm#ppm .ppm-modal {
  z-index: 100000; /* above a sticky site header */
}
#ppm .ppm-err {
  color: #ff6b6b !important;
}
#ppm .ppm-thanks {
  padding-bottom: clamp(28px, 3.4vw, 44px);
}
#ppm .ppm-tel-u {
  text-decoration: underline;
}
#ppm .ppm-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* --- Contact Form 7 in the enquiry pop-up (your existing form: ml-modal-fields, ml-field, …) --- */
#ppm .wpcf7,
#ppm .wpcf7 form {
  margin: 0;
}
#ppm .wpcf7 .screen-reader-response,
#ppm .wpcf7 .hidden-fields-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  margin: 0;
  padding: 0;
}
#ppm .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  min-width: 0;
}
#ppm#ppm#ppm .ml-modal-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
#ppm#ppm#ppm input.ml-field,
#ppm#ppm#ppm select.ml-field {
  display: block;
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  line-height: normal;
  color: #0b0b0b;
  outline: none;
  box-shadow: none;
  height: auto;
  margin: 0;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm select.ml-field {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
#ppm#ppm#ppm div.ml-field--tel {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 0 16px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm#ppm#ppm div.ml-field--tel > span:first-child {
  font-size: 15px;
  font-weight: 600;
  color: rgba(11, 11, 11, 0.58);
  flex: none;
}
#ppm#ppm#ppm div.ml-field--tel .wpcf7-form-control-wrap {
  flex: 1;
}
#ppm#ppm#ppm div.ml-field--tel input {
  display: block;
  width: 100%;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 17px 0;
  font-family: inherit;
  font-size: 15px;
  line-height: normal;
  color: #0b0b0b;
  outline: none;
  box-shadow: none;
  height: auto;
  margin: 0;
}
#ppm .ml-field::placeholder,
#ppm .ml-field--tel input::placeholder {
  color: #757575;
  opacity: 1;
}
#ppm#ppm#ppm#ppm input.ml-field:focus-visible,
#ppm#ppm#ppm#ppm select.ml-field:focus-visible,
#ppm#ppm#ppm#ppm div.ml-field--tel:focus-within {
  border-color: #18de77;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25);
}
#ppm#ppm#ppm .ml-modal__consent {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.55);
  margin-top: 18px;
}
#ppm#ppm#ppm .ml-modal__consent a {
  color: #0fb35f;
  font-weight: 600;
  text-decoration: none;
}
#ppm#ppm#ppm .ml-modal__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 19px 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#ppm .wpcf7-spinner {
  display: none;
}
#ppm .wpcf7 form.submitting .ml-modal__submit {
  opacity: 0.6;
  pointer-events: none;
}
#ppm#ppm#ppm input.ml-field.wpcf7-not-valid,
#ppm#ppm#ppm select.ml-field.wpcf7-not-valid,
#ppm#ppm#ppm div.ml-field--tel:has(.wpcf7-not-valid) {
  border-color: #e5484d;
}
#ppm .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #c8302f;
}
#ppm div.ml-field--tel {
  position: relative;
}
#ppm div.ml-field--tel .wpcf7-not-valid-tip {
  position: absolute;
  left: -16px;
  top: 100%;
}
#ppm .wpcf7 form .wpcf7-response-output {
  display: block;
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 1px solid #e5484d;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.45;
  color: #0b0b0b;
}
#ppm .wpcf7 form.init .wpcf7-response-output,
#ppm .wpcf7 form.resetting .wpcf7-response-output,
#ppm .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
#ppm .wpcf7 form.sent .wpcf7-response-output {
  border-color: #18de77;
  background: rgba(24, 222, 119, 0.1);
}

/* --- Editor tools (admins only) --- */
#ppm .ppm-admin {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 360px;
  font:
    500 13px/1.45 Inter,
    system-ui,
    sans-serif;
}
#ppm .ppm-admin a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: none;
}
#ppm .ppm-admin p {
  background: #2a1515;
  border: 1px solid #ff6b6b;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}

/* --- Header / footer switches (ACF → Page Settings → Show site header / footer).
 * Covers Astra's header and footer markup; add your own selectors in ACF if the
 * child theme uses different ones (e.g. a custom ticker). --- */
body.ppm-no-header #masthead,
body.ppm-no-header header.site-header,
body.ppm-no-header #ast-desktop-header,
body.ppm-no-header #ast-mobile-header,
body.ppm-no-header .ast-above-header-wrap {
  display: none !important;
}
body.ppm-no-footer #colophon,
body.ppm-no-footer footer.site-footer,
body.ppm-no-footer .site-primary-footer-wrap,
body.ppm-no-footer .site-below-footer-wrap,
body.ppm-no-footer .ast-small-footer {
  display: none !important;
}

/* =====================================================================
 * PPC Audit Services page (template-ppc-audit-services.php)
 * Everything below is scoped under #pas, the page wrapper between the
 * site header and footer. It does not affect the other PPC pages.
 * ===================================================================== */

/* --- Isolation: theme element styles are reset inside the page (SVG excluded) --- */
#pas :where(*:not(svg):not(svg *)) {
  all: revert;
}
#pas {
  display: block;
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow-x: clip;
  /* browser-default text settings (the theme body sets its own) */
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  white-space: normal;
  --pas-stick: 110px; /* set from ACF: Page Settings → Sticky offset */
}
/* the isolation reset also removes the browser's [hidden] rule */
#pas [hidden] {
  display: none !important;
}

/* --- Design rules (from the handoff page.css) --- */
#pas,
#pas * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#pas p,
#pas li,
#pas span,
#pas div,
#pas td,
#pas th,
#pas label,
#pas dd,
#pas dt,
#pas blockquote {
  color: inherit;
}
#pas {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.72);
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#pas img {
  display: block;
  max-width: 100%;
}
#pas a {
  text-decoration: none;
  color: inherit;
}
#pas a:hover {
  color: #f5c84e;
}
#pas ::selection {
  background: #f5c84e;
  color: #0b0b0b;
}
#pas summary::-webkit-details-marker {
  display: none;
}
#pas details[open] .a-plus {
  transform: rotate(45deg);
}
#pas .a-plus {
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-eb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#pas .a-eb:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#pas .a-h2 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  text-wrap: balance;
}
#pas .a-p {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#pas .a-sec {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 104px) 32px;
}
#pas .a-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 17px 26px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition:
    background 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-btn:hover {
  background: #e6b53a;
  color: #0b0b0b;
  transform: translateY(-2px);
}
#pas .a-btn svg {
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-btn:hover svg {
  transform: translateX(4px);
}
#pas .a-rise {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 620ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-rise.is-in {
  opacity: 1;
  transform: none;
}
#pas .a-card {
  background: #121215;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  transition:
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-card:hover {
  border-color: rgba(24, 222, 119, 0.45);
  transform: translateY(-3px);
}
@keyframes pas-aTick {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes pas-aFeed {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes pas-aScan {
  0% {
    top: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes pas-aAura {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.62;
    transform: scale(1.07);
  }
}
@keyframes pas-aDrip {
  0% {
    transform: translateY(-6px);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    transform: translateY(54px);
    opacity: 0;
  }
}
@keyframes pas-aPulse {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
}
@keyframes pas-aBar {
  0%,
  8% {
    transform: scaleX(0);
  }
  40%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes pas-aTickIn {
  0%,
  6% {
    opacity: 0.15;
  }
  16%,
  100% {
    opacity: 1;
  }
}
@keyframes pas-aFill {
  0% {
    height: 100%;
  }
  100% {
    height: 38%;
  }
}
@keyframes pas-aRing {
  to {
    --a-ring: 360deg;
  }
}
@property --a-ring {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
#pas .a-ring:before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 21.5px;
  padding: 1.5px;
  background: conic-gradient(
    from var(--a-ring),
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: pas-aRing 6s linear infinite;
  pointer-events: none;
}
#pas .a-feedwrap {
  mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);
}
#pas .a-marq {
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
#pas .a-marq:hover .a-marq-track {
  animation-play-state: paused;
}
#pas .a-accc {
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-accc:hover {
  background: #111114 !important;
}
#pas .a-accc img {
  opacity: 0.86;
  transition:
    opacity 220ms,
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .a-accc:hover img {
  opacity: 1;
  transform: translateY(-3px) scale(1.03);
}
@media (max-width: 760px) {
  #pas .a-acc {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
#pas .a-rail {
  position: absolute;
  left: 0;
  right: 0;
  top: 11px;
  height: 2px;
  background: rgba(255, 255, 255, 0.14);
}
#pas .a-rail i {
  position: absolute;
  top: -4px;
  width: 70px;
  height: 10px;
  border-radius: 9px;
  background: linear-gradient(90deg, transparent, #18de77);
  animation: pas-aRail 5s linear infinite;
}
@keyframes pas-aRail {
  from {
    left: -70px;
  }
  to {
    left: 100%;
  }
}
#pas .a-nd {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 99px;
  background: #0c0c0d;
  border: 2px solid;
  position: relative;
}
#pas .a-nd i {
  position: absolute;
  inset: 5px;
  border-radius: 9px;
}
@media (max-width: 820px) {
  #pas .a-flow {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pas .a-rail {
    display: none;
  }
}
#pas .a-case:hover .a-case-img {
  transform: scale(1.045);
}
#pas .a-case-img {
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes pas-aCaseIn {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#pas .a-case {
  opacity: 0;
}
#pas [data-cases].is-in .a-case {
  animation: pas-aCaseIn 820ms cubic-bezier(0.22, 1, 0.28, 1) forwards !important;
}
#pas [data-cases]::-webkit-scrollbar {
  display: none;
}
#pas [data-cases].is-drag {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
#pas [data-cases].is-drag a {
  pointer-events: none !important;
}
@media (max-width: 900px) {
  #pas .a-case {
    flex-basis: calc(50% - 8px) !important;
  }
}
@media (max-width: 560px) {
  #pas .a-case {
    flex-basis: 88% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pas .a-case {
    opacity: 1 !important;
  }
}
@media (max-width: 600px) {
  #pas .a-calc {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pas .a-bkt {
    min-height: 110px !important;
    order: -1;
  }
  #pas .a-res {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pas .a-res p:nth-child(2) {
    font-size: 30px !important;
  }
}
#pas .a-bar {
  transform-origin: left;
  animation: pas-aBar 5s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
#pas .is-in .a-bar2 {
  animation: pas-aBar 1.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
#pas .a-bar2 {
  transform-origin: left;
}
#pas .a-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.14);
  outline: none;
}
#pas .a-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f5c84e;
  border: 4px solid #0c0c0d;
  box-shadow: 0 0 0 2px #f5c84e;
  cursor: pointer;
}
#pas .a-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f5c84e;
  border: 4px solid #0c0c0d;
  cursor: pointer;
}
@media (max-width: 900px) {
  #pas .a-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pas .a-g3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #pas .a-cmp {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #pas .a-sticky {
    position: static !important;
  }
}
@media (max-width: 820px) {
  #pas .a-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 600px) {
  #pas .a-g3,
  #pas .a-g2,
  #pas .a-flds {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pas,
  #pas * {
    animation: none !important;
    transition: none !important;
  }
  #pas .a-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}
/* hover + focus states extracted from inline styles */
#pas .mlx-h1:hover {
  color: #f5c84e !important;
}
#pas .mlx-h2:hover {
  color: #f5c84e !important;
}
#pas .pas-field:focus,
#pas .mlx-h3:focus {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#pas .pas-field:focus,
#pas .mlx-h4:focus {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#pas .pas-field:focus,
#pas .mlx-h5:focus {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#pas .pas-field:focus,
#pas .mlx-h6:focus {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#pas .pas-field:focus,
#pas .mlx-h7:focus {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#pas .pas-submit:hover,
#pas .mlx-h8:hover {
  background: #e6b53a !important;
}

/* --- Design element styles (were inline in the handoff; same priority as inline) --- */
#pas#pas#pas .pa1 {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
#pas#pas#pas .pa2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
}
#pas#pas#pas .pa3 {
  display: inline-flex;
  animation: pas-aTick 34s linear infinite;
}
#pas#pas#pas .pa4 {
  font-size: 13px;
  font-weight: 500;
  padding: 0 26px;
}
#pas#pas#pas .pa5 {
  font-size: 13px;
  color: #f5c84e;
}
#pas#pas#pas .pa6 {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(11, 12, 14, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa7 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  gap: 32px;
}
#pas#pas#pas .pa8 {
  height: 22px;
  width: auto;
}
#pas#pas#pas .pa9 {
  display: flex;
  gap: 26px;
  align-items: center;
}
#pas#pas#pas .pa10 {
  font-size: 15px;
}
#pas#pas#pas .pa11 {
  padding: 12px 22px;
}
#pas#pas#pas .pa12 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 96px) 32px clamp(56px, 7vw, 88px);
}
#pas#pas#pas .pa13 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: center;
}
#pas#pas#pas .pa14 {
  font-weight: 800;
  font-size: clamp(36px, 5vw, 68px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fafaf8;
  margin-top: 22px;
  text-wrap: balance;
}
#pas#pas#pas .pa15 {
  display: inline-block;
  background: #18de77;
  color: #0b0b0b;
  border-radius: 14px;
  padding: 0 0.14em 0.06em;
}
#pas#pas#pas .pa16 {
  margin-top: 24px;
  max-width: 54ch;
}
#pas#pas#pas .pa17 {
  color: #fafaf8;
  font-weight: 600;
  text-decoration: underline 2px #18de77;
  text-underline-offset: 4px;
}
#pas#pas#pas .pa18 {
  color: #fafaf8;
}
#pas#pas#pas .pa19 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
#pas#pas#pas .pa20 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  line-height: 1.5;
}
#pas#pas#pas .pa21 {
  width: 22px;
  height: 22px;
  flex: none;
  margin-top: 1px;
}
#pas#pas#pas .pa22 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
}
#pas#pas#pas .pa23 {
  font-size: 15px;
  font-weight: 600;
  color: #fafaf8;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
#pas#pas#pas .pa24 {
  position: relative;
}
#pas#pas#pas .pa25 {
  position: relative;
  background: #121215;
  border: 1px solid rgba(24, 222, 119, 0.3);
  border-radius: 20px;
  padding: 24px;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.55),
    0 0 60px -20px rgba(24, 222, 119, 0.3);
  overflow: hidden;
}
#pas#pas#pas .pa26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#pas#pas#pas .pa27 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #18de77;
}
#pas#pas#pas .pa28 {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #18de77;
  animation: pas-aPulse 1.6s ease-in-out infinite;
}
#pas#pas#pas .pa29 {
  background: rgba(245, 200, 78, 0.12);
  border: 1px solid rgba(245, 200, 78, 0.34);
  color: #f5c84e;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#pas#pas#pas .pa30 {
  position: relative;
  height: 300px;
  margin-top: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  background: #0e0e10;
}
#pas#pas#pas .pa31 {
  height: 100%;
  overflow: hidden;
}
#pas#pas#pas .pa32 {
  animation: pas-aFeed 34s linear infinite;
  display: flex;
  flex-direction: column;
}
#pas#pas#pas .pa33 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
#pas#pas#pas .pa34 {
  font-size: 12px;
  font-weight: 800;
  color: #f5c84e;
  width: 22px;
  flex: none;
}
#pas#pas#pas .pa35 {
  flex: 1;
  font-size: 14.5px;
  font-weight: 600;
  color: #fafaf8;
  line-height: 1.3;
}
#pas#pas#pas .pa36 {
  width: 20px;
  height: 20px;
  flex: none;
}
#pas#pas#pas .pa37 {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #18de77;
  box-shadow: 0 0 22px 4px rgba(24, 222, 119, 0.55);
  animation: pas-aScan 4.5s ease-in-out infinite;
}
#pas#pas#pas .pa38 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
#pas#pas#pas .pa39 {
  background: #17171a;
  border-radius: 10px;
  padding: 12px;
  text-align: center;
}
#pas#pas#pas .pa40 {
  font-weight: 800;
  font-size: 24px;
  color: #fafaf8;
  letter-spacing: -0.03em;
}
#pas#pas#pas .pa41 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa42 {
  font-weight: 800;
  font-size: 24px;
  color: #18de77;
  letter-spacing: -0.03em;
}
#pas#pas#pas .pa43 {
  font-weight: 800;
  font-size: 24px;
  color: #f5c84e;
  letter-spacing: -0.03em;
}
#pas#pas#pas .pa44 {
  margin-top: clamp(48px, 6vw, 76px);
}
#pas#pas#pas .pa45 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5c84e;
  text-align: center;
}
#pas#pas#pas .pa46 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin-top: clamp(26px, 3vw, 38px);
}
#pas#pas#pas .pa47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  background: #0c0c0d;
  padding: 30px 20px 26px;
}
#pas#pas#pas .pa48 {
  height: 78px;
  width: auto;
}
#pas#pas#pas .pa49 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}
#pas#pas#pas .pa50 {
  font-weight: 700;
  font-size: 15px;
  color: #fafaf8;
}
#pas#pas#pas .pa51 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa52 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa53 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: end;
}
#pas#pas#pas .pa54 {
  max-width: 58ch;
}
#pas#pas#pas .pa55 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
}
#pas#pas#pas .pa56 {
  padding: 30px 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#pas#pas#pas .pa57 {
  position: relative;
  height: 64px;
  overflow: hidden;
}
#pas#pas#pas .pa58 {
  position: absolute;
  left: 20px;
  top: 26px;
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: #cc0808;
  animation: pas-aDrip 2.2s ease-in infinite;
}
#pas#pas#pas .pa59 {
  position: absolute;
  left: 32px;
  top: 26px;
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: #cc0808;
  animation: pas-aDrip 2.2s ease-in 0.7s infinite;
}
#pas#pas#pas .pa60 {
  position: absolute;
  left: 44px;
  top: 26px;
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: #cc0808;
  animation: pas-aDrip 2.2s ease-in 1.4s infinite;
}
#pas#pas#pas .pa61 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#pas#pas#pas .pa62 {
  font-size: 16px;
  line-height: 1.65;
}
#pas#pas#pas .pa63 {
  height: 64px;
  display: flex;
  align-items: flex-end;
  gap: 6px;
}
#pas#pas#pas .pa64 {
  flex: 1;
  height: 60%;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa65 {
  flex: 1;
  height: 85%;
  background: rgba(245, 200, 78, 0.85);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa66 {
  flex: 1;
  height: 45%;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa67 {
  flex: 1;
  height: 95%;
  background: rgba(245, 200, 78, 0.85);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa68 {
  flex: 1;
  height: 70%;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa69 {
  flex: 1;
  height: 100%;
  background: rgba(245, 200, 78, 0.85);
  border-radius: 3px 3px 0 0;
}
#pas#pas#pas .pa70 {
  height: 64px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#pas#pas#pas .pa71 {
  width: 44px;
  height: 44px;
  border-radius: 99px;
  border: 2px solid rgba(245, 200, 78, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #f5c84e;
  font-size: 14px;
  animation: pas-aPulse 2.4s ease-in-out infinite;
}
#pas#pas#pas .pa72 {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa73 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b0b0b;
}
#pas#pas#pas .pa74 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: center;
}
#pas#pas#pas .pa75 {
  margin-top: 22px;
  max-width: 50ch;
}
#pas#pas#pas .pa76 {
  margin-top: 28px;
}
#pas#pas#pas .pa77 {
  padding: clamp(24px, 3vw, 36px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 28px;
  align-items: stretch;
}
#pas#pas#pas .pa78 {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
#pas#pas#pas .pa79 {
  display: block;
}
#pas#pas#pas .pa80 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}
#pas#pas#pas .pa81 {
  color: #fafaf8;
  font-size: 18px;
}
#pas#pas#pas .pa82 {
  margin-top: 14px;
}
#pas#pas#pas .pa83 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
#pas#pas#pas .pa84 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa85 {
  font-weight: 800;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -0.03em;
  color: #f5c84e;
  line-height: 1.1;
  margin-top: 6px;
}
#pas#pas#pas .pa86 {
  font-weight: 800;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -0.03em;
  color: #cc0808;
  line-height: 1.1;
  margin-top: 6px;
  filter: brightness(1.5);
}
#pas#pas#pas .pa87 {
  position: relative;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px 8px 24px 24px;
  overflow: hidden;
  min-height: 220px;
  background: #0e0e10;
}
#pas#pas#pas .pa88 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: rgba(204, 8, 8, 0.55);
  transition: height 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas#pas#pas .pa89 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(24, 222, 119, 0), rgba(24, 222, 119, 0));
}
#pas#pas#pas .pa90 {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #18de77;
}
#pas#pas#pas .pa91 {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fafaf8;
}
#pas#pas#pas .pa92 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  flex-wrap: wrap;
}
#pas#pas#pas .pa93 {
  max-width: 620px;
}
#pas#pas#pas .pa94 {
  max-width: 36ch;
}
#pas#pas#pas .pa95 {
  position: relative;
  margin-top: clamp(48px, 6vw, 72px);
}
#pas#pas#pas .pa96 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 48px);
  position: relative;
}
#pas#pas#pas .pa97 {
  border-color: #f5c84e;
}
#pas#pas#pas .pa98 {
  background: #f5c84e;
}
#pas#pas#pas .pa99 {
  font-weight: 800;
  font-size: clamp(28px, 2.6vw, 34px);
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 26px;
  line-height: 1;
}
#pas#pas#pas .pa100 {
  font-size: 15px;
  margin-top: 8px;
  color: #f5c84e;
  font-weight: 600;
}
#pas#pas#pas .pa101 {
  list-style: none;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
#pas#pas#pas .pa102 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #fafaf8;
  line-height: 1.3;
}
#pas#pas#pas .pa103 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 700;
  width: 20px;
  flex: none;
}
#pas#pas#pas .pa104 {
  border-color: #ff6b6b;
}
#pas#pas#pas .pa105 {
  background: #ff6b6b;
}
#pas#pas#pas .pa106 {
  font-size: 15px;
  margin-top: 8px;
  color: #ff6b6b;
  font-weight: 600;
}
#pas#pas#pas .pa107 {
  border-color: #18de77;
}
#pas#pas#pas .pa108 {
  background: #18de77;
}
#pas#pas#pas .pa109 {
  font-size: 15px;
  margin-top: 8px;
  color: #18de77;
  font-weight: 600;
}
#pas#pas#pas .pa110 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: clamp(40px, 5vw, 60px);
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
#pas#pas#pas .pa111 {
  font-weight: 700;
  color: #fafaf8;
  font-size: 18px;
}
#pas#pas#pas .pa112 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0c0c0d;
}
#pas#pas#pas .pa113 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px 0;
}
#pas#pas#pas .pa114 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#pas#pas#pas .pa115 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa116 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#pas#pas#pas .pa117 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  text-wrap: balance;
}
#pas#pas#pas .pa118 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(22px, 2.6vw, 28px);
}
#pas#pas#pas .pa119 {
  max-width: 56ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#pas#pas#pas .pa120 {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.6vw, 18px);
  flex-wrap: wrap;
  padding: 14px 24px;
  background: #141416;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
#pas#pas#pas .pa121 {
  display: flex;
  gap: 2px;
}
#pas#pas#pas .pa122 {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.14);
}
#pas#pas#pas .pa123 {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#pas#pas#pas .pa124 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.62);
}
#pas#pas#pas .pa125 {
  color: #fafaf8;
  font-weight: 700;
}
#pas#pas#pas .pa126 {
  margin-top: clamp(40px, 5vw, 56px);
  margin-bottom: clamp(64px, 8vw, 96px);
  overflow: hidden;
}
#pas#pas#pas .pa127 {
  display: flex;
  gap: 16px;
  padding-right: 16px;
  width: max-content;
  align-items: stretch;
  animation: pas-aTick 68s linear infinite;
}
#pas#pas#pas .pa128 {
  position: relative;
  flex: 0 0 384px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px clamp(22px, 2.4vw, 30px);
  overflow: hidden;
}
#pas#pas#pas .pa129 {
  position: absolute;
  top: 10px;
  right: 18px;
  font-family: Georgia, serif;
  font-size: 96px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
#pas#pas#pas .pa130 {
  position: relative;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.6;
  color: #fafaf8;
  text-wrap: pretty;
}
#pas#pas#pas .pa131 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa132 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #ff7a45;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa133 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
#pas#pas#pas .pa134 {
  font-size: 14.5px;
  font-weight: 700;
  color: #fafaf8;
}
#pas#pas#pas .pa135 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #3aa0ff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa136 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #2ed3b7;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa137 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #e45c8c;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa138 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #9b8cff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa139 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pas#pas#pas .pa140 {
  position: sticky;
  top: var(--pas-stick, 110px);
}
#pas#pas#pas .pa141 {
  margin-top: 22px;
}
#pas#pas#pas .pa142 {
  margin-top: 32px;
  background: #121215;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 22px;
}
#pas#pas#pas .pa143 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #18de77;
}
#pas#pas#pas .pa144 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 18px;
}
#pas#pas#pas .pa145 {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  color: #fafaf8;
}
#pas#pas#pas .pa146 {
  color: #f5c84e;
}
#pas#pas#pas .pa147 {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 99px;
  margin-top: 6px;
  overflow: hidden;
}
#pas#pas#pas .pa148 {
  height: 100%;
  width: 55%;
  background: #f5c84e;
  border-radius: 99px;
  animation-delay: 0s;
}
#pas#pas#pas .pa149 {
  color: #ff6b6b;
}
#pas#pas#pas .pa150 {
  height: 100%;
  width: 28%;
  background: #ff6b6b;
  border-radius: 99px;
  animation-delay: 0.12s;
}
#pas#pas#pas .pa151 {
  height: 100%;
  width: 40%;
  background: #ff6b6b;
  border-radius: 99px;
  animation-delay: 0.24s;
}
#pas#pas#pas .pa152 {
  color: #18de77;
}
#pas#pas#pas .pa153 {
  height: 100%;
  width: 72%;
  background: #18de77;
  border-radius: 99px;
  animation-delay: 0.36s;
}
#pas#pas#pas .pa154 {
  height: 100%;
  width: 48%;
  background: #f5c84e;
  border-radius: 99px;
  animation-delay: 0.48s;
}
#pas#pas#pas .pa155 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa156 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 20px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa157 {
  font-weight: 800;
  font-size: 36px;
  letter-spacing: -0.04em;
  color: #f5c84e;
  line-height: 1;
}
#pas#pas#pas .pa158 {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#pas#pas#pas .pa159 {
  font-size: 16px;
  line-height: 1.65;
  margin-top: 8px;
}
#pas#pas#pas .pa160 {
  font-weight: 800;
  font-size: 36px;
  letter-spacing: -0.04em;
  color: #18de77;
  line-height: 1;
}
#pas#pas#pas .pa161 {
  max-width: 760px;
}
#pas#pas#pas .pa162 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  margin-top: clamp(36px, 4vw, 52px);
}
#pas#pas#pas .pa163 {
  background: #101012;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px;
}
#pas#pas#pas .pa164 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa165 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 22px;
}
#pas#pas#pas .pa166 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  line-height: 1.5;
  font-size: 16px;
}
#pas#pas#pas .pa167 {
  background: linear-gradient(160deg, rgba(24, 222, 119, 0.1), #121215 60%);
  border: 1px solid rgba(24, 222, 119, 0.4);
  border-radius: 16px;
  padding: 30px;
}
#pas#pas#pas .pa168 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  line-height: 1.5;
  font-size: 16px;
  color: #fafaf8;
}
#pas#pas#pas .pa169 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
}
#pas#pas#pas .pa170 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  flex: 0 0 auto;
}
#pas#pas#pas .pa171 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#pas#pas#pas .pa172 {
  display: flex;
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  cursor: grab;
}
#pas#pas#pas .pa173 {
  flex: 0 0 calc((100% - 16px) / 2);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
}
#pas#pas#pas .pa174 {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #0f0f11;
  border-radius: 4px;
}
#pas#pas#pas .pa175 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas#pas#pas .pa176 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#pas#pas#pas .pa177 {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #8c8c94;
}
#pas#pas#pas .pa178 {
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #fafaf8;
  text-wrap: pretty;
}
#pas#pas#pas .pa179 {
  font-weight: 800;
}
#pas#pas#pas .pa180 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  margin-top: clamp(28px, 3.5vw, 42px);
}
#pas#pas#pas .pa181 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: 0;
  padding: 10px 4px;
  cursor: pointer;
  color: #fafaf8;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas#pas#pas .pa182 {
  font-size: 17px;
  line-height: 1;
}
#pas#pas#pas .pa183 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa184 {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 24px 0;
}
#pas#pas#pas .pa185 {
  font-weight: 800;
  font-size: 14px;
  color: #f5c84e;
  width: 28px;
  flex: none;
}
#pas#pas#pas .pa186 {
  flex: 1;
  font-weight: 700;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #fafaf8;
}
#pas#pas#pas .pa187 {
  font-size: 26px;
  line-height: 1;
  color: #18de77;
  flex: none;
}
#pas#pas#pas .pa188 {
  font-size: 16px;
  line-height: 1.7;
  padding: 0 0 26px 46px;
  max-width: 64ch;
}
#pas#pas#pas .pa189 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) 32px;
}
#pas#pas#pas .pa190 {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  overflow: hidden;
  background: #101012;
  padding: clamp(40px, 5vw, 68px) clamp(28px, 4vw, 56px);
}
#pas#pas#pas .pa191 {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 130% at 50% -18%, rgba(24, 222, 119, 0.5) 0%, rgba(24, 222, 119, 0.14) 34%, rgba(16, 16, 18, 0) 68%);
  pointer-events: none;
}
#pas#pas#pas .pa192 {
  position: absolute;
  left: 50%;
  top: -46%;
  transform: translateX(-50%);
  width: min(78%, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.4), transparent 70%);
  filter: blur(42px);
  pointer-events: none;
  animation: pas-aAura 9s ease-in-out infinite;
}
#pas#pas#pas .pa193 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#pas#pas#pas .pa194 {
  justify-content: center;
}
#pas#pas#pas .pa195 {
  font-weight: 800;
  font-size: clamp(38px, 6vw, 84px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  color: #fafaf8;
  margin-top: 24px;
  max-width: 15ch;
  text-wrap: balance;
}
#pas#pas#pas .pa196 {
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.74);
  max-width: 52ch;
  margin-top: 20px;
  text-wrap: pretty;
}
#pas#pas#pas .pa197 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 34px;
}
#pas#pas#pas .pa198 {
  background: #18de77;
  font-size: 16px;
  padding: 19px 30px;
}
#pas#pas#pas .pa199 {
  display: inline-flex;
  align-items: center;
  padding: 19px 30px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fafaf8;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
}
#pas#pas#pas .pa200 {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.62);
  margin-top: 28px;
}
#pas#pas#pas .pa201 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.8fr));
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
}
#pas#pas#pas .pa202 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#pas#pas#pas .pa203 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
}
#pas#pas#pas .pa204 {
  font-weight: 600;
  font-size: 15px;
  color: #fafaf8;
}
#pas#pas#pas .pa205 {
  gap: 0;
}
#pas#pas#pas .pa206 {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#pas#pas#pas .pa207 {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 4vh, 56px) 16px;
  overflow-y: auto;
  background: rgba(11, 11, 13, 0.72);
  backdrop-filter: blur(6px);
}
#pas#pas#pas .pa208 {
  position: relative;
  width: min(700px, 100%);
  background: #fafaf8;
  border-radius: 8px;
  padding: clamp(28px, 3.4vw, 44px) clamp(20px, 3vw, 40px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
#pas#pas#pas .pa209 {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  background: #ededea;
  border: 0;
  color: #0b0b0b;
  font-size: 19px;
  cursor: pointer;
}
#pas#pas#pas .pa210 {
  height: 26px;
  width: auto;
  margin: 0 auto;
}
#pas#pas#pas .pa211 {
  text-align: center;
  padding: 28px 0 8px;
}
#pas#pas#pas .pa212 {
  width: 44px;
  height: 44px;
  margin: 0 auto;
}
#pas#pas#pas .pa213 {
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  margin-top: 18px;
}
#pas#pas#pas .pa214 {
  font-size: 16px;
  line-height: 1.55;
  color: rgba(11, 11, 11, 0.66);
  margin-top: 10px;
}
#pas#pas#pas .pa215 {
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  text-align: center;
  margin-top: 22px;
  text-wrap: balance;
}
#pas#pas#pas .pa216 {
  font-size: 15.5px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.66);
  text-align: center;
  margin-top: 10px;
}
#pas#pas#pas .pa217,
#pas#pas#pas .pas-flds {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}
#pas#pas#pas .pa218,
#pas#pas#pas .pas-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
}
#pas#pas#pas .pa219,
#pas#pas#pas select.pas-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  appearance: none;
}
#pas#pas#pas .pa220,
#pas#pas#pas .pas-consent {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.55);
  margin-top: 18px;
}
#pas#pas#pas .pa221,
#pas#pas#pas .pas-consent a {
  color: #0fb35f;
  font-weight: 600;
}
#pas#pas#pas .pa222,
#pas#pas#pas .pas-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 19px 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

/* --- Range sliders: only the design's track shows (themes often style the track pseudo-elements) --- */
#pas .a-range::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  box-shadow: none;
  height: auto;
}
#pas .a-range::-moz-range-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
#pas .a-range::-moz-range-progress {
  background: transparent;
}
#pas .a-range:focus-visible {
  outline: 2px solid #f5c84e;
  outline-offset: 6px;
}

/* --- Page additions --- */
#pas#pas#pas .pas-modal {
  z-index: 100000; /* above a sticky site header */
}
#pas .pas-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* --- Contact Form 7 in the audit pop-up (form classes: pas-flds, pas-field, pas-consent, pas-submit) --- */
#pas .wpcf7,
#pas .wpcf7 form {
  margin: 0;
}
#pas .wpcf7 .screen-reader-response,
#pas .wpcf7 .hidden-fields-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  margin: 0;
  padding: 0;
}
#pas .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  min-width: 0;
}
#pas#pas#pas .pas-field {
  display: block;
  box-sizing: border-box;
  height: auto;
  margin: 0;
  line-height: normal;
  box-shadow: none;
  transition:
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas#pas#pas select.pas-field {
  -webkit-appearance: none;
  cursor: pointer;
}
#pas .pas-field::placeholder {
  color: #757575;
  opacity: 1;
}
#pas#pas#pas .pas-submit {
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#pas .wpcf7-spinner {
  display: none;
}
#pas .wpcf7 form.submitting .pas-submit {
  opacity: 0.6;
  pointer-events: none;
}
#pas#pas#pas .pas-field.wpcf7-not-valid {
  border-color: #e5484d;
}
#pas .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #c8302f;
}
#pas .wpcf7 form .wpcf7-response-output {
  display: block;
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 1px solid #e5484d;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.45;
  color: #0b0b0b;
}
#pas .wpcf7 form.init .wpcf7-response-output,
#pas .wpcf7 form.resetting .wpcf7-response-output,
#pas .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
#pas .wpcf7 form.sent .wpcf7-response-output {
  border-color: #18de77;
  background: rgba(24, 222, 119, 0.1);
}
#pas .pas-nocf7 {
  margin-top: 22px;
  padding: 14px 16px;
  border: 1px dashed #e5484d;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #0b0b0b;
}

/* --- Editor tools (admins only) --- */
#pas .pas-admin {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 360px;
  font:
    500 13px/1.45 Inter,
    system-ui,
    sans-serif;
}
#pas .pas-admin a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: none;
}
#pas .pas-admin p {
  background: #2a1515;
  border: 1px solid #ff6b6b;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}

/* --- Header / footer switches (ACF → Page Settings → Show site header / footer).
 * Covers Astra's header and footer markup; add your own selectors in ACF if the
 * child theme uses different ones (e.g. a custom ticker). --- */
body.pas-no-header #masthead,
body.pas-no-header header.site-header,
body.pas-no-header #ast-desktop-header,
body.pas-no-header #ast-mobile-header,
body.pas-no-header .ast-above-header-wrap {
  display: none !important;
}
body.pas-no-footer #colophon,
body.pas-no-footer footer.site-footer,
body.pas-no-footer .site-primary-footer-wrap,
body.pas-no-footer .site-below-footer-wrap,
body.pas-no-footer .ast-small-footer {
  display: none !important;
}


/* =====================================================================
 * Google Ads Audit page (template-google-ads-audit.php)
 * Same markup and classes as the PPC Audit Services page, so it uses the
 * #pas section above. Only difference: the hero card ring pulses instead
 * of spinning (design handoff note: lighter on repaints).
 * ===================================================================== */
@keyframes gaa-aRing {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
}
#pas.pas--gaa .a-ring:before {
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  animation: gaa-aRing 4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  #pas.pas--gaa .a-ring:before {
    animation: none;
  }
}

/* =====================================================================
 * PPC Agency Hertfordshire (template-ppc-agency-hertfordshire.php) and
 * PPC Agency For Small Business (template-ppc-agency-small-business.php)
 * Both are built on the PPC Management Services design and use the #ppm
 * section above. Below: the extra element styles from their designs
 * (one-line H1, "Where we work" towns panel, problem cards), with the same
 * inline-style priority as the rest of #ppm, plus two small page tweaks.
 * ===================================================================== */
#ppm#ppm#ppm .pm290{font-weight:800;font-size:clamp(34px,3.9vw,56px);line-height:1.02;letter-spacing:-.035em;color:#FAFAF8;margin-top:22px;text-wrap:balance}
#ppm#ppm#ppm .pm291{display: inline-block;white-space: nowrap;background: rgb(24, 222, 119);color: rgb(11, 11, 11);border-radius: 16px;padding: 0px 0.14em 0.06em;margin-top: 0.08em}
#ppm#ppm#ppm .pm292{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,5vw,72px);align-items:end}
#ppm#ppm#ppm .pm293{max-width:1280px;margin:calc(clamp(40px,5vw,56px) - clamp(64px,8vw,96px)) auto 0;padding:0 32px clamp(64px,8vw,96px)}
#ppm#ppm#ppm .pm294{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:center;background:#101013;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:clamp(28px,4vw,48px)}
#ppm#ppm#ppm .pm295{font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.03em;color:#FAFAF8;margin-top:16px;text-wrap:balance}
#ppm#ppm#ppm .pm296{margin-top:14px;max-width:44ch;font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.78);text-wrap:pretty}
#ppm#ppm#ppm .pm297{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
#ppm#ppm#ppm .pm298{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#151517;border:1px solid rgba(255,255,255,.10);border-radius:12px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:#FAFAF8}
#ppm#ppm#ppm .pm299{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#F5C84E;flex:none}
#ppm#ppm#ppm .pm301{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,56px)}
#ppm#ppm#ppm .pm302{background:#151517;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:30px 28px 34px;display:flex;flex-direction:column}
#ppm#ppm#ppm .pm303{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FF6B6B}
#ppm#ppm#ppm .pm304{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(255,107,107,.14);color:#FF6B6B;font-size:13px;letter-spacing:.02em}
#ppm#ppm#ppm .pm305{font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.02em;color:#FAFAF8;margin-top:18px;text-wrap:balance}
#ppm#ppm#ppm .pm306{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.78)}
#ppm#ppm#ppm .pm307{color:#18DE77;font-weight:700}

/* "Where we work" town tiles: hover (design: border and background change) */
#ppm .ppm-h-town:hover {
  border-color: rgba(24, 222, 119, 0.55) !important;
  background: #1a1a1d !important;
}

/* Small business: the hero card ring pulses instead of spinning (design) */
@keyframes sbp-mlRing {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
}
#ppm.ppm--sbp .ml-form-card::before {
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  animation: sbp-mlRing 4s ease-in-out infinite;
}

/* =====================================================================
 * Website Design Hertfordshire page (template-website-design-hertfordshire.php)
 * Everything below is scoped under #wdh, the page wrapper between the
 * site header and footer. It does not affect the other PPC pages.
 * ===================================================================== */

/* --- Isolation: theme element styles are reset inside the page (SVG excluded) --- */
#wdh :where(*:not(svg):not(svg *)) {
  all: revert;
}
#wdh {
  display: block;
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow-x: clip;
  /* browser-default text settings (the theme body sets its own) */
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  white-space: normal;
  --wdh-stick: 108px; /* set from ACF: Page Settings → Sticky offset */
}
/* the isolation reset also removes the browser's [hidden] rule */
#wdh [hidden] {
  display: none !important;
}

/* --- Design rules (from the handoff page.css) --- */
#wdh,
#wdh * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#wdh p,
#wdh li,
#wdh span,
#wdh div,
#wdh td,
#wdh th,
#wdh label,
#wdh dd,
#wdh dt,
#wdh figcaption,
#wdh blockquote {
  color: inherit;
}
#wdh {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.72);
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#wdh img {
  display: block;
  max-width: 100%;
}
#wdh a {
  text-decoration: none;
  color: inherit;
}
#wdh a:hover {
  color: #f5c84e;
}
#wdh ::selection {
  background: #f5c84e;
  color: #0b0b0b;
}
#wdh summary::-webkit-details-marker {
  display: none;
}
#wdh details[open] .ml-plus {
  transform: rotate(45deg);
}
#wdh .ml-step summary::-webkit-details-marker {
  display: none;
}
#wdh .ml-step {
  transition: background 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-step:hover {
  background: #101013;
}
#wdh .ml-arrow {
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh button:hover .ml-arrow {
  transform: translateX(4px);
}
#wdh .ml-rise {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 620ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-rise.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  #wdh .ml-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}
#wdh .ml-step[open] {
  background: #101013;
}
#wdh .ml-step[open] summary span span:first-child,
#wdh .ml-step[open] > summary > span > span:first-child {
  color: #f5c84e !important;
}
#wdh .ml-step summary h3 {
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-step:hover summary h3 {
  color: #f5c84e;
}
#wdh .ml-cta {
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
    background 220ms;
}
#wdh .ml-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px -8px rgba(245, 200, 78, 0.55);
}
#wdh .ml-cta:active {
  transform: scale(0.98);
}
#wdh .ml-cta-i {
  flex: none;
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-cta:hover .ml-cta-i {
  transform: translateX(4px);
}
@media (max-width: 560px) {
  #wdh .ml-eng-h > span {
    flex: 1 0 100% !important;
  }
}
@media (max-width: 760px) {
  #wdh .ml-ws {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}
@keyframes wdh-mlTick {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes wdh-mlTickRev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
#wdh .ml-marq-wrap {
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
#wdh .ml-marq-wrap:hover .ml-marq-track {
  animation-play-state: paused;
}
#wdh .ml-logo {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  padding: 0 26px;
  margin: 0 9px;
  background: #101013;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  transition: all 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-logo img {
  height: 30px;
  width: auto;
  object-fit: contain;
  opacity: 0.72;
  transition:
    opacity 320ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-logo:hover {
  background: #16161a;
  border-color: rgba(24, 222, 119, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 16px 34px -14px rgba(0, 0, 0, 0.8);
}
#wdh .ml-logo:hover img {
  opacity: 1;
  transform: scale(1.05);
}
@keyframes wdh-mlReveal {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wdh-mlDrop {
  0% {
    transform: translateY(-12px);
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(40px);
    opacity: 0;
  }
}
@keyframes wdh-mlFill {
  0% {
    transform: scaleX(0.18);
    opacity: 1;
  }
  55% {
    transform: scaleX(1);
    opacity: 1;
  }
  88% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes wdh-mlSweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(320%);
  }
}
@keyframes wdh-mlPulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.35);
  }
}
@keyframes wdh-mlScan {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(232px);
  }
}
@keyframes wdh-mlFeed {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes wdh-mlRowHot {
  0%,
  42% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
  50% {
    background: #1c1c21;
    border-color: rgba(24, 222, 119, 0.55);
    box-shadow:
      0 0 0 1px rgba(24, 222, 119, 0.3),
      0 22px 44px -20px rgba(24, 222, 119, 0.6);
    transform: scale(1.028);
  }
  58%,
  100% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
}
@keyframes wdh-mlFunnelFill {
  0%,
  6% {
    transform: scaleX(0);
  }
  26%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes wdh-mlStageGlow {
  0%,
  8% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
  20% {
    background: #17171c;
    border-color: rgba(24, 222, 119, 0.4);
  }
  44%,
  100% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
}
@keyframes wdh-mlRipple {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes wdh-mlOrbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes wdh-mlOrbitR {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes wdh-mlAura {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.62;
    transform: scale(1.07);
  }
}
@keyframes wdh-mlShimmer {
  0% {
    transform: translateY(-140%);
  }
  100% {
    transform: translateY(560%);
  }
}
@media (max-width: 820px) {
  #wdh .ml-omni-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 820px) {
  #wdh .ml-lead-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1040px) {
  #wdh .ml-funnel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #wdh .ml-funnel {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#wdh .ml-cmp {
  grid-auto-flow: row dense;
}
#wdh .ml-cmp > .ml-cmp-k {
  grid-column: 1;
}
#wdh .ml-cmp > .ml-cmp-bad {
  grid-column: 2;
}
#wdh .ml-cmp > .ml-cmp-good {
  grid-column: 3;
}
@media (max-width: 900px) {
  #wdh .ml-cmp {
    grid-template-columns: minmax(0, 1fr) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    gap: 16px !important;
  }
  #wdh .ml-cmp > p {
    border-left: 0 !important;
    border-top: 0 !important;
    grid-column: auto !important;
  }
  #wdh .ml-cmp .ml-cmp-h {
    display: none !important;
  }
  #wdh .ml-cmp .ml-cmp-k {
    padding: 0 0 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.56) !important;
  }
  #wdh .ml-cmp .ml-cmp-bad,
  #wdh .ml-cmp .ml-cmp-good {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: start !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
  }
  #wdh .ml-cmp .ml-cmp-bad {
    background: rgba(255, 255, 255, 0.02) !important;
    margin-bottom: 8px !important;
  }
  #wdh .ml-cmp .ml-cmp-good {
    border-color: rgba(245, 200, 78, 0.34) !important;
    margin-bottom: -8px !important;
  }
  #wdh .ml-cmp .ml-cmp-bad > img,
  #wdh .ml-cmp .ml-cmp-good > img {
    margin-top: 2px !important;
  }
  #wdh .ml-cmp .ml-cmp-bad::before,
  #wdh .ml-cmp .ml-cmp-good::before {
    grid-column: 1 / -1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  #wdh .ml-cmp .ml-cmp-bad::before {
    content: "Typical agency";
    color: rgba(255, 255, 255, 0.62);
  }
  #wdh .ml-cmp .ml-cmp-good::before {
    content: "MagnifyLab";
    color: #f5c84e;
  }
}
#wdh .ml-feed-card {
  transform: perspective(1500px) rotateY(-7deg) rotateX(3deg) scale(0.98);
  transform-origin: 70% 50%;
  transition:
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 760ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-feed-card:hover {
  transform: perspective(1500px) rotateY(0deg) rotateX(0deg) scale(1);
  box-shadow:
    0 0 90px -28px rgba(24, 222, 119, 0.7),
    0 40px 80px -40px rgba(0, 0, 0, 0.9);
}
#wdh .ml-feed-wrap {
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
}
#wdh .ml-feed-wrap:hover .ml-feed-track {
  animation-play-state: paused;
}
@media (max-width: 900px) {
  #wdh .ml-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
  #wdh .ml-hero-media {
    padding-right: 0 !important;
  }
}
@keyframes wdh-mlRing {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
}
@keyframes wdh-mlBreathe {
  0%,
  100% {
    opacity: 0.34;
  }
  50% {
    opacity: 0.72;
  }
}
#wdh .ml-form-card::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 21.5px;
  padding: 1.5px;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: wdh-mlRing 6s linear infinite;
  pointer-events: none;
  z-index: 1;
}
#wdh .ml-form-card::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 32px;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.2), transparent 76%);
  filter: blur(16px);
  animation: wdh-mlBreathe 5.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
#wdh .ml-form-card > * {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  #wdh .ml-form-card::before,
  #wdh .ml-form-card::after {
    animation: none;
  }
}
#wdh .ml-opt {
  position: relative;
}
#wdh .ml-opt {
  padding-left: 44px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
#wdh .ml-opt::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-opt[data-on="true"] {
  background: rgba(24, 222, 119, 0.1) !important;
  border-color: #18de77 !important;
  color: #fafaf8 !important;
}
#wdh .ml-opt[data-on="true"]::before {
  border-color: #18de77;
  background: #18de77 url("../website-design-hertfordshire/img/icons/pros.svg") center/18px 18px no-repeat;
}
#wdh .ml-accred-cell img {
  opacity: 0.86;
  transform: translateY(0) scale(1);
  transition:
    opacity 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-accred-cell:hover {
  background: #111114;
}
#wdh .ml-accred-cell:hover img {
  opacity: 1;
  transform: translateY(-3px) scale(1.03);
}
@media (max-width: 820px) {
  #wdh .ml-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #wdh .ml-split .ml-stk {
    position: static !important;
  }
}
@media (max-width: 700px) {
  #wdh .ml-tri {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 900px) {
  #wdh .ml-g3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  #wdh .ml-g3,
  #wdh .ml-g2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#wdh .ml-case-card:hover .ml-case-img {
  transform: scale(1.045);
}
#wdh .ml-dev > summary::-webkit-details-marker {
  display: none;
}
#wdh .ml-dev[open] .ml-dev-i {
  background: #18de77;
  border-color: #18de77;
  color: #0b0b0b;
  transform: rotate(45deg);
}
#wdh .ml-dev:not([open]) > summary:hover .ml-dev-i {
  border-color: #18de77;
}
@keyframes wdh-mlType {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  12%,
  92% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes wdh-mlFade {
  0%,
  22% {
    opacity: 0;
    transform: translateY(10px);
  }
  32%,
  92% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@media (prefers-reduced-motion: reduce) {
  #wdh .ml-ai-row,
  #wdh .ml-ai-type {
    animation: none !important;
  }
}
#wdh .ml-case-img {
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes wdh-mlCaseIn {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#wdh .ml-case-card {
  opacity: 0;
}
#wdh [data-cases].is-in .ml-case-card {
  animation: wdh-mlCaseIn 820ms cubic-bezier(0.22, 1, 0.28, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  #wdh .ml-case-card {
    opacity: 1 !important;
    animation: none !important;
  }
}
#wdh [data-cases]::-webkit-scrollbar {
  display: none;
}
#wdh [data-cases].is-drag {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
#wdh [data-cases].is-drag a {
  pointer-events: none !important;
}
@media (max-width: 900px) {
  #wdh .ml-case-card {
    flex-basis: calc(50% - 8px) !important;
  }
}
@media (max-width: 560px) {
  #wdh .ml-case-card {
    flex-basis: 88% !important;
  }
}
@media (max-width: 760px) {
  #wdh .ml-accred {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #wdh .ml-modal-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#wdh .ml-pstep {
  opacity: 0.3;
  will-change: opacity, transform;
}
@media (max-width: 900px) {
  #wdh .ml-psticky {
    position: static !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #wdh .ml-pstep {
    opacity: 1 !important;
    transform: none !important;
  }
  #wdh .ml-pdot {
    border-color: rgba(245, 200, 78, 0.8) !important;
  }
  #wdh .ml-pnum {
    color: #f5c84e !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #wdh,
  #wdh * {
    animation: none !important;
    transition: none !important;
  }
}
#wdh .ml-svc[data-active="1"] .ml-svc-tab1 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="1"] .ml-svc-tab1 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="1"] .ml-svc-tab1 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="1"] .ml-svc-pn1 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc[data-active="2"] .ml-svc-tab2 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="2"] .ml-svc-tab2 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="2"] .ml-svc-tab2 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="2"] .ml-svc-pn2 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc[data-active="3"] .ml-svc-tab3 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="3"] .ml-svc-tab3 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="3"] .ml-svc-tab3 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="3"] .ml-svc-pn3 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc[data-active="4"] .ml-svc-tab4 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="4"] .ml-svc-tab4 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="4"] .ml-svc-tab4 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="4"] .ml-svc-pn4 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc[data-active="5"] .ml-svc-tab5 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="5"] .ml-svc-tab5 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="5"] .ml-svc-tab5 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="5"] .ml-svc-pn5 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc[data-active="6"] .ml-svc-tab6 {
  background: #17171a !important;
  border-color: rgba(245, 200, 78, 0.55) !important;
}
#wdh .ml-svc[data-active="6"] .ml-svc-tab6 .ml-svc-no {
  background: #f5c84e !important;
  color: #0b0b0b !important;
}
#wdh .ml-svc[data-active="6"] .ml-svc-tab6 .ml-svc-arr {
  opacity: 1 !important;
  transform: none !important;
}
#wdh .ml-svc[data-active="6"] .ml-svc-pn6 {
  display: flex !important;
  animation: wdh-mlReveal 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc-tab:hover {
  background: #131316 !important;
  border-color: rgba(255, 255, 255, 0.28);
}
#wdh .ml-svc-tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25);
}
#wdh .ml-svc-arr {
  opacity: 0;
  transform: translateX(-6px);
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh .ml-svc-tab:hover .ml-svc-arr {
  opacity: 1;
  transform: none;
}
@media (max-width: 820px) {
  #wdh .ml-svc-stage {
    position: static !important;
  }
  #wdh .ml-svc-arr {
    display: none;
  }
  #wdh .ml-svc {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  #wdh .ml-svc-pn {
    min-width: 0;
  }
  #wdh .ml-svc > div {
    display: contents !important;
  }
  #wdh .ml-svc-tab1 {
    order: 1;
  }
  #wdh .ml-svc-pn1 {
    order: 2;
  }
  #wdh .ml-svc-tab2 {
    order: 3;
  }
  #wdh .ml-svc-pn2 {
    order: 4;
  }
  #wdh .ml-svc-tab3 {
    order: 5;
  }
  #wdh .ml-svc-pn3 {
    order: 6;
  }
  #wdh .ml-svc-tab4 {
    order: 7;
  }
  #wdh .ml-svc-pn4 {
    order: 8;
  }
  #wdh .ml-svc-tab5 {
    order: 9;
  }
  #wdh .ml-svc-pn5 {
    order: 10;
  }
  #wdh .ml-svc-tab6 {
    order: 11;
  }
  #wdh .ml-svc-pn6 {
    order: 12;
  }
}
#wdh [data-modal][hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #wdh,
  #wdh * {
    animation: none !important;
    transition: none !important;
  }
}
/* generated hover / focus classes */
#wdh .mlx-h1:hover {
  color: #fafaf8 !important;
}
#wdh .mlx-h2:hover,
#wdh .ml-modal__submit:hover {
  background: #e6b53a !important;
}
#wdh .mlx-h3:hover {
  border-color: rgba(255, 255, 255, 0.34) !important;
}
#wdh .mlx-h4:hover {
  background: #dededa !important;
}
#wdh .mlx-f5:focus-visible,
#wdh .ml-field:focus-visible,
#wdh div.ml-field--tel:focus-within {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#wdh .mlx-h6:hover {
  color: #f5c84e !important;
}
#wdh .mlx-h7:hover {
  border-color: #fafaf8 !important;
}
#wdh .mlx-h8:hover {
  border-color: #f5c84e !important;
}
#wdh .mlx-h9:hover {
  transform: translateY(-2px) !important;
}
#wdh .mlx-h10:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: #fafaf8 !important;
}
#wdh .mlx-h11:hover {
  border-color: rgba(24, 222, 119, 0.55) !important;
  background: #1a1a1d !important;
}

/* --- Design element styles (were inline in the handoff; same priority as inline) --- */
#wdh#wdh#wdh .wd1 {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
#wdh#wdh#wdh .wd2 {
  background: #0c0c0d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd3 {
  display: inline-flex;
  animation: wdh-mlTick 34s linear infinite;
}
#wdh#wdh#wdh .wd4 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
  padding: 0 26px;
}
#wdh#wdh#wdh .wd5 {
  font-size: 13px;
  font-weight: 500;
  color: #f5c84e;
  padding: 0 4px;
}
#wdh#wdh#wdh .wd6 {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(11, 12, 14, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#wdh#wdh#wdh .wd7 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  gap: 32px;
}
#wdh#wdh#wdh .wd8 {
  height: 22px;
  width: auto;
}
#wdh#wdh#wdh .wd9 {
  display: flex;
  gap: 26px;
  align-items: center;
}
#wdh#wdh#wdh .wd10 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.78);
}
#wdh#wdh#wdh .wd11 {
  font-size: 15px;
  color: #fafaf8;
  font-weight: 500;
}
#wdh#wdh#wdh .wd12 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd13 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 104px) 32px clamp(56px, 7vw, 88px);
}
#wdh#wdh#wdh .wd14 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#wdh#wdh#wdh .wd15 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd16 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  flex: 0 0 auto;
}
#wdh#wdh#wdh .wd17 {
  font-weight: 800;
  font-size: clamp(34px, 3.9vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: #fafaf8;
  margin-top: 22px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd18 {
  display: inline-block;
  white-space: nowrap;
  background: #18de77;
  color: #0b0b0b;
  border-radius: 16px;
  padding: 0 0.14em 0.06em;
  margin-top: 0.08em;
}
#wdh#wdh#wdh .wd19 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 26px;
  max-width: 46ch;
  padding: 0;
}
#wdh#wdh#wdh .wd20 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
#wdh#wdh#wdh .wd21 {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 3px;
}
#wdh#wdh#wdh .wd22 {
  color: #fafaf8;
  font-weight: 700;
}
#wdh#wdh#wdh .wd23 {
  position: relative;
  padding: 0 0 8px;
  overflow-x: clip;
}
#wdh#wdh#wdh .wd24 {
  position: absolute;
  top: 0;
  right: 0;
  width: min(300px, 100%);
  height: 300px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  -webkit-mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  pointer-events: none;
}
#wdh#wdh#wdh .wd25 {
  position: relative;
  background: #121215;
  border: 1px solid rgba(24, 222, 119, 0.3);
  border-radius: 20px;
  padding: clamp(26px, 2.6vw, 34px);
  box-shadow:
    0 0 0 1px rgba(11, 11, 13, 0.6),
    0 28px 70px rgba(0, 0, 0, 0.55),
    0 0 60px -20px rgba(24, 222, 119, 0.3);
}
#wdh#wdh#wdh .wd26 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #18de77;
}
#wdh#wdh#wdh .wd27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
#wdh#wdh#wdh .wd28 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #18de77;
}
#wdh#wdh#wdh .wd29 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(245, 200, 78, 0.12);
  border: 1px solid rgba(245, 200, 78, 0.34);
  color: #f5c84e;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#wdh#wdh#wdh .wd30 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#wdh#wdh#wdh .wd31 {
  font-weight: 800;
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
}
#wdh#wdh#wdh .wd32 {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
  margin-top: 10px;
}
#wdh#wdh#wdh .wd33 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
#wdh#wdh#wdh .wd34 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  padding: 14px 12px;
  border-radius: 12px;
  background: #17171a;
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  color: #fafaf8;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 18px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 17px 24px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd36 {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 12px;
  text-align: center;
}
#wdh#wdh#wdh .wd37 {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 4vh, 56px) 16px;
  overflow-y: auto;
  background: rgba(11, 11, 13, 0.72);
  backdrop-filter: blur(6px);
}
#wdh#wdh#wdh .wd38 {
  position: relative;
  width: min(760px, 100%);
  background: #fafaf8;
  border-radius: 8px;
  padding: clamp(28px, 3.4vw, 44px) clamp(20px, 3vw, 40px) 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
#wdh#wdh#wdh .wd39 {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededea;
  border: 0;
  color: #0b0b0b;
  font-family: inherit;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd40 {
  height: 26px;
  width: auto;
  margin: 0 auto;
}
#wdh#wdh#wdh .wd41 {
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  text-align: center;
  margin-top: 22px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd42 {
  font-size: 15.5px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.66);
  text-align: center;
  margin-top: 10px;
}
#wdh#wdh#wdh .wd43 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 18px;
  min-height: 32px;
}
#wdh#wdh#wdh .wd44,
#wdh#wdh#wdh .ml-modal-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
#wdh#wdh#wdh .wd45,
#wdh#wdh#wdh input.ml-field,
#wdh#wdh#wdh select.ml-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd46,
#wdh#wdh#wdh select.ml-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd47,
#wdh#wdh#wdh div.ml-field--tel {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 0 16px;
}
#wdh#wdh#wdh .wd48,
#wdh#wdh#wdh div.ml-field--tel > span:first-child {
  font-size: 15px;
  font-weight: 600;
  color: rgba(11, 11, 11, 0.58);
  flex: none;
}
#wdh#wdh#wdh .wd49,
#wdh#wdh#wdh div.ml-field--tel input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 17px 0;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
}
#wdh#wdh#wdh .wd50,
#wdh#wdh#wdh .ml-modal__consent {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.55);
  margin-top: 18px;
}
#wdh#wdh#wdh .wd51,
#wdh#wdh#wdh .ml-modal__consent a {
  color: #0fb35f;
  font-weight: 600;
}
#wdh#wdh#wdh .wd52,
#wdh#wdh#wdh .ml-modal__submit {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 19px 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd53 {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  flex-wrap: wrap;
  justify-content: center;
  padding: 22px 0 24px;
  margin-top: 8px;
  border-top: 1px solid rgba(11, 11, 11, 0.08);
}
#wdh#wdh#wdh .wd54 {
  height: 20px;
  width: auto;
  opacity: 0.42;
}
#wdh#wdh#wdh .wd55 {
  margin-top: clamp(40px, 5vw, 64px);
}
#wdh#wdh#wdh .wd56 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5c84e;
  text-align: center;
  padding: 0 32px;
}
#wdh#wdh#wdh .wd57 {
  font-weight: 800;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf8;
  text-align: center;
  margin-top: 14px;
  padding: 0 32px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd58 {
  margin-top: clamp(34px, 4vw, 52px);
}
#wdh#wdh#wdh .wd59 {
  display: flex;
  overflow: hidden;
}
#wdh#wdh#wdh .wd60 {
  display: flex;
  align-items: center;
  flex: none;
  animation: wdh-mlTick 138s linear infinite;
}
#wdh#wdh#wdh .wd61 {
  display: flex;
  overflow: hidden;
  margin-top: 18px;
}
#wdh#wdh#wdh .wd62 {
  display: flex;
  align-items: center;
  flex: none;
  animation: wdh-mlTickRev 156s linear infinite;
}
#wdh#wdh#wdh .wd63 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#wdh#wdh#wdh .wd64 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
}
#wdh#wdh#wdh .wd65 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: end;
}
#wdh#wdh#wdh .wd66 {
  background-color: rgb(11, 11, 11);
  color: rgba(255, 255, 255, 0.56);
  letter-spacing: 1.69px;
}
#wdh#wdh#wdh .wd67 {
  color: rgba(255, 255, 255, 0.56);
  letter-spacing: 1.69px;
}
#wdh#wdh#wdh .wd68 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd69 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#wdh#wdh#wdh .wd70 {
  max-width: 56ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd71 {
  color: #fafaf8;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#wdh#wdh#wdh .wd72 {
  display: flex;
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  cursor: grab;
}
#wdh#wdh#wdh .wd73 {
  flex: 0 0 calc((100% - 16px) / 2);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
}
#wdh#wdh#wdh .wd74 {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #0f0f11;
  border-radius: 4px;
}
#wdh#wdh#wdh .wd75 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd76 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#wdh#wdh#wdh .wd77 {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #8c8c94;
}
#wdh#wdh#wdh .wd78 {
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #fafaf8;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd79 {
  font-weight: 800;
}
#wdh#wdh#wdh .wd80 {
  position: absolute;
  left: -33.9%;
  top: -29.3%;
  width: 150%;
  height: 150%;
  max-width: none;
  object-fit: cover;
  display: block;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd81 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  margin-top: clamp(28px, 3.5vw, 42px);
}
#wdh#wdh#wdh .wd82 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: 0;
  padding: 10px 4px;
  cursor: pointer;
  color: #fafaf8;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd83 {
  font-size: 17px;
  line-height: 1;
}
#wdh#wdh#wdh .wd84 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#wdh#wdh#wdh .wd85 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 62ch;
}
#wdh#wdh#wdh .wd86 {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd87 {
  color: rgb(250, 250, 248);
  font-weight: 600;
  text-decoration: underline 2px rgb(24, 222, 119);
  text-underline-offset: 4px;
}
#wdh#wdh#wdh .wd88 {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#wdh#wdh#wdh .wd89 {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
}
#wdh#wdh#wdh .wd90 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd91 {
  display: block;
  color: #fafaf8;
  font-weight: 600;
}
#wdh#wdh#wdh .wd92 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 72px) 32px;
}
#wdh#wdh#wdh .wd93 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  background: #101013;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: clamp(28px, 4vw, 48px);
}
#wdh#wdh#wdh .wd94 {
  color: rgba(255, 255, 255, 0.56);
  letter-spacing: 0.13em;
}
#wdh#wdh#wdh .wd95 {
  font-weight: 800;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd96 {
  margin-top: 14px;
  max-width: 44ch;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd97 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
}
#wdh#wdh#wdh .wd98 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 18px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd99 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #f5c84e;
  flex: none;
}
#wdh#wdh#wdh .wd100 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b0b0b;
}
#wdh#wdh#wdh .wd101 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px 0;
}
#wdh#wdh#wdh .wd102 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#wdh#wdh#wdh .wd103 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(22px, 2.6vw, 28px);
}
#wdh#wdh#wdh .wd104 {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.6vw, 18px);
  flex-wrap: wrap;
  padding: 14px 24px;
  background: #141416;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
#wdh#wdh#wdh .wd105 {
  display: flex;
  gap: 2px;
}
#wdh#wdh#wdh .wd106 {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.14);
}
#wdh#wdh#wdh .wd107 {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd108 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.62);
}
#wdh#wdh#wdh .wd109 {
  margin-top: clamp(40px, 5vw, 56px);
  overflow: hidden;
}
#wdh#wdh#wdh .wd110 {
  display: flex;
  gap: 16px;
  padding-right: 16px;
  width: max-content;
  align-items: stretch;
  animation: wdh-mlTick 68s linear infinite;
}
#wdh#wdh#wdh .wd111 {
  position: relative;
  flex: 0 0 384px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px clamp(22px, 2.4vw, 30px);
  overflow: hidden;
}
#wdh#wdh#wdh .wd112 {
  position: absolute;
  top: 10px;
  right: 18px;
  font-family: Georgia, serif;
  font-size: 96px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
#wdh#wdh#wdh .wd113 {
  position: relative;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.6;
  color: #fafaf8;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd114 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#wdh#wdh#wdh .wd115 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #ff7a45;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd116 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
#wdh#wdh#wdh .wd117 {
  font-size: 14.5px;
  font-weight: 700;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd118 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd119 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #3aa0ff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd120 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #2ed3b7;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd121 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #e45c8c;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd122 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #9b8cff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd123 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#wdh#wdh#wdh .wd124 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#wdh#wdh#wdh .wd125 {
  max-width: 60ch;
}
#wdh#wdh#wdh .wd126 {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd127 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(20px, 3vw, 40px);
  margin-top: clamp(40px, 5vw, 56px);
  align-items: start;
}
#wdh#wdh#wdh .wd128 {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  gap: 16px;
  align-items: center;
  width: 100%;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 16px 18px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd129 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(245, 200, 78, 0.16);
  color: #fafaf8;
  font-weight: 800;
  font-size: 13px;
  transition: all 220ms;
}
#wdh#wdh#wdh .wd130 {
  display: block;
  min-width: 0;
}
#wdh#wdh#wdh .wd131 {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd132 {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd133 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(24, 222, 119, 0.16);
  color: #fafaf8;
  font-weight: 800;
  font-size: 13px;
  transition: all 220ms;
}
#wdh#wdh#wdh .wd134 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(245, 166, 35, 0.16);
  color: #fafaf8;
  font-weight: 800;
  font-size: 13px;
  transition: all 220ms;
}
#wdh#wdh#wdh .wd135 {
  position: sticky;
  top: calc(var(--wdh-stick, 108px) + -8px);
}
#wdh#wdh#wdh .wd136 {
  display: none;
  flex-direction: column;
  gap: 22px;
  background: linear-gradient(160deg, rgba(245, 200, 78, 0.1) 0%, rgba(245, 200, 78, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 200, 78, 0.28);
  border-radius: 20px;
  padding: clamp(22px, 2.6vw, 32px);
  position: relative;
  overflow: hidden;
}
#wdh#wdh#wdh .wd137 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5c84e;
}
#wdh#wdh#wdh .wd138 {
  height: 100%;
  min-height: 250px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: #101013;
  overflow: hidden;
}
#wdh#wdh#wdh .wd139 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
  height: 100%;
  justify-content: center;
}
#wdh#wdh#wdh .wd140 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wdh#wdh#wdh .wd141 {
  display: block;
  width: 22%;
  height: 9px;
  border-radius: 999px;
  background: #f5c84e;
}
#wdh#wdh#wdh .wd142 {
  display: flex;
  gap: 6px;
}
#wdh#wdh#wdh .wd143 {
  display: block;
  width: 24px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd144 {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 14px;
}
#wdh#wdh#wdh .wd145 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
#wdh#wdh#wdh .wd146 {
  display: block;
  width: 90%;
  height: 13px;
  border-radius: 999px;
  background: #fafaf8;
}
#wdh#wdh#wdh .wd147 {
  display: block;
  width: 66%;
  height: 13px;
  border-radius: 999px;
  background: #fafaf8;
}
#wdh#wdh#wdh .wd148 {
  display: block;
  width: 78%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd149 {
  display: block;
  width: 40%;
  height: 26px;
  border-radius: 999px;
  background: #f5c84e;
  margin-top: 6px;
}
#wdh#wdh#wdh .wd150 {
  display: block;
  height: 110px;
  border-radius: 8px;
  background: #f5c84e55;
}
#wdh#wdh#wdh .wd151 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
#wdh#wdh#wdh .wd152 {
  display: block;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
}
#wdh#wdh#wdh .wd153 {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd154 {
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 10px;
}
#wdh#wdh#wdh .wd155 {
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
  color: #fafaf8;
  margin-top: 10px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd156 {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 18px;
}
#wdh#wdh#wdh .wd157 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}
#wdh#wdh#wdh .wd158 {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 2px;
}
#wdh#wdh#wdh .wd159 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
#wdh#wdh#wdh .wd160 {
  display: none;
  flex-direction: column;
  gap: 22px;
  background: linear-gradient(160deg, rgba(24, 222, 119, 0.1) 0%, rgba(24, 222, 119, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(24, 222, 119, 0.28);
  border-radius: 20px;
  padding: clamp(22px, 2.6vw, 32px);
  position: relative;
  overflow: hidden;
}
#wdh#wdh#wdh .wd161 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #18de77;
}
#wdh#wdh#wdh .wd162 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  height: 100%;
  justify-content: center;
}
#wdh#wdh#wdh .wd163 {
  display: flex;
  align-items: center;
  gap: 8px;
}
#wdh#wdh#wdh .wd164 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f5c84e;
}
#wdh#wdh#wdh .wd165 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #18de77;
}
#wdh#wdh#wdh .wd166 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
}
#wdh#wdh#wdh .wd167 {
  margin-left: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.56);
  font-family: ui-monospace, Menlo, monospace;
}
#wdh#wdh#wdh .wd168 {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.7;
  color: #fafaf8;
  background: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
}
#wdh#wdh#wdh .wd169 {
  display: flex;
  gap: 12px;
}
#wdh#wdh#wdh .wd170 {
  color: rgba(255, 255, 255, 0.28);
  width: 14px;
  text-align: right;
}
#wdh#wdh#wdh .wd171 {
  color: #18de77;
}
#wdh#wdh#wdh .wd172 {
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd173 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#wdh#wdh#wdh .wd174 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #18de77;
  border: 1px solid #18de7755;
  border-radius: 999px;
  padding: 5px 10px;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd175 {
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
}
#wdh#wdh#wdh .wd176 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #f5c84e;
  border: 1px solid #f5c84e55;
  border-radius: 999px;
  padding: 5px 10px;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd177 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fafaf8;
  border: 1px solid #fafaf855;
  border-radius: 999px;
  padding: 5px 10px;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd178 {
  display: none;
  flex-direction: column;
  gap: 22px;
  background: linear-gradient(160deg, rgba(245, 166, 35, 0.1) 0%, rgba(245, 166, 35, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 166, 35, 0.28);
  border-radius: 20px;
  padding: clamp(22px, 2.6vw, 32px);
  position: relative;
  overflow: hidden;
}
#wdh#wdh#wdh .wd179 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5a623;
}
#wdh#wdh#wdh .wd180 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wdh#wdh#wdh .wd181 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#wdh#wdh#wdh .wd182 {
  font-size: 14px;
  font-weight: 600;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd183 {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #18de77;
}
#wdh#wdh#wdh .wd184 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wdh#wdh#wdh .wd185 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd186 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #18de77;
}
#wdh#wdh#wdh .wd187 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
}
#wdh#wdh#wdh .wd188 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#wdh#wdh#wdh .wd189 {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #f5c84e;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0b0b0b;
  font-size: 12px;
  font-weight: 800;
}
#wdh#wdh#wdh .wd190 {
  font-size: 13.5px;
  font-weight: 600;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd191 {
  margin-left: auto;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.56);
  white-space: nowrap;
}
#wdh#wdh#wdh .wd192 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.56);
  margin-bottom: 6px;
}
#wdh#wdh#wdh .wd193 {
  display: flex;
  gap: 3px;
}
#wdh#wdh#wdh .wd194 {
  flex: 1;
  height: 22px;
  border-radius: 2px;
  background: #18de77;
  opacity: 1;
}
#wdh#wdh#wdh .wd195 {
  flex: 1;
  height: 22px;
  border-radius: 2px;
  background: #18de77;
  opacity: 0.35;
}
#wdh#wdh#wdh .wd196 {
  background: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
#wdh#wdh#wdh .wd197 {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12.5px;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd198 {
  font-size: 11px;
  font-weight: 800;
  color: #0b0b0b;
  background: #f5c84e;
  border-radius: 4px;
  padding: 2px 6px;
}
#wdh#wdh#wdh .wd199 {
  font-size: 13.5px;
  font-weight: 700;
  color: #8ab4f8;
}
#wdh#wdh#wdh .wd200 {
  display: block;
  width: 92%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd201 {
  display: block;
  width: 64%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd202 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd203 {
  display: flex;
  gap: 10px;
}
#wdh#wdh#wdh .wd204 {
  flex: 1;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#wdh#wdh#wdh .wd205 {
  font-size: 13px;
  font-weight: 700;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd206 {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd207 {
  display: block;
  width: 72%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd208 {
  font-size: 11px;
  font-weight: 700;
  color: #0b0b0b;
  background: #18de77;
  border-radius: 999px;
  padding: 3px 8px;
  align-self: flex-start;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd209 {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}
#wdh#wdh#wdh .wd210 {
  background: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
#wdh#wdh#wdh .wd211 {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #f5a623;
}
#wdh#wdh#wdh .wd212 {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd213 {
  display: block;
  width: 76%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd214 {
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 9px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#wdh#wdh#wdh .wd215 {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd216 {
  display: block;
  width: 80%;
  height: 5px;
  border-radius: 999px;
  background: #f5a623;
}
#wdh#wdh#wdh .wd217 {
  display: block;
  width: 58%;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}
#wdh#wdh#wdh .wd218 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
#wdh#wdh#wdh .wd219 {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px 12px;
}
#wdh#wdh#wdh .wd220 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f5a623;
  flex: none;
}
#wdh#wdh#wdh .wd221 {
  font-size: 12.5px;
  font-weight: 600;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd222 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#wdh#wdh#wdh .wd223 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#wdh#wdh#wdh .wd224 {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fafaf8;
  flex: none;
}
#wdh#wdh#wdh .wd225 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
#wdh#wdh#wdh .wd226 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  overflow: hidden;
  background: #151517;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.85);
}
#wdh#wdh#wdh .wd227 {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: #101013;
}
#wdh#wdh#wdh .wd228 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #f5c84e;
}
#wdh#wdh#wdh .wd229 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #18de77;
}
#wdh#wdh#wdh .wd230 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
}
#wdh#wdh#wdh .wd231 {
  flex: 1;
  margin-left: 10px;
  background: #0c0c0d;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.56);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wdh#wdh#wdh .wd232 {
  aspect-ratio: 511/584;
  position: relative;
  background: #f2d3be;
}
#wdh#wdh#wdh .wd233 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#wdh#wdh#wdh .wd234 {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  max-width: 56ch;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd235 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 28px;
}
#wdh#wdh#wdh .wd236 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
#wdh#wdh#wdh .wd237 {
  color: #fafaf8;
}
#wdh#wdh#wdh .wd238 {
  display: flex;
  gap: clamp(24px, 3.5vw, 44px);
  flex-wrap: wrap;
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
#wdh#wdh#wdh .wd239 {
  font-weight: 800;
  font-size: clamp(26px, 2.6vw, 34px);
  letter-spacing: -0.03em;
  color: #fafaf8;
  line-height: 1.1;
}
#wdh#wdh#wdh .wd240 {
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd241 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
#wdh#wdh#wdh .wd242 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
#wdh#wdh#wdh .wd243 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd244 {
  margin-top: 16px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
  max-width: 54ch;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd245 {
  margin-top: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
#wdh#wdh#wdh .wd246 {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
#wdh#wdh#wdh .wd247 {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 20px 0;
  font-weight: 700;
  font-size: clamp(18px, 1.6vw, 20px);
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd248 {
  flex: 1;
}
#wdh#wdh#wdh .wd249 {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd250 {
  padding: 0 0 22px;
  max-width: 54ch;
}
#wdh#wdh#wdh .wd251 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background: #101013;
  padding: clamp(22px, 3vw, 32px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#wdh#wdh#wdh .wd252 {
  align-self: flex-end;
  max-width: 86%;
  background: #1b1b1e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px 18px 4px 18px;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.45;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd253 {
  display: inline-block;
  animation: wdh-mlType 12s steps(40) infinite;
}
#wdh#wdh#wdh .wd254 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd255 {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}
#wdh#wdh#wdh .wd256 {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 14px 16px;
  background: #151517;
  animation: wdh-mlFade 12s linear 0.3s infinite;
}
#wdh#wdh#wdh .wd257 {
  display: flex;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #1a1a1d;
  border: 1px solid rgba(255, 255, 255, 0.16);
  align-items: center;
  justify-content: center;
}
#wdh#wdh#wdh .wd258 {
  flex: 1;
  min-width: 0;
}
#wdh#wdh#wdh .wd259 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.56);
  text-transform: uppercase;
}
#wdh#wdh#wdh .wd260 {
  margin-top: 3px;
  font-size: 16px;
  font-weight: 700;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd261 {
  flex: none;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #0b0b0b;
  background: #18de77;
  border-radius: 999px;
  padding: 5px 10px;
  white-space: nowrap;
}
#wdh#wdh#wdh .wd262 {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 14px 16px;
  background: #151517;
  animation: wdh-mlFade 12s linear 0.8s infinite;
}
#wdh#wdh#wdh .wd263 {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 14px 16px;
  background: #151517;
  animation: wdh-mlFade 12s linear 1.3s infinite;
}
#wdh#wdh#wdh .wd264 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
}
#wdh#wdh#wdh .wd265 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#wdh#wdh#wdh .wd266 {
  align-self: flex-start;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(245, 200, 78, 0.14);
  color: #f5c84e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
#wdh#wdh#wdh .wd267 {
  font-weight: 900;
  font-size: clamp(32px, 3.4vw, 44px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fafaf8;
  margin-top: 14px;
}
#wdh#wdh#wdh .wd268 {
  margin-top: 12px;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd269 {
  margin-top: 18px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#wdh#wdh#wdh .wd270 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
}
#wdh#wdh#wdh .wd271 {
  position: sticky;
  top: calc(var(--wdh-stick, 108px) + 0px);
}
#wdh#wdh#wdh .wd272 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#wdh#wdh#wdh .wd273 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  max-width: 18ch;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd274 {
  margin-top: 20px;
  max-width: 40ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd275 {
  margin-top: 26px;
}
#wdh#wdh#wdh .wd276 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
#wdh#wdh#wdh .wd277 {
  position: relative;
}
#wdh#wdh#wdh .wd278 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: clamp(30px, 3.6vw, 46px);
}
#wdh#wdh#wdh .wd279 {
  position: absolute;
  left: clamp(26px, 2.5vw, 32px);
  top: calc(clamp(52px, 5vw, 64px) + 12px);
  bottom: 10px;
  width: 1px;
  margin-left: -0.5px;
  background: rgba(255, 255, 255, 0.13);
  overflow: hidden;
}
#wdh#wdh#wdh .wd280 {
  position: absolute;
  left: -1px;
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(to bottom, rgba(245, 200, 78, 0.5), #f5c84e);
  box-shadow: 0 0 12px rgba(245, 200, 78, 0.4);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 780ms cubic-bezier(0.22, 1, 0.28, 1);
}
#wdh#wdh#wdh .wd281 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(52px, 5vw, 64px);
  height: clamp(52px, 5vw, 64px);
  flex: none;
  border-radius: 999px;
  background: #0b0b0b;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.16);
  will-change: border-color, box-shadow, transform;
}
#wdh#wdh#wdh .wd282 {
  font-weight: 800;
  font-size: 19px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  will-change: color;
}
#wdh#wdh#wdh .wd283 {
  padding-top: clamp(8px, 1.2vw, 14px);
  min-width: 0;
}
#wdh#wdh#wdh .wd284 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
#wdh#wdh#wdh .wd285 {
  font-weight: 700;
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd286 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#wdh#wdh#wdh .wd287 {
  margin-top: 12px;
  max-width: 58ch;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd288 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
}
#wdh#wdh#wdh .wd289 {
  width: 17px;
  height: 17px;
  flex: none;
  margin-top: 1px;
}
#wdh#wdh#wdh .wd290 {
  color: #fafaf8;
  font-weight: 600;
}
#wdh#wdh#wdh .wd291 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: 0;
}
#wdh#wdh#wdh .wd292 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#wdh#wdh#wdh .wd293 {
  max-width: 54ch;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd294 {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#wdh#wdh#wdh .wd295 {
  font-weight: 800;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #f5c84e;
  margin-top: 12px;
}
#wdh#wdh#wdh .wd296 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 8px;
}
#wdh#wdh#wdh .wd297 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
#wdh#wdh#wdh .wd298 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
  padding: 16px 28px;
}
#wdh#wdh#wdh .wd299 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fafaf8;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd300 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: clamp(28px, 3vw, 40px);
}
#wdh#wdh#wdh .wd301 {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd302 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 24px;
}
#wdh#wdh#wdh .wd303 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
#wdh#wdh#wdh .wd304 {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 14px;
  align-items: center;
}
#wdh#wdh#wdh .wd305 {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd306 {
  color: #fafaf8;
  font-weight: 600;
  display: block;
}
#wdh#wdh#wdh .wd307 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#wdh#wdh#wdh .wd308 {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd309 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin-top: 28px;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd310 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 22px 0;
}
#wdh#wdh#wdh .wd311 {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 18px;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd312 {
  flex: none;
  font-weight: 600;
  font-size: 20px;
  color: #f5c84e;
  transition: transform 300ms ease;
}
#wdh#wdh#wdh .wd313 {
  padding: 14px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 66ch;
}
#wdh#wdh#wdh .wd314 {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  flex-wrap: wrap;
}
#wdh#wdh#wdh .wd315 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
}
#wdh#wdh#wdh .wd316 {
  font-weight: 600;
  font-size: 15px;
  color: #f5c84e;
  border-bottom: 1px solid rgba(245, 200, 78, 0.25);
  padding-bottom: 4px;
}
#wdh#wdh#wdh .wd317 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: clamp(40px, 5vw, 56px);
}
#wdh#wdh#wdh .wd318 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#wdh#wdh#wdh .wd319 {
  display: block;
}
#wdh#wdh#wdh .wd320 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #151517;
}
#wdh#wdh#wdh .wd321 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wdh#wdh#wdh .wd322 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fafaf8;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd323 {
  color: inherit;
}
#wdh#wdh#wdh .wd324 {
  font-size: 16px;
  line-height: 1.6;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd325 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: auto;
}
#wdh#wdh#wdh .wd326 {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.3);
  text-underline-offset: 3px;
}
#wdh#wdh#wdh .wd327 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) 32px;
}
#wdh#wdh#wdh .wd328 {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  overflow: hidden;
  background: #101012;
  padding: clamp(40px, 5vw, 68px) clamp(28px, 4vw, 56px);
}
#wdh#wdh#wdh .wd329 {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 130% at 50% -18%, rgba(24, 222, 119, 0.55) 0%, rgba(24, 222, 119, 0.16) 34%, rgba(16, 16, 18, 0) 68%);
  pointer-events: none;
}
#wdh#wdh#wdh .wd330 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  -webkit-mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  pointer-events: none;
}
#wdh#wdh#wdh .wd331 {
  position: absolute;
  left: 50%;
  top: -46%;
  transform: translateX(-50%);
  width: min(78%, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.42), transparent 70%);
  filter: blur(42px);
  pointer-events: none;
  animation: wdh-mlAura 9s ease-in-out infinite;
}
#wdh#wdh#wdh .wd332 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#wdh#wdh#wdh .wd333 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 16px 6px 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}
#wdh#wdh#wdh .wd334 {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
}
#wdh#wdh#wdh .wd335 {
  display: flex;
  gap: 1px;
}
#wdh#wdh#wdh .wd336 {
  font-weight: 700;
  font-size: 14px;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd337 {
  font-weight: 800;
  font-size: clamp(38px, 6.4vw, 92px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  color: #fafaf8;
  margin-top: clamp(24px, 3vw, 34px);
  max-width: 14ch;
  text-wrap: balance;
}
#wdh#wdh#wdh .wd338 {
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.74);
  max-width: 50ch;
  margin-top: 20px;
  text-wrap: pretty;
}
#wdh#wdh#wdh .wd339 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(26px, 3.2vw, 36px);
}
#wdh#wdh#wdh .wd340 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #18de77;
  color: #0b0b0b;
  padding: 15px 16px 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 18px 44px -18px rgba(24, 222, 119, 0.9);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd341 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #0b0b0b;
}
#wdh#wdh#wdh .wd342 {
  display: inline-flex;
  align-items: center;
  padding: 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fafaf8;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  transition:
    background 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#wdh#wdh#wdh .wd343 {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 26px);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(28px, 3.4vw, 38px);
  padding-top: clamp(22px, 2.6vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  width: 100%;
}
#wdh#wdh#wdh .wd344 {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
}
#wdh#wdh#wdh .wd345 {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
}
#wdh#wdh#wdh .wd346 {
  font-size: 15px;
  font-weight: 700;
  color: #fafaf8;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#wdh#wdh#wdh .wd347 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 0.7fr));
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
}
#wdh#wdh#wdh .wd348 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
}
#wdh#wdh#wdh .wd349 {
  font-weight: 600;
  font-size: 15px;
  color: #fafaf8;
}
#wdh#wdh#wdh .wd350 {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- Page additions --- */
#wdh#wdh#wdh .wdh-modal {
  z-index: 100000; /* above a sticky site header */
}
#wdh .wdh-err {
  color: #ff6b6b !important;
}
#wdh .wdh-thanks {
  padding-bottom: clamp(28px, 3.4vw, 44px);
}

/* --- Contact Form 7 in the enquiry pop-up (classes: ml-modal-fields, ml-field, ml-field--select,
 * ml-field--tel, ml-modal__consent, ml-modal__submit; the field styles above come from the design) --- */
#wdh .wpcf7,
#wdh .wpcf7 form {
  margin: 0;
}
#wdh .wpcf7 .screen-reader-response,
#wdh .wpcf7 .hidden-fields-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  margin: 0;
  padding: 0;
}
#wdh .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  min-width: 0;
}
#wdh#wdh#wdh input.ml-field,
#wdh#wdh#wdh select.ml-field {
  display: block;
  height: auto;
  margin: 0;
  line-height: normal;
  box-shadow: none;
}
#wdh#wdh#wdh select.ml-field {
  -webkit-appearance: none;
}
#wdh#wdh#wdh div.ml-field--tel .wpcf7-form-control-wrap {
  flex: 1;
}
#wdh#wdh#wdh div.ml-field--tel input {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  line-height: normal;
  box-shadow: none;
}
#wdh .ml-field::placeholder,
#wdh .ml-field--tel input::placeholder {
  color: #757575;
  opacity: 1;
}
#wdh#wdh#wdh .ml-modal__submit {
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
}
#wdh .wpcf7-spinner {
  display: none;
}
#wdh .wpcf7 form.submitting .ml-modal__submit {
  opacity: 0.6;
  pointer-events: none;
}
#wdh#wdh#wdh input.ml-field.wpcf7-not-valid,
#wdh#wdh#wdh select.ml-field.wpcf7-not-valid,
#wdh#wdh#wdh div.ml-field--tel:has(.wpcf7-not-valid) {
  border-color: #e5484d;
}
#wdh .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #c8302f;
}
#wdh div.ml-field--tel {
  position: relative;
}
#wdh div.ml-field--tel .wpcf7-not-valid-tip {
  position: absolute;
  left: -16px;
  top: 100%;
}
#wdh .wpcf7 form .wpcf7-response-output {
  display: block;
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 1px solid #e5484d;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.45;
  color: #0b0b0b;
}
#wdh .wpcf7 form.init .wpcf7-response-output,
#wdh .wpcf7 form.resetting .wpcf7-response-output,
#wdh .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
#wdh .wpcf7 form.sent .wpcf7-response-output {
  border-color: #18de77;
  background: rgba(24, 222, 119, 0.1);
}

/* --- Editor tools (admins only) --- */
#wdh .wdh-admin {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 360px;
  font:
    500 13px/1.45 Inter,
    system-ui,
    sans-serif;
}
#wdh .wdh-admin a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: none;
}
#wdh .wdh-admin p {
  background: #2a1515;
  border: 1px solid #ff6b6b;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}

/* --- Header / footer switches (ACF → Page Settings → Show site header / footer) --- */
body.wdh-no-header #masthead,
body.wdh-no-header header.site-header,
body.wdh-no-header #ast-desktop-header,
body.wdh-no-header #ast-mobile-header,
body.wdh-no-header .ast-above-header-wrap {
  display: none !important;
}
body.wdh-no-footer #colophon,
body.wdh-no-footer footer.site-footer,
body.wdh-no-footer .site-primary-footer-wrap,
body.wdh-no-footer .site-below-footer-wrap,
body.wdh-no-footer .ast-small-footer {
  display: none !important;
}

/* =====================================================================
 * SEO Agency Hertfordshire page (template-seo-agency-hertfordshire.php)
 * Everything below is scoped under #sah, the page wrapper between the
 * site header and footer. It does not affect the other PPC pages.
 * ===================================================================== */

/* --- Isolation: theme element styles are reset inside the page (SVG excluded) --- */
#sah :where(*:not(svg):not(svg *)) {
  all: revert;
}
#sah {
  display: block;
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow-x: clip;
  /* browser-default text settings (the theme body sets its own) */
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  white-space: normal;
  --sah-stick: 108px; /* set from ACF: Page Settings → Sticky offset */
}
/* the isolation reset also removes the browser's [hidden] rule */
#sah [hidden] {
  display: none !important;
}

/* --- Design rules (from the handoff page.css) --- */
#sah,
#sah * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#sah p,
#sah li,
#sah span,
#sah div,
#sah td,
#sah th,
#sah label,
#sah dd,
#sah dt,
#sah figcaption,
#sah blockquote {
  color: inherit;
}
#sah {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.72);
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#sah img {
  display: block;
  max-width: 100%;
}
#sah a {
  text-decoration: none;
  color: inherit;
}
#sah a:hover {
  color: #f5c84e;
}
#sah ::selection {
  background: #f5c84e;
  color: #0b0b0b;
}
#sah summary::-webkit-details-marker {
  display: none;
}
#sah details[open] .ml-plus {
  transform: rotate(45deg);
}
#sah .ml-step summary::-webkit-details-marker {
  display: none;
}
#sah .ml-step {
  transition: background 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-step:hover {
  background: #101013;
}
#sah .ml-arrow {
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah button:hover .ml-arrow {
  transform: translateX(4px);
}
#sah .ml-rise {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 620ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-rise.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  #sah .ml-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}
#sah .ml-step[open] {
  background: #101013;
}
#sah .ml-step[open] summary span span:first-child,
#sah .ml-step[open] > summary > span > span:first-child {
  color: #f5c84e !important;
}
#sah .ml-step summary h3 {
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-step:hover summary h3 {
  color: #f5c84e;
}
#sah .ml-cta {
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
    background 220ms;
}
#sah .ml-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px -8px rgba(245, 200, 78, 0.55);
}
#sah .ml-cta:active {
  transform: scale(0.98);
}
#sah .ml-cta-i {
  flex: none;
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-cta:hover .ml-cta-i {
  transform: translateX(4px);
}
@media (max-width: 560px) {
  #sah .ml-eng-h > span {
    flex: 1 0 100% !important;
  }
}
@media (max-width: 760px) {
  #sah .ml-ws {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}
@keyframes sah-mlTick {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes sah-mlTickRev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
#sah .ml-marq-wrap {
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
#sah .ml-marq-wrap:hover .ml-marq-track {
  animation-play-state: paused;
}
#sah .ml-logo {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  padding: 0 26px;
  margin: 0 9px;
  background: #101013;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  transition: all 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-logo img {
  height: 30px;
  width: auto;
  object-fit: contain;
  opacity: 0.72;
  transition:
    opacity 320ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-logo:hover {
  background: #16161a;
  border-color: rgba(24, 222, 119, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 16px 34px -14px rgba(0, 0, 0, 0.8);
}
#sah .ml-logo:hover img {
  opacity: 1;
  transform: scale(1.05);
}
@keyframes sah-mlReveal {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes sah-mlDrop {
  0% {
    transform: translateY(-12px);
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(40px);
    opacity: 0;
  }
}
@keyframes sah-mlFill {
  0% {
    transform: scaleX(0.18);
    opacity: 1;
  }
  55% {
    transform: scaleX(1);
    opacity: 1;
  }
  88% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes sah-mlSweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(320%);
  }
}
@keyframes sah-mlPulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.35);
  }
}
@keyframes sah-mlScan {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(232px);
  }
}
@keyframes sah-mlFeed {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes sah-mlRowHot {
  0%,
  42% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
  50% {
    background: #1c1c21;
    border-color: rgba(24, 222, 119, 0.55);
    box-shadow:
      0 0 0 1px rgba(24, 222, 119, 0.3),
      0 22px 44px -20px rgba(24, 222, 119, 0.6);
    transform: scale(1.028);
  }
  58%,
  100% {
    background: #171719;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    transform: scale(1);
  }
}
@keyframes sah-mlFunnelFill {
  0%,
  6% {
    transform: scaleX(0);
  }
  26%,
  100% {
    transform: scaleX(1);
  }
}
@keyframes sah-mlStageGlow {
  0%,
  8% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
  20% {
    background: #17171c;
    border-color: rgba(24, 222, 119, 0.4);
  }
  44%,
  100% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
  }
}
@keyframes sah-mlRipple {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes sah-mlOrbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sah-mlOrbitR {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes sah-mlAura {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.94);
  }
  50% {
    opacity: 0.62;
    transform: scale(1.07);
  }
}
@keyframes sah-mlShimmer {
  0% {
    transform: translateY(-140%);
  }
  100% {
    transform: translateY(560%);
  }
}
@media (max-width: 820px) {
  #sah .ml-omni-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 820px) {
  #sah .ml-lead-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1040px) {
  #sah .ml-funnel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #sah .ml-funnel {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#sah .ml-cmp {
  grid-auto-flow: row dense;
}
#sah .ml-cmp > .ml-cmp-k {
  grid-column: 1;
}
#sah .ml-cmp > .ml-cmp-bad {
  grid-column: 2;
}
#sah .ml-cmp > .ml-cmp-good {
  grid-column: 3;
}
@media (max-width: 900px) {
  #sah .ml-cmp {
    grid-template-columns: minmax(0, 1fr) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    gap: 16px !important;
  }
  #sah .ml-cmp > p {
    border-left: 0 !important;
    border-top: 0 !important;
    grid-column: auto !important;
  }
  #sah .ml-cmp .ml-cmp-h {
    display: none !important;
  }
  #sah .ml-cmp .ml-cmp-k {
    padding: 0 0 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.56) !important;
  }
  #sah .ml-cmp .ml-cmp-bad,
  #sah .ml-cmp .ml-cmp-good {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: start !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
  }
  #sah .ml-cmp .ml-cmp-bad {
    background: rgba(255, 255, 255, 0.02) !important;
    margin-bottom: 8px !important;
  }
  #sah .ml-cmp .ml-cmp-good {
    border-color: rgba(245, 200, 78, 0.34) !important;
    margin-bottom: -8px !important;
  }
  #sah .ml-cmp .ml-cmp-bad > img,
  #sah .ml-cmp .ml-cmp-good > img {
    margin-top: 2px !important;
  }
  #sah .ml-cmp .ml-cmp-bad::before,
  #sah .ml-cmp .ml-cmp-good::before {
    grid-column: 1 / -1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  #sah .ml-cmp .ml-cmp-bad::before {
    content: "Typical agency";
    color: rgba(255, 255, 255, 0.62);
  }
  #sah .ml-cmp .ml-cmp-good::before {
    content: "MagnifyLab";
    color: #f5c84e;
  }
}
#sah .ml-feed-card {
  transform: perspective(1500px) rotateY(-7deg) rotateX(3deg) scale(0.98);
  transform-origin: 70% 50%;
  transition:
    transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 760ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-feed-card:hover {
  transform: perspective(1500px) rotateY(0deg) rotateX(0deg) scale(1);
  box-shadow:
    0 0 90px -28px rgba(24, 222, 119, 0.7),
    0 40px 80px -40px rgba(0, 0, 0, 0.9);
}
#sah .ml-feed-wrap {
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 72%, transparent 100%);
}
#sah .ml-feed-wrap:hover .ml-feed-track {
  animation-play-state: paused;
}
@media (max-width: 900px) {
  #sah .ml-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
  #sah .ml-hero-media {
    padding-right: 0 !important;
  }
}
@property --ml-ring {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes sah-mlRing {
  to {
    --ml-ring: 360deg;
  }
}
@keyframes sah-mlBreathe {
  0%,
  100% {
    opacity: 0.34;
  }
  50% {
    opacity: 0.72;
  }
}
#sah .ml-form-card::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 21.5px;
  padding: 1.5px;
  background: conic-gradient(
    from var(--ml-ring),
    transparent 0deg,
    transparent 268deg,
    rgba(24, 222, 119, 0.25) 300deg,
    #18de77 344deg,
    rgba(24, 222, 119, 0.25) 352deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: sah-mlRing 6s linear infinite;
  pointer-events: none;
  z-index: 1;
}
#sah .ml-form-card::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 32px;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.2), transparent 76%);
  filter: blur(16px);
  animation: sah-mlBreathe 5.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
#sah .ml-form-card > * {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  #sah .ml-form-card::before,
  #sah .ml-form-card::after {
    animation: none;
  }
}
#sah .ml-opt {
  position: relative;
}
#sah .ml-opt {
  padding-left: 44px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
#sah .ml-opt::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-opt[data-on="true"] {
  background: rgba(24, 222, 119, 0.1) !important;
  border-color: #18de77 !important;
  color: #fafaf8 !important;
}
#sah .ml-opt[data-on="true"]::before {
  border-color: #18de77;
  background: #18de77 url("../seo-agency-hertfordshire/img/icons/pros.svg") center/18px 18px no-repeat;
}
#sah .ml-accred-cell img {
  opacity: 0.86;
  transform: translateY(0) scale(1);
  transition:
    opacity 220ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah .ml-accred-cell:hover {
  background: #111114;
}
#sah .ml-accred-cell:hover img {
  opacity: 1;
  transform: translateY(-3px) scale(1.03);
}
@media (max-width: 820px) {
  #sah .ml-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #sah .ml-split .ml-stk {
    position: static !important;
  }
}
@media (max-width: 700px) {
  #sah .ml-tri {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 900px) {
  #sah .ml-g3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  #sah .ml-g3,
  #sah .ml-g2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#sah .ml-case-card:hover .ml-case-img {
  transform: scale(1.045);
}
#sah .ml-case-img {
  will-change: transform;
  backface-visibility: hidden;
}
@keyframes sah-mlCaseIn {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#sah .ml-case-card {
  opacity: 0;
}
#sah [data-cases].is-in .ml-case-card {
  animation: sah-mlCaseIn 820ms cubic-bezier(0.22, 1, 0.28, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  #sah .ml-case-card {
    opacity: 1 !important;
    animation: none !important;
  }
}
#sah [data-cases]::-webkit-scrollbar {
  display: none;
}
#sah [data-cases].is-drag {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}
#sah [data-cases].is-drag a {
  pointer-events: none !important;
}
@media (max-width: 900px) {
  #sah .ml-case-card {
    flex-basis: calc(50% - 8px) !important;
  }
}
@media (max-width: 560px) {
  #sah .ml-case-card {
    flex-basis: 88% !important;
  }
}
@media (max-width: 760px) {
  #sah .ml-accred {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  #sah .ml-modal-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
#sah .ml-pstep {
  opacity: 0.3;
  will-change: opacity, transform;
}
@media (max-width: 900px) {
  #sah .ml-psticky {
    position: static !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #sah .ml-pstep {
    opacity: 1 !important;
    transform: none !important;
  }
  #sah .ml-pdot {
    border-color: rgba(245, 200, 78, 0.8) !important;
  }
  #sah .ml-pnum {
    color: #f5c84e !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #sah,
  #sah * {
    animation: none !important;
    transition: none !important;
  }
}
#sah [data-modal][hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #sah,
  #sah * {
    animation: none !important;
    transition: none !important;
  }
}
/* generated hover / focus classes */
#sah .mlx-h1:hover {
  color: #fafaf8 !important;
}
#sah .mlx-h2:hover,
#sah .ml-modal__submit:hover {
  background: #e6b53a !important;
}
#sah .mlx-h3:hover {
  border-color: rgba(255, 255, 255, 0.34) !important;
}
#sah .mlx-h4:hover {
  background: #dededa !important;
}
#sah .mlx-f5:focus-visible,
#sah .ml-field:focus-visible,
#sah div.ml-field--tel:focus-within {
  border-color: #18de77 !important;
  box-shadow: 0 0 0 6px rgba(24, 222, 119, 0.25) !important;
}
#sah .mlx-h6:hover {
  color: #f5c84e !important;
}
#sah .mlx-h7:hover {
  border-color: rgba(245, 200, 78, 0.55) !important;
  transform: translateY(-3px) !important;
}
#sah .mlx-h8:hover {
  border-color: rgba(24, 222, 119, 0.55) !important;
  transform: translateY(-3px) !important;
}
#sah .mlx-h9:hover {
  border-color: rgba(245, 166, 35, 0.55) !important;
  transform: translateY(-3px) !important;
}
#sah .mlx-h10:hover {
  border-color: #fafaf8 !important;
}
#sah .mlx-h11:hover {
  border-color: #f5c84e !important;
}
#sah .mlx-h12:hover {
  transform: translateY(-2px) !important;
}
#sah .mlx-h13:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: #fafaf8 !important;
}
#sah .mlx-h14:hover {
  border-color: rgba(24, 222, 119, 0.55) !important;
  background: #1a1a1d !important;
}

/* --- Design element styles (were inline in the handoff; same priority as inline) --- */
#sah#sah#sah .wd1 {
  background: #0c0c0d;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
#sah#sah#sah .wd2 {
  background: #0c0c0d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
}
#sah#sah#sah .wd3 {
  display: inline-flex;
  animation: sah-mlTick 34s linear infinite;
}
#sah#sah#sah .wd4 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
  padding: 0 26px;
}
#sah#sah#sah .wd5 {
  font-size: 13px;
  font-weight: 500;
  color: #f5c84e;
  padding: 0 4px;
}
#sah#sah#sah .wd6 {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(11, 12, 14, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd7 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
  gap: 32px;
}
#sah#sah#sah .wd8 {
  height: 22px;
  width: auto;
}
#sah#sah#sah .wd9 {
  display: flex;
  gap: 26px;
  align-items: center;
}
#sah#sah#sah .wd10 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.78);
}
#sah#sah#sah .wd11 {
  font-size: 15px;
  color: #fafaf8;
  font-weight: 500;
}
#sah#sah#sah .wd12 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd13 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 104px) 32px clamp(56px, 7vw, 88px);
}
#sah#sah#sah .wd14 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd15 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd16 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  flex: 0 0 auto;
}
#sah#sah#sah .wd21 {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 3px;
}
#sah#sah#sah .wd22 {
  color: #fafaf8;
  font-weight: 700;
}
#sah#sah#sah .wd23 {
  position: relative;
  padding: 0 0 8px;
  overflow-x: clip;
}
#sah#sah#sah .wd24 {
  position: absolute;
  top: 0;
  right: 0;
  width: min(300px, 100%);
  height: 300px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  -webkit-mask-image: radial-gradient(120% 80% at 100% 0%, #000 35%, transparent 75%);
  pointer-events: none;
}
#sah#sah#sah .wd25 {
  position: relative;
  background: #121215;
  border: 1px solid rgba(24, 222, 119, 0.3);
  border-radius: 20px;
  padding: clamp(26px, 2.6vw, 34px);
  box-shadow:
    0 0 0 1px rgba(11, 11, 13, 0.6),
    0 28px 70px rgba(0, 0, 0, 0.55),
    0 0 60px -20px rgba(24, 222, 119, 0.3);
}
#sah#sah#sah .wd26 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #18de77;
}
#sah#sah#sah .wd27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
#sah#sah#sah .wd28 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #18de77;
}
#sah#sah#sah .wd29 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(245, 200, 78, 0.12);
  border: 1px solid rgba(245, 200, 78, 0.34);
  color: #f5c84e;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#sah#sah#sah .wd30 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#sah#sah#sah .wd32 {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
  margin-top: 10px;
}
#sah#sah#sah .wd33 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
#sah#sah#sah .wd34 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  padding: 14px 12px;
  border-radius: 12px;
  background: #17171a;
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  color: #fafaf8;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 18px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 17px 24px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd36 {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 12px;
  text-align: center;
}
#sah#sah#sah .wd37 {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 4vh, 56px) 16px;
  overflow-y: auto;
  background: rgba(11, 11, 13, 0.72);
  backdrop-filter: blur(6px);
}
#sah#sah#sah .wd38 {
  position: relative;
  width: min(760px, 100%);
  background: #fafaf8;
  border-radius: 8px;
  padding: clamp(28px, 3.4vw, 44px) clamp(20px, 3vw, 40px) 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
#sah#sah#sah .wd39 {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededea;
  border: 0;
  color: #0b0b0b;
  font-family: inherit;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd40 {
  height: 26px;
  width: auto;
  margin: 0 auto;
}
#sah#sah#sah .wd41 {
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  text-align: center;
  margin-top: 22px;
  text-wrap: balance;
}
#sah#sah#sah .wd42 {
  font-size: 15.5px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.66);
  text-align: center;
  margin-top: 10px;
}
#sah#sah#sah .wd43 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 18px;
  min-height: 32px;
}
#sah#sah#sah .wd44,
#sah#sah#sah .ml-modal-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
#sah#sah#sah .wd45,
#sah#sah#sah input.ml-field,
#sah#sah#sah select.ml-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd46,
#sah#sah#sah select.ml-field {
  width: 100%;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 17px 16px;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd47,
#sah#sah#sah div.ml-field--tel {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f2f2ef;
  border: 1px solid rgba(11, 11, 11, 0.1);
  border-radius: 4px;
  padding: 0 16px;
}
#sah#sah#sah .wd48,
#sah#sah#sah div.ml-field--tel > span:first-child {
  font-size: 15px;
  font-weight: 600;
  color: rgba(11, 11, 11, 0.58);
  flex: none;
}
#sah#sah#sah .wd49,
#sah#sah#sah div.ml-field--tel input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 17px 0;
  font-family: inherit;
  font-size: 15px;
  color: #0b0b0b;
  outline: none;
}
#sah#sah#sah .wd50,
#sah#sah#sah .ml-modal__consent {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(11, 11, 11, 0.55);
  margin-top: 18px;
}
#sah#sah#sah .wd51,
#sah#sah#sah .ml-modal__consent a {
  color: #0fb35f;
  font-weight: 600;
}
#sah#sah#sah .wd52,
#sah#sah#sah .ml-modal__submit {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 19px 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd53 {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  flex-wrap: wrap;
  justify-content: center;
  padding: 22px 0 24px;
  margin-top: 8px;
  border-top: 1px solid rgba(11, 11, 11, 0.08);
}
#sah#sah#sah .wd54 {
  height: 20px;
  width: auto;
  opacity: 0.42;
}
#sah#sah#sah .wd55 {
  margin-top: clamp(40px, 5vw, 64px);
}
#sah#sah#sah .wd59 {
  display: flex;
  overflow: hidden;
}
#sah#sah#sah .wd63 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd64 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
}
#sah#sah#sah .wd65 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: end;
}
#sah#sah#sah .wd68 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  text-wrap: balance;
}
#sah#sah#sah .wd69 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#sah#sah#sah .wd70 {
  max-width: 56ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd71 {
  color: #fafaf8;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#sah#sah#sah .wd72 {
  display: flex;
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  cursor: grab;
}
#sah#sah#sah .wd73 {
  flex: 0 0 calc((100% - 16px) / 2);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
}
#sah#sah#sah .wd74 {
  position: relative;
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #0f0f11;
  border-radius: 4px;
}
#sah#sah#sah .wd75 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd76 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sah#sah#sah .wd77 {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #8c8c94;
}
#sah#sah#sah .wd78 {
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.28;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #fafaf8;
  text-wrap: pretty;
}
#sah#sah#sah .wd79 {
  font-weight: 800;
}
#sah#sah#sah .wd81 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 5vw, 64px);
  margin-top: clamp(28px, 3.5vw, 42px);
}
#sah#sah#sah .wd82 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: 0;
  padding: 10px 4px;
  cursor: pointer;
  color: #fafaf8;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd83 {
  font-size: 17px;
  line-height: 1;
}
#sah#sah#sah .wd84 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd85 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 62ch;
}
#sah#sah#sah .wd86 {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd88 {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd89 {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  object-fit: cover;
}
#sah#sah#sah .wd90 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd91 {
  display: block;
  color: #fafaf8;
  font-weight: 600;
}
#sah#sah#sah .wd93 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  background: #101013;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: clamp(28px, 4vw, 48px);
}
#sah#sah#sah .wd95 {
  font-weight: 800;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
  text-wrap: balance;
}
#sah#sah#sah .wd96 {
  margin-top: 14px;
  max-width: 44ch;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd97 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
}
#sah#sah#sah .wd98 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 18px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#sah#sah#sah .wd99 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #f5c84e;
  flex: none;
}
#sah#sah#sah .wd100 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b0b0b;
}
#sah#sah#sah .wd101 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px 0;
}
#sah#sah#sah .wd102 {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd103 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(22px, 2.6vw, 28px);
}
#sah#sah#sah .wd104 {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.6vw, 18px);
  flex-wrap: wrap;
  padding: 14px 24px;
  background: #141416;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
#sah#sah#sah .wd105 {
  display: flex;
  gap: 2px;
}
#sah#sah#sah .wd106 {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.14);
}
#sah#sah#sah .wd107 {
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#sah#sah#sah .wd108 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.62);
}
#sah#sah#sah .wd109 {
  margin-top: clamp(40px, 5vw, 56px);
  overflow: hidden;
}
#sah#sah#sah .wd110 {
  display: flex;
  gap: 16px;
  padding-right: 16px;
  width: max-content;
  align-items: stretch;
  animation: sah-mlTick 68s linear infinite;
}
#sah#sah#sah .wd111 {
  position: relative;
  flex: 0 0 384px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px clamp(22px, 2.4vw, 30px);
  overflow: hidden;
}
#sah#sah#sah .wd112 {
  position: absolute;
  top: 10px;
  right: 18px;
  font-family: Georgia, serif;
  font-size: 96px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
#sah#sah#sah .wd113 {
  position: relative;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.6;
  color: #fafaf8;
  text-wrap: pretty;
}
#sah#sah#sah .wd114 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd115 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #ff7a45;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd116 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
#sah#sah#sah .wd117 {
  font-size: 14.5px;
  font-weight: 700;
  color: #fafaf8;
}
#sah#sah#sah .wd118 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd119 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #3aa0ff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd120 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #2ed3b7;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd121 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #e45c8c;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd122 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #9b8cff;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd123 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd124 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#sah#sah#sah .wd137 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5c84e;
}
#sah#sah#sah .wd153 {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd157 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}
#sah#sah#sah .wd158 {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 2px;
}
#sah#sah#sah .wd161 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #18de77;
}
#sah#sah#sah .wd171 {
  color: #18de77;
}
#sah#sah#sah .wd179 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #f5a623;
}
#sah#sah#sah .wd248 {
  flex: 1;
}
#sah#sah#sah .wd264 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(40px, 5vw, 56px);
}
#sah#sah#sah .wd268 {
  margin-top: 12px;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd270 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
}
#sah#sah#sah .wd271 {
  position: sticky;
  top: calc(var(--sah-stick, 108px) + 0px);
}
#sah#sah#sah .wd272 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f5c84e;
  flex: none;
}
#sah#sah#sah .wd273 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
  max-width: 18ch;
  text-wrap: balance;
}
#sah#sah#sah .wd274 {
  margin-top: 20px;
  max-width: 40ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd277 {
  position: relative;
}
#sah#sah#sah .wd278 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: clamp(30px, 3.6vw, 46px);
}
#sah#sah#sah .wd279 {
  position: absolute;
  left: clamp(26px, 2.5vw, 32px);
  top: calc(clamp(52px, 5vw, 64px) + 12px);
  bottom: 10px;
  width: 1px;
  margin-left: -0.5px;
  background: rgba(255, 255, 255, 0.13);
  overflow: hidden;
}
#sah#sah#sah .wd280 {
  position: absolute;
  left: -1px;
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(to bottom, rgba(245, 200, 78, 0.5), #f5c84e);
  box-shadow: 0 0 12px rgba(245, 200, 78, 0.4);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 780ms cubic-bezier(0.22, 1, 0.28, 1);
}
#sah#sah#sah .wd281 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(52px, 5vw, 64px);
  height: clamp(52px, 5vw, 64px);
  flex: none;
  border-radius: 999px;
  background: #0b0b0b;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.16);
  will-change: border-color, box-shadow, transform;
}
#sah#sah#sah .wd282 {
  font-weight: 800;
  font-size: 19px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  will-change: color;
}
#sah#sah#sah .wd283 {
  padding-top: clamp(8px, 1.2vw, 14px);
  min-width: 0;
}
#sah#sah#sah .wd284 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
#sah#sah#sah .wd285 {
  font-weight: 700;
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #fafaf8;
}
#sah#sah#sah .wd286 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#sah#sah#sah .wd287 {
  margin-top: 12px;
  max-width: 58ch;
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd288 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
}
#sah#sah#sah .wd289 {
  width: 17px;
  height: 17px;
  flex: none;
  margin-top: 1px;
}
#sah#sah#sah .wd290 {
  color: #fafaf8;
  font-weight: 600;
}
#sah#sah#sah .wd291 {
  position: relative;
  z-index: 2;
  opacity: 1;
  display: grid;
  grid-template-columns: clamp(52px, 5vw, 64px) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 32px);
  padding-bottom: 0;
}
#sah#sah#sah .wd292 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd293 {
  max-width: 54ch;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd294 {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd295 {
  font-weight: 800;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #f5c84e;
  margin-top: 12px;
}
#sah#sah#sah .wd296 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 8px;
}
#sah#sah#sah .wd297 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
#sah#sah#sah .wd299 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fafaf8;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd300 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: clamp(28px, 3vw, 40px);
}
#sah#sah#sah .wd301 {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#sah#sah#sah .wd303 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
#sah#sah#sah .wd304 {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 14px;
  align-items: center;
}
#sah#sah#sah .wd305 {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd306 {
  color: #fafaf8;
  font-weight: 600;
  display: block;
}
#sah#sah#sah .wd307 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd308 {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd309 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  margin-top: 28px;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd310 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 22px 0;
}
#sah#sah#sah .wd311 {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 18px;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#sah#sah#sah .wd312 {
  flex: none;
  font-weight: 600;
  font-size: 20px;
  color: #f5c84e;
  transition: transform 300ms ease;
}
#sah#sah#sah .wd313 {
  padding: 14px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 66ch;
}
#sah#sah#sah .wd314 {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  flex-wrap: wrap;
}
#sah#sah#sah .wd315 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 18px;
}
#sah#sah#sah .wd316 {
  font-weight: 600;
  font-size: 15px;
  color: #f5c84e;
  border-bottom: 1px solid rgba(245, 200, 78, 0.25);
  padding-bottom: 4px;
}
#sah#sah#sah .wd317 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: clamp(40px, 5vw, 56px);
}
#sah#sah#sah .wd318 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#sah#sah#sah .wd319 {
  display: block;
}
#sah#sah#sah .wd320 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #151517;
}
#sah#sah#sah .wd321 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#sah#sah#sah .wd322 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fafaf8;
  text-wrap: pretty;
}
#sah#sah#sah .wd323 {
  color: inherit;
}
#sah#sah#sah .wd324 {
  font-size: 16px;
  line-height: 1.6;
  text-wrap: pretty;
}
#sah#sah#sah .wd325 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: auto;
}
#sah#sah#sah .wd326 {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.3);
  text-underline-offset: 3px;
}
#sah#sah#sah .wd327 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) 32px;
}
#sah#sah#sah .wd328 {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  overflow: hidden;
  background: #101012;
  padding: clamp(40px, 5vw, 68px) clamp(28px, 4vw, 56px);
}
#sah#sah#sah .wd329 {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 130% at 50% -18%, rgba(24, 222, 119, 0.55) 0%, rgba(24, 222, 119, 0.16) 34%, rgba(16, 16, 18, 0) 68%);
  pointer-events: none;
}
#sah#sah#sah .wd330 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  -webkit-mask-image: radial-gradient(90% 100% at 50% 0%, #000, transparent 72%);
  pointer-events: none;
}
#sah#sah#sah .wd331 {
  position: absolute;
  left: 50%;
  top: -46%;
  transform: translateX(-50%);
  width: min(78%, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.42), transparent 70%);
  filter: blur(42px);
  pointer-events: none;
  animation: sah-mlAura 9s ease-in-out infinite;
}
#sah#sah#sah .wd332 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#sah#sah#sah .wd333 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 16px 6px 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}
#sah#sah#sah .wd334 {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
}
#sah#sah#sah .wd335 {
  display: flex;
  gap: 1px;
}
#sah#sah#sah .wd336 {
  font-weight: 700;
  font-size: 14px;
  color: #fafaf8;
}
#sah#sah#sah .wd337 {
  font-weight: 800;
  font-size: clamp(38px, 6.4vw, 92px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  color: #fafaf8;
  margin-top: clamp(24px, 3vw, 34px);
  max-width: 14ch;
  text-wrap: balance;
}
#sah#sah#sah .wd338 {
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.74);
  max-width: 50ch;
  margin-top: 20px;
  text-wrap: pretty;
}
#sah#sah#sah .wd339 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(26px, 3.2vw, 36px);
}
#sah#sah#sah .wd340 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #18de77;
  color: #0b0b0b;
  padding: 15px 16px 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 18px 44px -18px rgba(24, 222, 119, 0.9);
  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd341 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #0b0b0b;
}
#sah#sah#sah .wd342 {
  display: inline-flex;
  align-items: center;
  padding: 15px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fafaf8;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  transition:
    background 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd343 {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 26px);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(28px, 3.4vw, 38px);
  padding-top: clamp(22px, 2.6vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  width: 100%;
}
#sah#sah#sah .wd344 {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
}
#sah#sah#sah .wd345 {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
}
#sah#sah#sah .wd346 {
  font-size: 15px;
  font-weight: 700;
  color: #fafaf8;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#sah#sah#sah .wd347 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 0.7fr));
  gap: clamp(24px, 3vw, 48px);
  align-items: start;
}
#sah#sah#sah .wd348 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd349 {
  font-weight: 600;
  font-size: 15px;
  color: #fafaf8;
}
#sah#sah#sah .wd350 {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd351 {
  font-weight: 800;
  font-size: clamp(36px, 4.3vw, 62px);
  line-height: 1;
  letter-spacing: -0.035em;
  color: #fafaf8;
  margin-top: 22px;
}
#sah#sah#sah .wd352 {
  display: inline-block;
  white-space: nowrap;
  background: rgb(24, 222, 119);
  color: rgb(11, 11, 11);
  border-radius: 16px;
  padding: 0px 0.14em 0.06em;
  margin-top: 0.08em;
}
#sah#sah#sah .wd353 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  max-width: 50ch;
  padding: 0;
}
#sah#sah#sah .wd354 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
}
#sah#sah#sah .wd355 {
  color: rgb(250, 250, 248);
  font-weight: 700;
}
#sah#sah#sah .wd356 {
  color: rgba(255, 255, 255, 0.78);
}
#sah#sah#sah .wd357 {
  font-weight: 800;
  font-size: clamp(24px, 2.2vw, 29px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #fafaf8;
  margin-top: 16px;
  text-wrap: balance;
}
#sah#sah#sah .wd358 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5c84e;
  text-align: center;
}
#sah#sah#sah .wd359 {
  margin-top: clamp(20px, 2.4vw, 28px);
}
#sah#sah#sah .wd360 {
  display: flex;
  align-items: center;
  flex: none;
  animation: sah-mlTick 40s linear infinite;
}
#sah#sah#sah .wd361 {
  height: 44px;
}
#sah#sah#sah .wd362 {
  width: 84px;
  height: 40px;
  object-fit: contain;
}
#sah#sah#sah .wd363 {
  width: 140px;
  height: 40px;
  object-fit: contain;
}
#sah#sah#sah .wd364 {
  width: 100px;
  height: 40px;
  object-fit: contain;
}
#sah#sah#sah .wd365 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 22%;
  background: #101013;
  box-sizing: border-box;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd366 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #101013;
  transition: transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd367 {
  font-weight: 800;
  font-size: clamp(56px, 6vw, 88px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #18de77;
}
#sah#sah#sah .wd368 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.56);
}
#sah#sah#sah .wd369 {
  all: unset;
  cursor: pointer;
  color: #fafaf8;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #18de77;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
#sah#sah#sah .wd370 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: end;
}
#sah#sah#sah .wd371 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(245, 200, 78, 0.1) 0%, rgba(245, 200, 78, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 200, 78, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd372 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd373 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fafaf8;
}
#sah#sah#sah .wd374 {
  font-size: 16px;
  line-height: 1.65;
  text-wrap: pretty;
}
#sah#sah#sah .wd375 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(24, 222, 119, 0.1) 0%, rgba(24, 222, 119, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(24, 222, 119, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd376 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #18de77;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd377 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(245, 166, 35, 0.1) 0%, rgba(245, 166, 35, 0.02) 42%, #151517 78%);
  border: 1px solid rgba(245, 166, 35, 0.22);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd378 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f5a623;
  color: #0b0b0b;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
}
#sah#sah#sah .wd379 {
  max-width: 1280px;
  margin: calc(clamp(40px, 5vw, 56px) - clamp(64px, 8vw, 96px)) auto 0;
  padding: 0 32px clamp(64px, 8vw, 96px);
}
#sah#sah#sah .wd380 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow-x: clip;
}
#sah#sah#sah .wd381 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(40px, 5vw, 72px);
  align-items: start;
}
#sah#sah#sah .wd382 {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 12px;
}
#sah#sah#sah .wd383 {
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #fafaf8;
  text-wrap: balance;
}
#sah#sah#sah .wd384 {
  background: #151517;
  border: 1px solid rgba(24, 222, 119, 0.22);
  box-shadow: 0 0 60px -30px rgba(24, 222, 119, 0.55);
  border-radius: 16px;
  padding: 32px clamp(24px, 3vw, 36px);
}
#sah#sah#sah .wd385 {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#sah#sah#sah .wd386 {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd387 {
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fafaf8;
}
#sah#sah#sah .wd388 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 16.5px;
  font-weight: 700;
  color: #18de77;
}
#sah#sah#sah .wd389 {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
}
#sah#sah#sah .wd390 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 32px clamp(24px, 3vw, 36px);
}
#sah#sah#sah .wd391 {
  position: absolute;
  inset: -12% 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.26), transparent 70%);
  filter: blur(32px);
  pointer-events: none;
  animation: sah-mlAura 7s ease-in-out infinite;
}
#sah#sah#sah .wd392 {
  position: relative;
  border: 1px solid rgba(24, 222, 119, 0.2);
  border-radius: 16px;
  background: #121215;
  overflow: hidden;
  box-shadow:
    0 0 60px -28px rgba(24, 222, 119, 0.5),
    0 30px 60px -40px rgba(0, 0, 0, 0.9);
}
#sah#sah#sah .wd393 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background: linear-gradient(90deg, transparent, rgba(24, 222, 119, 0.08), transparent);
  pointer-events: none;
  z-index: 1;
  animation: sah-mlSweep 7s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
#sah#sah#sah .wd394 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#sah#sah#sah .wd395 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #fafaf8;
}
#sah#sah#sah .wd396 {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #18de77;
  flex: none;
  animation: sah-mlPulse 1.8s ease-in-out infinite;
}
#sah#sah#sah .wd397 {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
}
#sah#sah#sah .wd398 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#sah#sah#sah .wd399 {
  position: relative;
  z-index: 2;
  padding: 20px 22px 4px;
}
#sah#sah#sah .wd400 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}
#sah#sah#sah .wd401 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #17171a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 14px 16px;
}
#sah#sah#sah .wd402 {
  flex: none;
}
#sah#sah#sah .wd403 {
  font-size: 15px;
  line-height: 1.4;
  color: #fafaf8;
  font-weight: 500;
}
#sah#sah#sah .wd404 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 22px 18px;
}
#sah#sah#sah .wd405 {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 15px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: sah-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
#sah#sah#sah .wd406 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
}
#sah#sah#sah .wd407 {
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-width: 0;
  flex: 1 1 auto;
}
#sah#sah#sah .wd408 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.56);
  flex: none;
}
#sah#sah#sah .wd409 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
#sah#sah#sah .wd410 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #18de77;
  flex: none;
}
#sah#sah#sah .wd411 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #18de77;
  animation: sah-mlPulse 1.8s ease-in-out 0s infinite;
}
#sah#sah#sah .wd412 {
  display: block;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
#sah#sah#sah .wd413 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px #18de77;
  animation: sah-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
#sah#sah#sah .wd414 {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 15px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: sah-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s infinite;
}
#sah#sah#sah .wd415 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #18de77;
  animation: sah-mlPulse 1.8s ease-in-out 0.55s infinite;
}
#sah#sah#sah .wd416 {
  display: block;
  height: 100%;
  width: 86%;
  border-radius: 999px;
  background: #18de77;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px #18de77;
  animation: sah-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s infinite;
}
#sah#sah#sah .wd417 {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 15px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: sah-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 1.1s infinite;
}
#sah#sah#sah .wd418 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #f5c84e;
  flex: none;
}
#sah#sah#sah .wd419 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c84e;
  animation: sah-mlPulse 1.8s ease-in-out 1.1s infinite;
}
#sah#sah#sah .wd420 {
  display: block;
  height: 100%;
  width: 74%;
  border-radius: 999px;
  background: #f5c84e;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px #f5c84e;
  animation: sah-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 1.1s infinite;
}
#sah#sah#sah .wd421 {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 15px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: sah-mlStageGlow 8s cubic-bezier(0.16, 1, 0.3, 1) 1.65s infinite;
}
#sah#sah#sah .wd422 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c84e;
  animation: sah-mlPulse 1.8s ease-in-out 1.65s infinite;
}
#sah#sah#sah .wd423 {
  display: block;
  height: 100%;
  width: 62%;
  border-radius: 999px;
  background: #f5c84e;
  transform-origin: left;
  transform: scaleX(0);
  box-shadow: 0 0 16px -2px #f5c84e;
  animation: sah-mlFunnelFill 8s cubic-bezier(0.16, 1, 0.3, 1) 1.65s infinite;
}
#sah#sah#sah .wd424 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 22px;
}
#sah#sah#sah .wd425 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}
#sah#sah#sah .wd426 {
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84e;
}
#sah#sah#sah .wd427 {
  margin-top: clamp(40px, 5vw, 56px);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
#sah#sah#sah .wd428 {
  display: grid;
  grid-template-columns: clamp(72px, 8vw, 120px) minmax(0, 1fr) minmax(0, 1.3fr);
  gap: clamp(16px, 3vw, 48px);
  align-items: baseline;
  padding: clamp(22px, 2.6vw, 34px) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#sah#sah#sah .wd429 {
  font-weight: 900;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 0.9;
  letter-spacing: -0.05em;
  color: #18de77;
}
#sah#sah#sah .wd430 {
  font-weight: 700;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #fafaf8;
}
#sah#sah#sah .wd431 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px 28px 34px;
  display: flex;
  flex-direction: column;
}
#sah#sah#sah .wd432 {
  margin-top: 12px;
  font-size: 16.5px;
  line-height: 1.65;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd433 {
  margin-top: 20px;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#sah#sah#sah .wd434 {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 96px) 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
}
#sah#sah#sah .wd435 {
  position: relative;
  width: 100%;
  max-width: 520px;
  aspect-ratio: 1;
  margin: 0 auto;
}
#sah#sah#sah .wd436 {
  position: absolute;
  inset: 4%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(24, 222, 119, 0.16), transparent 72%);
  filter: blur(30px);
  pointer-events: none;
  animation: sah-mlAura 7s ease-in-out infinite;
}
#sah#sah#sah .wd437 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
#sah#sah#sah .wd438 {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  border: 1px dashed rgba(24, 222, 119, 0.28);
}
#sah#sah#sah .wd439 {
  position: absolute;
  inset: 26%;
  border-radius: 50%;
  border: 1px dashed rgba(245, 200, 78, 0.3);
}
#sah#sah#sah .wd440 {
  position: absolute;
  inset: 8%;
  animation: sah-mlOrbit 46s linear infinite;
}
#sah#sah#sah .wd441 {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  box-shadow: 0 0 14px 3px rgba(24, 222, 119, 0.8);
}
#sah#sah#sah .wd442 {
  position: absolute;
  left: 93.3%;
  top: 75%;
  transform: translate(-50%, -50%);
}
#sah#sah#sah .wd443 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  width: clamp(68px, 7.2vw, 92px);
  height: clamp(68px, 7.2vw, 92px);
  border-radius: 999px;
  background: #151517;
  border: 1px solid rgba(24, 222, 119, 0.5);
  box-shadow:
    0 0 30px -8px rgba(24, 222, 119, 0.7),
    inset 0 0 18px -10px rgba(24, 222, 119, 0.9);
  text-align: center;
  padding: 4px;
  font-size: clamp(10.5px, 1vw, 12.5px);
  line-height: 1.15;
  font-weight: 700;
  color: #fafaf8;
  animation: sah-mlOrbitR 46s linear infinite;
}
#sah#sah#sah .wd444 {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(24, 222, 119);
  box-shadow: 0 0 8px rgb(24, 222, 119);
}
#sah#sah#sah .wd445 {
  position: absolute;
  left: 6.7%;
  top: 75%;
  transform: translate(-50%, -50%);
}
#sah#sah#sah .wd446 {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
}
#sah#sah#sah .wd447 {
  position: absolute;
  inset: 26%;
  animation: sah-mlOrbit 34s linear infinite reverse;
}
#sah#sah#sah .wd448 {
  position: absolute;
  left: 75%;
  top: 6.7%;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 999px;
  background: rgb(245, 200, 78);
  box-shadow: 0 0 14px 3px rgba(245, 200, 78, 0.8);
}
#sah#sah#sah .wd449 {
  position: absolute;
  left: 6.7%;
  top: 25%;
  transform: translate(-50%, -50%);
}
#sah#sah#sah .wd450 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  width: clamp(70px, 6.8vw, 88px);
  height: clamp(70px, 6.8vw, 88px);
  border-radius: 999px;
  background: #151517;
  border: 1px solid rgba(245, 200, 78, 0.5);
  box-shadow:
    0 0 30px -8px rgba(245, 200, 78, 0.7),
    inset 0 0 18px -10px rgba(245, 200, 78, 0.9);
  text-align: center;
  padding: 4px;
  font-size: clamp(10.5px, 1vw, 12.5px);
  line-height: 1.15;
  font-weight: 700;
  color: #fafaf8;
  animation: sah-mlOrbitR 34s linear infinite reverse;
}
#sah#sah#sah .wd451 {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(245, 200, 78);
  box-shadow: 0 0 8px rgb(245, 200, 78);
}
#sah#sah#sah .wd452 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
}
#sah#sah#sah .wd453 {
  position: absolute;
  left: -44px;
  top: -44px;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  border: 1px solid rgba(24, 222, 119, 0.55);
  animation: sah-mlRipple 3.6s ease-out infinite;
}
#sah#sah#sah .wd454 {
  position: absolute;
  left: -44px;
  top: -44px;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  border: 1px solid rgba(24, 222, 119, 0.55);
  animation: sah-mlRipple 3.6s ease-out 1.8s infinite;
}
#sah#sah#sah .wd455 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 35%, #1e1e22, #121214);
  border: 1px solid rgba(24, 222, 119, 0.55);
  color: #fafaf8;
  text-align: center;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  box-shadow:
    0 0 44px -6px rgba(24, 222, 119, 0.55),
    inset 0 0 22px -12px rgba(24, 222, 119, 0.9);
  padding: 8px;
}
#sah#sah#sah .wd456 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}
#sah#sah#sah .wd457 {
  max-width: 52ch;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  text-wrap: pretty;
}
#sah#sah#sah .wd458 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
#sah#sah#sah .wd459 {
  background: #151517;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 30px 28px 34px;
}
#sah#sah#sah .wd460 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  background: #f5c84e;
  color: #0b0b0b;
  border: 0;
  padding: 15px 26px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
#sah#sah#sah .wd461 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5c84e;
  color: #0b0b0b;
  padding: 16px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
#sah#sah#sah .wd462 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 24px;
}

/* --- Page additions --- */
#sah#sah#sah .sah-modal {
  z-index: 100000; /* above a sticky site header */
}
#sah .sah-err {
  color: #ff6b6b !important;
}
#sah .sah-thanks {
  padding-bottom: clamp(28px, 3.4vw, 44px);
}

/* --- Contact Form 7 in the enquiry pop-up (classes: ml-modal-fields, ml-field, ml-field--select,
 * ml-field--tel, ml-modal__consent, ml-modal__submit; the field styles above come from the design) --- */
#sah .wpcf7,
#sah .wpcf7 form {
  margin: 0;
}
#sah .wpcf7 .screen-reader-response,
#sah .wpcf7 .hidden-fields-container {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  margin: 0;
  padding: 0;
}
#sah .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  min-width: 0;
}
#sah#sah#sah input.ml-field,
#sah#sah#sah select.ml-field {
  display: block;
  height: auto;
  margin: 0;
  line-height: normal;
  box-shadow: none;
}
#sah#sah#sah select.ml-field {
  -webkit-appearance: none;
}
#sah#sah#sah div.ml-field--tel .wpcf7-form-control-wrap {
  flex: 1;
}
#sah#sah#sah div.ml-field--tel input {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  line-height: normal;
  box-shadow: none;
}
#sah .ml-field::placeholder,
#sah .ml-field--tel input::placeholder {
  color: #757575;
  opacity: 1;
}
#sah#sah#sah .ml-modal__submit {
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
}
#sah .wpcf7-spinner {
  display: none;
}
#sah .wpcf7 form.submitting .ml-modal__submit {
  opacity: 0.6;
  pointer-events: none;
}
#sah#sah#sah input.ml-field.wpcf7-not-valid,
#sah#sah#sah select.ml-field.wpcf7-not-valid,
#sah#sah#sah div.ml-field--tel:has(.wpcf7-not-valid) {
  border-color: #e5484d;
}
#sah .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #c8302f;
}
#sah div.ml-field--tel {
  position: relative;
}
#sah div.ml-field--tel .wpcf7-not-valid-tip {
  position: absolute;
  left: -16px;
  top: 100%;
}
#sah .wpcf7 form .wpcf7-response-output {
  display: block;
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 1px solid #e5484d;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.45;
  color: #0b0b0b;
}
#sah .wpcf7 form.init .wpcf7-response-output,
#sah .wpcf7 form.resetting .wpcf7-response-output,
#sah .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
#sah .wpcf7 form.sent .wpcf7-response-output {
  border-color: #18de77;
  background: rgba(24, 222, 119, 0.1);
}

/* --- Editor tools (admins only) --- */
#sah .sah-admin {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 360px;
  font:
    500 13px/1.45 Inter,
    system-ui,
    sans-serif;
}
#sah .sah-admin a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f5c84e;
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: none;
}
#sah .sah-admin p {
  background: #2a1515;
  border: 1px solid #ff6b6b;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}

/* --- Header / footer switches (ACF → Page Settings → Show site header / footer) --- */
body.sah-no-header #masthead,
body.sah-no-header header.site-header,
body.sah-no-header #ast-desktop-header,
body.sah-no-header #ast-mobile-header,
body.sah-no-header .ast-above-header-wrap {
  display: none !important;
}
body.sah-no-footer #colophon,
body.sah-no-footer footer.site-footer,
body.sah-no-footer .site-primary-footer-wrap,
body.sah-no-footer .site-below-footer-wrap,
body.sah-no-footer .ast-small-footer {
  display: none !important;
}