.campaign-missing {
  --bg: #0d0f1e;
  --fg: #f7f1e7;
  --muted: #aaa9b5;
  --accent: #c8ff38;
  --hot: #ff5b35;
  --electric: #6256ff;
  background:
    radial-gradient(circle at 12% 0%, rgba(98, 86, 255, .17), transparent 28rem),
    var(--bg);
}

.campaign-missing .campaign-logo span { color: var(--accent); }
.campaign-missing .missing-hero { grid-template-columns: 1.02fr .98fr; }

.domain-stage {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto 1fr;
  gap: 1rem;
  min-height: 650px;
  padding: clamp(2rem, 5vw, 5rem);
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(150deg, #171a35, #0c0e1b 64%);
  background-size: 34px 34px, 34px 34px, auto;
  border-left: 1px solid var(--line);
}

.domain-stage::before,
.domain-stage::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 24rem;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .24;
}

.domain-stage::before { top: -9rem; right: -8rem; background: var(--electric); }
.domain-stage::after { bottom: -12rem; left: -8rem; background: var(--hot); }

.domain-address {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .75rem;
  min-height: 46px;
  padding: 0 1rem;
  border: 1px solid rgba(255,255,255,.34);
  background: rgba(4,5,12,.66);
  backdrop-filter: blur(12px);
  font: 700 clamp(.75rem, 1.3vw, 1rem)/1 var(--display);
  letter-spacing: .04em;
}

.domain-address i {
  width: .7rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 .35rem rgba(200,255,56,.12);
}

.domain-address b { color: var(--accent); }

.domain-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: clamp(1.4rem, 3.3vw, 2.8rem);
  border: 1px solid rgba(255,255,255,.22);
}

.domain-state p,
.domain-state span {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .62rem;
}

.domain-state strong {
  margin: 1rem 0;
  font: 700 clamp(2.3rem, 5vw, 5.3rem)/.82 var(--display);
  letter-spacing: -.07em;
}

.domain-state-before {
  color: rgba(247,241,231,.58);
  background: rgba(255,255,255,.025);
}

.domain-state-before strong { text-decoration: line-through; text-decoration-thickness: .06em; }

.domain-state-after {
  color: #111;
  background: var(--accent);
  box-shadow: 1rem 1rem 0 var(--electric);
}

.domain-state-after p,
.domain-state-after span { color: #202216; }

.domain-switch {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  color: var(--hot);
  font: 700 .65rem/1 var(--display);
  letter-spacing: .13em;
}

.domain-switch i {
  position: relative;
  height: 1px;
  overflow: visible;
  background: rgba(255,255,255,.3);
}

.domain-switch i::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hot);
  box-shadow: 0 0 1rem var(--hot);
  animation: domain-pulse 2.4s ease-in-out infinite;
}

@keyframes domain-pulse {
  0%, 100% { left: 0; }
  50% { left: calc(100% - 7px); }
}

.campaign-missing .campaign-proof { background: var(--accent); }
.campaign-missing .campaign-proof strong { font-size: clamp(1.9rem, 3.7vw, 3.8rem); }

.missing-build,
.missing-reel,
.missing-compare,
.missing-faq {
  padding: clamp(5rem, 10vw, 10rem) var(--pad);
}

.missing-build { background: #111329; }
.missing-build-head,
.missing-reel-head,
.missing-compare,
.missing-faq {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(2rem, 8vw, 8rem);
}

.missing-build-head h2,
.missing-reel-head h2,
.missing-compare h2,
.missing-faq h2 {
  margin: .8rem 0 2.5rem;
  font: 700 clamp(2.9rem, 6vw, 6.5rem)/.89 var(--display);
  letter-spacing: -.07em;
  text-wrap: balance;
}

.missing-build-head h2 em,
.missing-reel-head h2 em,
.missing-compare h2 em { color: var(--hot); font-style: normal; }

.missing-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  padding: 1px;
  margin: 1rem 0 0;
  list-style: none;
  background: rgba(255,255,255,.24);
}

.missing-steps li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  min-height: 320px;
  padding: clamp(1.5rem, 3vw, 2.8rem);
  background: #111329;
}

