header{justify-content:space-between}.film-intro{padding:65px 0 45px;max-width:850px}.film-intro p:not(.eyebrow){font-size:20px;color:var(--muted);max-width:720px}.film{border-top:1px solid var(--line);padding:45px 0 55px}.film-heading{max-width:850px}.film-heading h2{font-size:40px}.film-heading>p:last-child{color:var(--muted)}.film-pair{display:grid;grid-template-columns:minmax(250px,440px) minmax(300px,1fr);align-items:center;justify-content:center;gap:75px;padding:30px;background:radial-gradient(ellipse at right,#e7f6f5,#f8fbfa);border-radius:26px}.film-pair video{display:block;width:100%;max-height:690px;aspect-ratio:9/16;object-fit:contain;border-radius:20px;background:#f1f6f3}.film-phone{position:relative;width:300px;height:620px;max-width:100%;margin:auto;background:#fff;border:7px solid #20252a;outline:2px solid #8b9398;border-radius:46px;overflow:hidden;box-shadow:0 25px 50px #123e6015;color:#123e60;line-height:1.4}.film-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:24px;width:85px;background:#101214;border-radius:20px}.film-status{display:flex;justify-content:space-between;font-size:11px;padding:16px 22px;height:43px}.film-screen{padding:9px 18px}.film-app-logo{height:65px;width:200px;position:relative;margin:0 auto 12px;overflow:hidden}.film-app-logo img{position:absolute;width:244px;height:122px;left:-22px;top:-25px;max-width:none;object-fit:contain}.film-person{padding:8px;background:#eaf5f2;border-radius:8px;font-size:11px;text-align:center;margin-bottom:25px}.film-screen h3{font-size:25px;line-height:1.2;margin:0 0 15px;letter-spacing:-.5px}.film-screen>p{font-size:13px;color:var(--muted);line-height:1.6;min-height:42px}.film-tile{padding:16px 13px;background:#e7f4f2;border:1px solid #d7e9e6;border-radius:13px;font-size:14px;margin-top:12px}.film-tile.secondary{background:#07569a;color:white;border-color:#07569a}.film-sample{display:block;color:var(--muted);font-size:10px;margin-top:18px}.film-nav{position:absolute;bottom:20px;left:15px;right:15px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-around;font-size:9px;color:var(--muted)}.film-phone:after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#20252a;border-radius:5px}.film-note{font-size:13px;color:var(--muted);margin:20px 0 12px}.film-footer{padding-top:25px;padding-bottom:35px}@media(max-width:800px){.film-pair{grid-template-columns:1fr;gap:30px;padding:20px}.film-pair video{max-width:350px;margin:auto;max-height:620px}.film-intro{padding-top:40px}.film-intro h1{font-size:47px}.film-heading h2{font-size:32px}header .text-button{font-size:12px}}