/* Artra book-demo page — dark theme. Layered on auto_pilot_landing.css. */

.apl .demo-hero {
  min-height: 50svh;
  padding: 160px var(--pad) 40px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.apl .demo-hero .hero-grid-bg,
.apl .demo-hero .hero-glow { position: absolute; inset: 0; pointer-events: none; }
.apl .demo-hero .hero-glow {
  background:
    radial-gradient(50vw 50vw at 50% 100%, rgba(139,125,255,0.10), transparent 60%),
    radial-gradient(40vw 40vw at 20% 30%, rgba(92,200,255,0.06), transparent 70%),
    radial-gradient(30vw 30vw at 85% 70%, rgba(196,125,255,0.05), transparent 70%);
}
.apl .demo-hero .inner { position: relative; z-index: 2; max-width: 56ch; margin: 0 auto; }
.apl .demo-hero h1 {
  font-size: clamp(36px, 4.5vw, 64px);
  margin-top: 22px;
  letter-spacing: -0.04em;
}
.apl .demo-hero h1 .accent {
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.apl .demo-hero p { margin-top: 18px; font-size: clamp(15px, 1.2vw, 18px); color: var(--fg-2); }

/* Cal.com embed wrapper */
.apl .demo-embed-section {
  padding: 40px var(--pad) 120px;
  max-width: var(--maxw);
  margin: 0 auto;
}
.apl .cal-com-container {
  width: 100%;
  min-height: 720px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  overflow: hidden;
  background: var(--bg-1);
  position: relative;
}
.apl .cal-com-container iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 720px;
  border: 0;
  border-radius: var(--radius-lg);
}

/* Trust strip */
.apl .demo-trust {
  margin: 56px auto 0;
  max-width: var(--maxw);
  padding: 0 var(--pad);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.apl .demo-trust .item {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg-1);
  padding: 18px 20px;
}
.apl .demo-trust .item .ic {
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.apl .demo-trust .item .nm { font-size: 15px; font-weight: 500; margin-top: 6px; }
.apl .demo-trust .item .ds { color: var(--fg-3); font-size: 13px; line-height: 1.45; margin-top: 4px; }

@media (max-width: 900px) {
  .apl .demo-trust { grid-template-columns: 1fr; }
  .apl .cal-com-container,
  .apl .cal-com-container iframe { min-height: 560px; }
}