/* Page-only dependencies extracted from CyberLeads and Agentic styles. */
:root {
  --bg: #050506;
  --panel: #101014;
  --panel-2: #17181d;
  --ink: #f7f8ef;
  --muted: #a5a9b5;
  --line: #2a2e36;
  --acid: #a8ff60;
  --cyan: #6de7ff;
  --amber: #f6c85f;
  --pink: #ff6b9a;
  --nav-bg: rgba(5, 5, 6, 0.82);
  --panel-bg: linear-gradient(180deg, rgba(23, 24, 29, 0.94), rgba(10, 10, 13, 0.96));
  --surface: #0d0e12;
  --input-bg: #050506;
  --field-line: #38404b;
  --terminal-bg: #070708;
  --terminal-line: #242932;
  --terminal-ink: #cbd3df;
  --label: #dfe3ea;
  --button-ink: #081006;
  --lead-chip-border: rgba(109, 231, 255, 0.18);
  --grid-acid: rgba(168, 255, 96, 0.06);
  --grid-cyan: rgba(109, 231, 255, 0.04);
  --shadow: rgba(0, 0, 0, 0.38);
  --active-glow: rgba(168, 255, 96, 0.12);
  --rain-cyan: #6de7ff;
  --rain-acid: #a8ff60;
}

html[data-theme="light"] {
  --bg: #f4f6ee;
  --panel: #ffffff;
  --panel-2: #edf2e8;
  --ink: #11140f;
  --muted: #5e665d;
  --line: #d7decf;
  --acid: #4f8f16;
  --cyan: #007e9c;
  --amber: #a66b00;
  --pink: #bd3e68;
  --nav-bg: rgba(246, 248, 241, 0.88);
  --panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(236, 242, 232, 0.96));
  --surface: #ffffff;
  --input-bg: #f8faf3;
  --field-line: #cbd5c2;
  --terminal-bg: #eef4e8;
  --terminal-line: #cbd8c1;
  --terminal-ink: #263126;
  --label: #232b20;
  --button-ink: #f8fff1;
  --lead-chip-border: rgba(0, 126, 156, 0.24);
  --grid-acid: rgba(79, 143, 22, 0.09);
  --grid-cyan: rgba(0, 126, 156, 0.07);
  --shadow: rgba(42, 54, 36, 0.14);
  --active-glow: rgba(79, 143, 22, 0.16);
  --rain-cyan: #007e9c;
  --rain-acid: #4f8f16;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  transition: background 180ms ease, color 180ms ease;
}

a {
  color: inherit;
}

.cyberleads-nav {
  align-items: center;
  backdrop-filter: blur(18px);
  background: var(--nav-bg);
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 32px;
  position: sticky;
  top: 0;
  z-index: 20;
}

.cyberleads-brand {
  color: var(--ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
  text-decoration: none;
}

.cyberleads-nav__links {
  align-items: center;
  display: flex;
  gap: 22px;
}

.cyberleads-nav__links a {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.cyberleads-nav__links a:hover,
.cyberleads-nav__links a:focus {
  color: var(--ink);
}

.cyberleads-hero {
  overflow: hidden;
  padding: 64px 32px 58px;
  position: relative;
}

.cyberleads-hero::before {
  background:
    linear-gradient(var(--grid-acid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-cyan) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
  pointer-events: none;
  position: absolute;
}

.hero-grid,
.section,
.cyberleads-footer {
  margin: 0 auto;
  max-width: 1180px;
  position: relative;
}

.hero-grid {
  align-items: center;
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 0.98fr) minmax(420px, 1.02fr);
  z-index: 1;
}

.prompt-panel,
.lead-lab,
.testimonial-grid article,
.pricing-grid article {
  background: var(--panel-bg);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 24px 80px var(--shadow);
}

.prompt-panel {
  padding: 34px;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  font-size: clamp(46px, 6vw, 76px);
  line-height: 0.95;
  margin-bottom: 22px;
}

[id^="testimonial-"] { scroll-margin-top: 190px; }

.hero-channels {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 4vw, 44px);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  list-style: none;
  margin: 0 auto 30px;
  max-width: 680px;
  padding: 16px 0 10px;
}

.hero-channels li {
  display: grid;
  justify-items: center;
  gap: 12px;
  min-width: 0;
}

.hero-channels li:nth-child(even) { padding-top: 18px; }

.hero-channel-emoji {
  display: block;
  font-size: 42px;
  line-height: 1;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.25));
  animation: hero-channel-float 6s ease-in-out infinite;
}

