/* Closing invitation: use the Home V2 composition with a proportional scene cropped by the bottom of the card. */
.ds-page section.demo-cta-section { margin:0; padding:132px 0 112px; }
.ds-page .demo-cta-section .demo-cta { height:auto; min-height:570px; padding:0; border-radius:32px; background:var(--ds-surface-tint); box-shadow:none; align-items:center; }
.ds-page .demo-cta-section .demo-cta-left { flex:0 0 52%; min-width:0; padding:76px 64px; z-index:2; }
.ds-page .demo-cta-section .ds-h2 { max-width:650px; margin:0; font-size:clamp(42px,4.5vw,70px); line-height:1.08; }
.ds-page .demo-cta-section .ds-body-lg { max-width:450px; margin:26px 0 30px; font-size:21px; line-height:1.45; color:var(--ds-ink-80); }
.ds-page .demo-cta-section .demo-cta-illo { display:block; position:absolute; right:-40px; top:auto; bottom:-1px; width:72%; height:auto; aspect-ratio:840 / 285; margin:0; translate:none; transform:none; container-type:inline-size; }
.ds-page .demo-cta-illo .wd-il { position:absolute; inset:0; margin:0; aspect-ratio:auto; overflow:visible; }
.ds-page .demo-cta-illo .wd-fit { top:0; bottom:auto; transform:scale(calc(100cqw / 840px)); transform-origin:top left; }
/* Webflow's paragraph styles must not change the illustration's UI typography. */
.ds-page .demo-cta-illo .wd-bub p { margin:0; font:inherit; color:inherit; }

/* Webflow embeds interrupt the shared adjacent-sibling footer rule. */
.ds-page .ds-footer { margin-top:0; }
.ds-page .ds-footer-tagline,
.ds-page .ds-footer-copy { margin:0; line-height:20px; }
.ds-page .ds-footer-legal a { padding:0; line-height:20px; }

@media (max-width:1100px) {
  .ds-page .demo-cta-section .demo-cta-left { padding:56px 44px; }
}
@media (max-width:900px) {
  .ds-page section.demo-cta-section { padding:80px 0; }
  .ds-page .demo-cta-section .demo-cta { min-height:720px; align-items:flex-start; }
  .ds-page .demo-cta-section .demo-cta-left { flex-basis:100%; padding:44px; }
  .ds-page .demo-cta-section .demo-cta-illo { top:auto; bottom:-1px; left:auto; right:-20px; width:100%; translate:none; transform:none; }
  .ds-page .ds-footer-bottom { flex-wrap:wrap; }
  .ds-page .ds-footer-legal { margin-left:0; }
}
@media (max-width:600px) {
  .ds-page section.demo-cta-section { padding:64px 0; }
  .ds-page .demo-cta-section .demo-cta { min-height:480px; border-radius:24px; }
  .ds-page .demo-cta-section .demo-cta-left { padding:36px 28px; }
  .ds-page .demo-cta-section .ds-h2 { font-size:38px; }
  .ds-page .demo-cta-section .ds-body-lg { font-size:18px; }
  .ds-page .demo-cta-section .demo-cta-illo { left:auto; right:-16px; bottom:-1px; width:108%; }
  .ds-page .ds-footer > .ds-container { padding-top:48px; }
  .ds-page .ds-footer-grid { gap:32px 24px; }
  .ds-page .ds-footer-badges { margin-top:16px; }
}

/* Preserve app typography inside product illustrations. */
.ds-page .demo-cta-illo .wd-bub p{font:inherit;color:inherit;margin:0}

/* P0 navigation and hero fixes. */
.p0-mobile-nav{display:none}
.ds-page .sp-list li:has(>img){display:flex;gap:12px;align-items:flex-start;margin:12px 0}
.ds-page .sp-list li:has(>img)::before{display:none}
.ds-page .sp-list li>img{width:20px;height:20px;object-fit:contain;flex:none;margin-top:5px}
.ds-page .sp-hero-right .ph-card:has(.lmw){container-type:inline-size}
.ds-page .sp-hero-right .ph-fit:has(.lmw){left:24px;top:32px;transform:scale(calc((100cqw - 24px)/680px))!important;transform-origin:top left}
@media(max-width:800px){
 .ds-page .header{z-index:100;position:relative}
 .ds-page .header.header-ghost{position:fixed}
 .p0-mobile-nav{display:block;margin-left:auto;color:var(--ds-ink);font:500 16px/24px var(--ds-font)}
 .p0-mobile-nav>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--ds-border);border-radius:20px}
 .p0-mobile-nav>summary::-webkit-details-marker{display:none}
 .p0-mobile-panel{position:absolute;top:52px;left:0;right:0;padding:24px;background:white;border:1px solid var(--ds-border);border-radius:20px;box-shadow:0 12px 36px #12172214;max-height:calc(100dvh - 104px);overflow:auto;z-index:100}
 .p0-mobile-top{display:flex;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--ds-border)}
 .p0-mobile-top a{color:var(--ds-ink);font-size:18px}
 .p0-mobile-group{padding-top:24px}.p0-mobile-group .nav-menu-heading{margin:0 0 12px}.p0-mobile-group .nav-prod{padding:10px 0;min-width:0}
 .p0-mobile-ctas{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px}
 .ds-page .sp-hero-left{padding:36px 28px}
 .ds-page .sp-hero-title{font-size:38px;line-height:1.1}
 .ds-page .sp-hero-sub{font-size:18px;line-height:28px}
}

/* P0 sales review. */
.p0-heading-description{max-width:1050px;padding:0 48px;margin:-24px 0 48px;color:var(--ds-ink-80)}
.p0-quote-accordion{margin:0 32px}
.p0-quote-step{background:var(--ds-surface-tint);border-radius:24px;margin:12px 0;overflow:hidden}
.p0-quote-step>summary{padding:28px 36px;cursor:pointer;font:500 24px/32px var(--ds-font);list-style:none;display:flex;justify-content:space-between;gap:24px}
.p0-quote-step>summary::after{content:'+';color:var(--ds-blue)}
.p0-quote-step[open]>summary::after{content:'−'}
.p0-quote-step>summary::-webkit-details-marker{display:none}
.p0-quote-panel{display:grid;grid-template-columns:1fr 1fr;min-height:340px;align-items:center}
.p0-quote-panel>.il-copy{padding:0 36px 36px}
.p0-quote-panel>.dock-illustration{height:360px;min-height:0}
@media(max-width:700px){.p0-heading-description{padding:0 28px;margin:-12px 0 36px}.p0-quote-accordion{margin:0 12px}.p0-quote-panel{grid-template-columns:1fr}.p0-quote-step>summary{padding:24px;font-size:21px;line-height:28px}.p0-quote-panel>.il-copy{padding:0 24px 24px}.p0-quote-panel>.dock-illustration{height:300px}}

/* Keep social proof clear of the hero buttons. */
.ds-page .sp-hero-left>.logo-bar{margin-top:32px}
.p0-quote-panel .card-kicker{display:none}
