/* Random Target AI — page-specific marketing layouts
   One brand system, different "rooms" for each public page. */

.marketing-home .hero,
.marketing-voice .hero,
.marketing-agent .hero,
.marketing-ide .hero,
.marketing-pricing .hero,
.marketing-docs .hero,
.marketing-invest .hero,
.marketing-contact .hero {
  position: relative;
  overflow: hidden;
}

.marketing-home .hero::before,
.marketing-voice .hero::before,
.marketing-agent .hero::before,
.marketing-ide .hero::before,
.marketing-pricing .hero::before,
.marketing-docs .hero::before,
.marketing-invest .hero::before,
.marketing-contact .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* HOME — grand foyer / brand overview */
.marketing-home .hero {
  min-height: 720px;
  display: flex;
  align-items: center;
  padding: 7.5rem 0 6.25rem;
}
.marketing-home .hero::before {
  background:
    linear-gradient(90deg, rgba(11,18,32,.98) 0%, rgba(11,18,32,.9) 48%, rgba(11,18,32,.58) 100%),
    radial-gradient(circle at 78% 48%, rgba(244,115,33,.22), transparent 32%);
}
.marketing-home .hero-grid {
  position: relative;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: clamp(3rem, 7vw, 7rem);
}
.marketing-home .hero-copy h1 { max-width: 13ch; }
.marketing-home .hero-panel {
  align-self: end;
  transform: translateY(2.5rem);
  border-radius: 2rem 2rem .75rem 2rem;
  padding: 2.4rem;
  background: linear-gradient(145deg, rgba(17,28,49,.92), rgba(9,15,28,.72));
}
.marketing-home .stat-row {
  grid-template-columns: 1.15fr .95fr .85fr;
  align-items: end;
  margin-top: 3rem;
}
.marketing-home .stat:nth-child(2) { transform: translateY(1rem); }
.marketing-home .stat:nth-child(3) { transform: translateY(2rem); }
.marketing-home #what-we-do .feature-grid {
  grid-template-columns: 1.25fr .75fr .75fr 1.25fr;
  align-items: stretch;
}
.marketing-home #products .grid-3 { align-items: start; }
.marketing-home #products .product-card:nth-child(2) { transform: translateY(2rem); }
.marketing-home #products .product-card:nth-child(3) { transform: translateY(4rem); }
.marketing-home #how-it-works .split { grid-template-columns: .8fr 1.2fr; }
.marketing-home #how-it-works .split-media { min-height: 360px; border-radius: .75rem 2rem 2rem 2rem; }
.marketing-home #operation-modes .card:first-child { border-radius: 2rem .75rem 2rem 2rem; }
.marketing-home #operation-modes .card:last-child { border-radius: .75rem 2rem 2rem 2rem; transform: translateY(2rem); }

/* VOICE — communication studio / signal flow */
.marketing-voice .hero {
  padding: 6.75rem 0 5rem;
}
.marketing-voice .hero::before {
  background:
    radial-gradient(ellipse at 18% 52%, rgba(56,189,248,.16), transparent 28%),
    linear-gradient(110deg, transparent 38%, rgba(244,115,33,.08) 70%, transparent 100%);
}
.marketing-voice .hero-grid {
  position: relative;
  grid-template-columns: .88fr 1.12fr;
  align-items: stretch;
}
.marketing-voice .hero-copy { padding: 2rem 0 4rem; }
.marketing-voice .hero-panel {
  margin-top: 5rem;
  border-radius: 999px 2rem 2rem 999px;
  padding: 2.75rem 2.75rem 2.75rem 4rem;
  background:
    linear-gradient(135deg, rgba(56,189,248,.08), rgba(244,115,33,.14)),
    var(--color-surface);
}
.marketing-voice .section:nth-of-type(2) .split,
.marketing-voice .section:nth-of-type(3) .split {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
}
.marketing-voice .section:nth-of-type(3) .split { grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); }
.marketing-voice .split-media { border-radius: 1rem 4rem 1rem 4rem; }
.marketing-voice .feature-grid { grid-template-columns: 1.15fr .85fr .85fr; }
.marketing-voice .grid-3 .card:nth-child(2) { transform: translateY(1.5rem); }
.marketing-voice .process {
  grid-template-columns: 1.15fr .95fr .95fr 1.15fr;
  align-items: start;
}
.marketing-voice .process-step:nth-child(2),
.marketing-voice .process-step:nth-child(3) { transform: translateY(1.4rem); }