.hero-channels li:nth-child(2) .hero-channel-emoji { animation-delay: -2.4s; animation-duration: 7s; }
.hero-channels li:nth-child(3) .hero-channel-emoji { animation-delay: -1.2s; }
.hero-channels li:nth-child(4) .hero-channel-emoji { animation-delay: -4s; animation-duration: 8s; }
.hero-channels li:nth-child(5) .hero-channel-emoji { animation-delay: -3s; animation-duration: 7s; }

@keyframes hero-channel-float {
  0%, 100% { transform: translateY(3px) rotate(-6deg); }
  50% { transform: translateY(-9px) rotate(6deg); }
}

@media (max-width: 480px) {
  .hero-channels { gap: 14px; flex-wrap: wrap; font-size: 11px; padding-top: 10px; }
  .hero-channels li { flex: 0 0 27%; gap: 8px; }
  .hero-channels li:nth-child(even) { padding-top: 0; }
  .hero-channel-emoji { font-size: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-channel-emoji { animation: none; }
}

.hero-copy {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
  max-width: 660px;
}

.website-form label {
  color: var(--label);
  display: block;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 10px;
}

.input-row {
  background: var(--input-bg);
  border: 1px solid var(--field-line);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
}

.input-row input {
  background: transparent;
  border: 0;
  color: var(--ink);
  font: 700 16px "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  min-width: 0;
  outline: 0;
  padding: 18px 16px;
}

.input-row button,
.pricing-grid a {
  background: var(--acid);
  border: 0;
  color: var(--button-ink);
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
  padding: 0 22px;
  text-decoration: none;
}

.input-row button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.terminal-log {
  background: var(--terminal-bg);
  border: 1px solid var(--terminal-line);
  border-radius: 8px;
  color: var(--terminal-ink);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  line-height: 1.9;
  margin-top: 20px;
  min-height: 106px;
  padding: 16px;
}

.terminal-log span {
  color: var(--cyan);
  margin-right: 8px;
}

.lead-lab {
  min-height: 430px;
  overflow: hidden;
  padding: 14px;
}

.scan-window {
  display: grid;
  gap: 9px;
  overflow: hidden;
  padding-top: 14px;
  position: relative;
}

.scan-line {
  display: none;
}

.lead-card {
  align-items: center;
  animation: leadReveal 7.2s ease-in-out infinite;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--cyan) 14%, transparent), transparent 34%),
    var(--surface);
  border: 1px solid var(--field-line);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: 48px minmax(0, 1fr) 82px 88px;
  min-height: 74px;
  opacity: 0;
  padding: 12px 14px;
  position: relative;
  transform: translateY(12px);
  z-index: 1;
}

.lead-card:nth-of-type(2) {
  animation-delay: 0s;
}

.lead-card:nth-of-type(3) {
  animation-delay: 0.58s;
}

.lead-card:nth-of-type(4) {
  animation-delay: 1.16s;
}

.lead-card:nth-of-type(5) {
  animation-delay: 1.74s;
}

.lead-card:nth-of-type(6) {
  animation-delay: 2.32s;
}

.lead-card--active {
  border-color: color-mix(in srgb, var(--acid) 72%, transparent);
  box-shadow: 0 0 34px var(--active-glow);
}

.lead-card h2 {
  font-size: 16px;
  line-height: 1.15;
  margin-bottom: 3px;
}

.lead-card p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  margin: 0;
}

.lead-card strong,
.lead-card em {
  border: 1px solid var(--lead-chip-border);
  border-radius: 6px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  min-width: 0;
  padding: 8px 9px;
  text-align: center;
}

.lead-card em {
  color: var(--amber);
  font-style: normal;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.lead-more {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--field-line);
  border-radius: 8px;
  color: var(--ink);
  display: flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  margin-top: 12px;
  min-height: 48px;
  text-decoration: none;
}

.lead-more:hover,
.lead-more:focus {
  border-color: var(--acid);
  box-shadow: 0 0 22px var(--active-glow);
  color: var(--acid);
  outline: 0;
}

.full-service-hero .lead-lab {
  min-height: 0;
  padding: 14px;
}

.full-service-hero .input-row {
  border-color: color-mix(in srgb, var(--acid) 55%, var(--field-line));
}

.full-service-hero .input-row:focus-within {
  border-color: var(--acid);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--acid) 20%, transparent);
}

.full-service-hero .input-row input {
  font-size: 17px;
  min-height: 68px;
  padding: 20px 18px;
}

.full-service-hero .input-row button {
  min-width: 132px;
}

