/* Compact, art-directed product film. No screenshot of an entire application window. */
.flow-film-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(32px,5vw,88px);align-items:center}.flow-film-copy{max-width:470px}.flow-film-copy .flow-title{font-size:clamp(34px,3.5vw,51px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 22px}.flow-film-copy .flow-title span{color:#075bff}.flow-film-copy .flow-lead{font-size:16px;line-height:1.8;margin:0 0 28px}.flow-film-copy .flow-button{display:inline-flex;align-items:center;gap:22px;font-size:14px}.flow-film-note{font:400 12px/1.7 Inter,Arial,sans-serif;color:#758173;margin:16px 0 0;max-width:370px}.flow-film-reassurance{margin-top:35px;padding-top:20px;border-top:1px solid #dde5d8;display:flex;gap:14px;align-items:center;color:#5d705e;font:500 12px/1.5 Inter,Arial,sans-serif}.flow-film-reassurance b{color:#244b34;font-size:18px}.flow-film-visual{min-width:0}.flow-motion{overflow:hidden;border:1px solid #e5e3de;border-radius:24px;background:#faf8f3;box-shadow:0 25px 70px #2639500d}.motion-stage{position:relative;aspect-ratio:1/1;overflow:hidden;background:#faf8f3}.motion-stage canvas{display:block;width:100%;height:100%}.motion-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:25px;background:#faf8f3;color:#153a2e}.motion-poster img{width:80%;height:auto;border-radius:12px;box-shadow:0 20px 40px #153a2e18}.motion-poster strong{font:800 26px/1.2 Manrope,Arial,sans-serif;text-align:center}.motion-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 19px 18px;border-top:1px solid #e5e3de;background:#fdfbf7;min-height:62px;box-sizing:border-box}.motion-caption{font:500 11px/1.5 Inter,Arial,sans-serif;color:#5c725d;max-width:300px;margin:0}.motion-controls{display:flex;gap:6px;flex-shrink:0}.motion-controls button{border:1px solid #d6e1ce;color:#365d3b;background:transparent;padding:6px 10px;border-radius:30px;cursor:pointer;font:600 10px/1.5 Inter,Arial,sans-serif}.motion-controls button:hover{background:#e8efdf}.motion-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#e0e9d7}.motion-progress span{height:100%;width:100%;display:block;transform:scaleX(0);transform-origin:left;background:#075bff}.motion-steps{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px;flex-wrap:wrap}.motion-steps button{padding:6px 8px;border:0;border-radius:20px;background:transparent;color:#7d8b75;cursor:pointer;font:500 10px/1.4 Inter,Arial,sans-serif}.motion-steps button[aria-current=true]{color:#075bff;background:#eaf0ff}.motion-controls button:focus-visible,.motion-steps button:focus-visible{outline:3px solid #075bff;outline-offset:3px}.flow-motion:not(.motion-ready) .motion-controls{display:none}.flow-film-visual:has(.flow-motion:not(.motion-ready)) .motion-steps{display:none}@media(max-width:900px){.flow-film-layout{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.flow-film-copy .flow-title{font-size:35px}.flow-film-copy .flow-lead{font-size:14px}.flow-film-copy .flow-button{font-size:12px;padding:16px 18px;gap:12px}.flow-film-reassurance{margin-top:23px}.motion-caption{max-width:170px;font-size:10px}}@media(max-width:680px){.flow-film-layout{grid-template-columns:1fr;gap:28px}.flow-film-copy{max-width:100%}.flow-film-copy .flow-title{font-size:37px;max-width:400px;margin:12px 0 17px}.flow-film-copy .flow-lead{font-size:15px;margin-bottom:22px}.flow-film-copy .flow-button{font-size:13px;padding:17px 20px}.flow-film-note{font-size:11px;margin-top:12px}.flow-film-reassurance{display:none}.flow-motion{border-radius:18px}.motion-footer{padding:12px 12px 16px;min-height:66px}.motion-caption{max-width:175px}.motion-controls button{font-size:10px;padding:5px 8px}.motion-steps{gap:2px;margin-top:11px}.motion-steps button{font-size:10px;padding:6px}.flow-film-visual{width:100%;max-width:570px;justify-self:center}}@media(prefers-reduced-motion:reduce){.flow-motion *{animation:none;transition:none}}

.flow-film-copy .flow-title{margin-bottom:30px}.motion-poster{background:#faf8f3}.motion-footer{border-color:#e5e3de}.motion-controls button{border-color:#e0e2e7;color:#31466c}.motion-steps button{color:#7d8492}.motion-steps button[aria-current=true]{color:#075bff;background:#eaf0ff}

.motion-assumptions{display:none;margin:14px 6px 0;color:#6e7888;font:400 12px/1.75 Inter,Arial,sans-serif}.flow-film-visual:has(.flow-motion[data-scene="8"]) .motion-assumptions{display:block}.motion-assumptions summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.motion-assumptions p{font:inherit;margin:12px 0}.motion-assumptions summary:focus-visible{outline:2px solid #075bff;outline-offset:4px}