/* solo_update: white canvas, pale cyan frames and blue-tinted dark controls. */
html { background: #fff; }
body.ui-study.landing-v2,
body.ui-study.landing-v2 :is(#growth-tools, #how, #lead, #footer) {
  --solo-button-radius: 999px;
  --gs-paper: #fff;
  --gs-canvas-surface: #fff;
  --gs-panel-surface: #f3fdff;
  --gs-ink: #25282b;
  --gs-muted: #65696d;
  --gs-orange: #303438;
  --gs-orange-text: #303438;
  --gs-dark: #303438;
  --gs-line: #e7fbff;
  --page-canvas: #fff;
  --page-ink: #25282b;
  --page-muted: #65696d;
  --page-accent: #303438;
  --mm-orange: #303438;
  --mm-orange-light: #e7fbff;
  --mm-accent: #303438;
  --mm-cta: #303438;
  --sky-ink: #25282b;
  --sky-muted: #65696d;
  --sky-caption: #65696d;
  --sky-accent: #303438;
  --sky-line: #e7fbff;
  --sky-line-strong: #e7fbff;
  --sky-soft: #fff;
  --sky-hero: #fff;
  --sky-faint: #fff;
  --figma-panel-surface: #fff;
  background: #fff;
  color: var(--gs-ink);
}
body.ui-study.landing-v2 ::selection { background: #e7fbff; color: #303438; }
body.ui-study.landing-v2 :is(.hero, #stats, #product, #growth-tools.growth-story,
  #conversion, #repeat-orders, #growth, #price, #how, #clients, #faq, #lead,
  .figma-free-panel, .price-explanation.revenue-explanation, .clients-board) {
  background: #fff;
}
body.ui-study.landing-v2 .site-header,
body.ui-study.landing-v2 .site-header.is-scrolled {
  background: rgb(255 255 255 / 92%);
}
body.ui-study.landing-v2 :is(.hero-description, .desktop-nav a) { color: var(--gs-muted); }
body.ui-study.landing-v2 :is(a, button, input, select, summary):focus-visible {
  outline-color: #36748a;
}

/* Keep every primary action, including sticky/mobile actions, in one palette. */
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 #lead .lead-form button[type=submit],
body.ui-study.landing-v2 :is(#product, #repeat-orders) .starter-arrow {
  background: #303438;
  color: #fff;
  border-color: #303438;
  border-radius: var(--solo-button-radius);
  box-shadow: none;
}
body.ui-study.landing-v2 .site-header #menu-toggle,
body.ui-study.landing-v2 #footer .official-social {
  border-radius: var(--solo-button-radius);
}
body.ui-study.landing-v2 :is(#product, #repeat-orders) .starter-arrow:disabled {
  background: #dce9ed;
  border-color: #dce9ed;
  color: #65696d;
}
@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 #lead .lead-form button[type=submit]:hover,
  body.ui-study.landing-v2 :is(#product, #repeat-orders) .starter-arrow:not(:disabled):hover {
    background: #464b4f;
    border-color: #464b4f;
    color: #fff;
    box-shadow: none;
  }
}