.missing-steps > li > span { color: var(--accent); font: 700 .68rem/1 var(--display); }
.missing-steps p { color: var(--muted); }
.missing-steps div > p:first-child { margin: 0; color: var(--hot); font-size: .62rem; letter-spacing: .12em; }
.missing-steps h3 { margin: 1rem 0; font: 700 clamp(1.9rem, 3.5vw, 3.8rem)/.9 var(--display); letter-spacing: -.055em; }

.missing-reel { color: #111; background: #eeeadf; }
.missing-reel-head { align-items: end; }
.missing-reel-head > p { max-width: 620px; color: #555; }
.missing-reel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3rem; }
.missing-reel-card { position: relative; min-height: 540px; overflow: hidden; background: #111; }
.missing-reel-card video { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.missing-reel-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.84), transparent 52%); pointer-events: none; }
.missing-reel-card span { position: absolute; z-index: 2; left: 1.25rem; right: 1.25rem; bottom: 1.25rem; display: flex; justify-content: space-between; gap: 1rem; color: #fff; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.missing-reel-card b { color: var(--accent); }
.missing-reel-card:hover video { transform: scale(1.045); }
.missing-demo-note { margin: 1rem 0 0; color: #65635d; text-align: right; font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }

.missing-compare { align-items: start; background: var(--electric); }
.missing-compare .campaign-eyebrow { color: var(--accent); }
.missing-compare-table { border-top: 1px solid rgba(255,255,255,.65); }
.missing-compare-table [role="row"] { display: grid; grid-template-columns: .8fr 1fr 1.25fr; gap: 1rem; padding: 1.15rem 0; border-bottom: 1px solid rgba(255,255,255,.38); }
.missing-compare-table [role="row"]:first-child { color: var(--accent); font-size: .61rem; letter-spacing: .12em; }
.missing-compare-table strong { font-family: var(--display); }
.missing-compare-table [role="row"] span:nth-child(2) { color: rgba(255,255,255,.62); }

.campaign-missing .offer-band { background: var(--hot); }
.campaign-missing .offer-band h2 { font: 700 clamp(2.8rem, 5vw, 5.8rem)/.9 var(--display); letter-spacing: -.065em; }

.missing-email {
  display: inline-flex;
  margin: 1rem 0 0 1rem;
  padding-bottom: .2rem;
  border-bottom: 1px solid currentColor;
  color: #111;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.missing-faq { color: #111; background: var(--accent); }
.missing-faq h2 { max-width: 9ch; }
.missing-faq-list { border-top: 1px solid #111; }
.missing-faq details { padding: 1.25rem 0; border-bottom: 1px solid #111; }
.missing-faq summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; font: 700 clamp(1.15rem, 2vw, 1.75rem)/1.15 var(--display); letter-spacing: -.035em; }
.missing-faq summary::-webkit-details-marker { display: none; }
.missing-faq summary span { color: var(--electric); }
.missing-faq details p { max-width: 720px; margin: 1rem 0 0; color: #343626; }

.missing-final { min-height: 78svh; }
.missing-final .missing-email { color: #fff; }

.campaign-missing a:focus-visible,
.campaign-missing summary:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}

@media (max-width: 900px) {
  .campaign-missing .missing-hero,
  .missing-build-head,
  .missing-reel-head,
  .missing-compare,
  .missing-faq { grid-template-columns: 1fr; }
  .domain-stage { min-height: 620px; border-top: 1px solid var(--line); border-left: 0; }
  .missing-steps,
  .missing-reel-grid { grid-template-columns: 1fr; }
  .missing-steps li { min-height: 230px; }
  .missing-reel-card { min-height: 68svh; }
  .missing-email { margin-left: 0; }
}

@media (max-width: 560px) {
  .domain-stage { min-height: auto; padding: 1.25rem; }
  .domain-state { min-height: 160px; }
  .domain-state-after { box-shadow: .55rem .55rem 0 var(--electric); }
  .missing-compare-table [role="row"] { grid-template-columns: .75fr 1fr 1.2fr; gap: .55rem; font-size: .74rem; }
  .missing-reel-card { min-height: 58svh; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-switch i::after { animation: none; left: 50%; }
  .missing-reel-card video { display: block; }
  .missing-reel-card video { transition: none; }
  .missing-reel-card:hover video { transform: none; }
}
