/* Slide text and controls must never change the picture's available space. */
.marketing-home .capture-stage { overflow:visible; }
.marketing-home .export-options-screen { max-width:none; }
@media(min-width:901px) {
 .marketing-home .example-panel { grid-template-columns:minmax(0,1fr) clamp(240px,22vw,360px);grid-template-rows:minmax(0,1fr);gap:clamp(20px,2vw,40px); }
 .marketing-home .capture-stage { grid-column:1;grid-row:1; }
 .marketing-home .example-caption { grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:0 0 0 20px;border-left:1px solid #ffffff12;min-width:0;min-height:0;overflow:auto; }
 .marketing-home .example-caption strong { font-size:clamp(24px,1.65vw,34px);line-height:1.35;font-weight:500; }
 .marketing-home .example-caption p { font-size:clamp(18px,1.2vw,24px);line-height:1.6;margin:12px 0 0;color:#aab2bf; }
 .marketing-home .slide-controls { flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px; }
 .marketing-home #exampleViews select { width:100%;font-size:15px; }
 .marketing-home #examplePlayback { align-self:flex-start;font-size:14px; }
}
@media(max-width:900px) {
 .marketing-home .example-panel { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 74px;gap:10px; }
 .marketing-home .example-caption { display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;min-height:0; }
 .marketing-home .example-caption>div:first-child { height:22px;min-height:22px; }
 .marketing-home .example-caption strong { display:block;font-size:16px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
 .marketing-home .example-caption p { display:none; }
 .marketing-home .slide-controls { height:44px;min-height:44px;align-items:center;justify-content:flex-start;gap:10px; }
 .marketing-home #exampleViews { flex:1;min-width:0;max-width:220px; }
 .marketing-home #exampleViews select { width:100%;font-size:14px; }
 .marketing-home #examplePlayback { flex:none;font-size:14px; }
}
@media(min-width:901px) and (max-height:540px) {
 .marketing-home .example-caption { gap:14px; }
 .marketing-home .example-caption p { display:none; }
}
@media(orientation:landscape) and (max-height:360px) {
 .is-iphone .export-options-screen .export-option-caption { display:none; }
 .is-iphone .export-options-screen li { gap:6px; }
 .is-iphone .export-options-screen strong { font-size:11px;line-height:1.2;overflow-wrap:anywhere; }
 .is-iphone .export-option-icon { width:24px;height:24px; }
}

/* The tour advances through views automatically; no nested view menus. */
.marketing-home #exampleViews{display:none}
@media(min-width:761px){.marketing-home .example-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.marketing-home .example-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}.marketing-home .example-steps strong{font-size:13px}}

.marketing-home .slide-controls{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px}
.marketing-home .example-skip{min-width:44px;min-height:44px;font-size:26px;line-height:1;border:1px solid #414b5b;border-radius:6px;background:#22252d;color:#c8d8ef}
.marketing-home .example-skip:focus-visible{outline:2px solid #bdd6ff;outline-offset:3px}