:root{--ink: #0d0d0d;--ink-2: #5d5d5d;--ink-3: #8f8f8f;--line: rgba(0,0,0,.08);--line-2: rgba(0,0,0,.14);--soft: #f5f5f4;--bg: #fff;--bg0: rgba(255,255,255,0);--blue: #0071e3;--green: #34c759;--on-ink: #fff;--ink-hover: #2b2b2b;--pill-soft: rgba(0,0,0,.05);--pill-soft-h: rgba(0,0,0,.09);--nav-bg: rgba(255,255,255,.86);--dot: rgba(0,0,0,.14);--label: rgba(255,255,255,.85);--shadow: rgba(0,0,0,.16);--stk-sh: rgba(0,0,0,.2);--seg-on: #fff;--stk-sh-2: rgba(0,0,0,.35);--sans: "Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--display: "Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono: ui-monospace,"SF Mono",Menlo,Monaco,monospace;--hand: "Marker Felt","Bradley Hand","Segoe Print","Comic Sans MS",cursive;--ease: cubic-bezier(.2,.7,.2,1)}@media (prefers-color-scheme: dark){:root{--ink: #f2f2f3;--ink-2: #a1a1a6;--ink-3: #6e6e73;--line: rgba(255,255,255,.09);--line-2: rgba(255,255,255,.16);--soft: #161618;--bg: #0a0a0b;--bg0: rgba(10,10,11,0);--blue: #2b8cff;--green: #30d158;--on-ink: #0a0a0b;--ink-hover: #d9d9dc;--pill-soft: rgba(255,255,255,.08);--pill-soft-h: rgba(255,255,255,.14);--nav-bg: rgba(10,10,11,.84);--dot: rgba(255,255,255,.1);--label: rgba(0,0,0,.5);--shadow: rgba(0,0,0,.6);--stk-sh: rgba(0,0,0,.55);--seg-on: #3a3a3c;--stk-sh-2: rgba(0,0,0,.8)}}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: #fff;background: var(--bg);color: #0d0d0d;color: var(--ink);font: 17px/1.6 -apple-system,"Helvetica Neue",Arial,sans-serif;font: 17px/1.6 var(--sans);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img,svg{display: block;max-width: 100%}img{height: auto}a{color: inherit;text-decoration: none}h1,h2,h3,p,ol,ul,dl,dd,figure{margin: 0;padding: 0}ol,ul{list-style: none}b,strong{font-weight: 600}button{font: inherit}a:focus,button:focus,summary:focus{outline: 2px solid var(--blue);outline-offset: 3px}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;padding: 10px 16px;border-radius: 999px;background: var(--ink);color: var(--on-ink);font-size: 14px}.skip:focus{top: 12px}.a,.blk p a,.qa a,.callout a,.tbl a,.spec a{color: var(--blue)}.a:hover,.blk p a:hover,.qa a:hover{text-decoration: underline}.hand{font-family: var(--hand)}.btn{position: relative;z-index: 0;display: inline-block;height: 40px;padding: 0 20px 1px 16px;border: 1px solid #221898;border-radius: 999px;background: #a2c7ff;background-image: -webkit-linear-gradient(top,#edf4ff 0%,#d6e7ff 18%,#a2c7ff 50%,#99cbf8 80%,#a2d2f7 100%);background-image: linear-gradient(180deg,#edf4ff 0%,#d6e7ff 18%,#a2c7ff 50%,#99cbf8 80%,#a2d2f7 100%);border-color: #221898;color: #000;font: 500 18px/37px var(--sans);letter-spacing: -.54px;white-space: nowrap;text-shadow: 0 2px 2px rgba(255,255,255,.8);overflow: hidden;box-shadow: 0 10px 24px rgba(0,0,0,.12);-webkit-transition: opacity .15s,-webkit-transform .12s;transition: opacity .15s,transform .12s}.btn::before,.btn::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: inherit;pointer-events: none}.btn::before{z-index: -3;mix-blend-mode: screen;box-shadow: inset 0 -15px 2px -12px rgba(255,255,255,.25)}.btn::after{z-index: -2;mix-blend-mode: color-burn;box-shadow: inset 0 -8px 0 4px #b3b3b3}.btn .gl{position: absolute;z-index: -1;top: 3px;left: 12px;right: 12px;height: 12px;border-radius: 999px;background-image: -webkit-linear-gradient(top,rgba(255,255,255,.95),rgba(255,255,255,.04));background-image: linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.04));pointer-events: none}.btn:hover{opacity: .8}.btn:active{-webkit-transform: scale(.97);transform: scale(.97)}.btn--2,.os-old .app:first-child .btn{background: #ededed;background-image: -webkit-linear-gradient(top,#fbfbfb 0%,#ededed 42%,#e4e4e4 100%);background-image: linear-gradient(180deg,#fbfbfb 0%,#ededed 42%,#e4e4e4 100%);border-color: #626262}.os-old .app:last-child .btn{background: #a2c7ff;background-image: -webkit-linear-gradient(top,#edf4ff 0%,#d6e7ff 18%,#a2c7ff 50%,#99cbf8 80%,#a2d2f7 100%);background-image: linear-gradient(180deg,#edf4ff 0%,#d6e7ff 18%,#a2c7ff 50%,#99cbf8 80%,#a2d2f7 100%);border-color: #221898}.btn--sm{height: 34px;padding: 0 16px 1px 14px;font-size: 15px;line-height: 31px;letter-spacing: -.45px}.btn--sm .gl{top: 2px;left: 10px;right: 10px;height: 10px}.btn .pf,.btn svg{display: inline-block;width: 20px;height: 20px;margin: 0 10px 0 0;vertical-align: -4px}.btn svg[viewBox="0 0 24 24"]{width: 19px;height: 19px;vertical-align: -4px}.convo{margin: 0 0 30px}.say,.cols3 .say{position: relative;z-index: 0;display: table;max-width: 296px;margin: 0;padding: 12px 20px;border: 1px solid;border-radius: 26px;color: #000;font: 400 24px/1.35 var(--sans);letter-spacing: -.72px;text-align: left;text-shadow: 0 2px 2px rgba(255,255,255,.8);box-shadow: 0 8px 10px rgba(0,0,0,.11)}.say span{position: relative;z-index: 2}.say::before{content: "";position: absolute;z-index: 1;top: 3px;left: 16px;right: 16px;height: 12px;border-radius: 999px;background-image: -webkit-linear-gradient(top,rgba(255,255,255,.95),rgba(255,255,255,.04));background-image: linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.04));pointer-events: none}.say--q{background: #6fb2ff;background-image: -webkit-linear-gradient(top,#d6e8ff 0%,#6fb2ff 42%,#cfeaff 100%);background-image: linear-gradient(180deg,#d6e8ff 0%,#6fb2ff 42%,#cfeaff 100%);border-color: #0a4fc0}.say--a,.cols3 .say--a{margin-top: 30px;background: #6ddc8a;background-image: -webkit-linear-gradient(top,#dcf9e2 0%,#6ddc8a 42%,#dcf9e2 100%);background-image: linear-gradient(180deg,#dcf9e2 0%,#6ddc8a 42%,#dcf9e2 100%);border-color: #1d7a35;border-radius: 19px}.say.is-bub{padding: 13px 21px;border: 0;background: none;box-shadow: none}.say__shape{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.tlink{display: inline-block;color: var(--blue);font-weight: 500}.tlink svg{display: inline-block;width: 16px;height: 16px;margin-left: 4px;vertical-align: -2px;-webkit-transition: -webkit-transform .2s var(--ease);transition: transform .2s var(--ease)}.tlink:hover svg{-webkit-transform: translateX(3px);transform: translateX(3px)}.actions{margin-top: 32px}.actions .btn{margin: 0 10px 10px 0}.dl{margin-top: 40px}.dl--c{text-align: center}.dl__i{display: inline-block;margin: 0 6px 6px;vertical-align: top;text-align: center}.dl:not(.dl--c) .dl__i{margin: 0 12px 6px 0}.dl__i small{display: block;margin-top: 8px;font-size: 13px;color: var(--ink-3)}.dl__v{margin-top: 14px;font-size: 14px;color: var(--ink-2)}.top{position: -webkit-sticky;position: sticky;top: 0;z-index: 50;background: var(--nav-bg);-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px);border-bottom: 1px solid var(--line)}.top__in{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: 1180px;height: 64px;margin: 0 auto;padding: 0 24px}.top__brand img{width: 96px;height: auto}.top__links{margin-left: auto}.top__links a{display: inline-block;margin-left: 28px;font-size: 15px;color: var(--ink-2)}.top__links a:hover,.top__links a[aria-current]{color: var(--ink)}.top__get{margin-left: 28px}.mnav{display: none;position: relative;line-height: 0}.mnav summary{display: inline-block;vertical-align: top;list-style: none;cursor: pointer}.mnav summary::-webkit-details-marker{display: none}.mnav__panel{position: absolute;right: 0;top: 46px;width: 260px;padding: 10px;border-radius: 18px;line-height: 1.4;background: var(--bg);box-shadow: 0 0 0 1px var(--line-2),0 18px 40px -18px var(--shadow)}.mnav__panel a{display: block;padding: 13px 14px;border-radius: 12px;font-size: 18px;font-weight: 500;letter-spacing: -.2px}.mnav__panel a:hover{background: var(--soft)}@media (max-width: 819px){.top__in{padding: 0 16px}.top__links{display: none}.top__get{margin-left: auto;margin-right: 8px}.mnav{display: block}}.hero{position: relative;overflow: hidden;padding: 104px 24px 0;background-image: radial-gradient(var(--dot) 1px,transparent 1.4px);background-size: 28px 28px;background-position: 14px 14px}.hero::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 180px;background: -webkit-linear-gradient(top,var(--bg0),var(--bg));background: linear-gradient(to bottom,var(--bg0),var(--bg));pointer-events: none}.hero__c{position: relative;z-index: 2;text-align: center}.hero h1{font-weight: 600}.hero__word{display: block;font: 600 132px/.95 var(--display);letter-spacing: -.045em}.hero__word .hl{display: inline-block;-webkit-transition: -webkit-transform .6s cubic-bezier(.22,1,.36,1);transition: transform .6s cubic-bezier(.22,1,.36,1)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hero__word .hl:hover{-webkit-transform: translateY(-.08em);transform: translateY(-.08em);-webkit-transition-duration: .3s;transition-duration: .3s}}.hero__slogan{display: block;margin-top: 22px;font: 500 34px/1.2 var(--display);letter-spacing: -.025em}.hero__q{display: block;margin-top: 14px;font: 400 19px/1.4 var(--sans);letter-spacing: -.01em;color: var(--ink-2)}.duo{position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin: 64px auto 0;padding-bottom: 72px}.duo__imac{width: 520px;margin-right: 32px}.duo__mba{width: 252px}.duo img{width: 100%}.hero__deco{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;pointer-events: none}.stk{position: absolute;pointer-events: auto}.stk__p>*{-webkit-transition: -webkit-transform .45s cubic-bezier(.34,1.56,.64,1);transition: transform .45s cubic-bezier(.34,1.56,.64,1)}.stk:hover .stk__p>*{-webkit-transform: translateY(-6px) rotate(-4deg) scale(1.05);transform: translateY(-6px) rotate(-4deg) scale(1.05)}.stk img{-webkit-user-drag: none;pointer-events: none}.stk-on .stk{cursor: -webkit-grab;cursor: grab;touch-action: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0)}.stk-on .stk.is-drag{cursor: -webkit-grabbing;cursor: grabbing}.stk-on .s5{cursor: pointer}.stk--pop{z-index: 3}.is-drag .ww__c{-webkit-animation: spin 1.2s linear infinite !important;animation: spin 1.2s linear infinite !important}.mouse{-webkit-transition: -webkit-transform .12s ease;transition: transform .12s ease}.is-click .mouse{-webkit-transform: scale(.95);transform: scale(.95)}.is-click .mouse__btn{fill-opacity: .1}.s5 .ic__s{-webkit-transition: -webkit-transform .35s cubic-bezier(.34,1.56,.64,1);transition: transform .35s cubic-bezier(.34,1.56,.64,1)}.s5.is-open .ic__s{-webkit-transform: scale(1.1) rotate(-5deg);transform: scale(1.1) rotate(-5deg)}.tidy{position: absolute;right: 20px;top: 18px;z-index: 4;height: 30px;padding: 0 14px;border: 0;border-radius: 999px;background: rgba(0,0,0,.05);background: var(--pill-soft);color: #5d5d5d;color: var(--ink-2);font: 500 13px/30px var(--sans);cursor: pointer}.tidy:hover{background: var(--pill-soft-h);color: var(--ink)}.tidy[hidden]{display: none}.cut{display: block;-webkit-filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(0 5px 7px rgba(0,0,0,.2));filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(0 5px 7px var(--stk-sh))}.cut--img img{width: 100%}.cut .ic{width: auto;color: #1a1a1a}.cut .ic__s{width: 64px;-webkit-filter: none;filter: none}.cut .ic__s--floppy{width: 54px}.cut .ic__l{margin-top: 4px;background: #fff;font-size: 12px}.mouse{width: 66px}.ww{position: relative;display: block;width: 38px;height: 38px}.ww svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%}.ww__rim{-webkit-filter: drop-shadow(0 5px 7px rgba(0,0,0,.2));filter: drop-shadow(0 5px 7px var(--stk-sh))}.stk--card .card{padding: 6px;border-radius: 12px;background: #fff;box-shadow: 0 0 0 .5px rgba(0,0,0,.06),0 8px 18px -8px var(--stk-sh-2)}.aq{width: 176px;overflow: hidden;border-radius: 6px 6px 4px 4px;background: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.14);font-family: "Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,sans-serif;text-align: center;color: #1b1b1b}.aq__bar{position: relative;height: 22px;border-bottom: 1px solid #8b8b8b;background-color: #cfcfcf;background-image: repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 2px),linear-gradient(to bottom,#ececec 0%,#d9d9d9 45%,#c4c4c4 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,.85);font-size: 12px;line-height: 22px;color: #333;text-shadow: 0 1px 0 rgba(255,255,255,.7)}.aq__l{position: absolute;top: 5px;width: 12px;height: 12px;border-radius: 50%;box-shadow: inset 0 0 0 .5px rgba(0,0,0,.45),inset 0 -2px 3px rgba(255,255,255,.55),0 .5px 0 rgba(255,255,255,.6)}.aq__l::after{content: "";position: absolute;left: 2.5px;top: 1px;width: 7px;height: 4.5px;border-radius: 50%;background: -webkit-linear-gradient(top,rgba(255,255,255,.95),rgba(255,255,255,.15));background: linear-gradient(to bottom,rgba(255,255,255,.95),rgba(255,255,255,.15))}.aq__l--r{left: 8px;background: radial-gradient(circle at 50% 70%,#ff8a80 0%,#f2392b 55%,#b2160c 100%)}.aq__l--y{left: 28px;background: radial-gradient(circle at 50% 70%,#ffe27a 0%,#f6b10e 55%,#b57a00 100%)}.aq__l--g{left: 48px;background: radial-gradient(circle at 50% 70%,#a6f08a 0%,#3fb52a 55%,#1d7a12 100%)}.aq__body{padding: 12px 10px 14px;background: #fff}.aq__body small{display: block;font-size: 10.5px;color: #6b6b6b;letter-spacing: .01em}.aq__body b{display: block;margin-top: 2px;font: 600 30px/1.05 var(--display);letter-spacing: -.04em;color: #0d0d0d}.s1{left: 6%;top: 96px;-webkit-transform: rotate(-6deg);transform: rotate(-6deg)}.s2{left: 3.5%;top: 356px;-webkit-transform: rotate(5deg);transform: rotate(5deg)}.s3{left: 23%;top: 236px}.s4{right: 23%;top: 70px;-webkit-transform: rotate(7deg);transform: rotate(7deg)}.s5{left: 8.5%;top: 742px;-webkit-transform: rotate(-4deg);transform: rotate(-4deg)}.s6{left: 15%;top: 590px;-webkit-transform: rotate(-14deg);transform: rotate(-14deg)}.s7{right: 8%;top: 118px;-webkit-transform: rotate(9deg);transform: rotate(9deg)}.s8{right: 5%;top: 330px;-webkit-transform: rotate(-5deg);transform: rotate(-5deg)}.s9{right: 4%;top: 650px;-webkit-transform: rotate(4deg);transform: rotate(4deg)}@media (max-width: 1199px){.stk--w{display: none}.s1{left: 3%;top: 64px}.s3{left: 6%;top: 330px}.s5{left: 4%;top: 560px}.s7{right: 5%;top: 84px}.s9{right: 3%;top: 360px}.s9 .cut{width: 150px !important}}@media (max-width: 767px){.stk--t{display: none}.home .hero{padding-top: 168px}.s1{left: 4%;top: 26px;-webkit-transform: rotate(-5deg) scale(.82);transform: rotate(-5deg) scale(.82);-webkit-transform-origin: 0 0;transform-origin: 0 0}.s3{left: 50%;top: 58px;margin-left: -10px;-webkit-transform: scale(.78);transform: scale(.78)}.s9{right: 3%;top: 38px;-webkit-transform: rotate(6deg);transform: rotate(6deg)}.s9 .cut{width: 104px !important}}.ic{display: inline-block;width: 96px;text-align: center;color: var(--ink)}.ic__s{display: block;width: 58px;height: auto;margin: 0 auto;-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.14));filter: drop-shadow(0 1px 2px rgba(0,0,0,.14))}.ic__s--floppy{width: 46px}.ic__l{display: inline-block;margin-top: 6px;padding: 1px 6px;border-radius: 4px;background: var(--label);font-size: 12px;font-weight: 500;line-height: 1.35}.nl{position: relative;z-index: 0;display: inline-block;color: var(--green)}.nl::before{content: "";position: absolute;left: -.05em;right: -.05em;top: .1em;bottom: .02em;z-index: -1;border-radius: .1em;background: var(--green);opacity: 0;-webkit-transform-origin: 0 50%;transform-origin: 0 50%}.curw{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none}.cur{position: absolute;left: 0;top: 62%;width: .5em;height: .5em;margin-left: -.04em;fill: #0d0d0d;stroke: #fff;stroke-width: 1.3;stroke-linejoin: round;opacity: 0}.wrap{max-width: 1080px;margin: 0 auto;padding: 0 24px}.qa{max-width: 820px}.sec{padding: 112px 0 0}.sec__h{max-width: 18em;font: 600 44px/1.08 var(--display);letter-spacing: -.035em}.sec__lead{max-width: 36em;margin-top: 16px;font-size: 19px;line-height: 1.55;color: var(--ink-2)}.sec__more{margin-top: 32px}.cols3{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap: 48px;gap: 48px;margin-top: 48px}.cols3>*{padding-top: 24px;border-top: 1px solid var(--line-2)}.cols3 h3{font-size: 19px;font-weight: 600;letter-spacing: -.01em;line-height: 1.3}.cols3 p{margin-top: 8px;color: var(--ink-2)}.steps__n{display: block;margin-bottom: 14px;font: 600 15px/1 var(--sans);color: var(--ink-3);font-variant-numeric: tabular-nums}.chips{margin-top: 32px}.chip{display: inline-block;height: 40px;margin: 0 8px 10px 0;padding: 0 16px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--line-2);font: 500 15px/40px var(--sans);white-space: nowrap;-webkit-transition: background .2s var(--ease);transition: background .2s var(--ease)}.chip:hover{background: var(--soft)}.chip[aria-current]{background: var(--ink);color: var(--on-ink);box-shadow: none}.news{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-gap: 56px 48px;gap: 56px 48px;margin-top: 48px}.feat{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);grid-gap: 48px;gap: 48px;align-items: center;margin-top: 48px}.feat--flip{grid-template-columns: minmax(0,1fr) minmax(0,1.25fr)}.feat--flip .feat__vis{-ms-grid-column: 2;grid-column: 2;grid-row: 1}.feat--flip .feat__t{grid-column: 1;grid-row: 1}.feat__vis{border-radius: 18px;overflow: hidden;background: #0b0b0d;box-shadow: inset 0 0 0 1px var(--line)}.feat__vis img{display: block;width: 100%;height: auto}.feat__tag{display: inline-block;padding: 3px 10px;border-radius: 999px;background: #34C759;color: #fff;font-size: 13px;font-weight: 600}.feat h3{margin-top: 14px;font-size: 28px;font-weight: 600;letter-spacing: -.02em;line-height: 1.15}.feat p:not(.feat__tag){margin-top: 10px;color: var(--ink-2);font-size: 17px}.news h3{margin-top: 22px;font-size: 19px;font-weight: 600;letter-spacing: -.01em}.news p{margin-top: 6px;color: var(--ink-2)}.shot{position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden;border-radius: 18px;background: var(--soft);box-shadow: inset 0 0 0 1px var(--line)}.shot__in{position: absolute;left: 7%;top: 50%;width: 86%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}.shot__in img{width: 100%;border-radius: 10px;box-shadow: 0 0 0 1px var(--line-2)}.shot--fill .shot__in{left: 0;top: 0;width: 100%;-webkit-transform: none;transform: none}.shot--fill .shot__in img{border-radius: 0;box-shadow: none}.vidwrap{position: relative;display: block}.vidwrap img{display: block}.vid{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}.legacy .vid{display: none}@media (prefers-reduced-motion: reduce){.vid{display: none}}.shot--fill::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: inherit;box-shadow: inset 0 0 0 1px var(--line-2);pointer-events: none}.qa{margin-top: 36px;border-top: 1px solid var(--line-2)}.qa details{border-bottom: 1px solid var(--line)}.qa summary{position: relative;padding: 20px 44px 20px 0;font-size: 18px;font-weight: 500;line-height: 1.4;cursor: pointer;list-style: none}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "";position: absolute;right: 6px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background: linear-gradient(var(--ink-3),var(--ink-3)) center / 14px 1.5px no-repeat,linear-gradient(var(--ink-3),var(--ink-3)) center / 1.5px 14px no-repeat;-webkit-transition: -webkit-transform .2s var(--ease);transition: transform .2s var(--ease)}.qa details[open] summary::after{-webkit-transform: rotate(45deg);transform: rotate(45deg)}.qa details p{max-width: 64ch;padding: 0 44px 22px 0;color: var(--ink-2)}.band{margin-top: 128px;padding: 104px 0 112px;background: var(--soft);text-align: center}.band .sec__h,.band .sec__lead{margin-left: auto;margin-right: auto}.band__mark svg{width: 52px;height: 47px;margin: 0 auto 24px}.band .dl{margin-top: 32px}.foot{border-top: 1px solid var(--line)}.home + .foot,.band + .foot{border-top: 0}.foot__in{max-width: 1080px;margin: 0 auto;padding: 64px 24px 40px}.foot__brand{float: left;width: 34%}.foot__brand img{width: 96px}.foot__brand p{margin-top: 14px;font-size: 15px;color: var(--ink-2)}.foot__nav{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap: 32px;gap: 32px;margin-left: 40%}.foot__nav span{display: block;margin-bottom: 10px;font-size: 13px;font-weight: 600;color: var(--ink)}.foot__nav a{display: block;padding: 4px 0;font-size: 14px;color: var(--ink-2)}.foot__nav a:hover{color: var(--ink)}.foot__bar{clear: both;margin-top: 56px;padding-top: 24px;border-top: 1px solid var(--line);font-size: 12px;line-height: 1.6;color: var(--ink-3)}.foot__bar p + p{margin-top: 4px}.page{max-width: 760px;margin: 0 auto;padding: 88px 24px 0}.page--wide{max-width: 960px}.page__head h1{max-width: 16em;font: 600 56px/1.04 var(--display);letter-spacing: -.04em}.page__head .lead{max-width: 36em;margin-top: 18px;font-size: 20px;line-height: 1.5;color: var(--ink-2)}.page__head .chips{margin-top: 28px}.blk{margin-top: 64px}.blk h2{font: 600 28px/1.2 var(--display);letter-spacing: -.025em}.blk h2 + *{margin-top: 14px}.blk p{max-width: 64ch;color: var(--ink-2)}.blk p + p{margin-top: 12px}.blk p b{color: var(--ink)}.blk .shot{margin-top: 28px}.page + .band{margin-top: 112px}.page:last-child{padding-bottom: 120px}.note{margin-top: 16px;font-size: 14px;line-height: 1.55;color: var(--ink-3)}.list{max-width: 64ch;border-top: 1px solid var(--line)}.list li{padding: 14px 0;border-bottom: 1px solid var(--line);color: var(--ink-2)}.list--small{margin-top: 28px}.list--small li{padding: 10px 0;font-size: 15px}.callout{max-width: 64ch;margin-top: 28px;padding: 18px 22px;border-radius: 16px;background: var(--soft);font-size: 16px;color: var(--ink-2)}.callout b{color: var(--ink)}.callout p + p{margin-top: 8px}.spec>div{display: grid;grid-template-columns: 200px minmax(0,1fr);grid-gap: 24px;gap: 24px;padding: 14px 0;border-top: 1px solid var(--line)}.spec>div:last-child{border-bottom: 1px solid var(--line)}.spec dt{font-size: 15px;color: var(--ink-3)}.spec dd{color: var(--ink)}.spec dd small{font-size: 14px;color: var(--ink-3)}.prod{margin-top: 40px}.prod img{width: 340px}.tbl-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}.tbl{width: 100%;border-collapse: collapse;font-size: 16px}.tbl th,.tbl td{padding: 15px 20px 15px 0;text-align: left;vertical-align: top;border-bottom: 1px solid var(--line)}.tbl thead th{padding-top: 0;font-size: 13px;font-weight: 500;color: var(--ink-3);border-bottom: 1px solid var(--line-2)}.tbl tbody th{font-weight: 600;white-space: nowrap}.tbl td{color: var(--ink-2)}.tbl td small{display: block;margin-top: 4px;font-size: 13px;color: var(--ink-3)}.tbl--cmp{min-width: 680px}.tbl--cmp td:nth-child(2){color: var(--ink);font-weight: 500}.tbl--cr{margin-top: 20px}.tbl--cr th,.tbl--cr td{vertical-align: middle}.tbl--cr tbody th{white-space: normal;font-weight: 500}.cr__ph{display: inline-block;width: 56px;margin-right: 14px;vertical-align: middle}.cr__ph img{max-width: 56px !important}.apps{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;margin-top: 48px;border-top: 1px solid var(--line-2)}.app{display: grid;grid-template-columns: 64px minmax(0,1fr) auto;grid-gap: 24px;gap: 24px;-webkit-box-align: center;align-items: center;padding: 28px 0;border-bottom: 1px solid var(--line)}.app__ico{width: 64px;height: 64px}.app__t h2{font: 600 22px/1.25 var(--display);letter-spacing: -.02em}.app__t p{margin-top: 4px;font-size: 15px;color: var(--ink-2)}.app__b{text-align: center}.app__b small{display: block;margin-top: 8px;font: 13px/1.3 var(--mono);color: var(--ink-3)}.osnote{display: none}.os-old .osnote{display: block;max-width: 64ch;margin-top: 24px;padding: 14px 20px;border-radius: 14px;background: var(--soft);font-size: 16px}.os-old .app:nth-child(2){-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1}.os-old .osnote--legacy,.os-1011 .osnote--new,.os-1011 .app:nth-child(2){display: none}.os-1011 .osnote--legacy{display: block}.os-1011 .app:last-child{-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1}.gsteps{border-top: 1px solid var(--line)}.gstep{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);grid-gap: 40px;gap: 40px;-webkit-box-align: center;align-items: center;padding: 28px 0;border-bottom: 1px solid var(--line)}.gstep__t{display: -webkit-box;display: -ms-flexbox;display: flex}.gstep__n{-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 34px;font: 600 18px/1.4 var(--display);color: var(--ink-3);font-variant-numeric: tabular-nums}.gstep h3{font-size: 18px;font-weight: 600;letter-spacing: -.01em;line-height: 1.4}.gstep p{margin-top: 6px;font-size: 16px}.sfig__in{position: relative;height: 0;padding-bottom: 65.74%;overflow: hidden;border-radius: 16px;background: #e9ebee;background: linear-gradient(160deg,#f1f2f4 0%,#dfe2e7 100%);box-shadow: inset 0 0 0 1px var(--line);-webkit-transform: translateZ(0)}@media (prefers-color-scheme: dark){.sfig__in{background: linear-gradient(160deg,#2a2b2f 0%,#1a1b1e 100%)}}.sfig__in>svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%}.sfig figcaption{margin-top: 8px;font-size: 13px;line-height: 1.45;color: var(--ink-3)}.sfig--real .shot{border-radius: 16px}.term{position: relative;max-width: 100%;margin-top: 20px;padding: 18px 96px 18px 20px;border-radius: 14px;background: #0d0d0d;color: #f2f2f3;font: 14px/1.5 var(--mono);overflow-x: auto;box-shadow: inset 0 0 0 1px var(--line-2)}.term code{white-space: nowrap}.term button{position: absolute;right: 10px;top: 50%;height: 34px;margin-top: -17px;padding: 0 14px;border: 0;border-radius: 999px;background: rgba(255,255,255,.14);color: #fff;font: 500 13px/34px var(--sans);cursor: pointer}.term button:hover{background: rgba(255,255,255,.22)}.eras{margin-top: 48px;border-top: 1px solid var(--line)}.era{display: grid;grid-template-columns: 180px minmax(0,1fr);grid-gap: 36px;gap: 36px;-webkit-box-align: center;align-items: center;padding: 28px 0;border-bottom: 1px solid var(--line)}.era__ph img{margin: 0 auto}.era__y{font-size: 14px;color: var(--ink-3);font-variant-numeric: tabular-nums}.era h2{margin-top: 2px;font: 600 22px/1.25 var(--display);letter-spacing: -.02em}.era p:last-child{margin-top: 6px;color: var(--ink-2)}.apl--small{margin: 0 auto}.logo-tile{padding: 44px 24px;border-radius: 16px;background: var(--soft)}.logo-tile img{width: 200px;margin: 0 auto}.blk .logo-tile + p{margin-top: 16px}.files{max-width: 64ch;margin-top: 20px;border-top: 1px solid var(--line)}.files li{padding: 10px 0;border-bottom: 1px solid var(--line);font-size: 15px}.files span{float: right;color: var(--ink-3)}@media (prefers-color-scheme: dark){.logo-tile img{-webkit-filter: invert(1);filter: invert(1)}}.ask{max-width: 680px;margin-top: 36px}.ask__box{position: relative;padding: 18px 18px 12px 22px;border-radius: 26px;background: var(--bg);box-shadow: 0 0 0 1px var(--line-2),0 1px 2px rgba(0,0,0,.04),0 16px 36px -22px var(--shadow);-webkit-transition: box-shadow .2s var(--ease);transition: box-shadow .2s var(--ease)}.ask__box:hover{box-shadow: 0 0 0 1px var(--ink-3),0 1px 2px rgba(0,0,0,.04),0 16px 36px -22px var(--shadow)}.ask textarea{display: block;width: 100%;min-height: 32px;max-height: 220px;margin: 0;padding: 4px 0;border: 0;background: transparent;color: var(--ink);font: 400 19px/1.45 var(--sans);letter-spacing: -.01em;resize: none;outline: 0}.ask textarea::-webkit-input-placeholder{color: var(--ink-3)}.ask textarea::placeholder{color: var(--ink-3)}.ask__row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 12px}.seg{display: inline-block;padding: 3px;border-radius: 999px;background: var(--pill-soft);white-space: nowrap}.seg[hidden]{display: none}.seg button{height: 30px;padding: 0 14px;border: 0;border-radius: 999px;background: transparent;color: var(--ink-2);font: 500 13px/30px var(--sans);cursor: pointer;-webkit-transition: background .2s var(--ease),color .2s var(--ease);transition: background .2s var(--ease),color .2s var(--ease)}.seg button + button{margin-left: 2px}.seg button:hover{color: var(--ink)}.seg button[aria-checked="true"]{background: var(--seg-on);color: var(--ink);box-shadow: 0 0 0 .5px var(--line-2),0 1px 3px rgba(0,0,0,.1)}.ask__send{width: 38px;height: 38px;margin-left: auto;padding: 0;border: 0;border-radius: 50%;background: var(--ink);color: var(--on-ink);cursor: pointer;opacity: .28;-webkit-transition: opacity .2s var(--ease),-webkit-transform .2s var(--ease);transition: opacity .2s var(--ease),transform .2s var(--ease)}.ask__send svg{width: 19px;height: 19px;margin: 0 auto}.ask--on .ask__send,html:not(.js) .ask__send{opacity: 1}.ask__send:hover{-webkit-transform: scale(1.06);transform: scale(1.06)}.ask__chips{margin-top: 18px}.ask__chips .chip{height: 34px;margin: 0 6px 8px 0;padding: 0 14px;color: var(--ink-2);font-size: 14px;line-height: 34px}.ask__chips .chip:hover{color: var(--ink)}.page__head .ask__note{margin-top: 6px;font-size: 13px;color: var(--ink-3)}@media (max-width: 767px){.ask__box{padding: 14px 12px 10px 16px;border-radius: 22px}.ask textarea{font-size: 17px}}.fg{margin-top: 28px}.fg__stage{position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden;border-radius: 18px;background: #000;box-shadow: inset 0 0 0 1px var(--line-2);-webkit-transform: translateZ(0)}.fg__f{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 1;-webkit-transition: opacity .5s var(--ease);transition: opacity .5s var(--ease)}.fg__f img{width: 100%;height: 100%}.fg__f.is-on,html:not(.js) .fg__f:target{display: block}html:not(.js) .fg__f:target,.fg__f.is-top{z-index: 2}.fg__f.is-in{opacity: 0}.blk .fg__name{margin-top: 18px;font-size: 15px;font-weight: 500;color: var(--ink)}.fg__row{margin-top: 10px}.fg__sw{display: inline-block;width: 44px;height: 44px;margin: 0 10px 10px 0;padding: 0;overflow: hidden;border-radius: 50%;vertical-align: top;box-shadow: 0 0 0 1px var(--line-2);-webkit-transition: -webkit-transform .2s var(--ease),box-shadow .2s var(--ease);transition: transform .2s var(--ease),box-shadow .2s var(--ease)}.fg__sw img{width: 100%;height: 100%;border-radius: 50%}.fg__sw:hover{-webkit-transform: scale(1.08);transform: scale(1.08)}.fg__sw[aria-checked="true"]{box-shadow: 0 0 0 2px var(--bg),0 0 0 4px var(--ink)}.fg__sw:focus{outline: 0;box-shadow: 0 0 0 2px var(--bg),0 0 0 4px var(--blue)}@media (max-width: 767px){.fg__stage{border-radius: 14px}.fg__sw{width: 40px;height: 40px;margin: 0 8px 10px 0}}@media (max-width: 1023px){.hero__word{font-size: 104px}.duo__imac{width: 440px}.duo__mba{width: 214px}}@media (max-width: 767px){body{font-size: 16px}.hero{padding: 64px 16px 0;background-size: 24px 24px}.hero__word{font-size: 76px}.hero__slogan{margin-top: 16px;font-size: 24px}.hero__q{margin-top: 10px;font-size: 16px}.dl{margin-top: 32px}.dl__i{display: block;margin: 0 0 14px}.dl:not(.dl--c) .dl__i{margin: 0 0 14px;text-align: left}.dl .btn{display: block;width: 100%;max-width: 340px;margin: 0 auto;text-align: center}.dl:not(.dl--c) .btn{margin: 0}.hero::after{height: 80px}.duo{margin-top: 44px;padding-bottom: 28px}.duo__imac{width: 60%;margin-right: 4%}.duo__mba{width: 30%}.wrap{padding: 0 16px}.sec{padding-top: 80px}.sec__h{font-size: 32px;line-height: 1.12}.sec__lead{font-size: 17px}.cols3{grid-template-columns: minmax(0,1fr);grid-gap: 28px;gap: 28px;margin-top: 32px}.feat{grid-template-columns: minmax(0,1fr);grid-gap: 22px;gap: 22px;margin-top: 32px}.feat--flip{grid-template-columns: minmax(0,1fr)}.feat--flip .feat__vis,.feat--flip .feat__t{grid-column: 1;grid-row: auto}.feat__vis{border-radius: 14px}.feat h3{font-size: 22px}.news{grid-template-columns: minmax(0,1fr);grid-gap: 40px;gap: 40px;margin-top: 32px}.shot{border-radius: 14px}.chip{height: 36px;padding: 0 14px;font-size: 14px;line-height: 36px}.band{margin-top: 96px;padding: 72px 0 80px}.foot__in{padding: 48px 16px 32px}.foot__brand{float: none;width: auto}.foot__nav{grid-template-columns: minmax(0,1fr) minmax(0,1fr);margin: 36px 0 0}.page{padding: 56px 16px 0}.page__head h1{font-size: 38px;line-height: 1.08}.page__head .lead{font-size: 18px}.blk{margin-top: 52px}.blk h2{font-size: 24px}.page + .band{margin-top: 80px}.page:last-child{padding-bottom: 88px}.spec>div{grid-template-columns: minmax(0,1fr);grid-gap: 2px;gap: 2px}.prod img{width: 240px}.app{grid-template-columns: 52px minmax(0,1fr);grid-gap: 16px;gap: 16px}.app__ico{width: 52px;height: 52px}.app__b{grid-column: 1 / -1;text-align: left}.app__b .btn{display: block;text-align: center}.gstep{grid-template-columns: minmax(0,1fr);grid-gap: 18px;gap: 18px}.era{grid-template-columns: 112px minmax(0,1fr);grid-gap: 20px;gap: 20px}.tbl{font-size: 15px}.tbl th,.tbl td{padding-right: 14px}.term{padding-right: 20px}.term button{display: none}}.blk h2 + .ways{margin-top: 32px}.way + .way{margin-top: 44px}.way h3{margin-bottom: 14px;font: 600 22px/1.25 var(--display);letter-spacing: -.02em}.way dd{color: var(--ink-2)}.way>.spec>div:last-child dd{color: var(--ink)}.cf{margin-top: 28px;padding: 24px;border: 1px solid var(--line-2);border-radius: 18px}.cf__lbl{display: block;font-weight: 600;color: var(--ink)}.cf__sel{display: block;width: 100%;max-width: 440px;margin-top: 10px;padding: 11px 14px;border: 1px solid var(--line-2);border-radius: 12px;background: var(--bg);color: var(--ink);font: inherit;font-size: 16px}.cf__hint{margin-top: 10px;font-size: 14px;color: var(--ink-3)}.cf__rec{margin-top: 24px;padding-top: 20px;border-top: 1px solid var(--line)}.cf--on .cf__rec{display: none}.cf--on .cf__rec.is-on{display: block}.cf__for{color: var(--ink);font-weight: 500}.cf__opt{margin-top: 16px;padding: 18px 20px;border-radius: 14px;background: var(--soft)}.cf__tag{margin: 0;font-size: 12px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;color: var(--blue)}.cf__opt h4{margin-top: 4px;font: 600 18px/1.3 var(--display);color: var(--ink)}.cf__opt ul{margin: 8px 0 0;padding-left: 20px;color: var(--ink-2)}.cf__opt li + li{margin-top: 4px}.cf__speed{margin-top: 10px;font-size: 14px;font-weight: 600;color: var(--ink)}.cf__min{margin-top: 16px;font-size: 14px;color: var(--ink-2)}.pipes{list-style: none;margin: 24px 0 0;padding: 0;display: grid;gap: 16px}.pipe{padding: 24px;border: 1px solid var(--line);border-radius: 18px;background: var(--bg-2,transparent)}.pipe h3{margin-top: 10px;font: 600 21px/1.25 var(--display);letter-spacing: -.02em}.pipe p{max-width: 62ch}.pipe h3 + p{margin-top: 8px}.pipe__st{display: inline-block;margin: 0;padding: 3px 10px;border-radius: 999px;font-size: 13px;font-weight: 600;line-height: 1.4}.pipe__st--now{background: rgba(0,113,227,.12);color: var(--blue)}.pipe__st--next{background: rgba(52,199,89,.14);color: #1f9d48}.betabar{margin: 0;padding: 9px 16px;background: #0071e3;color: #fff;font-size: 14px;line-height: 1.45;text-align: center}.betabar strong{font-weight: 600}.oldbar{display: none;margin: 0;padding: 10px 16px;background: #f5f5f4;border-bottom: 1px solid #e5e5e5;color: #0d0d0d;font-size: 15px;line-height: 1.45;text-align: center}.oldbar a{color: #0071e3;text-decoration: underline}.legacy .oldbar,.old-mac .oldbar{display: block}.legacy body{background: #fff;color: #0d0d0d}.legacy .hero__deco,.legacy .tidy,.legacy .cur,.legacy .curw{display: none}.legacy .hero{background-image: none}.legacy .hero::after{display: none}.legacy *,.legacy *::before,.legacy *::after{-webkit-animation: none !important;animation: none !important;-webkit-transition: none !important;transition: none !important}.legacy .nl{color: #1f9d45}.legacy .nl::before{display: none}.legacy .top{position: relative;background: #fff;border-bottom: 1px solid #e5e5e5}.legacy .top__links a,.legacy .dl__v,.legacy .sec__lead,.legacy .page__head .lead,.legacy .blk p,.legacy .cols3 p,.legacy .news p,.legacy .qa details p,.legacy .foot__brand p,.legacy .foot__nav a,.legacy .list li,.legacy .tbl td,.legacy .callout{color: #5d5d5d}.legacy .dl__i small,.legacy .note,.legacy .foot__bar,.legacy .steps__n,.legacy .spec dt,.legacy .tbl thead th{color: #8f8f8f}.legacy .a,.legacy .tlink,.legacy .blk p a,.legacy .qa a,.legacy .callout a,.legacy .tbl a,.legacy .spec a{color: #0071e3}.legacy .band,.legacy .callout,.legacy .shot,.legacy .logo-tile,.legacy .osnote{background: #f5f5f4}.legacy .foot,.legacy .foot__bar,.legacy .qa details,.legacy .tbl th,.legacy .tbl td,.legacy .list li{border-color: #e5e5e5}.legacy .cols3>*,.legacy .qa{border-top: 1px solid #dcdcdc}.legacy .chip{box-shadow: inset 0 0 0 1px #dcdcdc;color: #0d0d0d}.legacy .chip[aria-current]{background: #0d0d0d;color: #fff}.legacy .logo-tile img{-webkit-filter: none;filter: none}.legacy .ask__box{background: #fff;box-shadow: 0 0 0 1px #dcdcdc}.legacy .ask textarea{color: #0d0d0d}.legacy .ask__send{background: #0d0d0d;color: #fff;opacity: 1}.legacy .fg__sw[aria-checked="true"]{box-shadow: 0 0 0 2px #fff,0 0 0 4px #0d0d0d}.ty{position: relative;padding: 72px 24px 112px;text-align: center;background-image: radial-gradient(var(--dot) 1px,transparent 1.4px);background-size: 28px 28px;background-position: 14px 14px}.ty::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 160px;background: -webkit-linear-gradient(top,var(--bg0),var(--bg));background: linear-gradient(to bottom,var(--bg0),var(--bg));pointer-events: none}.ty>*{position: relative;z-index: 1}.ty__pill{display: inline-block;margin: 0;padding: 7px 18px 7px 8px;border: 1px solid rgba(0,0,0,.1);border-radius: 999px;background: #fff;color: #0d0d0d;font: 500 17px/24px var(--sans);letter-spacing: -.3px;box-shadow: 0 6px 18px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04)}.ty__pill svg{display: inline-block;width: 24px;height: 24px;margin-right: 10px;vertical-align: top}.ty__h{margin-top: 36px;font: 500 88px/1.04 var(--display);letter-spacing: -.022em;color: var(--ink)}.ty__h>span{display: block}.ty__w{display: inline-block}.ty__lead{margin-top: 30px;font-size: 19px;line-height: 1.55;color: var(--ink-2)}.ty__lead a,.ty__older a{color: var(--ink);text-decoration: underline;-webkit-text-decoration-color: var(--line-2);text-decoration-color: var(--line-2);text-underline-offset: 3px}.ty__lead a:hover,.ty__older a:hover{-webkit-text-decoration-color: currentColor;text-decoration-color: currentColor}.ty__steps{display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 1180px;margin: 72px auto 0;text-align: center}.ty__step{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0px;min-width: 0;margin: 0 12px}.ty__n{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: #0d0d0d;color: #fff;font: 600 15px/30px var(--sans)}.ty__panel{position: relative;height: 290px;margin-top: 18px;border-radius: 32px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}.ty__panel--blue{background: #e4eefb}.ty__panel--yellow{background: #fbf1d4}.ty__panel--green{background: #e2f3e3}.ty__cap{margin-top: 20px;font-size: 18px;line-height: 1.45;color: var(--ink-2);letter-spacing: -.2px}.ty__cap b{color: var(--ink)}.ty__cap small{display: block;margin-top: 4px;font-size: 15px;color: var(--ink-3)}.ty__cap small a{white-space: nowrap;color: var(--ink-2);text-decoration: underline;text-underline-offset: 3px}.ty__older{margin-top: 64px;font-size: 16px;color: var(--ink-2)}.ty__cur{position: absolute;width: 26px;height: 26px}.ty__ico{display: block;width: 60px;height: auto}.ty__dock{position: relative;margin-top: 44px;padding: 9px 10px 8px;border-radius: 22px;background: rgba(255,255,255,.62);box-shadow: inset 0 0 0 1px rgba(255,255,255,.8),0 0 0 1px rgba(0,0,0,.07),0 14px 30px rgba(0,0,0,.1);white-space: nowrap;font-size: 0}.ty__slot{position: relative;display: inline-block;width: 64px;height: 64px;margin: 0 4px;vertical-align: bottom}.ty__slot .ty__ico{position: absolute;left: 2px;bottom: 2px}.ty__slot--on{width: 74px;height: 74px;margin-top: -10px}.ty__slot--on .ty__cur{left: 46px;top: 44px}.ty__sep{display: inline-block;width: 1px;height: 52px;margin: 0 8px 6px;background: rgba(0,0,0,.14);vertical-align: bottom}.ty__dmg{position: absolute;left: 4px;bottom: 0;width: 62px;height: 76px}.ty__dmg svg{width: 62px;height: 76px}.ty__dmg img{position: absolute;left: 12px;top: 28px;width: 38px;height: 38px}.ty__tip{position: absolute;left: 50%;bottom: 100%;margin: 0 0 14px -10px;padding: 5px 13px 6px;border-radius: 9px;background: rgba(255,255,255,.92);box-shadow: 0 0 0 1px rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.1);color: #1d1d1f;font: 500 14px/18px var(--sans);white-space: nowrap;-webkit-transform: translateX(-50%);transform: translateX(-50%)}.ty__tip::after{content: "";position: absolute;left: 50%;top: 100%;margin-left: -6px;border: 6px solid transparent;border-top-color: rgba(255,255,255,.92)}.ty__win{width: 300px;border-radius: 12px;background: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 18px 40px rgba(0,0,0,.12);text-align: center;overflow: hidden}.ty__bar{position: relative;height: 32px;border-bottom: 1px solid #e5e5ea;background: #f6f6f8;color: #1d1d1f;font: 600 13px/32px var(--sans)}.ty__bar i{position: absolute;top: 11px;width: 11px;height: 11px;border-radius: 50%;background: #ff5f57;box-shadow: inset 0 0 0 .5px rgba(0,0,0,.15)}.ty__bar i + i{left: 30px;background: #febc2e}.ty__bar i:first-child{left: 13px}.ty__bar i + i + i{left: 47px;background: #28c840}.ty__body{position: relative;height: 150px;padding-top: 30px;white-space: nowrap}.ty__item{position: relative;display: inline-block;width: 92px;vertical-align: top;color: #1d1d1f;font: 500 12px/1.3 var(--sans)}.ty__item img,.ty__item .ty__ico{display: block;width: 64px;height: 64px;margin: 0 auto 8px}.ty__item .ty__ico{height: 53px;margin-top: 6px;margin-bottom: 13px}.ty__item--app .ty__cur{left: 52px;top: 40px}.ty__arrow{display: inline-block;width: 74px;height: 28px;margin: 14px 4px 0;vertical-align: top}.ty__imac{position: relative;width: 248px;margin-top: 10px}.ty__imac img{width: 248px}.ty__rcv{position: absolute;left: 50%;top: 17%;width: 120px;margin-left: -60px;color: #fff;font: 600 12px/1.25 var(--sans);text-shadow: 0 1px 2px rgba(0,0,0,.6)}.ty__rcv img{display: block;width: 72px;height: 72px;margin: 0 auto 2px}.ty__rcv span{display: inline-block;padding: 1px 6px 2px;border-radius: 4px;background: #0a5fd1;text-shadow: none}.ty__rcv .ty__cur{left: 78px;top: 48px;width: 24px;height: 24px}@media (prefers-color-scheme: dark){.ty__panel--blue{background: #172231}.ty__panel--yellow{background: #2a2517}.ty__panel--green{background: #16261a}.ty__pill{border-color: rgba(255,255,255,.14);background: #1c1c1e;color: #f2f2f3;box-shadow: 0 6px 18px rgba(0,0,0,.4)}.ty__n{background: #f2f2f3;color: #0a0a0b}.ty__dock{background: rgba(236,238,242,.94)}}@media (min-width: 1200px){.ty__dock,.ty__win,.ty__imac{-webkit-transform: scale(1.1);transform: scale(1.1)}}@media (max-width: 1023px){.ty__h{font-size: 72px}.ty__step{margin: 0 8px}.ty__dock,.ty__win,.ty__imac{-webkit-transform: scale(.82);transform: scale(.82)}}@media (max-width: 767px){.ty{padding: 44px 16px 88px;background-size: 24px 24px}.ty__pill{font-size: 15px;padding: 6px 15px 6px 7px}.ty__pill svg{width: 22px;height: 22px;margin-right: 8px}.ty__h{margin-top: 28px;font-size: 42px;line-height: 1.06;letter-spacing: -.02em}.ty__lead{margin-top: 22px;font-size: 17px}.ty__steps{display: block;margin-top: 48px}.ty__step{margin: 0 0 44px}.ty__panel{height: 250px;border-radius: 26px}.ty__dock,.ty__win,.ty__imac{-webkit-transform: none;transform: none}.ty__older{margin-top: 8px;font-size: 15px}}.pg-cl{background: #f5f5f5}.pg-cl .top{background: rgba(245,245,245,.86);border-bottom-color: rgba(0,0,0,.05)}.changelog{position: relative;padding: 84px 32px 32px;color: #000}.cl-dots{position: absolute;top: 0;left: 0;right: 0;height: 387px;background-image: radial-gradient(rgba(0,0,0,.13) 1px,rgba(0,0,0,0) 1.3px);background-size: 34.238px 34px;-webkit-mask-image: -webkit-linear-gradient(top,#000 0%,#000 60%,rgba(0,0,0,0) 100%);-webkit-mask-image: linear-gradient(#000 0%,#000 60%,rgba(0,0,0,0) 100%);mask-image: linear-gradient(#000 0%,#000 60%,rgba(0,0,0,0) 100%);pointer-events: none}.changelog .page-head{position: relative;z-index: 1;text-align: center}.plabel{display: table;margin: 0 auto;box-sizing: border-box;height: 28px;padding: 0 12px 1px;border: 1px solid rgba(0,0,0,.3);border-radius: 999px;background: #f5f5f5;background-image: -webkit-linear-gradient(top,#fff 0%,#e7e7e7 42%,#fbfbfb 100%);background-image: linear-gradient(180deg,#fff 0%,#e7e7e7 42%,#fbfbfb 100%);color: rgba(0,0,0,.5);font: 500 12px/25px var(--sans);letter-spacing: -.36px;text-transform: uppercase;text-shadow: 0 2px 2px rgba(255,255,255,.8);white-space: nowrap}.ptitle{margin-top: 16px;color: #000;font: 500 56px/1.2 var(--sans);letter-spacing: -1.68px}.cl-filter{display: none;margin-top: 24px;font-size: 0}.js .cl-filter{display: block}.cl-filter-chip{box-sizing: border-box;height: 32px;margin: 0 4px;padding: 0 14px 1px;border: 1px solid rgba(0,0,0,.3);border-radius: 999px;background: #f2f2f2;background-image: -webkit-linear-gradient(top,#fff 0%,#e7e7e7 42%,#fbfbfb 100%);background-image: linear-gradient(180deg,#fff 0%,#e7e7e7 42%,#fbfbfb 100%);color: rgba(0,0,0,.7);font: 500 14px/21px var(--sans);letter-spacing: -.42px;cursor: pointer;-webkit-transition: -webkit-filter .15s,-webkit-transform .15s;transition: filter .15s,transform .15s}.cl-filter-chip:hover{-webkit-filter: brightness(.97);filter: brightness(.97)}.cl-filter-chip:active{-webkit-transform: scale(.97);transform: scale(.97)}.cl-filter-chip[aria-pressed="true"]{border-color: #221898;background: #9ec5ff;background-image: -webkit-linear-gradient(top,#d6e6ff 0%,#9ec5ff 42%,#d2f1f7 100%);background-image: linear-gradient(180deg,#d6e6ff 0%,#9ec5ff 42%,#d2f1f7 100%);color: #000;text-shadow: 0 2px 2px rgba(255,255,255,.8)}.cl-filter-chip:focus{outline: 2px solid #221898;outline-offset: 2px}.cl-list{position: relative;z-index: 1;max-width: 980px;margin: 64px auto 0}.cl-entry{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 40px 0;border-top: 1px dotted rgba(0,0,0,.15)}.cl-entry:first-child,.cl-entry--first{padding-top: 0;border-top: 0}.cl-aside{position: -webkit-sticky;position: sticky;top: 88px;-ms-flex-item-align: start;align-self: flex-start;-webkit-box-flex: 0;-ms-flex: 0 0 150px;flex: 0 0 150px;width: 150px;margin-right: 48px;padding-top: 5px;font-size: 0;line-height: 0}.cl-aside>*{display: block}.cl-aside>* + *{margin-top: 6px}.cl-version{position: relative;display: inline-block;box-sizing: border-box;height: 24px;padding: 0 10px 1px;border: 1px solid #221898;border-radius: 999px;background: #9ec5ff;background-image: -webkit-linear-gradient(top,#d6e6ff 0%,#9ec5ff 42%,#d2f1f7 100%);background-image: linear-gradient(180deg,#d6e6ff 0%,#9ec5ff 42%,#d2f1f7 100%);color: #000;font: 500 13px/21px var(--sans);letter-spacing: -.39px;text-shadow: 0 2px 2px rgba(255,255,255,.8);-webkit-filter: drop-shadow(0 2px 4px rgba(0,0,0,.12));filter: drop-shadow(0 2px 4px rgba(0,0,0,.12))}.cl-version::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: inherit;mix-blend-mode: color-burn;box-shadow: inset 0 -8px 0 #b3b3b3;pointer-events: none}.cl-aside .cl-version{display: inline-block}.cl-date{color: rgba(0,0,0,.4);font-size: 14px;line-height: 21px;letter-spacing: -.42px}.cl-platform{color: rgba(0,0,0,.55);font-size: 13px;font-weight: 500;line-height: 19.5px;letter-spacing: -.39px}.cl-body{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0px;min-width: 0}.cl-body>* + *{margin-top: 14px}.cl-title{color: #000;font: 500 26px/1.2 var(--sans);letter-spacing: -.78px}.cl-intro{color: rgba(0,0,0,.6);font-size: 17px;line-height: 1.55;letter-spacing: -.4px}.cl-body>.cl-media{margin: 20px 0 2px}.cl-media img{display: block;width: 100%;height: auto;border: 1px solid rgba(0,0,0,.08);border-radius: 12px;background: #eef0f2;box-shadow: 0 12px 28px rgba(0,0,0,.12)}.cl-media figcaption{margin-top: 8px;color: rgba(0,0,0,.4);font-size: 13px;line-height: 19.5px;letter-spacing: -.39px}.cl-body>.cl-group{margin-top: 32px}.cl-group-head{color: rgba(0,0,0,.45);font-size: 12px;font-weight: 600;line-height: 18px;letter-spacing: .4px;text-transform: uppercase}.cl-items{margin: 12px 0 0;padding-left: 20px;list-style: disc outside}.cl-items li{color: rgba(0,0,0,.7);font-size: 16px;line-height: 1.55;letter-spacing: -.4px}.cl-items li + li{margin-top: 14px}.cl-items li::marker{color: rgba(0,0,0,.3)}.cl-item-lead{color: rgba(0,0,0,.85);font-weight: 500}@media (prefers-color-scheme: dark){.pg-cl{background: #0a0a0b}.pg-cl .top{background: rgba(10,10,11,.84);border-bottom-color: rgba(255,255,255,.06)}.changelog,.cl-title,.ptitle{color: #f2f2f3}.cl-dots{background-image: radial-gradient(rgba(255,255,255,.1) 1px,rgba(255,255,255,0) 1.3px)}.cl-entry{border-top-color: rgba(255,255,255,.16)}.cl-date{color: rgba(255,255,255,.45)}.cl-platform{color: rgba(255,255,255,.6)}.cl-intro{color: rgba(255,255,255,.62)}.cl-group-head{color: rgba(255,255,255,.5)}.cl-items li{color: rgba(255,255,255,.72)}.cl-items li::marker{color: rgba(255,255,255,.3)}.cl-item-lead{color: rgba(255,255,255,.92)}.cl-media img{border-color: rgba(255,255,255,.1);background: #1c1c1e;box-shadow: 0 12px 28px rgba(0,0,0,.5)}.cl-media figcaption{color: rgba(255,255,255,.45)}}@media (max-width: 1023px){.changelog{padding: 56px 20px 24px}.ptitle{font-size: 32px;letter-spacing: -.96px}.cl-list{margin-top: 40px}.cl-entry{display: block;padding: 32px 0}.cl-aside{position: static;width: auto;margin: 0 0 14px;padding-top: 0}.cl-aside>*,.cl-aside .cl-version{display: inline-block;vertical-align: middle}.cl-aside>* + *{margin: 0 0 0 12px}}.cl-w{display: inline-block}.cl-vn{display: inline-block;overflow: hidden;height: 21px;vertical-align: top}.cl-vn i{display: inline-block;font-style: normal}.cl-shot{position: relative;display: block;overflow: hidden;border: 1px solid rgba(0,0,0,.08);border-radius: 12px;background: #fff;box-shadow: 0 12px 28px rgba(0,0,0,.12)}.cl-media .cl-shot img{border: 0;border-radius: 0;box-shadow: none;background: transparent}.cl-rows{display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0}.cl-row{position: absolute;left: 0;right: 0;display: block;background-repeat: no-repeat}@media (prefers-color-scheme: dark){.cl-shot{border-color: rgba(255,255,255,.1);background: #0a0a0a;box-shadow: 0 12px 28px rgba(0,0,0,.5)}}@-webkit-keyframes clRise{from{opacity: 0;-webkit-transform: translateY(14px)}to{opacity: 1;-webkit-transform: none}}@keyframes clRise{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@-webkit-keyframes clBlur{from{opacity: 0;-webkit-filter: blur(14px);-webkit-transform: translateY(.32em)}to{opacity: 1;-webkit-filter: blur(0);-webkit-transform: none}}@keyframes clBlur{from{opacity: 0;filter: blur(14px);transform: translateY(.32em)}to{opacity: 1;filter: blur(0);transform: none}}@-webkit-keyframes clSoft{from{opacity: 0;-webkit-filter: blur(6px);-webkit-transform: translateY(12px)}to{opacity: 1;-webkit-filter: blur(0);-webkit-transform: none}}@keyframes clSoft{from{opacity: 0;filter: blur(6px);transform: translateY(12px)}to{opacity: 1;filter: blur(0);transform: none}}@-webkit-keyframes clPop{from{opacity: 0;-webkit-transform: scale(.86)}to{opacity: 1;-webkit-transform: none}}@keyframes clPop{from{opacity: 0;transform: scale(.86)}to{opacity: 1;transform: none}}@-webkit-keyframes clTick{from{-webkit-transform: translateY(105%)}to{-webkit-transform: none}}@keyframes clTick{from{transform: translateY(105%)}to{transform: none}}@-webkit-keyframes clShot{from{opacity: 0;-webkit-transform: translateY(30px) scale(.965)}to{opacity: 1;-webkit-transform: none}}@keyframes clShot{from{opacity: 0;transform: translateY(30px) scale(.965)}to{opacity: 1;transform: none}}@-webkit-keyframes clHand{from{opacity: 0}to{opacity: 1}}@keyframes clHand{from{opacity: 0}to{opacity: 1}}@-webkit-keyframes clGone{from{visibility: visible}to{visibility: hidden}}@keyframes clGone{from{visibility: visible}to{visibility: hidden}}@-webkit-keyframes clRow{from{opacity: 0;-webkit-transform: translateY(12px)}to{opacity: 1;-webkit-transform: none}}@keyframes clRow{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: no-preference){.js:not(.still) .changelog .plabel{-webkit-animation: clRise .6s cubic-bezier(.22,1,.36,1) backwards;animation: clRise .6s cubic-bezier(.22,1,.36,1) backwards}.js:not(.still) .ptitle .cl-w{-webkit-animation: clBlur .9s cubic-bezier(.22,1,.36,1) .12s backwards;animation: clBlur .9s cubic-bezier(.22,1,.36,1) .12s backwards}.js:not(.still) .ptitle .cl-w + .cl-w{-webkit-animation-delay: .26s;animation-delay: .26s}.js:not(.still) .cl-filter-chip{-webkit-animation: clRise .6s cubic-bezier(.22,1,.36,1) .42s backwards;animation: clRise .6s cubic-bezier(.22,1,.36,1) .42s backwards}.js:not(.still) .cl-filter-chip + .cl-filter-chip{-webkit-animation-delay: .5s;animation-delay: .5s}.js:not(.still) .cl-filter-chip + .cl-filter-chip + .cl-filter-chip{-webkit-animation-delay: .58s;animation-delay: .58s}.js:not(.still) .cl-hero .cl-version{-webkit-animation: clPop .5s cubic-bezier(.22,1,.36,1) .6s backwards;animation: clPop .5s cubic-bezier(.22,1,.36,1) .6s backwards}.js:not(.still) .cl-hero .cl-vn i{-webkit-animation: clTick .45s cubic-bezier(.22,1,.36,1) .7s backwards;animation: clTick .45s cubic-bezier(.22,1,.36,1) .7s backwards}.js:not(.still) .cl-hero .cl-vn i + i{-webkit-animation-delay: .74s;animation-delay: .74s}.js:not(.still) .cl-hero .cl-vn i + i + i{-webkit-animation-delay: .78s;animation-delay: .78s}.js:not(.still) .cl-hero .cl-vn i + i + i + i{-webkit-animation-delay: .82s;animation-delay: .82s}.js:not(.still) .cl-hero .cl-vn i + i + i + i + i{-webkit-animation-delay: .86s;animation-delay: .86s}.js:not(.still) .cl-hero .cl-vn i + i + i + i + i + i{-webkit-animation-delay: .9s;animation-delay: .9s}.js:not(.still) .cl-hero .cl-vn i + i + i + i + i + i + i{-webkit-animation-delay: .94s;animation-delay: .94s}.js:not(.still) .cl-hero .cl-date{-webkit-animation: clRise .55s cubic-bezier(.22,1,.36,1) .78s backwards;animation: clRise .55s cubic-bezier(.22,1,.36,1) .78s backwards}.js:not(.still) .cl-hero .cl-platform{-webkit-animation: clRise .55s cubic-bezier(.22,1,.36,1) .84s backwards;animation: clRise .55s cubic-bezier(.22,1,.36,1) .84s backwards}.js:not(.still) .cl-hero .cl-title{-webkit-animation: clSoft .8s cubic-bezier(.22,1,.36,1) .64s backwards;animation: clSoft .8s cubic-bezier(.22,1,.36,1) .64s backwards}.js:not(.still) .cl-hero .cl-intro{-webkit-animation: clRise .7s cubic-bezier(.22,1,.36,1) .74s backwards;animation: clRise .7s cubic-bezier(.22,1,.36,1) .74s backwards}.js:not(.still) .cl-hero .cl-shot{-webkit-animation: clShot .8s cubic-bezier(.22,1,.36,1) .78s backwards;animation: clShot .8s cubic-bezier(.22,1,.36,1) .78s backwards}.js:not(.still) .cl-hero .cl-rows{display: block}.js:not(.still) .cl-hero .cl-shot picture,.js:not(.still) .cl-hero .cl-shot>img{-webkit-animation: clHand 1ms linear 1.62s backwards;animation: clHand 1ms linear 1.62s backwards}.js:not(.still) .cl-hero .cl-rows{-webkit-animation: clGone 1ms linear 1.64s both;animation: clGone 1ms linear 1.64s both}.js:not(.still) .cl-hero .cl-row--1,.js:not(.still) .cl-hero .cl-row--2,.js:not(.still) .cl-hero .cl-row--3{-webkit-animation: clRow .5s cubic-bezier(.22,1,.36,1) .92s backwards;animation: clRow .5s cubic-bezier(.22,1,.36,1) .92s backwards}.js:not(.still) .cl-hero .cl-row--2{-webkit-animation-delay: 1s;animation-delay: 1s}.js:not(.still) .cl-hero .cl-row--3{-webkit-animation-delay: 1.08s;animation-delay: 1.08s}.js:not(.still) .cl-hero figcaption,.js:not(.still) .cl-hero .cl-group{-webkit-animation: clRise .6s cubic-bezier(.22,1,.36,1) .95s backwards;animation: clRise .6s cubic-bezier(.22,1,.36,1) .95s backwards}.cl-rv{opacity: 0;-webkit-transform: translateY(28px);transform: translateY(28px);-webkit-transition: opacity .7s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1);transition: opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.cl-rv.cl-rv--in{opacity: 1;-webkit-transform: none;transform: none}}.ty__ghost{display: none;position: absolute;top: 0;left: 14px;width: 64px;height: 64px;pointer-events: none}.ty__ghost img{width: 64px;height: 64px;margin: 0}.ty__ghost .ty__cur{left: 38px;top: 40px}@-webkit-keyframes tyPop{from{opacity: 0;-webkit-transform: scale(.88) translateY(6px)}to{opacity: 1;-webkit-transform: none}}@keyframes tyPop{from{opacity: 0;transform: scale(.88) translateY(6px)}to{opacity: 1;transform: none}}@-webkit-keyframes tyDraw{from{stroke-dashoffset: 16}to{stroke-dashoffset: 0}}@keyframes tyDraw{from{stroke-dashoffset: 16}to{stroke-dashoffset: 0}}@-webkit-keyframes tyDot{from{-webkit-transform: scale(.4)}to{-webkit-transform: none}}@keyframes tyDot{from{transform: scale(.4)}to{transform: none}}@-webkit-keyframes tyPanel{from{opacity: 0;-webkit-transform: translateY(34px) scale(.97)}to{opacity: 1;-webkit-transform: none}}@keyframes tyPanel{from{opacity: 0;transform: translateY(34px) scale(.97)}to{opacity: 1;transform: none}}@-webkit-keyframes tyGlide{from{opacity: 0;-webkit-transform: translate(78px,54px)}30%{opacity: 1}to{opacity: 1;-webkit-transform: none}}@keyframes tyGlide{from{opacity: 0;transform: translate(78px,54px)}30%{opacity: 1}to{opacity: 1;transform: none}}@-webkit-keyframes tyMag{from{-webkit-transform: scale(.865)}to{-webkit-transform: none}}@keyframes tyMag{from{transform: scale(.865)}to{transform: none}}@-webkit-keyframes tyTip{from{opacity: 0;-webkit-transform: translate(-50%,6px)}to{opacity: 1;-webkit-transform: translate(-50%,0)}}@keyframes tyTip{from{opacity: 0;transform: translate(-50%,6px)}to{opacity: 1;transform: translate(-50%,0)}}@-webkit-keyframes tyDrag{0%{opacity: 0;-webkit-transform: none}12%{opacity: .92;-webkit-transform: translate(0,-5px) scale(1.04)}50%{-webkit-transform: translate(86px,-22px) scale(1.04)}84%{opacity: .92;-webkit-transform: translate(176px,-4px) scale(.96)}100%{opacity: 0;-webkit-transform: translate(176px,4px) scale(.55)}}@keyframes tyDrag{0%{opacity: 0;transform: none}12%{opacity: .92;transform: translate(0,-5px) scale(1.04)}50%{transform: translate(86px,-22px) scale(1.04)}84%{opacity: .92;transform: translate(176px,-4px) scale(.96)}100%{opacity: 0;transform: translate(176px,4px) scale(.55)}}@-webkit-keyframes tyAway{from,92%{opacity: 0}to{opacity: 1}}@keyframes tyAway{from,92%{opacity: 0}to{opacity: 1}}@-webkit-keyframes tyTake{0%,100%{-webkit-filter: none;-webkit-transform: none}45%{-webkit-filter: brightness(.86);-webkit-transform: scale(1.06)}}@keyframes tyTake{0%,100%{filter: none;transform: none}45%{filter: brightness(.86);transform: scale(1.06)}}@-webkit-keyframes tyAppear{from{opacity: 0;-webkit-transform: scale(.7)}to{opacity: 1;-webkit-transform: none}}@keyframes tyAppear{from{opacity: 0;transform: scale(.7)}to{opacity: 1;transform: none}}@-webkit-keyframes tyClick{0%{opacity: 0;-webkit-transform: translate(46px,40px)}25%{opacity: 1}70%{-webkit-transform: none}82%{-webkit-transform: scale(.78)}100%{opacity: 1;-webkit-transform: none}}@keyframes tyClick{0%{opacity: 0;transform: translate(46px,40px)}25%{opacity: 1}70%{transform: none}82%{transform: scale(.78)}100%{opacity: 1;transform: none}}@-webkit-keyframes tyPress{0%,100%{-webkit-transform: none}50%{-webkit-transform: scale(.94)}}@keyframes tyPress{0%,100%{transform: none}50%{transform: scale(.94)}}@media (prefers-reduced-motion: no-preference){.js:not(.still) .ty__pill{-webkit-animation: tyPop .55s cubic-bezier(.22,1,.36,1) .05s backwards;animation: tyPop .55s cubic-bezier(.22,1,.36,1) .05s backwards}.js:not(.still) .ty__cc{-webkit-transform-origin: 12px 12px;transform-origin: 12px 12px;-webkit-animation: tyDot .5s cubic-bezier(.22,1,.36,1) .12s backwards;animation: tyDot .5s cubic-bezier(.22,1,.36,1) .12s backwards}.js:not(.still) .ty__ck{stroke-dasharray: 16;-webkit-animation: tyDraw .45s cubic-bezier(.65,0,.35,1) .32s backwards;animation: tyDraw .45s cubic-bezier(.65,0,.35,1) .32s backwards}.js:not(.still) .ty__w{-webkit-animation: clBlur .85s cubic-bezier(.22,1,.36,1) .16s backwards;animation: clBlur .85s cubic-bezier(.22,1,.36,1) .16s backwards}.js:not(.still) .ty__w + .ty__w{-webkit-animation-delay: .22s;animation-delay: .22s}.js:not(.still) .ty__w + .ty__w + .ty__w{-webkit-animation-delay: .28s;animation-delay: .28s}.js:not(.still) .ty__h>span + span .ty__w{-webkit-animation-delay: .36s;animation-delay: .36s}.js:not(.still) .ty__h>span + span .ty__w + .ty__w{-webkit-animation-delay: .42s;animation-delay: .42s}.js:not(.still) .ty__h>span + span .ty__w + .ty__w + .ty__w{-webkit-animation-delay: .48s;animation-delay: .48s}.js:not(.still) .ty__h>span + span .ty__w + .ty__w + .ty__w + .ty__w{-webkit-animation-delay: .54s;animation-delay: .54s}.js:not(.still) .ty__h>span + span .ty__w + .ty__w + .ty__w + .ty__w + .ty__w{-webkit-animation-delay: .6s;animation-delay: .6s}.js:not(.still) .ty__lead{-webkit-animation: clRise .7s cubic-bezier(.22,1,.36,1) .66s backwards;animation: clRise .7s cubic-bezier(.22,1,.36,1) .66s backwards}.js:not(.still) .ty__step{-webkit-animation: tyPanel .85s cubic-bezier(.22,1,.36,1) .78s backwards;animation: tyPanel .85s cubic-bezier(.22,1,.36,1) .78s backwards}.js:not(.still) .ty__step + .ty__step{-webkit-animation-delay: .88s;animation-delay: .88s}.js:not(.still) .ty__step + .ty__step + .ty__step{-webkit-animation-delay: .98s;animation-delay: .98s}.js:not(.still) .ty__older{-webkit-animation: clRise .7s cubic-bezier(.22,1,.36,1) 1.1s backwards;animation: clRise .7s cubic-bezier(.22,1,.36,1) 1.1s backwards}.js:not(.still) .ty__slot--on .ty__cur{-webkit-animation: tyGlide .75s cubic-bezier(.45,0,.2,1) 1.15s backwards;animation: tyGlide .75s cubic-bezier(.45,0,.2,1) 1.15s backwards}.js:not(.still) .ty__dmg{-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-animation: tyMag .4s cubic-bezier(.22,1,.36,1) 1.72s backwards;animation: tyMag .4s cubic-bezier(.22,1,.36,1) 1.72s backwards}.js:not(.still) .ty__tip{-webkit-animation: tyTip .4s cubic-bezier(.22,1,.36,1) 1.86s backwards;animation: tyTip .4s cubic-bezier(.22,1,.36,1) 1.86s backwards}.js:not(.still) .ty__ghost{display: block;opacity: 0;-webkit-animation: tyDrag 1s cubic-bezier(.45,0,.25,1) 1.32s backwards;animation: tyDrag 1s cubic-bezier(.45,0,.25,1) 1.32s backwards}.js:not(.still) .ty__item--app>.ty__cur{-webkit-animation: tyAway 1.22s linear 1.32s backwards;animation: tyAway 1.22s linear 1.32s backwards}.js:not(.still) .ty__body .ty__item + .ty__arrow + .ty__item .ty__ico{-webkit-animation: tyTake .5s cubic-bezier(.22,1,.36,1) 2.05s backwards;animation: tyTake .5s cubic-bezier(.22,1,.36,1) 2.05s backwards}.js:not(.still) .ty__rcv img{-webkit-animation: tyAppear .55s cubic-bezier(.22,1,.36,1) 1.5s backwards,tyPress .3s ease-in-out 2.26s;animation: tyAppear .55s cubic-bezier(.22,1,.36,1) 1.5s backwards,tyPress .3s ease-in-out 2.26s}.js:not(.still) .ty__rcv span{-webkit-animation: clRise .5s cubic-bezier(.22,1,.36,1) 1.62s backwards;animation: clRise .5s cubic-bezier(.22,1,.36,1) 1.62s backwards}.js:not(.still) .ty__rcv .ty__cur{-webkit-animation: tyClick .8s cubic-bezier(.45,0,.25,1) 1.8s backwards;animation: tyClick .8s cubic-bezier(.45,0,.25,1) 1.8s backwards}}.vx{overflow: hidden}.vx .page{position: relative}.vx .page__head{position: relative;z-index: 1}.vh__stk{position: absolute;top: 0;left: 0;right: 0;height: 0;pointer-events: none}.vst{position: absolute;z-index: 2}.vst__a{display: block}.vst .card{display: block;padding: 6px;border-radius: 12px;background: #fff;box-shadow: 0 0 0 .5px rgba(0,0,0,.06),0 8px 18px -8px rgba(0,0,0,.35)}.vst .ww{width: 56px;height: 56px}.hc{display: block;width: 66px;height: auto}.rb{display: block;padding: 8px 16px 9px 9px;border-radius: 13px;background: #fff;white-space: nowrap;color: #0d0d0d;font: 600 20px/26px var(--display);letter-spacing: -.03em}.rb__s{display: inline-block;width: 26px;height: 26px;margin-right: 9px;vertical-align: top;border-radius: 7px;background: #61bb46;background-image: -webkit-linear-gradient(top,#61bb46 0,#61bb46 16.66%,#fdb827 16.66%,#fdb827 33.33%,#f5821f 33.33%,#f5821f 50%,#e03a3e 50%,#e03a3e 66.66%,#963d97 66.66%,#963d97 83.33%,#009ddc 83.33%);background-image: linear-gradient(180deg,#61bb46 0,#61bb46 16.66%,#fdb827 16.66%,#fdb827 33.33%,#f5821f 33.33%,#f5821f 50%,#e03a3e 50%,#e03a3e 66.66%,#963d97 66.66%,#963d97 83.33%,#009ddc 83.33%)}.vs1{left: -214px;top: 60px;-webkit-transform: rotate(-7deg);transform: rotate(-7deg)}.vs4{left: -78px;top: 196px;-webkit-transform: rotate(-6deg);transform: rotate(-6deg)}.vs2{right: 34px;top: 98px;-webkit-transform: rotate(5deg);transform: rotate(5deg)}.vs3{right: -170px;top: 40px;-webkit-transform: rotate(9deg);transform: rotate(9deg)}.vs5{right: -132px;top: 196px;-webkit-transform: rotate(-9deg);transform: rotate(-9deg)}@media (max-width: 1199px){.vst--w{display: none}.vs1{left: auto;right: 24px;top: 30px;-webkit-transform: rotate(6deg) scale(.8);transform: rotate(6deg) scale(.8);-webkit-transform-origin: 100% 0;transform-origin: 100% 0}.vs2{right: 40px;top: 196px}.vs4{left: auto;right: 220px;top: 44px}}@media (max-width: 767px){.vx .page{padding-top: 132px}.vs1{left: 12px;right: auto;top: 18px;-webkit-transform: rotate(-7deg) scale(.56);transform: rotate(-7deg) scale(.56);-webkit-transform-origin: 0 0;transform-origin: 0 0}.vs2{right: 6px;top: 30px;-webkit-transform: rotate(5deg) scale(.7);transform: rotate(5deg) scale(.7);-webkit-transform-origin: 100% 0;transform-origin: 100% 0}.vs4{right: auto;left: 46%;top: 70px;-webkit-transform: rotate(-6deg) scale(.8);transform: rotate(-6deg) scale(.8)}}@media (prefers-reduced-motion: no-preference){.js:not(.still) .vst__a{-webkit-animation: stkSlap .72s cubic-bezier(.25,.8,.3,1) .25s backwards;animation: stkSlap .72s cubic-bezier(.25,.8,.3,1) .25s backwards}.js:not(.still) .vs2 .vst__a{-webkit-animation-delay: .39s;animation-delay: .39s}.js:not(.still) .vs3 .vst__a{-webkit-animation-delay: .53s;animation-delay: .53s}.js:not(.still) .vs4 .vst__a{-webkit-animation-delay: .67s;animation-delay: .67s}.js:not(.still) .vs5 .vst__a{-webkit-animation-delay: .81s;animation-delay: .81s}}#works .list + p{margin-top: 18px}.ycab h3{margin-top: 28px;font-size: 18px;font-weight: 600}.ycab .list{margin-top: 10px}.ycab .note{margin-top: 10px;font-size: 14px;color: var(--ink-3)}.ycab + p{margin-top: 24px}.blog__rss{margin-top: 14px;font-size: 15px}.blog__empty{margin-top: 8px;color: var(--ink-2)}.blog{margin-top: 8px;border-top: 1px solid var(--line)}.bp{border-bottom: 1px solid var(--line)}.bp__a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 28px 0;color: var(--ink)}.bp__pic{-webkit-box-flex: 0;-ms-flex: 0 0 300px;flex: 0 0 300px;margin-right: 36px;overflow: hidden;border-radius: 18px;background: var(--soft);box-shadow: inset 0 0 0 1px var(--line)}.bp__pic img{display: block;width: 100%;height: auto;-webkit-transition: -webkit-transform .5s var(--ease);transition: transform .5s var(--ease)}.bp:not(.bp--big) .bp__pic{height: 170px}.bp:not(.bp--big) .bp__pic img{height: 100%;-o-object-fit: contain;object-fit: contain}.bp__a:hover .bp__pic img{-webkit-transform: scale(1.025);transform: scale(1.025)}.bp__t{display: block;min-width: 0}.bp__m{display: block;font-size: 14px;color: var(--ink-3)}.bp__h{display: block;margin-top: 8px;font: 600 26px/1.18 var(--display);letter-spacing: -.025em}.bp__a:hover .bp__h{color: var(--blue)}.bp__d{display: block;margin-top: 10px;font-size: 17px;line-height: 1.5;color: var(--ink-2)}.bp__draft{display: inline-block;padding: 1px 8px;border-radius: 999px;background: #fff3c4;color: #6b5200;font-size: 12px;font-weight: 600;vertical-align: 1px}.bp--big .bp__a{display: block;padding-top: 36px}.bp--big .bp__pic{display: block;margin: 0 0 26px;border-radius: 24px}.bp--big .bp__h{font-size: 40px;letter-spacing: -.035em}.bp--big .bp__d{max-width: 40em;font-size: 19px}.post{max-width: 1008px;margin: 0 auto;padding: 72px 24px 0}.post__head{max-width: 720px;margin: 0 auto}.post__crumb{font-size: 15px;font-weight: 500}.post__crumb a{color: var(--blue)}.post__head h1{margin-top: 14px;font: 600 52px/1.06 var(--display);letter-spacing: -.04em}.post__dek{margin-top: 18px;font-size: 21px;line-height: 1.45;color: var(--ink-2)}.post__by{margin-top: 20px;font-size: 14px;color: var(--ink-3)}.post__pic{margin: 44px 0 0;overflow: hidden;border-radius: 24px;background: var(--soft);box-shadow: inset 0 0 0 1px var(--line)}.post__pic img{display: block;width: 100%;height: auto}.post__body{max-width: 720px;margin: 48px auto 0}.toc{padding: 20px 24px;border-radius: 16px;background: var(--soft)}.toc__h{font-size: 13px;font-weight: 600;color: var(--ink-3);text-transform: uppercase;letter-spacing: .04em}.toc ol{margin-top: 10px;padding-left: 20px;list-style: decimal;color: var(--ink-3)}.toc li{margin-top: 6px;font-size: 16px;line-height: 1.4}.toc a{color: var(--ink)}.toc a:hover{color: var(--blue)}.prose{font-size: 18px;line-height: 1.7;color: var(--ink)}.prose>* + *{margin-top: 22px}.prose h2{margin-top: 56px;font: 600 32px/1.15 var(--display);letter-spacing: -.03em}.prose h3{margin-top: 36px;font: 600 22px/1.25 var(--display);letter-spacing: -.02em}.prose h4{margin-top: 28px;font-size: 18px;font-weight: 600}.prose h2 + *,.prose h3 + *,.prose h4 + *{margin-top: 12px}.prose p,.prose li{color: #333336;color: var(--ink-2)}.prose strong{color: var(--ink)}.prose a{color: var(--blue);text-decoration: underline;-webkit-text-decoration-color: rgba(0,113,227,.35);text-decoration-color: rgba(0,113,227,.35);text-underline-offset: 3px}.prose ul{padding-left: 22px;list-style: disc}.prose ol{padding-left: 22px;list-style: decimal}.prose li + li{margin-top: 8px}.prose code{padding: 2px 6px;border-radius: 6px;background: var(--soft);font: 15px/1.4 var(--mono)}.prose pre{overflow-x: auto;padding: 18px 20px;border-radius: 14px;background: #0d0d0d;color: #f2f2f3;font: 14px/1.6 var(--mono)}.prose pre code{padding: 0;background: none;font: inherit}@media (prefers-color-scheme: dark){.prose pre{background: #1c1c1e;box-shadow: inset 0 0 0 1px rgba(255,255,255,.08)}.bp__draft{background: #4a3d0a;color: #ffe08a}}.prose blockquote{padding-left: 20px;border-left: 3px solid var(--line-2)}.prose blockquote p{font-size: 20px;line-height: 1.5;color: var(--ink)}.prose figure img{display: block;width: 100%;height: auto;border-radius: 16px;box-shadow: inset 0 0 0 1px var(--line)}.prose figcaption{margin-top: 10px;font-size: 14px;color: var(--ink-3)}.prose .pt{margin-top: 28px}.prose .toc{margin: 36px 0 8px}.prose .toc a{color: var(--ink);text-decoration: none}.prose .toc a:hover{color: var(--blue)}.prose .toc li{color: var(--ink-3);font-size: 16px;line-height: 1.4}@media (min-width: 1100px){.prose .pt{margin-left: -120px;margin-right: -120px}}.prose .tbl tbody th{white-space: normal;min-width: 130px}.prose .tbl{min-width: 560px;font-size: 16px}.prose .pf{margin-top: 28px}.prose .pf details p{margin: 0}.post__rel{margin-top: 88px;padding: 0 24px}.post__relin{max-width: 960px;margin: 0 auto}.post__rel h2{font: 600 28px/1.2 var(--display);letter-spacing: -.03em}.blog--rel .bp__pic{-ms-flex-preferred-size: 220px;flex-basis: 220px;height: 130px}.blog--rel .bp__h{font-size: 22px}.post__rel + .band,.post + .band{margin-top: 96px}@media (max-width: 767px){.bp__a{display: block;padding: 24px 0}.bp__pic{display: block;margin: 0 0 16px;border-radius: 16px}.bp:not(.bp--big) .bp__pic,.blog--rel .bp__pic{height: 190px}.bp__h{font-size: 22px}.bp--big .bp__h{font-size: 30px}.bp--big .bp__d{font-size: 17px}.post{padding: 48px 16px 0}.post__head h1{font-size: 36px;line-height: 1.1}.post__dek{font-size: 18px}.post__pic{margin-top: 32px;border-radius: 18px}.post__body{margin-top: 36px}.prose{font-size: 17px}.prose h2{margin-top: 44px;font-size: 26px}.post__rel{margin-top: 64px;padding: 0 16px}}body{padding-left: env(safe-area-inset-left);padding-right: env(safe-area-inset-right)}@media (max-width: 767px){.top__brand{display: block;padding: 10px 0}.top .btn--sm,.mnav summary.btn--sm{height: 44px;padding: 0 18px 1px 16px;font-size: 16px;line-height: 41px}.top .btn--sm .gl,.mnav .btn--sm .gl{top: 3px;height: 13px}.mnav__panel a{display: block;min-height: 44px;line-height: 44px}.btn{height: 44px;line-height: 41px}.chip,.ask__chips .chip{height: 44px;padding: 0 16px;font-size: 15px;line-height: 44px}.fg__sw{width: 44px;height: 44px}.cl-filter-chip{height: 44px;padding: 0 16px 1px;font-size: 15px}.tlink{display: inline-block;padding: 10px 0}.foot__brand a{display: inline-block;padding: 10px 0}.foot__brand p{margin-top: 4px;font-size: 16px}.foot__nav span{margin-bottom: 4px}.foot__nav a{padding: 11px 0;font-size: 16px;line-height: 22px}.foot__bar{font-size: 13px}.tbl th a,.tbl td a{display: inline-block;min-width: 44px;padding: 10px 0;margin: -10px 0}.top__brand{min-height: 44px}.ycab .note{font-size: 15px}.tbl{font-size: 16px}.list--small li,.files li,.app__t p,.spec dt{font-size: 16px}.note,.dl__i small,.dl__v,.post__by,.cf__hint,.ask__note,.page__head .ask__note{font-size: 15px}.sfig figcaption,.cl-media figcaption,.prose figcaption,.ty__cap small{font-size: 15px}.ty__older{font-size: 16px}.ask textarea{min-height: 44px;font-size: 16px}.seg button{height: 44px;padding: 0 16px;font-size: 15px;line-height: 44px}.ask__send{width: 44px;height: 44px}.post__crumb a{display: inline-block;padding: 10px 0}.prose{line-height: 1.65}.stk__f{-webkit-animation: none !important;animation: none !important}}@media (prefers-reduced-motion: no-preference){.ty-lazy .ty__step,.ty-lazy .ty__step *{-webkit-animation-play-state: paused !important;animation-play-state: paused !important}.ty-lazy .ty__step.is-on,.ty-lazy .ty__step.is-on *{-webkit-animation-play-state: running !important;animation-play-state: running !important}.js.ty-lazy:not(.still) .ty__step{-webkit-animation-delay: .05s !important;animation-delay: .05s !important}.js.ty-lazy:not(.still) .ty__slot--on .ty__cur{-webkit-animation-delay: .4s !important;animation-delay: .4s !important}.js.ty-lazy:not(.still) .ty__dmg{-webkit-animation-delay: .97s !important;animation-delay: .97s !important}.js.ty-lazy:not(.still) .ty__tip{-webkit-animation-delay: 1.1s !important;animation-delay: 1.1s !important}.js.ty-lazy:not(.still) .ty__ghost,.js.ty-lazy:not(.still) .ty__item--app>.ty__cur{-webkit-animation-delay: .55s !important;animation-delay: .55s !important}.js.ty-lazy:not(.still) .ty__body .ty__item + .ty__arrow + .ty__item .ty__ico{-webkit-animation-delay: 1.28s !important;animation-delay: 1.28s !important}.js.ty-lazy:not(.still) .ty__rcv img{-webkit-animation-delay: .45s,1.2s !important;animation-delay: .45s,1.2s !important}.js.ty-lazy:not(.still) .ty__rcv span{-webkit-animation-delay: .57s !important;animation-delay: .57s !important}.js.ty-lazy:not(.still) .ty__rcv .ty__cur{-webkit-animation-delay: .75s !important;animation-delay: .75s !important}}@-webkit-keyframes curTrack{0%,27%{-webkit-transform: translateX(0)}55%,100%{-webkit-transform: translateX(100%)}}@keyframes curTrack{0%,27%{transform: translateX(0)}55%,100%{transform: translateX(100%)}}@-webkit-keyframes curMove{0%{opacity: 0;-webkit-transform: translate(2.6em,1.3em)}9%{opacity: 1}27%{-webkit-transform: translate(0,0)}30%,55%{-webkit-transform: scale(.86)}60%{opacity: 1;-webkit-transform: none}82%{opacity: 1;-webkit-transform: translate(.15em,.25em)}100%{opacity: 0;-webkit-transform: translate(.5em,.9em)}}@keyframes curMove{0%{opacity: 0;transform: translate(2.6em,1.3em)}9%{opacity: 1}27%{transform: translate(0,0)}30%,55%{transform: scale(.86)}60%{opacity: 1;transform: none}82%{opacity: 1;transform: translate(.15em,.25em)}100%{opacity: 0;transform: translate(.5em,.9em)}}@-webkit-keyframes nlSel{from{opacity: 1;-webkit-transform: scaleX(0)}to{opacity: 1;-webkit-transform: scaleX(1)}}@keyframes nlSel{from{opacity: 1;transform: scaleX(0)}to{opacity: 1;transform: scaleX(1)}}@-webkit-keyframes nlOff{from{opacity: 1}to{opacity: 0}}@keyframes nlOff{from{opacity: 1}to{opacity: 0}}@-webkit-keyframes nlInk{from{color: var(--ink)}to{color: var(--green)}}@keyframes nlInk{from{color: var(--ink)}to{color: var(--green)}}@-webkit-keyframes stkSlap{0%{opacity: 0;-webkit-transform: translateY(-14px) scale(1.15) rotate(-8deg)}38%{opacity: 1;-webkit-transform: translateY(1px) scale(.97) rotate(2deg)}62%{-webkit-transform: translateY(-1px) scale(1.015) rotate(-.8deg)}82%{-webkit-transform: scale(.997) rotate(.25deg)}100%{opacity: 1;-webkit-transform: none}}@keyframes stkSlap{0%{opacity: 0;transform: translateY(-14px) scale(1.15) rotate(-8deg)}38%{opacity: 1;transform: translateY(1px) scale(.97) rotate(2deg)}62%{transform: translateY(-1px) scale(1.015) rotate(-.8deg)}82%{transform: scale(.997) rotate(.25deg)}100%{opacity: 1;transform: none}}@-webkit-keyframes stkFloat{0%,100%{-webkit-transform: translateY(0) rotate(0)}50%{-webkit-transform: translateY(-4px) rotate(.6deg)}}@keyframes stkFloat{0%,100%{transform: translateY(0) rotate(0)}50%{transform: translateY(-4px) rotate(.6deg)}}@-webkit-keyframes spin{to{-webkit-transform: rotate(360deg)}}@keyframes spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.duo__imac{-webkit-animation: duoIn 1.1s cubic-bezier(.22,1,.36,1) .25s both;animation: duoIn 1.1s cubic-bezier(.22,1,.36,1) .25s both}.duo__mba{-webkit-animation: duoInR 1.1s cubic-bezier(.22,1,.36,1) .5s both;animation: duoInR 1.1s cubic-bezier(.22,1,.36,1) .5s both}.curw{-webkit-animation: curTrack 2.3s cubic-bezier(.45,0,.25,1) .6s both;animation: curTrack 2.3s cubic-bezier(.45,0,.25,1) .6s both}.cur{-webkit-animation: curMove 2.3s cubic-bezier(.3,.7,.2,1) .6s both;animation: curMove 2.3s cubic-bezier(.3,.7,.2,1) .6s both}.nl{-webkit-animation: nlInk .4s ease 1.92s both;animation: nlInk .4s ease 1.92s both}.nl::before{-webkit-animation: nlSel .64s cubic-bezier(.45,0,.25,1) 1.22s both,nlOff .4s ease 1.92s forwards;animation: nlSel .64s cubic-bezier(.45,0,.25,1) 1.22s both,nlOff .4s ease 1.92s forwards}.stk__a{-webkit-animation: stkSlap .72s cubic-bezier(.25,.8,.3,1) both;animation: stkSlap .72s cubic-bezier(.25,.8,.3,1) both}.stk__f{-webkit-animation: stkFloat 7s ease-in-out infinite;animation: stkFloat 7s ease-in-out infinite}.ww__c{-webkit-animation: spin 6s cubic-bezier(.45,0,.25,1) 1.2s 1 both;animation: spin 6s cubic-bezier(.45,0,.25,1) 1.2s 1 both}.s1 .stk__a{-webkit-animation-delay: .30s;animation-delay: .30s}.s2 .stk__a{-webkit-animation-delay: .37s;animation-delay: .37s}.s3 .stk__a{-webkit-animation-delay: .44s;animation-delay: .44s}.s4 .stk__a{-webkit-animation-delay: .51s;animation-delay: .51s}.s5 .stk__a{-webkit-animation-delay: .58s;animation-delay: .58s}.s6 .stk__a{-webkit-animation-delay: .65s;animation-delay: .65s}.s7 .stk__a{-webkit-animation-delay: .72s;animation-delay: .72s}.s8 .stk__a{-webkit-animation-delay: .79s;animation-delay: .79s}.s9 .stk__a{-webkit-animation-delay: .86s;animation-delay: .86s}.s2 .stk__f,.s6 .stk__f{-webkit-animation-delay: -2.3s;animation-delay: -2.3s}.s3 .stk__f,.s8 .stk__f{-webkit-animation-delay: -4.6s;animation-delay: -4.6s}.s4 .stk__f,.s9 .stk__f{-webkit-animation-delay: -1.2s;animation-delay: -1.2s}.s5 .stk__f,.s7 .stk__f{-webkit-animation-delay: -5.5s;animation-delay: -5.5s}}}@-webkit-keyframes duoIn{from{opacity: 0;-webkit-transform: translateY(48px) scale(.96)}to{opacity: 1;-webkit-transform: none}}@keyframes duoIn{from{opacity: 0;transform: translateY(48px) scale(.96)}to{opacity: 1;transform: none}}@-webkit-keyframes duoInR{from{opacity: 0;-webkit-transform: translate(40px,24px) scale(.96)}to{opacity: 1;-webkit-transform: none}}@keyframes duoInR{from{opacity: 0;transform: translate(40px,24px) scale(.96)}to{opacity: 1;transform: none}}.fx{padding: 120px 0 0}.fx .sec__lead{max-width: 34em}.fxg{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-gap: 64px 40px;gap: 64px 40px;margin-top: 48px}.fxt__pic{position: relative;height: 0;padding-bottom: 62.5%;overflow: hidden;border-radius: 18px;background: var(--soft)}.fxt__pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%}.fxt__pic::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: inherit;box-shadow: inset 0 0 0 1px var(--line-2);pointer-events: none}.fxt h3{margin-top: 20px;font-size: 21px;font-weight: 600;letter-spacing: -.015em}.fxt p{max-width: 30em;margin-top: 6px;color: var(--ink-2);font-size: 16px;line-height: 1.5}.fxs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 48px}.fxs__i{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0px;min-width: 0;margin: 0}.fxs__arrow{-ms-flex: none;flex: none;width: 44px;height: 44px;margin: -72px 14px 0;padding: 11px;border-radius: 50%;background: var(--blue);color: #fff}.fxs__arrow svg{display: block;width: 22px;height: 22px}.fxs figcaption{margin-top: 18px;color: var(--ink-2);font-size: 16px;line-height: 1.5}.fxs__l{display: inline-block;margin-right: 10px;padding: 3px 12px;border-radius: 999px;background: var(--blue);color: #fff;font-size: 14px;font-weight: 600}.fx--switch .note{margin-top: 28px}.fx-spec{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap: 0 40px;gap: 0 40px;margin-top: 32px;border-top: 1px solid var(--line)}.fx-spec>div{padding: 22px 0;border-bottom: 1px solid var(--line)}.fx-spec h3{font-size: 17px;font-weight: 600;letter-spacing: -.01em}.fx-spec p{margin-top: 6px;color: var(--ink-2);font-size: 15px;line-height: 1.5}@media (max-width: 767px){.fx{padding-top: 80px}.fxg{grid-template-columns: minmax(0,1fr);grid-gap: 44px;gap: 44px;margin-top: 32px}.fxs{display: block}.fxs__arrow{display: block;margin: 20px auto;-webkit-transform: rotate(90deg);transform: rotate(90deg)}.fx-spec{grid-template-columns: minmax(0,1fr)}}