/* App films — responsive, click-to-play */
.app-film{width:min(1100px,calc(100% - 64px));margin:60px auto 80px;padding:48px 0;border-top:1px solid var(--line,#d5d8ce);scroll-margin-top:24px}.app-film-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.app-film-heading>div{max-width:580px}.app-film h2{font:clamp(32px,4vw,48px)/1.12 Georgia,serif;letter-spacing:-1.4px;margin:12px 0 16px}.app-film-heading p{line-height:1.7}.film-time{white-space:nowrap;font-size:13px;padding:9px 14px;border:1px solid var(--line,#d5d8ce);border-radius:30px}.app-film-media{min-width:0;width:100%;align-self:center}.film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;border:1px solid #bac4be;background:#f5f3eb;box-shadow:0 14px 38px #20363010}.film-launch{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;padding:0;cursor:pointer;color:#fff}.film-launch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#173849f0;box-shadow:0 4px 18px #0003;font-size:23px;padding-left:3px;border:2px solid #fff}.film-badge{position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:30px;background:#173849f0;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#fff}.film-launch:hover img{transform:scale(1.015)}.film-launch:focus-visible{outline:4px solid #176fa5;outline-offset:-5px}.film-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:13px}.film-links a{text-decoration:underline;text-underline-offset:4px}.film-features{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0}.film-features li{border:1px solid var(--line,#d5d8ce);border-radius:24px;padding:8px 16px;font-size:13px}.watch-demo-link{display:inline-block;margin-top:14px;font-size:14px;text-underline-offset:4px}.product:has(.app-film-media){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}.product .app-film-media{max-width:100%}.product .film-stage{border-radius:16px}.product .film-links{font-size:12px}.product .film-play{width:54px;height:54px;font-size:20px}.product .film-badge{left:12px;bottom:12px;font-size:11px}.product .small{line-height:1.7}section[id]{scroll-margin-top:28px}header nav{flex-wrap:wrap}a,button{-webkit-tap-highlight-color:transparent}@media(max-width:800px){.product:has(.app-film-media){grid-template-columns:1fr;gap:28px}.app-film-heading{display:block}.film-time{display:inline-block;margin-top:8px}.app-film{margin:40px auto;padding:32px 0}.app-film h2{font-size:36px}.film-stage{border-radius:14px}.film-features{gap:8px}.film-features li{font-size:12px;padding:7px 12px}}@media(max-width:480px){.app-film{width:calc(100% - 40px)}.film-play{width:52px;height:52px;font-size:20px}.film-badge{font-size:10px;left:10px;bottom:10px}.film-links{font-size:12px}.app-film h2{font-size:32px}header{gap:18px}header nav{gap:10px 14px}.product .film-links{font-size:12px}}@media(prefers-reduced-motion:reduce){.film-launch img{transition:none}.film-launch:hover img{transform:none}}

.lens-film-media.lens-portrait{max-width:340px;margin-inline:auto}.lens-film-media.lens-portrait .film-stage{aspect-ratio:9/16}

.app-film-media.todo-portrait{max-width:340px;margin-inline:auto}.todo-portrait .film-stage{aspect-ratio:9/16}

.app-film-media.focus-portrait{max-width:340px;margin-inline:auto}.focus-portrait .film-stage{aspect-ratio:9/16}

.app-film-media.habit-portrait{max-width:340px;margin-inline:auto}.habit-portrait .film-stage{aspect-ratio:9/16}