.full-service-hero .terminal-log[hidden] {
  display: none;
}

.full-service-hero .scan-window {
  display: block;
  overflow: visible;
  padding: 0;
}

.full-service-hero .lead-card {
  animation: none;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 77px;
  opacity: 1;
  padding: 12px 10px;
  transform: none;
}

.full-service-hero .lead-card[hidden] {
  display: none;
}

.full-service-hero .lead-lab--preview .lead-card {
  opacity: 0.68;
}

.full-service-hero .lead-lab--preview .lead-card[data-preview-hidden] {
  display: none;
}

.full-service-hero .lead-lab--preview .lead-card--active {
  background: transparent;
  box-shadow: none;
}

.full-service-hero .lead-lab--preview .lead-more {
  display: none;
}

.full-service-hero .lead-card--active {
  background: color-mix(in srgb, var(--acid) 5%, transparent);
  box-shadow: inset 2px 0 var(--acid);
}

.full-service-hero .lead-card h2 {
  font-size: 14px;
  line-height: 1.25;
}

.full-service-hero .lead-card p {
  line-height: 1.4;
}

.full-service-hero .lead-card strong {
  display: none;
}

.full-service-hero .lead-card strong,
.full-service-hero .lead-card em {
  background: var(--surface);
  font-size: 11px;
  overflow-wrap: anywhere;
  padding: 7px 5px;
}

.full-service-hero .lead-card__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.section {
  padding: 96px 32px;
}

.section-heading {
  margin-bottom: 32px;
  max-width: 760px;
}

.pricing-section .section-heading {
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
  text-align: center;
}

.pricing-section .section-heading p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
  margin: 0 auto;
  max-width: 520px;
}

.section h2 {
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.02;
  margin-bottom: 16px;
}

.testimonial-grid,
.pricing-grid {
  display: grid;
  gap: 20px;
}

.testimonial-grid article,
.pricing-grid article {
  padding: 26px;
}

.pricing-grid h3 {
  font-size: 22px;
  margin: 18px 0 10px;
}

.proof-copy p,
.testimonial-grid p,
.pricing-grid li {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}

.proof-section {
  display: block;
}

.proof-copy p:last-child {
  max-width: 760px;
}

.testimonial-grid {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 34px;
}

.video-testimonial {
  overflow: hidden;
}

.testimonial-grid[hidden] { display: none; }
.proof-section:has(.testimonial-stories) .proof-copy { text-align: center; }
.proof-section:has(.testimonial-stories) .proof-copy p { margin-left: auto; margin-right: auto; }
.testimonial-stories { margin-top: 80px; }
.story-testimonial { padding: 60px 0 80px; text-align: center; }
.story-testimonial__portrait { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; }
.story-testimonial h3 { margin: 10px auto 4px; font-size: clamp(26px, 4.2vw, 42px); line-height: 1.12; max-width: 900px; }
.story-testimonial .testimonial-meta { margin: 0; font-size: 15px; }
.story-testimonial .testimonial-meta a { color: var(--muted); font-weight: 400; text-decoration: underline; text-decoration-color: currentColor; }
.story-testimonial .industry-badge { margin: 8px 0 12px; }
.story-testimonial .video-wrap { width: min(520px, 100%); margin: 0 auto; }
.story-testimonial .testimonial-placeholder__frame { width: min(520px, 100%); margin: 0 auto; }
.featured-proof { width: 100%; text-align: center; }
.featured-proof__attribution { color: #777; font-size: 13px; line-height: 1.6; letter-spacing: 0.04em; margin: 0 auto; padding-top: 28px; }
.featured-proof__attribution strong { color: inherit; font-weight: 600; }
.featured-proof .proof-copy h2 { font-size: clamp(28px, 4vw, 42px); margin: 0 0 12px; }
.featured-testimonials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; max-width: 880px; margin: 0 auto; }
.featured-testimonials .story-testimonial { padding: 0; display: flex; flex-direction: column; align-items: center; min-width: 0; }
.featured-testimonials .story-testimonial h3 { font-size: clamp(22px, 2.2vw, 29px); max-width: 300px; }
.featured-testimonials .testimonial-meta { font-size: 13px; line-height: 1.5; }
.featured-testimonials .industry-badge { font-size: 11px; }
.featured-testimonials .video-wrap { margin-top: auto; width: 100%; }
@media (max-width: 700px) {
  .testimonial-stories { margin-top: 40px; }
  .story-testimonial { padding: 40px 0 56px; }
  .story-testimonial .testimonial-meta { font-size: 14px; }
  .featured-testimonials { grid-template-columns: minmax(0, 1fr); gap: 36px; margin-top: 0; }
  .featured-testimonials .story-testimonial { padding: 0; }
  .featured-testimonials .video-wrap { max-width: 520px; }
}