/* AGENT — workbench / modular workspace */
.marketing-agent .hero {
  padding: 7rem 0 6rem;
}
.marketing-agent .hero::before {
  background:
    linear-gradient(135deg, rgba(244,115,33,.08), transparent 46%),
    radial-gradient(circle at 80% 25%, rgba(56,189,248,.12), transparent 26%);
}
.marketing-agent .hero-grid {
  position: relative;
  grid-template-columns: 1.1fr .9fr;
  align-items: start;
}
.marketing-agent .hero-copy { padding-top: 3rem; }
.marketing-agent .hero-panel {
  margin-top: 0;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 1rem 1rem 4rem 1rem;
  background:
    linear-gradient(160deg, rgba(56,189,248,.07), rgba(244,115,33,.1)),
    var(--color-surface);
}
.marketing-agent .feature-grid {
  grid-template-columns: 1.2fr .8fr;
  grid-auto-rows: minmax(190px, auto);
}
.marketing-agent .feature:nth-child(1) { grid-row: span 2; display: flex; flex-direction: column; justify-content: flex-end; }
.marketing-agent .feature:nth-child(4) { grid-column: 2; }
.marketing-agent .section:nth-of-type(4) .split { grid-template-columns: .72fr 1.28fr; }
.marketing-agent .section:nth-of-type(6) .split { grid-template-columns: 1.15fr .85fr; }
.marketing-agent .process { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; margin-left: auto; }
.marketing-agent .process-step:nth-child(odd) { transform: translateX(-2rem); }

/* IDE — developer lab / codebench */
.marketing-ide .hero {
  padding: 6.5rem 0 5.5rem;
}
.marketing-ide .hero::before {
  background:
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.018) 80px),
    repeating-linear-gradient(0deg, transparent 0 79px, rgba(255,255,255,.014) 80px),
    radial-gradient(circle at 72% 38%, rgba(56,189,248,.12), transparent 32%);
}
.marketing-ide .hero-grid {
  position: relative;
  grid-template-columns: .78fr 1.22fr;
  gap: 4rem;
}
.marketing-ide .hero-copy { align-self: end; padding-bottom: 2rem; }
.marketing-ide .hero-panel {
  min-height: 410px;
  border-radius: .75rem;
  border-left: 4px solid var(--color-primary);
  background:
    linear-gradient(180deg, rgba(17,28,49,.94), rgba(10,17,30,.96));
  box-shadow: 0 24px 80px rgba(0,0,0,.3);
}
.marketing-ide .hero-panel::before {
  content: '•••';
  display: block;
  letter-spacing: .45rem;
  color: var(--color-primary-strong);
  margin-bottom: 2rem;
}
.marketing-ide .feature-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}
.marketing-ide .feature-grid .feature { grid-column: span 4; }
.marketing-ide .feature-grid .feature:nth-child(1),
.marketing-ide .feature-grid .feature:nth-child(4) { grid-column: span 5; }
.marketing-ide .feature-grid .feature:nth-child(2),
.marketing-ide .feature-grid .feature:nth-child(5) { grid-column: span 3; }
.marketing-ide .feature-grid .feature:nth-child(3),
.marketing-ide .feature-grid .feature:nth-child(6) { grid-column: span 4; }
.marketing-ide .split-media { border-radius: .75rem; min-height: 300px; }
.marketing-ide .process { gap: 0; }
.marketing-ide .process-step { border-radius: 0; border-right-width: 0; }
.marketing-ide .process-step:first-child { border-radius: 1rem 0 0 1rem; }
.marketing-ide .process-step:last-child { border-radius: 0 1rem 1rem 0; border-right-width: 1px; }

/* PRICING — showroom / tier stage */
.marketing-pricing .hero-simple { text-align: left; }
.marketing-pricing .hero-simple .hero-copy { margin-inline: 0; max-width: 900px; }
.marketing-pricing .hero-simple .hero-copy h1 { max-width: 15ch; }
.marketing-pricing .hero::before {
  background:
    linear-gradient(90deg, rgba(11,18,32,.98), rgba(11,18,32,.72)),
    radial-gradient(circle at 75% 45%, rgba(224,170,62,.14), transparent 30%);
}
.marketing-pricing .pricing-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  align-items: end;
}
.marketing-pricing .pricing-card { grid-column: span 4; min-height: 510px; }
.marketing-pricing .pricing-card:nth-child(4),
.marketing-pricing .pricing-card:nth-child(5) { grid-column: span 6; min-height: 440px; }
.marketing-pricing .pricing-card--featured {
  transform: translateY(-2rem);
  min-height: 570px;
  border-radius: 2rem;
}
.marketing-pricing .table-scroll { border-radius: .75rem 2rem .75rem 2rem; }

