.film-launch{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cbdff7;background:linear-gradient(110deg,#fff,#eaf4ff);color:#123fc0;border-radius:12px;padding:12px 18px;font:inherit;cursor:pointer}.film-launch span{font-size:13px;color:#617e9e}#family-film{padding:0;border:1px solid #ffffff25;border-radius:27px;width:min(1160px,96vw);max-width:1160px;max-height:94dvh;overflow:hidden;background:#101e37;color:white;box-shadow:0 25px 100px #00152b70}#family-film::backdrop{background:#071628db}.film-shell{display:flex;flex-direction:column;max-height:94dvh;overflow:hidden}.film-top{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:15px 23px;border-bottom:1px solid #ffffff18;background:#101e37;flex-shrink:0}.film-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700}.film-brand img{border-radius:8px}.film-brand>span{font-weight:400;color:#9eb7d8;font-size:12px}.film-top button,.film-controls button,.onboard-bottom button{font:inherit;cursor:pointer;border:1px solid #9bc7f343;background:#ffffff08;color:#deebff;border-radius:10px;padding:9px 15px;font-size:14px}.film-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:34px 58px;min-height:0;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 95% 5%,#4677bd66,transparent 55%),linear-gradient(125deg,#122b49,#192d53 55%,#16445c);flex:1}.film-stage:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M60 0H0v60' fill='none' stroke='%23ffffff' stroke-opacity='.04'/%3E%3C/svg%3E")}.film-orbit{position:absolute;right:-160px;top:-100px;width:700px;height:700px;border:1px solid #a4deff18;border-radius:50%;pointer-events:none;z-index:-1}.orbit-two{width:530px;height:530px;right:-80px;top:0}.film-copy{position:relative;z-index:2;min-width:0}.film-copy>span{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#90dfff;display:block;margin-bottom:22px}.film-copy h2{font-size:clamp(35px,4vw,56px);line-height:1.07;letter-spacing:-.7px;color:white;margin:0 0 23px;text-wrap:balance}.onboard-word{display:inline-block;margin-right:.18em}.film-copy p{color:#bfd1ec;font-size:21px;line-height:1.5;margin:0;max-width:440px}.film-copy p .onboard-word{margin-right:.22em}.film-slogan{display:flex;align-items:center;gap:10px;margin-top:24px;color:#c7f5e9;font-size:16px}.slogan-check{display:grid;place-items:center;border:1px solid #82d8c866;width:26px;height:26px;border-radius:50%;flex-shrink:0}.feature-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.feature-tag{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #c3e4ff35;border-radius:11px;background:#65b4d514;color:#e5f4ff;font-size:13px;max-width:100%}.feature-tag b{font-weight:500}.feature-tag>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#8ce8cc;color:#164344;font-size:17px}.tag-bottom>span{background:#9acfff;color:#153d71}.film-try{display:inline-flex;align-items:center;gap:25px;font-size:16px;font-weight:700;color:#153454;padding:11px 18px;background:linear-gradient(110deg,#9febef,#abcaff);border-radius:11px;margin-top:24px}.phone-scene{position:relative;min-height:515px;display:flex;align-items:center;justify-content:center;perspective:1100px;min-width:0}.showcase-phone{position:relative;flex-shrink:0;width:276px;height:510px;border-radius:36px;border:2px solid #9fbedc;background:#0a1426;box-shadow:10px 14px 0 #07172c,18px 30px 45px #00152d60;transform:rotate(-6deg) rotateY(-12deg);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.showcase-phone iframe{position:absolute;left:9px;top:13px;width:340px;height:644px;transform:scale(.74706);transform-origin:top left;border:0;border-radius:33px;background:white;pointer-events:none}.phone-island{position:absolute;z-index:3;left:calc(50% - 35px);top:10px;width:70px;height:15px;border-radius:0 0 12px 12px;background:#0a1426}.phone-glass{position:absolute;inset:0;border:1px solid #d8edff50;border-radius:36px;pointer-events:none}.phone-halo{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#85c9ed25,transparent 70%)}.phone-pointer{position:absolute;left:-9px;top:150px;width:65px;height:45px;color:#8fe8ef;z-index:3}.film-stage[data-scene="1"] .showcase-phone{transform:rotate(5deg) rotateY(12deg)}.film-stage[data-scene="2"] .showcase-phone{transform:rotate(-3deg) rotateY(5deg)}.film-stage[data-scene="3"] .showcase-phone{transform:rotate(4deg) rotateY(-8deg)}.film-stage[data-scene="4"] .showcase-phone{transform:rotate(-5deg) rotateY(10deg)}.film-stage[data-scene="5"] .showcase-phone{transform:rotate(3deg) rotateY(-5deg)}.film-stage[data-scene="6"] .showcase-phone{transform:rotate(-2deg) rotateY(8deg)}.film-stage[data-scene="7"] .showcase-phone{transform:rotate(0) rotateY(0)}.film-stage[data-scene="7"]{background:radial-gradient(ellipse at 95% 5%,#25716b66,transparent 55%),linear-gradient(125deg,#103445,#1c3c5e)}.film-stage[data-scene="7"] h2{color:#b4f4dc}.film-controls{max-width:none;margin:0;display:flex;flex-direction:row!important;align-items:center!important;gap:17px;padding:15px 23px;background:#101e37;border-top:1px solid #ffffff18;flex-shrink:0;color:#a9c1df}.film-controls #film-back:disabled{opacity:.35;cursor:default}.film-timeline{display:flex;gap:6px;flex:1;align-items:center}.film-timeline button{height:6px;min-width:0;flex:1;border:0;border-radius:5px;background:#354c6b;padding:0}.film-timeline button.done{background:#73b2cd}.film-timeline button.active{height:9px;background:#b0f3ef}#onboard-count{font-size:13px;white-space:nowrap}.film-controls .onboard-next{background:linear-gradient(110deg,#a5ede4,#b0d4ff);color:#123447;border:0;font-weight:700;min-width:125px;padding:12px 19px}.onboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px 13px;color:#8fa9ca;font-size:11px;flex-shrink:0}.onboard-bottom button{border:0;font-size:12px;padding:4px 0;background:none;color:#a0def1}.onboard-enter .onboard-word{animation:onboard-text .65s both}.onboard-enter h2 .onboard-word:nth-child(2){animation-delay:.07s}.onboard-enter h2 .onboard-word:nth-child(3){animation-delay:.14s}.onboard-enter h2 .onboard-word:nth-child(4){animation-delay:.21s}.onboard-enter h2 .onboard-word:nth-child(5){animation-delay:.28s}.onboard-enter p .onboard-word{animation-duration:.85s;animation-delay:.18s}.onboard-enter .film-slogan{animation:onboard-text .7s .32s both}.onboard-enter .tag-top{animation:onboard-text .7s .4s both}.onboard-enter .tag-bottom{animation:onboard-text .7s .52s both}.onboard-enter .phone-scene{animation:onboard-phone .85s cubic-bezier(.2,.75,.2,1) both}@keyframes onboard-text{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes onboard-phone{from{opacity:0;translate:35px 16px;scale:.95}to{opacity:1;translate:0 0;scale:1}}@media(max-width:850px){.film-stage{padding:28px 32px;gap:25px}.film-copy h2{font-size:42px}.film-copy p{font-size:19px}.film-brand>span{display:none}.feature-tag{font-size:11px}.phone-pointer{left:-14px;width:50px}}@media(max-width:600px){#family-film{border-radius:20px;width:96vw}.film-top{padding:10px 14px}.film-brand{font-size:19px}.film-brand img{width:26px;height:26px}.film-top button{font-size:12px;padding:8px 11px}.film-stage{display:block;padding:27px 22px 18px}.film-copy{text-align:center}.film-copy>span{font-size:10px;letter-spacing:1px;margin-bottom:14px}.film-copy h2{font-size:35px;margin-bottom:17px}.film-copy p{font-size:18px;line-height:1.45}.film-slogan{justify-content:center;font-size:14px;margin-top:19px}.feature-tags{justify-content:center;margin-top:14px}.feature-tag{font-size:11px;padding:7px 9px}.film-try{font-size:14px;margin-top:17px}.phone-scene{height:350px;min-height:350px;margin-top:18px}.showcase-phone{scale:.65;margin-block:-90px}.phone-halo{width:240px;height:240px}.phone-pointer{left:10px;top:100px}.film-controls{padding:12px 14px;gap:10px;flex-wrap:wrap}.film-timeline{order:5;flex-basis:100%;margin-top:4px}.film-controls #film-back{font-size:12px;padding:9px 11px}.film-controls #onboard-count{margin-left:auto;font-size:12px}.film-controls .onboard-next{min-width:105px;font-size:14px;padding:11px 15px}.onboard-bottom{padding:0 14px 10px;gap:8px}.onboard-bottom span{font-size:9px;max-width:150px}.onboard-bottom button{font-size:11px}}@media(max-height:650px) and (min-width:601px){.film-stage{padding-block:20px}.phone-scene{min-height:350px;height:350px}.showcase-phone{scale:.66}.film-copy h2{font-size:35px}.film-copy p{font-size:17px}.film-copy>span{margin-bottom:12px}.film-slogan{margin-top:15px;font-size:13px}.feature-tags{margin-top:12px}.film-try{font-size:14px;margin-top:14px}.film-top{padding-block:9px}.film-controls{padding-block:10px}}@media(prefers-reduced-motion:reduce){#family-film *{animation:none!important;transition:none!important}}#family-film.film-light *{animation:none!important;transition:none!important}

@media(max-width:600px){.film-stage{padding:23px 21px 12px}.film-copy h2{font-size:32px;margin-bottom:14px}.film-copy>span{margin-bottom:11px}.film-copy p{font-size:17px}.film-slogan{margin-top:14px;font-size:13px}.feature-tags,.film-try{display:none}.phone-scene{height:260px;min-height:260px;margin-top:13px}.showcase-phone{scale:.48}.phone-pointer{width:45px;top:70px}}@media(max-width:600px) and (max-height:780px){.phone-scene{height:210px;min-height:210px}.showcase-phone{scale:.4}.film-stage{padding-block:18px 10px}.film-copy h2{font-size:29px}.film-copy p{font-size:16px}}