/* Visual treatment only. Copy, sections, and product previews come from the
   existing homepage and its shared marketing partials. Scope body overrides
   away from the product shots so they retain the application's own styling. */
.marketing-home { background: #fcf9f2; color: #252923; color-scheme: light; }
.marketing-home :is(.home-hero, .home-details) { font-family: Inter, Arial, sans-serif; }
.marketing-home :is(.home-hero, .home-details) .public-heading,
.marketing-home #mockups-heading { font-family: Inter, Arial, sans-serif; font-weight: 650; letter-spacing: -.035em; }
.marketing-home :is(.home-hero, .home-details) .text-fg-primary { color: #252923; }
.marketing-home :is(.home-hero, .home-details) .text-fg-secondary { color: #61645b; }
.marketing-home :is(.home-hero, .home-details) .text-accent-primary { color: #284f38; }
.marketing-home :is(.home-hero, .home-details) .border-border-subtle { border-color: #deddd2; }
.marketing-home :is(.home-hero, .home-details) a:focus-visible { outline: 2px solid #284f38; outline-offset: 5px; }
.marketing-home .home-hero-inner { max-width: 1240px; grid-template-columns: 1.12fr 1fr; gap: 64px; align-items: center; padding: 48px 48px 54px; }
.home-intro h1 { margin-top: 18px; font-size: clamp(46px, 4.8vw, 62px); line-height: 1.06; letter-spacing: -.045em !important; }
.home-intro > p:not(:first-child) { margin-top: 24px; font-size: 17px; line-height: 1.8; }
.marketing-home .home-start { max-width: none; padding-top: 0; }
.marketing-home .home-start-panel { padding: 32px; border-radius: 6px; background: #f0eee6; border-color: #deddd2; box-shadow: none; }
.home-start-panel h2 { font-size: 32px; line-height: 1.15; }
.home-start-panel p { font-size: 16px; line-height: 1.8; }
.home-start-panel a { font-size: 14px; min-height: 48px; }
.marketing-home :is(.home-hero, .home-details) a.bg-accent-primary { background: #284f38; color: #fff; }
.marketing-home :is(.home-hero, .home-details) a.bg-accent-primary:hover { background: #173c29; }
.marketing-home [data-section="mockups"] { background: #fcf9f2; border-color: #deddd2; }
.marketing-home [data-carousel] { max-width: 1240px; padding: 38px 48px 44px; }
.marketing-home #mockups-heading { font-size: 30px; color: #284f38; }
.home-details > [data-section="value-pillars"] { max-width: 1240px; padding: 54px 48px; }
.home-details > [data-section="value-pillars"] h2 { font-size: 25px; }
.home-details > [data-section="value-pillars"] article > p:last-child { line-height: 1.8; }
.home-details > [data-section="flexible-formats"] { background: #fcf9f2; border-color: #deddd2; }
.home-details > [data-section="flexible-formats"] > div { max-width: 1240px; padding: 54px 48px; }
.home-details > [data-section="flexible-formats"] h2 { font-size: 36px; line-height: 1.15; }
.home-details > [data-section="flexible-formats"] article { background: #f0eee6; border-radius: 5px; padding: 24px; }
.home-details > [data-section="flexible-formats"] h3 { font-size: 21px; }
.home-details > [data-section="closing-invitation"] { background: #e5ebe1; }
.home-details > [data-section="closing-invitation"] > div { max-width: 1240px; padding: 48px 48px 54px; }
.home-details > [data-section="closing-invitation"] h2 { font-size: 38px; color: #284f38; }
.home-details > [data-section="closing-invitation"] .text-left { max-width: 700px; line-height: 1.8; }
@media (max-width: 1100px) and (min-width: 881px) {
  .home-intro > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-start-panel > .flex { flex-direction: column; align-items: stretch; }
}
@media (max-width: 880px) {
  .marketing-home .home-hero-inner { grid-template-columns: 1fr; gap: 32px; padding: 34px 24px 40px; }
  .home-intro h1 { max-width: 680px; font-size: clamp(42px, 7vw, 56px); }
  .marketing-home .home-start { width: 100%; }
  .marketing-home .home-start-panel { padding: 26px; }
  .home-start-panel h2 { max-width: 600px; font-size: 30px; }
  .marketing-home [data-carousel] { padding: 30px 24px 34px; }
  .marketing-home #mockups-heading { font-size: 27px; }
  .home-details > [data-section="value-pillars"],
  .home-details > [data-section="flexible-formats"] > div,
  .home-details > [data-section="closing-invitation"] > div { padding: 40px 24px; }
  .home-details > [data-section="value-pillars"] > div { grid-template-columns: 1fr; }
  .home-details > [data-section="value-pillars"] article { border-left: 0; padding-left: 0; }
  .home-details > [data-section="value-pillars"] article + article { padding-top: 26px; border-top: 1px solid #deddd2; }
  .home-details > [data-section="flexible-formats"] h2,
  .home-details > [data-section="closing-invitation"] h2 { font-size: 32px; }
}
@media (max-width: 560px) {
  .home-intro > p:not(:first-child) { font-size: 16px; }
  .marketing-home .home-start-panel { padding: 24px; }
  .home-start-panel h2 { font-size: 28px; }
  .marketing-home #mockups-heading { font-size: 25px; }
}