.ap-hero{gap:var(--sp-10);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;display:grid}.ap-hero__text{gap:var(--sp-4);justify-items:start;max-width:620px;display:grid}.ap-hero__text h1{margin:0}.ap-hero__note{font-size:var(--fs-sm);color:var(--text-muted)}.ap-hero__visual{padding-bottom:var(--sp-8);justify-content:center;align-items:flex-start;display:flex;position:relative}.ap-hero__visual .phone{--phone-w:270px}.ap-hero__visual .phone--back{--phone-w:230px;margin-top:var(--sp-12);margin-right:-64px}.ap-hero__visual .phone:not(.phone--back){z-index:1}.ap-appicon{z-index:2;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);margin:0;display:flex;position:absolute;bottom:0;left:max(0px,50% - 250px)}.ap-appicon img{border-radius:var(--r-md);width:56px;height:56px}.ap-appicon figcaption{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-muted);display:grid}.ap-appicon b{font-size:var(--fs-sm);color:var(--heading)}@media (max-width:899px){.ap-hero{gap:var(--sp-8);grid-template-columns:minmax(0,1fr)}.ap-hero__visual .phone{--phone-w:210px}.ap-hero__visual .phone--back{--phone-w:180px;margin-right:-48px}.ap-appicon{left:0}}.ap-shots-head{margin-bottom:var(--sp-6)}.ap-shots-head .pm-section-title{margin-bottom:0}@property --ap-fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --ap-fade-r{syntax:"<length>";inherits:false;initial-value:0}.ap-shots{--ap-fade-r:var(--gutter);gap:var(--sp-6);margin:0 calc(-1 * var(--gutter));scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--ap-fade-l), var(--text) calc(100% - var(--ap-fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--text) var(--ap-fade-l), var(--text) calc(100% - var(--ap-fade-r)), transparent);mask-image:linear-gradient(to right, transparent, var(--text) var(--ap-fade-l), var(--text) calc(100% - var(--ap-fade-r)), transparent);transition:--ap-fade-l var(--dur-2) var(--ease), --ap-fade-r var(--dur-2) var(--ease);grid-auto-columns:232px;grid-auto-flow:column;display:grid;position:relative;overflow-x:auto}.ap-shots[role=list]{padding:var(--sp-2) var(--gutter) var(--sp-3)}.ap-shots:is([data-edges=mid],[data-edges=end]){--ap-fade-l:var(--gutter)}.ap-shots:is([data-edges=end],[data-edges=fit]){--ap-fade-r:0px}.ap-shots[data-edges]{scrollbar-width:none}.ap-shots[data-edges]::-webkit-scrollbar{display:none}.ap-shot{gap:var(--sp-3);scroll-snap-align:start;align-content:start;margin:0;display:grid}.ap-shot .phone{--phone-w:232px;box-shadow:var(--shadow-md), inset 0 0 0 1px var(--border-strong)}.ap-shot figcaption{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-muted);gap:2px;display:grid}.ap-shot figcaption b{color:var(--heading);font-size:var(--fs-md)}.ap-dots{margin-top:var(--sp-1);flex-wrap:wrap;justify-content:center;display:flex}.ap-dots button{border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.ap-dots button:before{content:"";border-radius:var(--r-pill);background:var(--border-strong);width:14px;height:4px;transition:width var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease)}.ap-dots button[data-in-view]:before{background:var(--brand-mid);width:22px}.ap-dots button[aria-current=true]:before{background:var(--brand);width:28px}@media (hover:hover){.ap-dots button:not([data-in-view]):hover:before{background:var(--brand-mid)}}@media (max-width:639px){.ap-shots{gap:var(--sp-4);grid-auto-columns:200px}.ap-shot .phone{--phone-w:200px}}@media (prefers-reduced-motion:reduce){.ap-shots{scroll-behavior:auto;transition:none}.ap-dots button:before{transition:none}}.ap-steps{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-steps .pm-box{scroll-margin-top:calc(var(--header-h) + var(--sp-4))}.ap-steps__platform{align-items:center;gap:var(--sp-3);margin:0;display:flex}.ap-steps__platform .i{width:28px;height:28px;color:var(--heading)}.ap-steps__platform small{font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--text-muted);display:block}.ap-steps ol{gap:var(--sp-3);counter-reset:ap-step;margin:0;padding:0;list-style:none;display:grid}.ap-steps li{gap:var(--sp-3);counter-increment:ap-step;grid-template-columns:32px minmax(0,1fr);align-items:start;display:grid}.ap-steps li:before{content:counter(ap-step);border-radius:var(--r-pill);background:var(--brand-tint);width:32px;height:32px;color:var(--brand-mid);font-weight:var(--fw-black);place-items:center;display:grid}.ap-steps li .i{vertical-align:-3px;width:18px;height:18px;color:var(--brand-mid);display:inline-block}.ap-steps__note{font-size:var(--fs-sm);color:var(--text-muted)}@media (max-width:1099px){.ap-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.ap-steps{grid-template-columns:minmax(0,1fr)}}.ap-steps>.ap-steps__more{display:none}html[data-platform] .ap-steps>.ap-steps__more{order:-1;grid-column:1/-1;justify-self:start;display:inline-flex}.ap-steps__more .i{transition:transform var(--dur-2) var(--ease)}.ap-steps__more[aria-expanded=true] .i{transform:rotate(180deg)}html[data-platform=ios] .ap-steps>[data-app-step=ios],html[data-platform=mac] .ap-steps>[data-app-step=mac],html[data-platform=android] .ap-steps>[data-app-step=android]{border-color:var(--brand-mid);box-shadow:inset 0 0 0 1px var(--brand-mid), var(--shadow-md);order:-2;grid-column:1/-1}html[data-platform=ios] .ap-steps:not([data-open])>:is([data-app-step=mac],[data-app-step=android]),html[data-platform=mac] .ap-steps:not([data-open])>:is([data-app-step=ios],[data-app-step=android]),html[data-platform=android] .ap-steps:not([data-open])>:is([data-app-step=ios],[data-app-step=mac]),html[data-platform=ios] .ap-hero [data-app-badge=android],html[data-platform=mac] .ap-hero [data-app-badge=android],html[data-platform=android] .ap-hero [data-app-badge=ios]{display:none}@media (min-width:768px){html[data-platform] .ap-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){html[data-platform=ios] [data-app-step=ios] ol,html[data-platform=mac] [data-app-step=mac] ol,html[data-platform=android] [data-app-step=android] ol{column-gap:var(--sp-8);grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}@media (prefers-reduced-motion:reduce){.ap-steps__more .i{transition:none}}.ap-steps__more[aria-expanded=true] .ap-steps__show,.ap-steps__more:not([aria-expanded=true]) .ap-steps__hide{display:none}