/* The app recording is the main visual; text identifies controls and actions. */
.app-presentation { --ink:#19212b; --subtle:#657080; }
.app-presentation section { padding-block:64px; }
.app-presentation .presentation-hero { padding-top:32px; padding-bottom:64px; }
.presentation-intro { text-align:center; max-width:730px; margin:0 auto 28px; }
.presentation-intro>img { display:none; }
.presentation-intro h1 { font-size:clamp(34px,4.1vw,58px); line-height:1.08; letter-spacing:-.045em; font-weight:650; margin:0 0 16px; }
.presentation-intro p { max-width:570px; margin:0 auto 18px; font-size:17px; line-height:1.5; }
.presentation-actions { display:flex; gap:22px; align-items:center; justify-content:center; }
.presentation-actions>a:not(.btn) { font-size:13px; color:#0a63f0; }
.platform-note { display:block; color:#747e8b; font-size:11px; margin-top:12px; }
.app-recording { min-width:0; margin:0; }
.app-recording video { display:block; width:100%; height:auto; aspect-ratio:1360/900; background:#111419; border:1px solid #353b44; border-radius:12px; box-shadow:0 16px 42px #17263818; }
.app-recording-hero { max-width:1120px; margin:auto; }
.app-recording figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 2px; font-size:11px; color:#687787; }
.app-recording figcaption>div { display:flex; gap:14px; flex:none; }
.app-recording button { padding:4px 0; border:0; background:none; color:#0a63f0; font:inherit; cursor:pointer; }
.app-recording button:hover { color:#0755d0; text-decoration:underline; }
.app-recording video:fullscreen { object-fit:contain; border:0; background:#090b0e; }
.app-presentation .demo-chapters { justify-content:center; flex-wrap:wrap; gap:6px; padding-top:14px; }
.app-presentation .demo-chapters button { color:#526170; background:none; border:1px solid transparent; padding:8px 16px; font-size:12px; }
.app-presentation .demo-chapters button.selected { background:#e8f1ff; border-color:#3987fa; color:#0a63f0; }
.recording-caption { text-align:center; margin:6px auto 0; }
.recording-caption h2 { font-size:16px!important; margin:0 0 6px; letter-spacing:0; }
.recording-caption p { font-size:13px; margin:0; }
.app-presentation .demo-status { text-align:center; font-size:10px; color:#7e8997!important; margin-top:10px; }
.capture-overview { display:grid; grid-template-columns:.85fr 1.4fr; gap:64px; align-items:center; border-top:1px solid #dbe1e7; }
.capture-overview img { width:100%; height:auto; border-radius:12px; box-shadow:0 10px 35px #17263814; }
.capture-overview h2,.app-feature h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.035em; margin:12px 0 18px; }
.capture-overview p,.app-feature p { font-size:15px; line-height:1.65; max-width:370px; }
.app-feature { display:grid; grid-template-columns:.72fr 1.5fr; gap:54px; align-items:center; border-top:1px solid #dbe1e7; }
.app-feature-copy>span { font-size:11px; letter-spacing:.08em; color:#0a63f0; font-weight:650; }
.app-feature-reverse { grid-template-columns:1.5fr .72fr; }
.app-feature-reverse .app-feature-copy { grid-column:2; grid-row:1; }.app-feature-reverse figure { grid-column:1; grid-row:1; }
.phone-overview { grid-template-columns:1fr 1fr; }.phone-overview img { max-width:540px; justify-self:end; }
.phone-overview small { display:block; margin-top:20px; font-size:11px; line-height:1.5; color:#778391; max-width:360px; }
.more-tools { border-top:1px solid #dbe1e7; }.more-tools h2 { font-size:28px; }
.more-tools>div { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; }.more-tools h3 { font-size:20px; margin:0 0 10px; }.more-tools p { font-size:14px; }.more-tools a { color:#0a63f0; font-size:12px; }
.app-presentation .faq-section { border-top:1px solid #dbe1e7; }.app-presentation .faq-section h2 { font-size:30px; margin-top:0; }
.presentation-download { display:flex; flex-direction:column; align-items:center; gap:18px; border-top:1px solid #dbe1e7; }
.presentation-download h2 { font-size:30px; margin:0; }.presentation-download>a:last-child { font-size:12px; color:#5d7287; }
@media(max-width:760px){
 .app-presentation .presentation-hero { padding-top:28px; }.presentation-intro p { font-size:15px; }
 .capture-overview,.app-feature,.app-feature-reverse,.phone-overview { display:flex;flex-direction:column;gap:26px;align-items:stretch; }
 .app-feature-copy p,.capture-overview p { max-width:none; }.app-feature h2 br { display:none; }
 .more-tools>div { grid-template-columns:1fr; gap:24px; }.app-recording figcaption { align-items:start; font-size:10px; }.app-recording figcaption>div { gap:10px; }
 .app-presentation .demo-chapters button { padding:7px 11px; }.presentation-actions { gap:14px; }
 .app-presentation section { padding-block:42px; }.phone-overview img { align-self:center; }
}