.ap .pp-gen .narrow{max-width:780px!important;margin-left:auto;margin-right:auto}
.ap .pp-gen .narrow .lede{max-width:none}
.ap .pp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:1000px;margin:56px auto 0;text-align:center}
.ap .pp-stats b{display:block;white-space:nowrap;font:600 30px/1.1 Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.022em;color:#1d1d1f}
.ap .dark .pp-stats b{color:#f5f5f7}
.ap .pp-stats span{display:block;margin-top:10px;font:400 14.5px/1.4 Roboto,Arial,sans-serif;color:#6e6e73}
.ap .pp-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:56px auto 0;text-align:left}
.ap .pp-feat>div{background:#fff;border-radius:24px;padding:34px 30px 32px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ap section:not(.grey) .pp-feat>div{background:#f5f5f7}
.ap .pp-feat small{display:block;font:600 12px Roboto,Arial,sans-serif;letter-spacing:.08em;color:#0071e3;margin-bottom:14px}
.ap .pp-feat h4{font:600 20px/1.25 Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.014em;color:#1d1d1f!important;margin:0 0 10px!important}
.ap .pp-feat p{font:400 15.5px/1.55 Roboto,Arial,sans-serif;color:#6e6e73;margin:0}
.ap .pp-new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;max-width:1000px;margin:52px auto 0;text-align:left}
.ap .pp-new>div{border-top:1px solid rgba(255,255,255,.16);padding:26px 0 28px}
.ap .pp-new b{display:block;font:600 19px/1.3 Roboto,"Helvetica Neue",Arial,sans-serif;color:#f5f5f7;letter-spacing:-.01em;margin-bottom:8px}
.ap .pp-new p{font:400 15.5px/1.55 Roboto,Arial,sans-serif;color:#a1a1a6;margin:0}
.ap .pp-uses{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:40px auto 0}
.ap .pp-uses span{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;background:#f5f5f7;font:500 15px Roboto,Arial,sans-serif;color:#1d1d1f}
.ap .grey .pp-uses span{background:#fff}
.ap .pp-cr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1180px;margin:56px auto 0;text-align:left}
.ap .pp-cr>div{background:#fff;border-radius:24px;padding:34px 32px}
.ap section:not(.grey) .pp-cr>div{background:#f5f5f7}
.ap .pp-uses-h{font:600 13px Roboto,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73;margin:64px 0 0;text-align:center}
.ap .pp-cr h3{font:600 22px/1.25 Roboto,"Helvetica Neue",Arial,sans-serif!important;color:#1d1d1f!important;margin:0 0 18px!important;letter-spacing:-.014em}
.ap .pp-chips{display:flex;flex-wrap:wrap;gap:8px}
.ap .pp-chips span{padding:7px 14px;border-radius:999px;border:1px solid #d2d2d7;font:500 13.5px Roboto,Arial,sans-serif;color:#1d1d1f;background:#fff}
.ap .pp-req h5{font:600 13px Roboto,Arial,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73!important;margin:18px 0 8px!important}
.ap .pp-req h5:first-of-type{margin-top:0!important}
.ap .pp-req ul{list-style:none!important;margin:0!important;padding:0!important}
.ap .pp-req li{font:400 15px/1.5 Roboto,Arial,sans-serif;color:#424245;padding:7px 0;border-bottom:1px solid #ececf0;margin:0!important}
.ap .pp-req li:last-child{border-bottom:0}
.ap .pp-note{font:400 13.5px/1.5 Roboto,Arial,sans-serif;color:#6e6e73;margin:16px 0 0}
.ap .pp-note a{color:#0066cc!important}
.ap .pp-lic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:860px;margin:48px auto 0;text-align:left}
.ap .pp-lic>div{border-top:2px solid #1d1d1f;padding:18px 2px 0}
.ap .pp-lic b{display:block;font:600 17px/1.3 Roboto,Arial,sans-serif;color:#1d1d1f;margin-bottom:6px}
.ap .pp-lic p{font:400 14.5px/1.5 Roboto,Arial,sans-serif;color:#6e6e73;margin:0}
@media (max-width:990px){
.ap .pp-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .pp-lic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.ap .pp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;margin-top:40px}
.ap .pp-stats b{font-size:27px}
.ap .pp-feat,.ap .pp-new,.ap .pp-cr,.ap .pp-lic{grid-template-columns:minmax(0,1fr);gap:14px}
.ap .pp-new{gap:0}
.ap .pp-feat>div,.ap .pp-cr>div{padding:26px 22px}
.ap .pp-uses span{padding:10px 16px;font-size:14px}
} @media (min-width:1025px){
html.cadbar body .ap.ps{padding-top:65px}
html.cadbar body .ap .ps-sub{top:var(--cadbb,155px)!important}
} .ap section.pp-hs{position:relative;display:grid;background:#f5f5f7;overflow:hidden;padding:0!important;min-height:clamp(520px,calc(100vh - 225px),720px);color:#1d1d1f}
.ap .pp-hs .pp-sl{grid-area:1/1;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;gap:48px;width:100%;max-width:1500px;margin:0 auto;padding:56px 48px 84px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s;text-align:left}
.ap .pp-hs .pp-sl.on{opacity:1;visibility:visible;transition:opacity .8s ease}
.ap .pp-hs .tx>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.ap .pp-hs .on .tx>*{opacity:1;transform:none}
.ap .pp-hs .on .tx>*:nth-child(2){transition-delay:.08s}.ap .pp-hs .on .tx>*:nth-child(3){transition-delay:.16s}.ap .pp-hs .on .tx>*:nth-child(4){transition-delay:.24s}.ap .pp-hs .on .tx>*:nth-child(5){transition-delay:.32s}.ap .pp-hs .on .tx>*:nth-child(6){transition-delay:.4s}
.ap .pp-hs .ps-lg{margin:0 0 18px;justify-content:flex-start}
.ap .pp-hs .ps-lg img{width:64px;height:64px;object-fit:contain}
.ap .pp-hs .eb{font:600 13px Roboto,Arial,sans-serif;letter-spacing:.04em;color:#0071e3;margin:0 0 14px}
.ap .pp-hs h1,.ap .pp-hs h2{font:600 clamp(36px,4.1vw,60px)/1.05 Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.025em;color:#1d1d1f!important;margin:0 0 18px!important}
.ap .pp-hs .ld{font:400 clamp(16px,1.35vw,20px)/1.5 Roboto,Arial,sans-serif;color:#424245;margin:0 0 28px;max-width:540px}
.ap .pp-hs .bt{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ap .pp-hs .bt a{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:980px;font:500 15px Roboto,Arial,sans-serif;text-decoration:none!important}
.ap .pp-hs .bt a.b1{background:#0071e3;color:#fff!important}.ap .pp-hs .bt a.b1:hover{background:#0077ed}
.ap .pp-hs .bt a.b2{color:#0071e3!important;padding:0 6px}.ap .pp-hs .bt a.b2:hover{text-decoration:underline!important}
.ap .pp-hs .pr{font:400 13px Roboto,Arial,sans-serif;color:#6e6e73;margin:18px 0 0}
.ap .pp-hs .im{position:relative;display:block;align-self:center}
.ap .pp-hs .im img{display:block;width:100%;aspect-ratio:16/10;height:auto;max-height:100%;object-fit:cover;border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.35);transform:scale(1.05);transition:transform 7s cubic-bezier(.2,.6,.2,1);background:#fff}
.ap .pp-hs .on .im img{transform:scale(1)}
.ap .pp-hs .im small{position:absolute;right:14px;bottom:10px;font:400 10.5px Roboto,Arial,sans-serif;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ap .pp-hs .pp-nav{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;gap:8px;z-index:3}
.ap .pp-hs .pp-nav i{display:block;width:8px;height:8px;border-radius:8px;background:rgba(0,0,0,.2);cursor:pointer;position:relative;overflow:hidden;transition:width .35s ease,background .3s}
.ap .pp-hs .pp-nav i.on{width:36px;background:rgba(0,0,0,.14)}
.ap .pp-hs .pp-nav i.on:after{content:'';position:absolute;inset:0;background:#1d1d1f;transform-origin:left;animation:ppProg 6.5s linear forwards}
.ap .pp-hs.paused .pp-nav i.on:after{animation-play-state:paused}
@keyframes ppProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ap .pp-hs .pp-ar{position:absolute;right:max(24px,calc((100% - 1500px)/2 + 48px));bottom:22px;display:flex;gap:8px;z-index:3}
.ap .pp-hs .pp-ar button{min-height:0!important;min-width:0!important;width:40px!important;height:40px!important;flex:0 0 40px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%;border:0;background:rgba(0,0,0,.07);color:#1d1d1f;font-size:20px;line-height:1;cursor:pointer;padding:0}
.ap .pp-hs .pp-ar button:hover{background:rgba(0,0,0,.13)}
@media (prefers-reduced-motion:reduce){.ap .pp-hs *{transition:none!important;animation:none!important}}
@media (max-width:860px){
.ap section.pp-hs{min-height:0}
.ap .pp-hs .pp-sl{grid-template-columns:minmax(0,1fr);gap:26px;padding:24px 20px 76px}
.ap .pp-hs .im{order:-1}
.ap .pp-hs .im img{border-radius:18px}
.ap .pp-hs .ld{margin-bottom:22px}
.ap .pp-hs .pp-ar{display:none}
} .ap .pp-feat>div{overflow:hidden}
.ap .pp-feat>div>.fi{display:block;margin:-34px -30px 26px;aspect-ratio:16/10;overflow:hidden;background:#e8e8ed}
.ap .pp-feat>div>.fi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ap .pp-feat>div:hover>.fi img{transform:scale(1.04)} .ap .pp-new.im{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;max-width:1180px}
.ap .pp-new.im>div{border-top:0;padding:0}
.ap .pp-new.im .fi{display:block;aspect-ratio:16/10;border-radius:18px;overflow:hidden;margin-bottom:20px;background:#1d1d1f}
.ap .pp-new.im .fi img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:990px){.ap .pp-new.im{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ap .pp-feat>div>.fi{margin:-26px -22px 22px}.ap .pp-new.im{grid-template-columns:minmax(0,1fr);gap:32px}} .ap section.pp-zoom{position:relative;height:230vh;padding:0!important;background:#fff}
.ap .pp-zoom .stk{position:sticky;top:var(--pptop,0px);height:calc(100vh - var(--pptop,0px));overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ap .pp-zoom .zt{position:absolute;top:7%;left:0;right:0;text-align:center;z-index:2;opacity:calc(1 - var(--p,0)*2.2);transform:translateY(calc(var(--p,0)*-60px));pointer-events:none}
.ap .pp-zoom .zt .eb{font:600 15px Roboto,Arial,sans-serif;color:#0071e3;margin:0 0 10px}
.ap .pp-zoom .zt h2{font:600 clamp(40px,5.4vw,80px)/1.03 Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.03em;color:#1d1d1f!important;margin:0!important}
.ap .pp-zoom .zi{position:relative;width:calc(52% + var(--p,0)*48%);height:calc(46% + var(--p,0)*54%);margin-top:calc(14% - var(--p,0)*14%);border-radius:calc(28px - var(--p,0)*28px);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,calc(.45 - var(--p,0)*.45))}
.ap .pp-zoom .zi img,.ap .pp-zoom .zi video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.18 - var(--p,0)*.18))}
.ap .pp-zoom .zc{position:absolute;left:0;right:0;bottom:8%;text-align:center;z-index:2;color:#fff;opacity:calc((var(--p,0) - .72)*4);transform:translateY(calc((1 - var(--p,0))*40px))}
.ap .pp-zoom .zc h3{font:600 clamp(28px,3.4vw,52px)/1.08 Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.02em;color:#fff!important;margin:0 0 10px!important;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.ap .pp-zoom .zc p{font:400 clamp(15px,1.3vw,19px)/1.5 Roboto,Arial,sans-serif;color:rgba(255,255,255,.92);margin:0;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.ap .pp-zoom .zi:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.55));opacity:calc((var(--p,0) - .6)*2.5)}
.ap .pp-zoom small.cr{position:absolute;right:16px;bottom:10px;z-index:3;font:400 10.5px Roboto,Arial,sans-serif;color:rgba(255,255,255,.8)}
.ap section.pp-story{background:#f5f5f7;padding:110px 0 0!important;position:relative}
.ap .pp-story .hd{text-align:center;max-width:860px;margin:0 auto 10px;padding:0 24px}
.ap .pp-story .w2{position:sticky;top:var(--pptop,0px);height:calc(100vh - var(--pptop,0px));overflow:hidden;display:flex;align-items:center}
.ap .pp-story .im2{display:none}
.ap .pp-story .tx2{display:flex;gap:28px;padding:0 max(40px,calc((100vw - 1240px)/2));transform:translate3d(var(--hx,0px),0,0);will-change:transform}
.ap .pp-story .st{flex:0 0 min(70vw,900px);height:min(70vh,620px);position:relative;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:44px 48px;box-sizing:border-box;text-align:left;background:#1d1d1f}
.ap .pp-story .st .mi{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ap .pp-story .st.on .mi{transform:scale(1)}
.ap .pp-story .st:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72));pointer-events:none}
.ap .pp-story .st>*:not(.mi){position:relative;z-index:1}
.ap .pp-story .st small{font:600 13px Roboto,Arial,sans-serif;color:rgba(255,255,255,.75);letter-spacing:.06em;margin-bottom:10px}
.ap .pp-story .st h3{font:600 clamp(28px,2.8vw,44px)/1.08 Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.022em;color:#fff!important;margin:0 0 12px!important}
.ap .pp-story .st p{font:400 17px/1.5 Roboto,Arial,sans-serif;color:rgba(255,255,255,.88);margin:0;max-width:520px}
.ap .pp-story .st .tx3{opacity:.0;transform:translateY(16px);display:flex;flex-direction:column;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.ap .pp-story .st.on .tx3{opacity:1;transform:none}
.ap .pp-story .pp-prog{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:120px;height:3px;border-radius:3px;background:rgba(0,0,0,.12);overflow:hidden}
.ap .pp-story .pp-prog i{display:block;height:100%;width:calc(var(--hp,0)*100%);background:#1d1d1f}
html.pp-js .ap .rv{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
html.pp-js .ap .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.pp-js .ap .rv{opacity:1;transform:none}.ap section.pp-zoom{height:auto}.ap .pp-zoom .stk{position:relative;height:70vh}.ap section.pp-story{height:auto!important}.ap .pp-story .w2{position:static;height:auto;overflow-x:auto}.ap .pp-story .tx2{transform:none}}
@media (max-width:860px){
.ap section.pp-zoom{height:auto;padding:70px 0 30px!important}
.ap .pp-zoom .stk{position:relative;top:0;height:auto;display:block;padding:0 20px}
.ap .pp-zoom .zt{position:static;opacity:1;transform:none;margin-bottom:28px}
.ap .pp-zoom .zi{width:100%;height:auto;margin:0;border-radius:0;box-shadow:none;overflow:visible}
.ap .pp-zoom .zi img,.ap .pp-zoom .zi video{aspect-ratio:16/10;height:auto;border-radius:18px}
.ap .pp-zoom .zc{padding-top:20px}
.ap .pp-zoom small.cr{bottom:auto;top:calc((100vw - 40px)*.625 - 22px)}
.ap .pp-zoom .zi img,.ap .pp-zoom .zi video{transform:none}
.ap .pp-zoom .zi:after{display:none}
.ap .pp-zoom .zc{position:static;opacity:1;transform:none;color:#1d1d1f;text-align:left;margin-top:-1px}
.ap .pp-zoom .zc h3{color:#1d1d1f!important;text-shadow:none;font-size:24px!important}
.ap .pp-zoom .zc p{color:#515154;text-shadow:none}
.ap section.pp-story{padding:70px 0 40px!important;height:auto!important}
.ap .pp-story .w2{position:static;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:20px 0}
.ap .pp-story .w2::-webkit-scrollbar{display:none}
.ap .pp-story .tx2{transform:none;padding:0 20px;gap:14px}
.ap .pp-story .st{flex:0 0 84vw;height:62vh;max-height:520px;padding:26px 24px;scroll-snap-align:center;border-radius:22px}
.ap .pp-story .st .mi{transform:none}
.ap .pp-story .pp-prog{display:none}
}