@supports (animation-timeline:view()) and (timeline-scope:--pf-cover){main:has(>#both-platforms){timeline-scope:--pf-cover}#both-platforms{view-timeline:--pf-cover block}@media (min-width:768px) and (prefers-reduced-motion:no-preference){main:has(>#both-platforms) [data-curtain-kind=hero] .phone-row>.phone-cell{animation-timeline:--pf-cover;animation-range:cover -30vh cover 100vh}}}.pf-seg{--seg-col:84px;grid-template-columns:var(--seg-col) var(--seg-col);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);height:40px;padding:4px;display:inline-grid;position:relative}.pf-seg-pill{width:var(--seg-col);border-radius:var(--radius-full);background-color:var(--bg-surface);transition:translate var(--motion-default);position:absolute;top:4px;bottom:4px;left:4px}:root[data-theme=dark] .pf-seg-pill{background-color:color-mix(in srgb, var(--text-primary) 11%, transparent)}.pf-seg-label{border-radius:var(--radius-full);height:32px;font-size:13px;line-height:18px;font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--motion-state);justify-content:center;align-items:center;display:inline-flex;position:relative}.pf-seg-input{appearance:none;border-radius:inherit;cursor:pointer;background:0 0;border:0;margin:0;position:absolute;inset:0}.pf-seg-label:has(.pf-seg-input:checked){color:var(--text-primary);cursor:default}@media (pointer:coarse){.pf-seg-label:after{content:"";position:absolute;inset:-6px 0}}.pf-seg-label:has(.pf-seg-input:focus-visible){outline:2px solid var(--action-primary);outline-offset:2px}.pf-seg[data-axis=platform]{--seg-col:96px}.pf-seg:has(.pf-seg-input:is([value=system],[value=m3]):checked) .pf-seg-pill{translate:var(--seg-col) 0}@media (hover:hover) and (pointer:fine){.pf-seg-label:not(:has(.pf-seg-input:checked)):hover{color:var(--text-primary)}}.pb-stage{padding:var(--space-xl) var(--shell-inset);border-top:var(--layout-hairline) solid var(--border-subtle);justify-items:center;display:grid}@media (min-width:768px){.pb-stage{padding-block:var(--space-2xl)}}.pb{justify-items:center;gap:var(--space-xl);width:100%;display:grid}.pb-controls{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.pb-slot{place-items:start center;display:grid}.pb-side{justify-items:center;gap:var(--space-md);transition:opacity var(--dur-slow) var(--ease-standard), visibility var(--dur-slow);grid-area:1/1;margin:0;display:grid}.pb-side[data-platform=m3]{opacity:0;visibility:hidden}.pb:has(.pf-seg-input[value=m3]:checked) .pb-side[data-platform=ios]{opacity:0;visibility:hidden}.pb:has(.pf-seg-input[value=m3]:checked) .pb-side[data-platform=m3]{opacity:1;visibility:visible}.pb-shot{display:grid;position:relative}.pb-shot[data-platform=ios]{width:299px}.pb-shot[data-platform=m3]{width:313px}.pb-mode{transition:opacity var(--dur-slow) var(--ease-standard);grid-area:1/1;display:block}.pb-mode>img{width:100%;height:auto;display:block}.pb-mode[data-mode=system]{opacity:0}.pb:has(.pf-seg-input[value=system]:checked) .pb-mode[data-mode=brand]{opacity:0}.pb:has(.pf-seg-input[value=system]:checked) .pb-mode[data-mode=system]{opacity:1}.pb-cap{gap:var(--space-2xs);max-width:300px;color:var(--text-secondary);font-size:var(--font-size-body-sm);text-align:center;display:grid}.pb-cap-k{color:var(--text-primary);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion:reduce){.pf-seg-pill,.pb *{transition:none!important}}.pm{gap:var(--space-2xl);width:100%;display:grid}.pm-table{border-collapse:collapse;table-layout:fixed;width:100%}.pm-head{padding-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-body-md);font-weight:var(--font-weight-medium)}.pm-head[data-side=ios]{text-align:right}.pm-head[data-side=m3]{text-align:left}.pm-axis{width:128px}@media (min-width:768px){.pm-axis{width:240px}}.pm-row>*{padding-block:var(--space-md);border-top:var(--layout-hairline) solid var(--border-subtle);vertical-align:middle}.pm-k{padding-inline:var(--space-xs);color:var(--text-primary);font-size:var(--font-size-body-sm);line-height:20px;font-weight:var(--font-weight-medium);text-align:center}.pm-note{color:var(--text-tertiary);font-size:var(--font-size-body-xs);margin-top:4px;font-weight:400;line-height:16px;display:block}.pm-cell{gap:var(--space-2xs);flex-direction:column;display:flex}.pm-val[data-side=ios] .pm-cell{align-items:flex-end}.pm-val[data-side=m3] .pm-cell{align-items:flex-start}.pm-n{color:var(--text-primary);font-size:var(--font-size-h5);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.pm-bar{width:calc(100% * var(--pm-share));border-radius:var(--radius-full);background-color:var(--text-primary);height:8px;display:block}.pm-val[data-side=ios] .pm-bar{transform-origin:100%}.pm-val[data-side=m3] .pm-bar{transform-origin:0}@media (min-width:768px){.pm-val[data-side] .pm-cell{align-items:center;gap:var(--space-sm);flex-direction:row}.pm-val[data-side=ios] .pm-cell{justify-content:flex-end}.pm-val[data-side=m3] .pm-cell{flex-direction:row-reverse;justify-content:flex-end}.pm-n{min-width:5rem;font-size:var(--font-size-h4);flex:none}.pm-val[data-side=ios] .pm-n{text-align:right}.pm-bar{width:calc((100% - 5rem - var(--space-sm)) * var(--pm-share));flex:none}}@keyframes pm-grow{0%{scale:0 1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pm-bar{animation:linear both pm-grow;animation-timeline:view();animation-range:entry 10% cover 40%}}}.pm-plates{gap:var(--space-sm);display:grid}@media (min-width:768px){.pm-plates{grid-template-columns:repeat(2,minmax(0,1fr))}}.pm-plate{border-radius:var(--card-radius,var(--radius-2xl));background-color:var(--bg-inset);grid-template-rows:auto 1fr;margin:0;display:grid;overflow:hidden}.pm-draw{justify-items:center;display:grid}.pm-draw>img{width:100%;max-width:564px;height:auto;display:block}.pm-cap{align-content:start;gap:var(--space-2xs);padding:0 var(--space-md) var(--space-md);color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:1.5;display:grid}.pm-cap-k{color:var(--text-primary);font-size:var(--font-size-h6);line-height:1.3;font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-bottom:2px}.pm-cap-row{gap:var(--space-2xs);grid-template-columns:84px minmax(0,1fr);display:grid}.pm-cap-p{color:var(--text-primary)}.pm-docs{justify-content:center;gap:var(--space-2xs) var(--space-md);color:var(--text-secondary);font-size:var(--font-size-body-sm);flex-wrap:wrap;margin:0;display:flex}.pf-shot{width:100%;height:auto;display:block}.pf-shot[data-theme-img=dark],:root[data-theme=dark] .pf-shot[data-theme-img=light]{display:none}:root[data-theme=dark] .pf-shot[data-theme-img=dark]{display:block}.pf-well{aspect-ratio:3/2;width:100%}.pl-shot{border-radius:var(--radius-xl);width:100%;max-width:576px;display:block;overflow:hidden}