.testimonial-placeholder {
  border-color: color-mix(in srgb, var(--acid) 48%, var(--line));
  position: relative;
}

.testimonial-placeholder::after {
  background: linear-gradient(90deg, var(--acid), var(--cyan), var(--pink));
  content: "";
  height: 3px;
  inset: auto 18px 0;
  opacity: 0.72;
  position: absolute;
}

.video-wrap {
  aspect-ratio: 16 / 9;
  background: #050506;
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-bottom: 18px;
  overflow: hidden;
}

.video-wrap iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.testimonial-placeholder__frame {
  align-items: center;
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--acid) 22%, transparent), transparent 32%),
    linear-gradient(var(--grid-acid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-cyan) 1px, transparent 1px),
    var(--surface);
  background-size: 24px 24px;
  border: 1px dashed color-mix(in srgb, var(--acid) 44%, var(--field-line));
  border-radius: 6px;
  color: var(--acid);
  display: flex;
  flex-direction: column;
  font: 900 15px "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  gap: 12px;
  justify-content: center;
  margin-bottom: 18px;
  padding: 18px;
  text-align: center;
}

.testimonial-placeholder__frame span {
  align-items: center;
  background: var(--acid);
  border-radius: 999px;
  box-shadow: 0 0 28px color-mix(in srgb, var(--acid) 44%, transparent);
  color: var(--button-ink);
  display: inline-flex;
  font-size: 15px;
  height: 46px;
  justify-content: center;
  padding-left: 3px;
  width: 46px;
}

.testimonial-placeholder__frame strong {
  color: var(--ink);
  max-width: 220px;
}

.video-testimonial h3 {
  color: var(--ink);
  font-size: 21px;
  line-height: 1.18;
  margin: 0 0 10px;
}

.testimonial-meta {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.testimonial-meta a {
  color: var(--ink);
  font-weight: 800;
  text-decoration-color: color-mix(in srgb, var(--acid) 55%, transparent);
}

.industry-badge {
  border: 1px solid var(--lead-chip-border);
  border-radius: 999px;
  color: var(--amber);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  padding: 7px 10px;
}

.pricing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
}

.pricing-section {
  --ink: #f5f5f5;
  --muted: #aaa;
  --line: #333;
  --acid: #ddd;
  --cyan: #ddd;
  --amber: #ddd;
  --panel-2: #050506;
  --button-ink: #111;
}

