[data-app-banner]{container-type:inline-size;container-name:app-banner}[data-app-banner][data-show-phone=false] .app-banner-grid{grid-template-columns:1fr;min-height:0;padding-block:64px}.app-banner-phone{position:relative;transform:translate(var(--mobile-phone-x),var(--mobile-phone-y)) scale(var(--mobile-phone-scale)) var(--phone-depth,rotateY(0deg)) rotate(calc(var(--mobile-phone-rotation) + var(--mockup-angle,0deg)));transform-origin:center}.app-banner-frame{--phone-depth:rotateY(0deg);--phone-corner:36px;width:180px;border-radius:var(--phone-corner);border:1px solid #252627;background:linear-gradient(110deg,#343635,#b8bab5 3%,#171918 5%,#050606 15%,#111313 82%,#b0b2ad 97%,#383a37);padding:6px;box-shadow:inset 0 0 0 1px #b6b8b2,inset 0 0 0 2px #3d403c,inset 0 0 0 3px #080909,0 18px 34px -12px #062c5866}.app-banner-screen{position:relative;overflow:hidden;border-radius:calc(var(--phone-corner) - 7px);background:#f4f5f7;box-shadow:0 0 0 1px #000}.app-banner-hardware{position:absolute;inset:0;pointer-events:none}.app-banner-hardware span{position:absolute;border-radius:2px;background:linear-gradient(90deg,#292b28,#bfc0b9 45%,#4a4c48);border:1px solid #333530}.app-banner-hardware .phone-action{left:-3px;top:18%;height:5%;width:3px}.app-banner-hardware .phone-volume-up{left:-3px;top:27%;height:8%;width:3px}.app-banner-hardware .phone-volume-down{left:-3px;top:37%;height:8%;width:3px}.app-banner-hardware .phone-power{right:-3px;top:30%;height:12%;width:3px}.app-banner-hardware .phone-antenna{left:22%;bottom:0;height:2px;width:3px;border:0;background:#cbd0c7}.app-banner-frame:before{content:"";position:absolute;inset:2px;border-radius:calc(var(--phone-corner) - 2px);pointer-events:none;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff65}.app-banner-frame:after{content:"";position:absolute;top:2px;left:42%;width:16%;height:1px;border-radius:2px;background:#151715;pointer-events:none}.app-banner-full-png{width:260px;height:430px}@container app-banner (min-width: 768px){.app-banner-phone{transform:translate(var(--phone-x),var(--phone-y)) scale(var(--phone-scale)) var(--phone-depth,rotateY(0deg)) rotate(calc(var(--phone-rotation) + var(--mockup-angle,0deg)))}.app-banner-frame{width:248px;--phone-corner:42px}.app-banner-full-png{width:340px;height:510px}}[data-preview-device=mobile] .app-banner-grid{grid-template-columns:1fr;min-height:0;padding-top:40px;gap:32px}[data-preview-device=mobile] .app-banner-phone{transform:translate(var(--mobile-phone-x),var(--mobile-phone-y)) scale(var(--mobile-phone-scale)) var(--phone-depth,rotateY(0deg)) rotate(calc(var(--mobile-phone-rotation) + var(--mockup-angle,0deg)))}[data-preview-device=mobile] .app-banner-frame{width:180px}[data-preview-device=mobile] .app-banner-full-png{width:260px;height:430px}.app-banner-grid{padding-bottom:76px}.app-banner-title{font-size:clamp(2rem,5.2cqw,4.25rem)}[data-preview-device=mobile] .app-banner-title{font-size:32px}[data-app-process]{container-type:inline-size}@container (max-width:639px){[data-process-steps]{grid-template-columns:1fr}}.app-banner-phone-stage{position:relative;width:100%;max-width:600px;container-type:inline-size;container-name:app-phone-stage}.app-banner-phone-space{display:flex;justify-content:center;padding-top:var(--mobile-phone-space-before);padding-bottom:var(--mobile-phone-space-after)}.app-banner-info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}.app-banner-info-cards>li{min-width:0;border:1px solid #FFFFFFBD;border-radius:18px;padding:12px 10px;background:#ffffffc7;color:#06376d;box-shadow:0 8px 24px #062c5812,inset 0 1px #ffffffb3;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;text-align:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-banner-info-cards>li:nth-child(2){background:#dfeeffcf;border-color:#ecf5ff}@container app-banner (min-width:768px){.app-banner-phone-space{padding-top:var(--phone-space-before);padding-bottom:var(--phone-space-after)}@container app-phone-stage (min-width:580px){[data-float-desktop=true] .app-banner-info-cards{position:absolute;inset:0;margin:0;display:block;pointer-events:none}[data-float-desktop=true] .app-banner-info-cards>li{position:absolute;width:120px;padding:14px 10px}[data-float-desktop=true] .app-banner-info-cards>li:nth-child(1){top:15%;left:0}[data-float-desktop=true] .app-banner-info-cards>li:nth-child(2){top:42%;right:0}[data-float-desktop=true] .app-banner-info-cards>li:nth-child(3){top:70%;left:0}}}[data-preview-device=mobile] .app-banner-phone-space{padding-top:var(--mobile-phone-space-before);padding-bottom:var(--mobile-phone-space-after)}@supports not (backdrop-filter:blur(16px)){.app-banner-info-cards>li{background:#fffffff0}.app-banner-info-cards>li:nth-child(2){background:#e7f1fff2}}.app-banner-frame[data-mockup-variant=perspective]{--phone-depth:perspective(1000px) rotateY(-18deg);--mockup-angle:3deg}.app-banner-hardware .phone-depth-edge{display:none}[data-mockup-variant=perspective] .app-banner-hardware .phone-depth-edge{display:block;right:-6px;top:4%;height:92%;width:6px;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#1b1d1c,#757873 35%,#121413);box-shadow:1px 0 2px #fff6}.app-banner-model-thumbnail{display:block;width:48px;padding:2px;border:1px solid #91968F;border-radius:11px;background:#111313;box-shadow:0 4px 8px #062c5833}.app-banner-model-thumbnail img{display:block;width:100%;border-radius:8px}.app-banner-model-thumbnail[data-model=perspective]{transform:perspective(500px) rotateY(-18deg) rotate(12deg);box-shadow:4px 1px #30352f,6px 5px 12px #062c5833}[data-app-banner]{--banner-viewport-height:calc(100vh - var(--banner-reserved-height,72px))}@supports (height:100svh){[data-app-banner]{--banner-viewport-height:calc(100svh - var(--banner-reserved-height,72px))}}[data-app-banner][data-has-photo=true]{display:grid;grid-template-columns:minmax(0,1fr)}[data-app-banner]>.app-banner-photo{transform:none}[data-app-banner][data-has-photo=true]>.app-banner-grid{grid-area:1/1;width:100%}[data-app-banner][data-background-mode=fit][data-has-photo=true]>.app-banner-photo{grid-area:1/1;align-self:center;width:100%;height:auto;max-height:none;object-fit:contain}[data-app-banner][data-background-mode=fit][data-has-photo=true]>.app-banner-grid{min-height:0}[data-app-banner][data-background-mode=fill]>.app-banner-photo,[data-app-banner][data-background-mode=fullscreen]>.app-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-x,50%) var(--photo-y,50%)}[data-app-banner][data-background-mode=fullscreen]>.app-banner-grid{min-height:max(260px,var(--banner-viewport-height))}[data-app-banner][data-banner-device=mobile][data-background-mode=fit][data-has-photo=true]>.app-banner-photo{grid-area:2/1;align-self:start}[data-app-banner][data-banner-device=mobile][data-background-mode=fit][data-has-photo=true]>.app-banner-grid{grid-area:1/1;color:var(--photo-mobile-text)}[data-app-banner][data-banner-device=mobile][data-background-mode=fill]>.app-banner-photo,[data-app-banner][data-banner-device=mobile][data-background-mode=fullscreen]>.app-banner-photo{object-position:var(--photo-mobile-x,50%) var(--photo-mobile-y,50%)}[data-app-banner][data-banner-device=mobile][data-has-photo=true][data-mobile-photo-layout=stacked]>.app-banner-grid{grid-area:1/1;min-height:0;color:var(--photo-mobile-text)}[data-app-banner][data-banner-device=mobile][data-has-photo=true][data-mobile-photo-layout=stacked]>.app-banner-photo{grid-area:2/1;position:relative;inset:auto;align-self:start;width:100%;object-position:var(--photo-mobile-x,50%) var(--photo-mobile-y,50%)}[data-app-banner][data-banner-device=mobile][data-has-photo=true][data-mobile-photo-layout=stacked]>.app-banner-photo-overlay{display:none}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=stacked][data-mobile-background-mode=fit]>.app-banner-photo{height:auto;object-fit:contain}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=stacked][data-mobile-background-mode=fill]>.app-banner-photo{height:360px;object-fit:cover}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=stacked][data-mobile-background-mode=fullscreen]>.app-banner-photo{height:max(220px,calc(var(--banner-viewport-height) - var(--banner-copy-height,0px)));object-fit:cover}[data-app-banner][data-banner-device=mobile][data-has-photo=true][data-mobile-photo-layout=overlay]>.app-banner-grid{grid-area:1/1}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=overlay][data-mobile-background-mode=fit]>.app-banner-photo{position:relative;grid-area:1/1;height:auto;object-fit:contain}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=overlay][data-mobile-background-mode=fill]>.app-banner-photo,[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=overlay][data-mobile-background-mode=fullscreen]>.app-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-app-banner][data-banner-device=mobile][data-mobile-photo-layout=overlay][data-mobile-background-mode=fullscreen]>.app-banner-grid{min-height:max(260px,var(--banner-viewport-height))}[data-app-banner][data-cms-layout=free]{display:block;min-height:640px}[data-app-banner][data-cms-layout=free]>.app-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}[data-app-banner][data-cms-layout=free][data-banner-device=desktop][data-background-mode=fill]>.app-banner-photo,[data-app-banner][data-cms-layout=free][data-banner-device=desktop][data-background-mode=fullscreen]>.app-banner-photo,[data-app-banner][data-cms-layout=free][data-banner-device=mobile][data-mobile-background-mode=fill]>.app-banner-photo,[data-app-banner][data-cms-layout=free][data-banner-device=mobile][data-mobile-background-mode=fullscreen]>.app-banner-photo{object-fit:cover}[data-app-banner][data-cms-layout=free]>.app-banner-photo-overlay{display:block}[data-app-banner][data-cms-layout=free] .app-banner-grid,[data-app-banner][data-cms-layout=free] .app-banner-grid>div,[data-app-banner][data-cms-layout=free] [data-app-store-preview],[data-app-banner][data-cms-layout=free] [data-app-store-preview]>div,[data-app-banner][data-cms-layout=free] [data-app-phone-mockup],[data-app-banner][data-cms-layout=free] .app-banner-phone-stage,[data-app-banner][data-cms-layout=free] .app-banner-phone-space{display:contents}[data-app-banner][data-cms-layout=free] .app-banner-title{position:absolute;left:5%;top:6%;width:90%;margin:0}[data-app-banner][data-cms-layout=free] [data-cms-id$="::AppFeaturesPreview.6"]{position:absolute;left:5%;top:28%;margin:0}[data-app-banner][data-cms-layout=free] [data-cms-id$="::AppFeaturesPreview.7"]{position:absolute;left:5%;top:40%;margin:0}[data-app-banner][data-cms-layout=free] [data-cms-id$="::AppFeaturesPreview.8"]{position:absolute;left:53%;top:39%;margin:0}[data-app-banner][data-cms-layout=free] .app-banner-phone{position:absolute;left:calc(50% - 90px);top:52%}[data-app-banner][data-cms-layout=free] .app-banner-full-png{left:calc(50% - 130px)}[data-app-banner][data-cms-layout=free] .app-banner-info-cards{position:absolute;inset:auto 5% 5%;display:grid;margin:0}[data-app-banner][data-cms-layout=free] .app-banner-info-cards>li{position:static;width:auto}[data-app-banner][data-cms-layout=free] figcaption{position:absolute;left:5%;bottom:1%;max-width:90%;margin:0}[data-app-banner][data-cms-layout=free][data-banner-device=mobile]{min-height:1000px}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] .app-banner-title{left:6%;top:25%;width:48%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] [data-cms-id$="::AppFeaturesPreview.6"]{left:6%;top:59%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] [data-cms-id$="::AppFeaturesPreview.7"]{left:6%;top:73%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] [data-cms-id$="::AppFeaturesPreview.8"]{left:23%;top:72%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] .app-banner-phone{left:69%;top:8%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] .app-banner-info-cards{inset:auto 5% 5% 56%}[data-app-banner][data-cms-layout=free][data-banner-device=desktop] figcaption{left:69%}