/* Below-fold product demonstrations; the hero keeps its existing layout. */
#workflow, #personalization { scroll-margin-top: var(--header-height, 74px); }
#workflow .workflow-heading { margin-bottom: 28px; }
.workflow-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding: 0 0 28px; margin: 0; list-style: none; border-bottom: 1px solid var(--color-border); }
.workflow-path li { display: flex; align-items: baseline; gap: 16px; }
.workflow-number { color: var(--color-brand-dark); font-size: 14px; font-variant-numeric: tabular-nums; }
.workflow-path h3, .workflow-setup h3 { margin: 0 0 8px; font-size: 21px; line-height: 1.4; font-weight: 500; color: var(--color-text); }
.workflow-path p, .workflow-setup p { margin: 0; color: var(--color-text-muted); font-size: 16px; line-height: 1.7; }
.workflow-foundation { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 48px; margin-top: 32px; }
.workflow-preview { margin: 0; min-width: 0; }
.workflow-preview img { display: block; width: 100%; height: auto; background: transparent; border-radius: 6px; filter: drop-shadow(0 12px 16px rgba(24, 54, 44, .1)); }
.workflow-setup { display: grid; gap: 24px; }
.workflow-setup article + article { border-top: 1px solid var(--color-border); padding-top: 24px; }
.workflow-feature-label { display: block; margin-bottom: 8px; font-size: 12px; letter-spacing: .06em; color: var(--color-brand-dark); }
.workflow-setup a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 4px; color: var(--color-brand-dark); font-size: 15px; text-underline-offset: 4px; }
.workflow-setup a:hover { text-decoration: underline; }
@media (max-width: 900px) {
  .workflow-path { gap: 20px; }
  .workflow-foundation { gap: 28px; }
}
@media (max-width: 720px) {
  .workflow-path, .workflow-foundation { grid-template-columns: 1fr; gap: 20px; }
  .workflow-foundation { margin-top: 24px; }
}
html[data-layout="home"] #workflow,
html[data-layout="home"] #independent-windows { padding-block: 64px; }
#independent-windows .window-advantage { grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); align-items: center; gap: 48px; }
#independent-windows .window-copy h2 { max-width: 17em; margin-bottom: 18px; }
#independent-windows .window-copy > p { margin: 0; max-width: 42ch; line-height: 1.75; }
#independent-windows .window-points { margin-top: 24px; gap: 16px; }
#independent-windows .window-points > div { padding: 12px 0; }
.window-product { margin: 0; min-width: 0; }
.window-product img { display: block; width: 100%; height: auto; aspect-ratio: 1000 / 680; background: transparent; border-radius: 6px; filter: drop-shadow(0 16px 22px rgba(24, 54, 44, .12)); }
.window-stack { position: relative; isolation: isolate; aspect-ratio: 1.2; }
.window-stack-layer { position: absolute; margin: 0; }
.window-stack-layer figcaption { position: absolute; bottom: 100%; left: 0; margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: var(--color-text-muted); }
.window-stack-notes { width: 60%; right: 0; top: 6%; z-index: 1; }
.window-stack-notes figcaption { left: auto; right: 0; }
.window-stack-calculator { width: 48%; right: 0; bottom: 0; z-index: 3; }
.window-stack-calculator figcaption { left: auto; right: 0; bottom: auto; top: 100%; margin-top: 8px; }
.window-stack-pdf { width: 82%; left: 0; top: 25%; z-index: 2; }
.window-stack-caption { margin: 36px 0 0; font-size: 14px; line-height: 1.6; color: var(--color-text-muted); text-align: center; }
html[data-layout="home"] .personalization { padding-top: 48px; }
.personalization .section-head { margin-bottom: 24px; }
html[data-layout="home"] #download { padding-block: 32px 56px; }
#download .cta-box { min-height: 0; padding: 40px 32px; }
#download .download-platforms { margin-top: 24px; }
#download .cta-box > .ctas { margin-top: 24px; }
@media (max-width: 900px) {
  #independent-windows .window-advantage { grid-template-columns: 1fr 1.2fr; gap: 28px; }
}
@media (max-width: 720px) {
  html[data-layout="home"] #workflow,
  html[data-layout="home"] #independent-windows { padding-block: 40px; }
  #independent-windows .window-advantage { grid-template-columns: 1fr; gap: 24px; }
  #independent-windows .window-copy h2 { max-width: none; }
  #independent-windows .window-copy > p { max-width: none; }
  #download .cta-box { padding: 32px 20px; }
}