/* Homepage palette sampled from Acquisition.com on 2026-09-22.
   Scope stays local: the operating model and operations app keep their theme. */
.home-page {
  --ink: #131628;
  --muted: #50505b;
  --blue: #6f00ff;
  --violet: #6f00ff;
  --line: #dedee2;
  --canvas: #efefee;
  --surface: #fff;
}
.home-page h1,
.home-page h2,
.home-page h3,
.home-page .home-hero h1 span {
  color: var(--ink);
}
.home-page .home-hero {
  background: var(--canvas);
  border-color: var(--line);
  overflow: clip;
}
.home-page .home-proof,
.home-page .contact-section {
  background: #fafafa;
}
.home-page .home-intro,
.home-page .home-use-case p,
.home-page .home-process p,
.home-page .home-proof-copy > p:not(.eyebrow),
.home-page .home-contact-intro > p:not(.eyebrow),
.home-page .home-people > p,
.home-page .home-people small,
.home-page .permission-sheet dd,
.home-page .sheet-heading > span,
.home-page .assistant-intro,
.home-page .assistant-fallback {
  color: var(--muted);
}
.home-page .home-use-case,
.home-page .home-process li,
.home-page .home-project-image,
.home-page .home-project-image img,
.home-page .home-people,
.home-page .home-questions,
.home-page .permission-sheet {
  border-color: var(--line);
}
.home-page .home-resource > summary,
.home-page .permission-sheet dt,
.home-page .faq-list summary,
.home-page .chat-output {
  color: var(--ink);
}
.home-page .sheet-heading {
  background: var(--canvas);
}
.home-page .user-message {
  background: var(--canvas);
}
.home-page .chat-form textarea {
  border-color: #90909b;
}
.home-page .home-project-image {
  box-shadow: 0 12px 40px #1316280a;
}
.home-page .button {
  border: 2px solid var(--blue);
  border-radius: 100px;
  background: var(--blue);
  color: #fff !important;
  transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}
.home-page .button:hover,
.home-page .button-secondary {
  background: #fff;
  color: var(--blue) !important;
  box-shadow: none;
}
.home-page .button-secondary:hover {
  background: var(--canvas);
}
.home-page .prompt-chip {
  color: var(--blue);
  border-color: var(--line);
  background: #fff;
}
.home-page .prompt-chip:hover {
  color: var(--blue);
  border-color: var(--blue);
  background: #fff;
}
.home-page .marketing-header {
  background: var(--ink);
  border-color: var(--ink);
}
.home-page .marketing-header .marketing-brand,
.home-page .marketing-footer .marketing-brand {
  color: #fff !important;
}
.home-page .marketing-header .brand-ai,
.home-page .marketing-footer .brand-ai {
  color: inherit;
}
.home-page .marketing-nav a:not(.button) {
  color: #fff;
}
.home-page .marketing-nav a:hover:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.home-page .marketing-nav .operations-link {
  border-color: #ffffff40;
}
.home-page .menu-toggle {
  background: transparent;
  color: #fff;
  border-color: #ffffff70;
  border-radius: 100px;
}
.home-page .marketing-header :focus-visible,
.home-page .marketing-footer :focus-visible {
  outline-color: #fff;
}
.home-page .marketing-footer {
  width: 100%;
  padding-inline: max(56px, calc((100% - 1160px) / 2));
  background: var(--blue);
  color: #fff;
}
.home-page .marketing-footer p,
.home-page .marketing-footer nav a {
  color: #fff;
}
@media (max-width: 980px) {
  .home-page .marketing-nav {
    background: var(--ink);
    border-color: #ffffff40;
  }
}
@media (max-width: 700px) {
  .home-page .marketing-footer {
    padding-inline: 20px;
  }
}
/* Content is never hidden in CSS. Motion is optional JS enhancement. */
@media (prefers-reduced-motion: reduce) {
  .home-page .button {
    transition: none;
  }
}