.phone-film{position:relative;background:var(--paper)}
.phone-film-video,.phone-film-wash{display:none}
.js-ready .phone-film:not(.film-unavailable){height:520svh}
.phone-film .phone-film-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'intro media benefits';gap:clamp(20px,3vw,60px);align-items:center;padding:40px var(--gutter);min-height:650px;isolation:isolate}
.js-ready .phone-film:not(.film-unavailable) .phone-film-stage{position:sticky;top:0;height:100svh}
.phone-film .assistant-intro{grid-area:intro}
.js-ready .phone-film .assistant-intro.reveal{opacity:1;transform:none;transition:none}
.phone-film .assistant-intro h2{font-size:clamp(38px,4.6vw,76px);line-height:1.04}
.phone-film .assistant-intro .eyebrow{font-size:10px;margin-bottom:25px}
.phone-film .assistant-intro>p:not(.eyebrow){font-size:15px;line-height:1.5}
.phone-film .demo-label{font-size:11px;line-height:1.5;max-width:250px}
.phone-film .phone-scene{grid-area:media;min-width:0}
.phone-film.film-ready .phone-scene{visibility:hidden;pointer-events:none}
.phone-film.film-ready .phone-film-video{display:block;grid-area:media;position:relative;width:100%;height:auto;max-height:calc(100svh - 80px);aspect-ratio:9/16;object-fit:contain;border-radius:24px;z-index:1;opacity:var(--film-one,1)}
.phone-film.film-ready .phone-film-video-next{z-index:2;opacity:var(--film-two,0)}
.phone-film .film-benefits{grid-area:benefits;gap:0;opacity:1;pointer-events:auto}
.film-benefit{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:28px 0;border-top:1px solid #d9ddea}
.film-benefit:last-child{border-bottom:1px solid #d9ddea}
.film-benefit>span{font-size:11px;color:var(--blue);padding-top:5px}
.film-benefit h3{font-size:clamp(18px,1.7vw,26px);line-height:1.18;letter-spacing:-.035em;margin-bottom:10px}
.film-benefit p{font-size:14px;line-height:1.5;color:#606779;max-width:310px}
.motion-paused .phone-film,.js-ready .phone-film.film-unavailable{height:auto}
.js-ready.motion-paused .phone-film .phone-film-stage{position:relative;height:auto}
.motion-paused .phone-film.film-ready .phone-film-video{display:none}
.motion-paused .phone-film.film-ready .phone-scene{visibility:visible;pointer-events:auto}
@media(max-width:900px){
 .phone-film .phone-film-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:'intro' 'media';gap:12px;padding:18px 16px;min-height:0}
 .phone-film .assistant-intro .eyebrow{display:none}
 .phone-film .assistant-intro h2{font-size:clamp(27px,6vw,40px);line-height:1.06;max-width:620px}
 .phone-film .assistant-intro h2 br{display:none}
 .phone-film .assistant-intro h2 .blue:before{content:' '}
 .phone-film .assistant-intro>p:not(.eyebrow),.phone-film .demo-label{display:none}
 .phone-film.film-ready .phone-film-video{width:100%;max-width:100%;height:auto;max-height:100%;align-self:start;justify-self:center;border-radius:18px;min-height:0}
 .phone-film .phone-scene{margin:0;padding:0;overflow:hidden;max-height:100%}
 .phone-film .film-benefits{display:none}
 .film-benefit{padding:7px 0;grid-template-columns:22px 1fr;gap:8px}
 .film-benefit>span{font-size:9px;padding-top:2px}
 .film-benefit h3{font-size:16px;margin:0}
 .film-benefit p{display:none}
 .js-ready.motion-paused .phone-film .phone-film-stage,.phone-film.film-unavailable .phone-film-stage{grid-template-rows:auto auto auto}
 .motion-paused .phone-film .phone-scene,.phone-film.film-unavailable .phone-scene{padding:20px 0;max-height:none}
}
@media(max-width:900px) and (max-height:670px){.phone-film .phone-film-stage{padding:12px 14px;gap:8px}.phone-film .assistant-intro h2{font-size:27px}}
@media(min-width:901px) and (max-height:700px){.phone-film .phone-film-stage{min-height:500px}.phone-film .assistant-intro h2{font-size:44px}.film-benefit{padding:18px 0}}
/* The next pinned scene dissolves in at the same viewport position. */
.phone-film.film-handoff .phone-film-wash{display:block;position:absolute;inset:0;z-index:5;pointer-events:none;background:#fff;opacity:var(--handoff-white,0)}
.phone-film.film-handoff+#process{position:relative;z-index:6;margin-top:-100svh;background:transparent;opacity:var(--handoff-reveal,0)}
.phone-film.film-handoff+#process .story-stage{background:#fff;transform:translateY(var(--handoff-shift,0px))}
@media(prefers-reduced-motion:reduce){.phone-film.film-handoff+#process{margin-top:0;opacity:1}.phone-film.film-handoff+#process .story-stage{transform:none}}