/* DOCS — knowledge library / shelves */
.marketing-docs .hero-simple { text-align: left; }
.marketing-docs .hero-simple .hero-copy { margin-inline: 0; max-width: 760px; }
.marketing-docs .hero::before {
  background:
    linear-gradient(100deg, rgba(11,18,32,.98), rgba(11,18,32,.83) 60%, rgba(11,18,32,.45)),
    repeating-linear-gradient(90deg, transparent 0 118px, rgba(224,170,62,.025) 119px);
}
.marketing-docs .section .grid-3 {
  grid-template-columns: 1.35fr .9fr .75fr;
  align-items: stretch;
}
.marketing-docs .section:nth-of-type(3) .grid-3 { grid-template-columns: .8fr 1.3fr .9fr; }
.marketing-docs .section:nth-of-type(4) .grid-3 { grid-template-columns: 1fr .8fr 1.2fr; }
.marketing-docs .product-card { min-height: 300px; border-radius: .75rem; }
.marketing-docs .product-card:first-child { border-left: 4px solid var(--color-primary); }
.marketing-docs .section:last-of-type .split { grid-template-columns: .72fr 1.28fr; }
.marketing-docs .docs-shelf { position: relative; }
.marketing-docs .docs-shelf::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(244,115,33,.32), transparent);
}
.marketing-docs .docs-shelf-products::before { left: 5%; }
.marketing-docs .docs-shelf-account::before { right: 8%; }
.marketing-docs .docs-shelf-reference::before { left: 18%; }
.marketing-docs .docs-shelf-products .product-card:nth-child(2) { transform: translateY(1.25rem); }
.marketing-docs .docs-shelf-products .product-card:nth-child(3) { transform: translateY(2.5rem); }
.marketing-docs .docs-shelf-account .product-card:nth-child(1) { transform: translateY(2rem); }
.marketing-docs .docs-shelf-account .product-card:nth-child(3) { transform: translateY(1rem); }
.marketing-docs .docs-shelf-reference .product-card:nth-child(2) { transform: translateY(2.25rem); }

/* INVEST — boardroom / thesis */
.marketing-invest .hero-simple { text-align: left; }
.marketing-invest .hero-simple .hero-copy { margin-inline: 0; max-width: 940px; }
.marketing-invest .hero::before {
  background:
    linear-gradient(90deg, rgba(11,18,32,.98), rgba(11,18,32,.8)),
    radial-gradient(ellipse at 76% 25%, rgba(244,115,33,.12), transparent 34%);
}
.marketing-invest .invest-boardroom-hero {
  min-height: 650px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6.5rem;
}
.marketing-invest .invest-boardroom-hero .hero-copy {
  position: relative;
  padding-left: clamp(1.5rem, 5vw, 5rem);
  border-left: 1px solid rgba(224,170,62,.38);
}
.marketing-invest .invest-boardroom-hero .hero-copy::after {
  content: '';
  position: absolute;
  left: -5px;
  top: 1rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color-gold);
  box-shadow: 0 0 28px rgba(224,170,62,.65);
}
.marketing-invest .section-header { max-width: 880px; }
.marketing-invest .section:nth-of-type(2) .section-header,
.marketing-invest .section:nth-of-type(4) .section-header,
.marketing-invest .section:nth-of-type(6) .section-header { margin-left: auto; }
.marketing-invest .section:nth-of-type(3) .split { grid-template-columns: 1.25fr .75fr; }
.marketing-invest .section:nth-of-type(5) .grid-3 {
  grid-template-columns: 1.4fr .8fr .8fr;
  align-items: stretch;
}
.marketing-invest .section:nth-of-type(5) .feature:first-child { min-height: 330px; display: flex; flex-direction: column; justify-content: flex-end; }
.marketing-invest .notice { max-width: 900px; margin-inline: auto 0; }