.pricing-grid article {
  background: linear-gradient(145deg, #1a202a, #151518 65%);
  border-color: #414d61;
  display: grid;
  gap: 24px;
  padding: 30px;
}

.full-service-page .pricing-grid article {
  display: flex;
  flex-direction: column;
}

.full-service-page .pricing-grid ul {
  flex-grow: 1;
}

.full-service-page .pricing-grid a {
  flex-shrink: 0;
}

.pricing-grid article.featured-price {
  background: linear-gradient(145deg, #252033, #1b1b1f 65%);
  border-color: #62546f;
}

.pricing-card-top {
  align-items: start;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.pricing-card-top h3 {
  font-size: 28px;
  margin: 0 0 8px;
}

.pricing-card-top p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
  max-width: 420px;
}

.pricing-card-top span {
  border: 1px solid color-mix(in srgb, var(--acid) 52%, var(--line));
  border-radius: 999px;
  color: var(--acid);
  flex: 0 0 auto;
  font: 900 12px "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  padding: 7px 10px;
}

.pricing-price-row {
  align-items: end;
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 22px 0;
}

.price {
  color: var(--ink);
  font-size: 64px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.price span {
  color: var(--muted);
  font-size: 18px;
}

.pricing-price-row small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  max-width: 150px;
  text-align: right;
}

.pricing-grid ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.pricing-grid li {
  align-items: flex-start;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  display: flex;
  gap: 12px;
  padding: 13px 0;
}

.pricing-grid li:first-child {
  border-top: 1px solid var(--line);
}

.pricing-grid li::before {
  align-items: center;
  background: color-mix(in srgb, var(--acid) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--acid) 40%, var(--line));
  border-radius: 999px;
  color: var(--acid);
  content: "✓";
  display: inline-flex;
  flex: 0 0 22px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  height: 22px;
  justify-content: center;
  margin-top: 1px;
  width: 22px;
}

.pricing-grid a {
  align-items: center;
  background: var(--ink);
  border: 1px solid color-mix(in srgb, var(--acid) 30%, var(--ink));
  border-radius: 8px;
  color: var(--bg);
  display: inline-flex;
  font-size: 16px;
  font-weight: 900;
  justify-content: center;
  min-height: 56px;
  text-decoration: none;
}

.pricing-grid a:hover,
.pricing-grid a:focus {
  background: var(--acid);
  color: var(--button-ink);
  outline: 0;
}

.cyberleads-footer {
  align-items: center;
  border-top: 1px solid var(--line);
  color: var(--muted);
  display: flex;
  justify-content: space-between;
  padding: 28px 32px;
}

.cyberleads-footer p {
  margin: 0;
}

.cyberleads-footer nav {
  display: flex;
  gap: 18px;
}

.cyberleads-footer a {
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
}

@media  (max-width: 920px) {
.hero-grid,
  .proof-section,
  .pricing-grid {
    grid-template-columns: 1fr;
  }

.testimonial-grid {
    grid-template-columns: minmax(0, 1fr);
  }

.hero-grid {
    align-items: stretch;
  }

.lead-lab {
    min-height: auto;
  }

.lead-card {
    grid-template-columns: 44px minmax(0, 1fr) 78px 84px;
  }
}

@media  (max-width: 680px) {
.full-service-page .cyberleads-nav__links {
    flex-wrap: wrap;
  }

.cyberleads-nav {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
  }

.cyberleads-nav__links {
    gap: 14px;
  }

.cyberleads-hero,
  .section {
    padding-left: 18px;
    padding-right: 18px;
  }

.prompt-panel,
  .lead-lab,
  .testimonial-grid article,
  .pricing-grid article {
    padding: 20px;
  }

h1 {
    font-size: 44px;
  }

.input-row {
    grid-template-columns: 1fr;
  }

.input-row button {
    min-height: 52px;
  }

.pricing-card-top,
  .pricing-price-row {
    align-items: start;
    flex-direction: column;
  }

.pricing-price-row small {
    max-width: none;
    text-align: left;
  }

.testimonial-grid {
    grid-template-columns: 1fr;
  }

.lead-card {
    align-items: start;
    grid-template-columns: 42px minmax(0, 1fr);
  }

.lead-card strong,
  .lead-card em {
    grid-column: span 1;
  }

.full-service-hero .lead-card {
    grid-template-columns: minmax(0, 1fr);
  }

.full-service-hero .lead-card > div {
    grid-column: 1;
  }

.full-service-hero .lead-card__actions {
    justify-content: flex-start;
  }

.cyberleads-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}

@media  (prefers-reduced-motion: reduce) {
*,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
.agentic-page .cyberleads-nav {
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  min-height: 76px;
  padding-inline: max(32px, calc((100vw - 1180px) / 2));
}

.agentic-page .cyberleads-brand {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 23px;
  font-weight: 700;
}

.agentic-page .cyberleads-nav__links a {
  color: var(--ink);
  font-weight: 600;
}

.agentic-page .cyberleads-hero {
  padding: 58px 24px 24px;
}

.agentic-page .particle-drift {
  height: 100%;
  inset: 0;
  opacity: 0.58;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.agentic-page .cyberleads-hero::before {
  display: none;
}

.agentic-page .hero-grid {
  display: flex;
  flex-direction: column;
  gap: 42px;
  max-width: 1080px;
}

.agentic-page .prompt-panel {
  background: none;
  border: 0;
  box-shadow: none;
  max-width: 960px;
  padding: 0;
  text-align: center;
  width: 100%;
}

.agentic-page .prompt-panel h1 {
  font-size: 72px;
  line-height: 1.06;
  margin: 0 auto 22px;
  max-width: 960px;
}

.agentic-page .agentic-hero-accent {
  text-decoration: underline;
  text-decoration-color: var(--acid);
  text-decoration-thickness: 4px;
  text-underline-offset: 10px;
}

.agentic-page .agentic-pricing-accent {
  text-decoration: underline;
  text-decoration-color: #a8ff60;
  text-decoration-thickness: 4px;
  text-underline-offset: 10px;
}

.agentic-page .hero-copy {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 auto 26px;
  max-width: 680px;
}

.agentic-page .website-form {
  margin: 0 auto;
  max-width: 570px;
  text-align: left;
}

.agentic-page .website-form label {
  font-weight: 700;
}

.agentic-page .full-service-hero .input-row {
  background: var(--surface);
  border-color: var(--field-line);
}

.agentic-page .full-service-hero .input-row button {
  background: var(--ink);
  color: var(--bg);
}

.agentic-page .terminal-log {
  margin-inline: auto;
  max-width: 570px;
  min-height: 0;
  text-align: left;
}

.agentic-page .full-service-hero .lead-lab {
  background: none;
  border: 0;
  box-shadow: none;
  max-width: 1080px;
  padding: 0;
  width: 100%;
}

.agentic-page .full-service-hero .scan-window {
  border-block: 1px solid var(--line);
  display: block;
}

.agentic-page .full-service-hero .lead-card {
  align-items: center;
  border: 0;
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 76px;
  padding: 14px 16px;
}

.agentic-page .full-service-hero .lead-card:last-child {
  border-bottom: 0;
}

.agentic-page .full-service-hero .lead-card > div:first-child {
  align-items: baseline;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
}

.agentic-page .full-service-hero .lead-card h2 {
  margin: 0;
}

.agentic-page .full-service-hero .lead-card--active {
  box-shadow: none;
}

.agentic-page .full-service-hero .lead-card__actions {
  justify-content: flex-end;
}

.agentic-page .full-service-hero .lead-lab--preview .lead-card {
  opacity: 0.9;
}

.agentic-page .proof-section {
  padding-top: 22px;
}

@media  (max-width: 920px) {
.agentic-page .prompt-panel h1 {
    font-size: 60px;
  }

.agentic-page .full-service-hero .lead-card {
    padding: 14px 12px;
  }

.agentic-page .full-service-hero .lead-card > div:first-child {
    display: block;
  }
}

@media  (max-width: 680px) {
.agentic-page .cyberleads-nav {
    align-items: stretch;
    gap: 12px;
    min-height: 0;
    padding: 16px 20px 14px;
  }

.agentic-page .cyberleads-nav__links {
    flex-wrap: nowrap;
    gap: 12px;
  }

.agentic-page .cyberleads-nav__links a {
    font-size: 13px;
  }

.agentic-page .cyberleads-hero {
    padding: 38px 18px 24px;
  }

.agentic-page .hero-grid {
    gap: 28px;
  }

.agentic-page .prompt-panel h1 {
    font-size: 44px;
    line-height: 1.1;
    margin-bottom: 20px;
  }

.agentic-page .agentic-hero-accent {
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
  }

.agentic-page .hero-copy {
    font-size: 16px;
    margin-bottom: 22px;
  }

.agentic-page .full-service-hero .input-row input {
    min-height: 58px;
  }

.agentic-page .full-service-hero .scan-window {
    display: block;
    overflow: visible;
  }

.agentic-page .full-service-hero .lead-card {
    display: block;
    min-height: 0;
    padding: 14px 16px;
  }

.agentic-page .full-service-hero .lead-card__actions {
    justify-content: flex-start;
    margin-top: 10px;
  }

.agentic-page .full-service-hero .lead-lab--preview .lead-card__actions {
    margin-top: 8px;
  }
}

@media  (max-width: 360px) {
.agentic-page .cyberleads-hero {
    padding: 26px 14px 10px;
  }

.agentic-page .hero-grid {
    gap: 14px;
  }

.agentic-page .prompt-panel h1 {
    font-size: 36px;
    line-height: 1.07;
    margin-bottom: 14px;
  }

.agentic-page .hero-copy {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 14px;
  }

.agentic-page .website-form label {
    margin-bottom: 6px;
  }

.agentic-page .full-service-hero .input-row input {
    min-height: 50px;
    padding: 12px 16px;
  }

.agentic-page .input-row button {
    min-height: 44px;
  }

.agentic-page .full-service-hero .lead-card {
    padding: 10px 12px;
  }

.agentic-page .proof-section {
    padding-top: 12px;
  }
}
.agentic-page .full-service-hero .distribution-demo .lead-card { grid-template-columns: 140px minmax(0, 1fr); gap: 16px; opacity: 1; }
.agentic-page .full-service-hero .distribution-demo .lead-card[hidden] { display: none; }
.agentic-page .full-service-hero .distribution-demo .lead-card > div:first-child { display: grid; grid-template-columns: minmax(0, 1fr) 190px; grid-column: 2; grid-row: 1; }
.agentic-page .full-service-hero .distribution-demo .lead-card h2 { grid-column: 2; grid-row: 1; text-align: right; }
.agentic-page .full-service-hero .distribution-demo .lead-card p { grid-column: 1; grid-row: 1; color: #fff; }
.agentic-page .full-service-hero .distribution-demo .lead-card__actions { grid-column: 1; grid-row: 1; justify-content: flex-start; margin-top: 0; }
@media (max-width: 700px) {
  .agentic-page .full-service-hero .distribution-demo .lead-card { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: start; gap: 12px; }
  .agentic-page .full-service-hero .distribution-demo .lead-card > div:first-child { display: block; }
}

.distribution-site-header { position: sticky; top: 0; z-index: 30; }
.distribution-site-header .cyberleads-nav { position: static; }
.distribution-offer-banner { background: var(--panel-2); color: var(--muted); border-bottom: 1px solid var(--line); }
.distribution-offer-banner-content { display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 1180px; margin: 0 auto; padding: 14px 24px; color: inherit; font-size: 14px; line-height: 1.5; }
.distribution-offer-banner strong { flex-shrink: 0; font-size: 15px; color: var(--amber); }
@media (max-width: 700px) {
  .distribution-offer-banner-content { flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; font-size: 13px; }
}

.distribution-steps { max-width: 1130px; margin: 32px auto 0; padding: 0 24px; }
.distribution-steps ol { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; padding: 0; margin: 0; }
.distribution-steps li { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; padding: 28px; border: 1px solid #666; border-radius: 12px; background: #050506; text-align: left; }
.distribution-steps li > span { color: #fff; font: 36px ui-monospace, monospace; line-height: 1; margin-bottom: 8px; }
.distribution-steps li h3 { font-size: 20px; line-height: 1.3; margin: 0; }
.distribution-steps li p { color: var(--muted); font-size: 14px; line-height: 1.6; margin: 0; }
@media (prefers-reduced-motion: no-preference) {
  .distribution-steps li { rotate: var(--step-scroll-tilt, 0deg); transition: rotate 160ms ease-out; }
}
@media (max-width: 700px) {
  .distribution-steps { padding-inline: 16px; margin-top: 24px; }
  .distribution-steps ol { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-inline: 8px; }
  .distribution-steps li { padding: 24px; }
  .distribution-steps li > span { font-size: 32px; }
}

.distribution-launch-offer { --amber: #f6c85f; --panel-2: #17181d; --button-ink: #081006; max-width: 760px; margin: 40px auto 0; text-align: center; padding: 32px 40px; background: var(--panel-2); border: 2px solid var(--amber); border-radius: 8px; }
.distribution-launch-offer h3 { display: inline-block; color: var(--button-ink); background: var(--amber); border-radius: 4px; padding: 7px 14px; font-size: 13px; font-weight: 600; margin: 0 0 16px; }
.distribution-launch-offer span { display: block; color: var(--muted); font-size: 12px; margin-top: 14px; }
.distribution-launch-offer p { font-size: 18px; line-height: 1.6; margin: 0; color: var(--muted); }
.distribution-launch-offer strong { color: var(--ink); font-weight: 600; }
@media (max-width: 700px) {
  .distribution-launch-offer { margin-top: 32px; padding: 24px 20px; }
  .distribution-launch-offer p { font-size: 16px; }
}

/* Video posters are usable before YouTube initializes, including restricted webviews. */
.video-wrap { position: relative; }
.testimonial-video-preview { position: absolute; inset: 0; display: block; background: #050506; }
.testimonial-video-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.testimonial-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 58px; height: 40px; border-radius: 10px; background: #f03; color: white; font-size: 20px; padding-left: 3px; }
.testimonial-video-preview:focus-visible { outline: 3px solid var(--acid); outline-offset: -3px; }

.distribution-business-summary { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--terminal-line); overflow-wrap: anywhere; }
.distribution-business-summary__note { margin-top: 8px; font-size: 12px; color: var(--muted); }

.input-row .distribution-submit { display: inline-grid; place-items: center; }
.distribution-submit-label, .distribution-submit-loading { grid-area: 1 / 1; }
.distribution-submit-loading { visibility: hidden; }
[data-distribution-form][aria-busy="true"] .distribution-submit-label { visibility: hidden; }
[data-distribution-form][aria-busy="true"] .distribution-submit-loading { visibility: visible; }
.distribution-submit-dots { display: inline-flex; width: 3ch; font-family: ui-monospace, monospace; }
.distribution-submit-dots > span { display: inline-block; width: 1ch; animation: distribution-working-dots 1s ease-in-out infinite; }
.distribution-submit-dots > span:nth-child(2) { animation-delay: 0.15s; }
.distribution-submit-dots > span:nth-child(3) { animation-delay: 0.3s; }
@keyframes distribution-working-dots {
  0%, 70%, 100% { opacity: 0.35; transform: translateY(0); }
  35% { opacity: 1; transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
  .distribution-submit-dots > span { animation: none; opacity: 1; transform: none; }
}

.agentic-page .full-service-hero .distribution-demo .lead-more:not([hidden]) { display: flex; width: fit-content; max-width: 100%; min-height: 40px; padding: 0 18px; margin: 20px auto 0; background: transparent; color: var(--muted); border-color: var(--line); font-size: 13px; font-weight: 500; box-shadow: none; }
.agentic-page .full-service-hero .distribution-demo .lead-more:hover,
.agentic-page .full-service-hero .distribution-demo .lead-more:focus,
.agentic-page .full-service-hero .distribution-demo .lead-more:active { background: transparent; color: var(--muted); border-color: var(--line); box-shadow: none; }
.agentic-page .full-service-hero .distribution-demo .lead-more:focus-visible { outline: 2px solid #9ca3af; outline-offset: 3px; }

.pricing-grid a.pricing-checkout,
.pricing-grid a.pricing-checkout:hover,
.pricing-grid a.pricing-checkout:focus,
.pricing-grid a.pricing-checkout:active { background: #f5f5f5; color: #111; border-color: #f5f5f5; box-shadow: none; filter: none; }
.pricing-grid a.pricing-checkout:focus-visible { outline: 2px solid #9ca3af; outline-offset: 3px; }

.distribution-demo[hidden] { display: none; }

.distribution-faq { --ink: #aaa; --muted: #888; --line: #292929; --acid: #999; max-width: 880px; }
.distribution-faq .section-heading h2 { color: #aaa; font-size: 28px; }
.distribution-faq__group { margin-top: 36px; }
.distribution-faq__group > h3 { color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px; }
.distribution-faq details { border-bottom: 1px solid var(--line); }
.distribution-faq details:first-of-type { border-top: 1px solid var(--line); }
.distribution-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1.5; cursor: pointer; list-style: none; }
.distribution-faq summary::-webkit-details-marker { display: none; }
.distribution-faq summary::after { content: "+"; flex-shrink: 0; color: var(--muted); font-size: 24px; font-weight: 400; }
.distribution-faq details[open] summary::after { content: "−"; }
.distribution-faq summary:focus-visible { outline: 2px solid var(--acid); outline-offset: 4px; }
.distribution-faq details p { max-width: 740px; margin: 0; padding: 0 28px 24px 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
@media (max-width: 700px) {
  .distribution-faq summary { font-size: 15px; padding-block: 18px; }
  .distribution-faq details p { font-size: 14px; padding-right: 0; }
}

.hero-grid > .distribution-steps { width: 100%; margin: clamp(40px, 4vw, 56px) 0 0; padding: 0; }
.agentic-page #more-stories { padding-top: clamp(72px, 8vw, 112px); }
.distribution-steps > h2 { font-size: 22px; text-align: center; margin: 0 0 20px; }

.feedback-panel { box-sizing: border-box; width: 100%; max-width: 640px; margin: 48px auto 0; padding: 32px; border: 1px solid #444; border-radius: 16px; background: #151518; color: #f5f5f5; }
.feedback-panel h2 { padding-right: 20px; font-size: 26px; line-height: 1.2; margin: 0 0 14px; }
.feedback-panel p { color: #aaa; font-size: 15px; line-height: 1.6; }
.feedback-label { display: block; font-size: 13px; color: #aaa; margin: 24px 0 8px; }
.feedback-panel textarea { display: block; box-sizing: border-box; width: 100%; min-height: 150px; padding: 16px; border: 1px solid #444; border-radius: 8px; background: #09090b; color: #f5f5f5; font-size: 16px; line-height: 1.6; font-family: inherit; resize: vertical; }
.feedback-panel textarea::placeholder { color: #777; }
.feedback-submit { width: 100%; margin-top: 20px; padding: 15px 20px; border: 1px solid #444; border-radius: 8px; background: #303034; color: #ccc; font: inherit; font-weight: 600; cursor: pointer; }
.feedback-submit:disabled { opacity: 0.6; cursor: wait; }
.feedback-panel .feedback-status { margin: 16px 0 0; }
.feedback-status:empty { display: none; }
.feedback-panel :focus-visible { outline: 2px solid #ccc; outline-offset: 4px; }
@media (max-width: 600px) { .feedback-panel { padding: 32px 24px; } .feedback-panel h2 { font-size: 23px; } }