/* Isolated palette study. Layout, typography, artwork and motion are unchanged. */
body.ui-study.landing-v2 {
  --solo-neutral-surface: #f5f5f2;
  --solo-background-accent:
    radial-gradient(ellipse 75% 115% at 50% 0%, #fff 0%, #f5fcfd 40%, #ddf7fc 100%);
}

/* White cards on a quiet neutral ground let the food imagery supply warm color. */
body.ui-study.landing-v2 main#main #product {
  background: var(--solo-neutral-surface);
}
body.ui-study.landing-v2 main#main #product::before {
  opacity: 0;
}
body.ui-study.landing-v2 main#main #price .solo-platform-surface::before {
  background: var(--solo-neutral-surface);
}
body.ui-study.landing-v2 #product .format-rail > li {
  background: #eaece8;
  border-color: #eaece8;
  color: #5d6267;
}

/* Cyan is the primary action color. Dark text keeps the light buttons readable. */
body.ui-study.landing-v2 .button,
body.ui-study.landing-v2 .site-header .button.header-cta[href="#lead"],
body.ui-study.landing-v2 .site-header .mobile-nav a[href="#lead"],
body.ui-study.landing-v2 main#main #top .hero-actions .button,
body.ui-study.landing-v2 #lead .lead-form button[type="submit"] {
  background: #89eaff;
  border-color: #89eaff;
  color: #25282b;
  box-shadow: none;
}
@media (hover: hover) {
  body.ui-study.landing-v2 .button:hover,
  body.ui-study.landing-v2 .site-header .button.header-cta[href="#lead"]:hover,
  body.ui-study.landing-v2 .site-header .mobile-nav a[href="#lead"]:hover,
  body.ui-study.landing-v2 main#main #top .hero-actions .button:hover,
  body.ui-study.landing-v2 #lead .lead-form button[type="submit"]:hover {
    background: #70e1f8;
    border-color: #70e1f8;
    color: #25282b;
    box-shadow: none;
  }
}
body.ui-study.landing-v2 :is(a, button, input, select, summary):focus-visible {
  outline-color: #303438;
}
body.ui-study.landing-v2 .site-header .brand-tag.edition-badge,
body.ui-study.landing-v2 #how .integration-core .brand-tag.edition-badge {
  background: #89eaff;
  color: #25282b;
}

/* Neutral secondary surfaces support the colored UI and brand artwork. */
body.ui-study.landing-v2 main#main #why-free .solo-chat-question .solo-chat-bubble {
  --chat-bubble: #f5f5f2;
}
body.ui-study.landing-v2 main#main #why-free .solo-chat-reply .solo-chat-bubble {
  --chat-bubble: #f0f1ee;
}
body.ui-study.landing-v2 main#main #why-free .solo-chat-user {
  background: #f5f5f2;
  color: #65696d;
  box-shadow: inset 0 0 0 1px #e4e6e2;
}
body.ui-study.landing-v2 #conversion .conversion-proof-metric,
body.ui-study.landing-v2 #faq details,
body.ui-study.landing-v2 .comparison,
body.ui-study.landing-v2 .comparison :is(th, td) {
  border-color: #e9ebe8;
}
body.ui-study.landing-v2 #growth .revenue-market {
  background: #eceeea;
}
body.ui-study.landing-v2 #lead .lead-form {
  border-color: #e9ebe8;
}
body.ui-study.landing-v2 #lead .field :is(input, select) {
  border-color: #dcdedb;
}
body.ui-study.landing-v2 #lead .field input:focus {
  border-color: #65696d;
  box-shadow: 0 0 0 2px #89eaff66;
}