/* CONTACT — concierge / intake desk */
.marketing-contact .hero { padding: 5.5rem 0 6.5rem; }
.marketing-contact .hero::before {
  background:
    radial-gradient(circle at 20% 20%, rgba(56,189,248,.08), transparent 24%),
    radial-gradient(circle at 88% 70%, rgba(244,115,33,.1), transparent 30%);
}
.marketing-contact .hero-grid {
  position: relative;
  grid-template-columns: .7fr 1.3fr;
  align-items: start;
  gap: clamp(2rem, 6vw, 6rem);
}
.marketing-contact .hero-copy {
  position: sticky;
  top: 8rem;
  padding-top: 2rem;
}
.marketing-contact .hero-panel {
  border-radius: 2rem .75rem 2rem .75rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: linear-gradient(145deg, rgba(17,28,49,.96), rgba(9,15,28,.92));
}
.marketing-contact .form-grid { gap: 1.2rem; }
.marketing-contact .field-full textarea { min-height: 210px; }

@media (max-width: 1050px) {
  .marketing-home #what-we-do .feature-grid,
  .marketing-agent .feature-grid,
  .marketing-docs .section .grid-3,
  .marketing-docs .section:nth-of-type(3) .grid-3,
  .marketing-docs .section:nth-of-type(4) .grid-3,
  .marketing-invest .section:nth-of-type(5) .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketing-agent .feature:nth-child(1),
  .marketing-agent .feature:nth-child(4) { grid-row: auto; grid-column: auto; }

  .marketing-pricing .pricing-card,
  .marketing-pricing .pricing-card:nth-child(4),
  .marketing-pricing .pricing-card:nth-child(5) { grid-column: span 6; }
  .marketing-pricing .pricing-card--featured { transform: none; }
}

@media (max-width: 900px) {
  .marketing-home .hero,
  .marketing-voice .hero,
  .marketing-agent .hero,
  .marketing-ide .hero,
  .marketing-contact .hero { min-height: auto; padding: 5.5rem 0 4rem; }

  .marketing-home .hero-grid,
  .marketing-voice .hero-grid,
  .marketing-agent .hero-grid,
  .marketing-ide .hero-grid,
  .marketing-contact .hero-grid,
  .marketing-home #how-it-works .split,
  .marketing-voice .section:nth-of-type(2) .split,
  .marketing-voice .section:nth-of-type(3) .split,
  .marketing-agent .section:nth-of-type(4) .split,
  .marketing-agent .section:nth-of-type(6) .split,
  .marketing-docs .section:last-of-type .split,
  .marketing-invest .section:nth-of-type(3) .split {
    grid-template-columns: 1fr;
  }

  .marketing-home .hero-panel,
  .marketing-voice .hero-panel,
  .marketing-agent .hero-panel,
  .marketing-ide .hero-panel { transform: none; margin-top: 0; min-height: auto; border-radius: 1.25rem; }

  .marketing-home .stat-row { grid-template-columns: 1fr; }
  .marketing-home .stat:nth-child(2),
  .marketing-home .stat:nth-child(3),
  .marketing-home #products .product-card:nth-child(2),
  .marketing-home #products .product-card:nth-child(3),
  .marketing-home #operation-modes .card:last-child,
  .marketing-voice .grid-3 .card:nth-child(2),
  .marketing-voice .process-step:nth-child(2),
  .marketing-voice .process-step:nth-child(3),
  .marketing-agent .process-step:nth-child(odd) { transform: none; }

  .marketing-home #what-we-do .feature-grid,
  .marketing-agent .feature-grid,
  .marketing-docs .section .grid-3,
  .marketing-docs .section:nth-of-type(3) .grid-3,
  .marketing-docs .section:nth-of-type(4) .grid-3,
  .marketing-invest .section:nth-of-type(5) .grid-3 { grid-template-columns: 1fr; }

  .marketing-ide .feature-grid { display: grid; grid-template-columns: 1fr; }
  .marketing-ide .feature-grid .feature,
  .marketing-ide .feature-grid .feature:nth-child(n) { grid-column: auto; }

  .marketing-pricing .pricing-grid { grid-template-columns: 1fr; }
  .marketing-pricing .pricing-card,
  .marketing-pricing .pricing-card:nth-child(n) { grid-column: auto; min-height: auto; }

  .marketing-agent .process,
  .marketing-voice .process { grid-template-columns: 1fr; max-width: none; margin-left: 0; }
  .marketing-ide .process { grid-template-columns: 1fr; gap: 1rem; }
  .marketing-ide .process-step,
  .marketing-ide .process-step:first-child,
  .marketing-ide .process-step:last-child { border: 1px solid var(--color-border); border-radius: 1rem; }

  .marketing-contact .hero-copy { position: static; }
}