.app-media-section{background:#eef5fb}.app-media-section .section-lead{max-width:850px}.app-guide{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:26px;margin:32px 0;padding:25px;border:1px solid #c4d9e8;background:white;border-radius:18px;align-items:center}.guide-screen,.shot-window,.app-demonstration{position:relative;overflow:hidden;background:#f5f7fb;border-radius:12px}.guide-screen img,.shot-window img{width:100%;display:block;object-fit:contain}.shot-brand{position:absolute;top:0;left:0;right:0;background:#3D4C91;color:#fff;font-size:clamp(10px,1vw,14px);font-weight:800;padding:8px 12px;min-height:9%;display:flex;align-items:center;letter-spacing:.035em}.guide-type{font-size:13px;letter-spacing:.1em;color:#375b76}.guide-steps button[data-guide-step]{display:flex;align-items:center;gap:14px;border:1px solid #ccddea;border-radius:9px;background:#f4f8fc;color:#173b59;padding:15px;margin:9px 0;width:100%;font:inherit;text-align:left;cursor:pointer}.guide-steps button[aria-pressed=true]{background:#d7eafb;border-color:#5489b5}.guide-steps b{color:#27689a}.guide-pause{padding:12px 18px;background:#3D4C91;border:0;border-radius:8px;color:white;font:inherit;cursor:pointer;margin-top:14px}.app-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-shot{margin:0;padding:18px;background:white;border:1px solid #c9dce9;border-radius:14px}.app-shot figcaption{font-size:17px;font-weight:700;line-height:1.6;color:#183d59;margin-top:16px}.app-film{aspect-ratio:16/9;margin:30px 0;background:#3D4C91;border-radius:16px;overflow:hidden}.app-film iframe{width:100%;height:100%;border:0}.app-demonstration{margin:30px 0;border:1px solid #b8d6e9}.app-demonstration video{width:100%;height:auto;display:block}.app-hero-shot{min-width:0}.hero-demo-link{display:inline-block;margin-top:15px;font-weight:700;color:#9fe0ff}.screens-heading{font-size:26px;margin-top:46px}.app-guide button:focus-visible{outline:3px solid #218bc0;outline-offset:3px}@media(max-width:800px){.app-guide,.app-shot-grid{grid-template-columns:1fr}.app-guide{padding:16px}.guide-steps button[data-guide-step]{padding:14px}.shot-brand{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.app-demo-video{position:relative;z-index:1}.app-demonstration .shot-brand,.solution-demo .demo-header,.solution-demo .demo-footer{pointer-events:none}.app-demonstration .demo-footer{bottom:42px}.guide-current-feature{grid-column:1;margin:0;font-weight:700;color:#183d59}.guide-steps{grid-column:2;grid-row:1 / span 3}.image-enlarge{display:block;padding:10px 15px;margin:12px 0;background:#3D4C91;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.app-feature-notes{font-size:17px;line-height:1.8;color:#183d59}.app-image-dialog{max-width:94vw;width:1400px;max-height:94vh;padding:20px;border:0;border-radius:12px;background:#fff}.app-image-dialog::backdrop{background:rgba(0,15,35,.8)}.app-image-dialog>button{font:inherit;padding:10px 20px;margin-bottom:14px;cursor:pointer}.app-image-dialog img{max-height:78vh;object-fit:contain}.app-image-dialog .shot-brand{min-height:0}.guide-screen img{min-height:160px}.app-image-dialog .shot-window{background:#f5f7fb}@media(max-width:800px){.guide-steps{grid-column:1;grid-row:auto}.guide-current-feature{grid-column:1}.app-image-dialog{padding:12px}}