/* Image cards use clean white surfaces; artwork keeps its native geometry. */
body.ui-study.landing-v2 main#main :is(.starter-card, .growth-story-art) {
  position: relative;
  background: #fff;
  box-shadow: none;
}
body.ui-study.landing-v2 main#main :is(.starter-card, .growth-story-art)::after {
  content: none;
}
/* Tabbed illustrations retain their absolute placement. */
@media (min-width: 700px) {
  body.ui-study.landing-v2 main#main #growth-tools.is-tabbed .growth-story-art { position: absolute; }
}
body.ui-study.landing-v2 #clients .client-card,
body.ui-study.landing-v2 #lead .lead-form,
body.ui-study.landing-v2 #price .free-card,
body.ui-study.landing-v2 .comparison {
  border: 2px solid #e7fbff;
  background: #fff;
  box-shadow: none;
}
/* Transparent borders retain the existing content size and image scaling. */
body.ui-study.landing-v2 main#main :is(.figma-synced-card, .growth-story-art),
body.ui-study.landing-v2 main#main #price .platform-card,
body.ui-study.landing-v2 main#main #clients .client-card {
  border-color: transparent;
  box-shadow: none;
}
body.ui-study.landing-v2 main#main .figma-composition-canvas [data-card-caption] { color: #65696d; }
body.ui-study.landing-v2 main#main .figma-composition-canvas [data-card-title] { color: #25282b; }
body.ui-study.landing-v2 main#main .figma-composition-canvas :is(.fa-11, .fa-53, .fa-55) { border-color: #303438; }
body.ui-study.landing-v2 main#main .figma-composition-canvas :is(.fa-12, .fa-54) { color: #303438; }
body.ui-study.landing-v2 main#main .figma-composition-canvas :is(.fa-15, .fa-71, .fa-123) { background-color: #303438; }
body.ui-study.landing-v2 #product .format-rail > li { border-color: #e7fbff; background: #e7fbff; color: #65696d; }
body.ui-study.landing-v2 #conversion .conversion-proof-metric,
body.ui-study.landing-v2 #faq details,
body.ui-study.landing-v2 .comparison :is(th, td) { border-color: #e7fbff; }
body.ui-study.landing-v2 .comparison :is(th, td):nth-child(2) {
  background: #e7fbff;
  border-bottom-color: #d0eef4;
  color: #303438;
}
body.ui-study.landing-v2 #growth .revenue-market { background: #e7fbff; color: #65696d; }
body.ui-study.landing-v2 #growth .revenue-goulash { background: #303438; color: #fff; }
body.ui-study.landing-v2 #growth .revenue-goulash strong { color: #fff; }
body.ui-study.landing-v2 #growth .difference-rule {
  background: repeating-linear-gradient(to bottom, #303438 0 4px, transparent 4px 8px);
}
body.ui-study.landing-v2 .free-orbit { background: #fff; }
body.ui-study.landing-v2 :is(.orbit-icon, .orbit-menu .orbit-icon) { background-color: #e7fbff; }
body.ui-study.landing-v2 #price .free-store-badges span { background: #e7fbff; }
body.ui-study.landing-v2 #clients :is(.client-quote, .client-case, .client-metric) { background: #e7fbff; }

/* Light integration tiles: restore the original dark monochrome wordmarks. */
body.ui-study.landing-v2 #how :is(.integration-tile, .integration-core, .integration-more) {
  background: #fff;
  box-shadow: inset 0 0 0 2px #e7fbff;
}
body.ui-study.landing-v2 #how .integration-brand-logo { filter: none; }
body.ui-study.landing-v2 #how .integration-core .brand-wordmark { color: #25282b; }
body.ui-study.landing-v2 #how .integration-more { color: #65696d; }
body.ui-study.landing-v2 #how .integration-lines { color: #c2e6ef; }

body.ui-study.landing-v2 #lead .field :is(input, select) {
  background: #fff;
  border-color: #d0e8ee;
  color: #25282b;
}
body.ui-study.landing-v2 #lead .field input:focus {
  outline: none;
  outline-offset: 0;
  border-color: #36748a;
  box-shadow: 0 0 0 2px #e7fbff;
}
body.ui-study.landing-v2 #lead .consent-field input { accent-color: #303438; }
body.ui-study.landing-v2 #lead .form-success-icon {
  color: #303438;
  background: #e7fbff;
}
body.ui-study.landing-v2 #footer { --footer-line: #e7fbff; }
body.ui-study.landing-v2 #footer .official-social { background: #e7fbff; color: #303438; }
body.ui-study.landing-v2 #footer .official-wordmark span {
  background-image: linear-gradient(to bottom, #303438, #30343800);
}