.pp-device{flex:none;container-type:inline-size}.pp-phone__body{--ti-1:#c9c4bb;--ti-2:#8e8a83;--ti-3:#f1eee8;--ti-4:#6f6b65;background:linear-gradient(90deg, var(--ti-4) 0%, var(--ti-1) 3%, var(--ti-3) 7%, var(--ti-2) 14%, var(--ti-1) 50%, var(--ti-2) 86%, var(--ti-3) 93%, var(--ti-1) 97%, var(--ti-4) 100%);border-radius:17.2cqw;padding:1.15cqw;position:relative;box-shadow:inset 0 0 0 .35cqw #ffffff40,inset 0 0 0 .6cqw #0000002e,0 2.5cqw 5cqw -1cqw #0c151247,0 9cqw 16cqw -5cqw #0c151273,0 22cqw 30cqw -12cqw #0c151259}.pp-finish-black .pp-phone__body{--ti-1:#3b3d3e;--ti-2:#26282a;--ti-3:#5d6062;--ti-4:#161718}.pp-phone__bezel{background:#050605;border-radius:16cqw;padding:3.05cqw;position:relative;box-shadow:inset 0 0 0 .25cqw #1c1e1d}.pp-phone__screen{aspect-ratio:1206/2622;background:rgb(var(--brand-stone));isolation:isolate;border-radius:12.6cqw;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.pp-phone__island{z-index:2;background:#000;border-radius:999px;width:31.2%;height:4.2%;position:absolute;top:1.6%;left:34.4%}.pp-device__glare{z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff29 0%,#ffffff0d 28%,#fff0 42%);position:absolute;inset:0}.pp-phone__btn{background:linear-gradient(90deg, var(--ti-4), var(--ti-3) 45%, var(--ti-2));border-radius:1cqw;width:1.1cqw;position:absolute}.pp-phone__btn--action{height:6.5%;top:19%;left:-.7cqw}.pp-phone__btn--up{height:10.5%;top:29%;left:-.7cqw}.pp-phone__btn--down{height:10.5%;top:42%;left:-.7cqw}.pp-phone__btn--power{height:16%;top:31%;right:-.7cqw}.pp-phone__btn--camera{opacity:.8;width:.8cqw;height:9%;top:58%;right:-.45cqw}.pp-tablet__body{background:linear-gradient(90deg,#7a7d80,#d2d4d6 6%,#a7aaad 50%,#d2d4d6 94%,#7a7d80);border-radius:6.6cqw;padding:.7cqw;box-shadow:0 2cqw 4cqw -1cqw #0c151240,0 8cqw 14cqw -5cqw #0c151266}.pp-tablet__bezel{background:#060707;border-radius:6cqw;padding:2.6cqw;position:relative}.pp-tablet__screen{aspect-ratio:2064/2752;background:rgb(var(--brand-stone));border-radius:3.6cqw;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.pp-tablet__camera{background:#1d2a2f;border-radius:999px;width:.9cqw;height:.9cqw;margin-left:-.45cqw;position:absolute;top:1.05cqw;left:50%;box-shadow:inset 0 0 0 .2cqw #0b1013}.pp-tilt-left{transform:perspective(1600px)rotateY(16deg)rotateX(4deg)rotate(-2deg)}.pp-tilt-right{transform:perspective(1600px)rotateY(-16deg)rotateX(4deg)rotate(2deg)}.pp-tilt-back{transform:perspective(1600px)rotateX(14deg)rotate(-6deg)}.pp-tilt-left,.pp-tilt-right,.pp-tilt-back{transform-style:preserve-3d}.pp-browser{background:rgb(var(--brand-stone));box-shadow:0 30px 60px -30px rgb(var(--brand-ink-deep) / .45), 0 0 0 1px rgb(var(--brand-ink) / .08);border-radius:14px;overflow:hidden}.pp-browser__bar{background:rgb(var(--brand-mist));align-items:center;gap:12px;padding:10px 14px;display:flex}.pp-browser__dots{gap:6px;display:inline-flex}.pp-browser__dots i{background:rgb(var(--brand-ink) / .22);border-radius:999px;width:10px;height:10px}.pp-browser__url{white-space:nowrap;text-overflow:ellipsis;background:rgb(var(--brand-stone));min-width:0;color:rgb(var(--brand-ink) / .75);border-radius:999px;flex:1;padding:3px 12px;font-size:12px;overflow:hidden}.pp-browser--dark{background:rgb(var(--brand-ink-deep))}.pp-browser--dark .pp-browser__bar{background:rgb(var(--brand-ink) / .55)}.pp-browser--dark .pp-browser__url{background:rgb(var(--brand-ink));color:rgb(var(--brand-stone) / .75)}.pp-scene-slot{background-color:rgb(var(--brand-ink));background-image:radial-gradient(circle at center, rgb(var(--brand-coral) / .22) 0 1.6px, transparent 2px);background-size:18px 18px;width:100%}[data-reveal=hidden]{opacity:0;transform:translateY(24px)}[data-reveal=shown]{opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:none}@keyframes pp-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}.pp-float{animation:6s ease-in-out infinite pp-float}.pp-float-delay{animation-delay:-3s}@keyframes pp-caret{0%,49%{opacity:1}50%,to{opacity:0}}.pp-caret{vertical-align:-.15em;background:currentColor;width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite pp-caret;display:inline-block}.pp-screen-fade{transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){[data-reveal=hidden]{opacity:1;transform:none}.pp-float,.pp-caret{animation:none!important}.pp-screen-fade{transition:opacity .12s linear!important;transform:none!important}}.mk-blobs{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mk-blobs>i{opacity:.9;border-radius:9999px;display:block;position:absolute}.mk-blob-coral{background:radial-gradient(closest-side, rgb(var(--glow-2) / .75), rgb(var(--glow-1) / .35) 55%, transparent)}.mk-blob-peach{background:radial-gradient(closest-side, rgb(var(--glow-1) / .95), rgb(var(--glow-4) / .4) 60%, transparent)}.mk-blob-mint{background:radial-gradient(closest-side, rgb(var(--glow-5) / .95), rgb(var(--glow-5) / .3) 60%, transparent)}.mk-blob-stone{background:radial-gradient(closest-side, rgb(var(--glow-3) / .9), rgb(var(--glow-3) / .25) 60%, transparent)}.mk-blobs--fade{-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}@keyframes mk-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-3%)scale(1.04)}}.mk-blobs--drift>i{animation:18s ease-in-out infinite mk-drift}.mk-blobs--drift>i:nth-child(2n){animation-duration:23s;animation-direction:reverse}.mk-acc-panel{grid-template-rows:0fr;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1);display:grid}.mk-acc-panel>div{min-height:0;overflow:hidden}.mk-acc-panel[data-open=true]{grid-template-rows:1fr}.mk-acc-panel>div>*{opacity:0;transition:opacity .3s,transform .42s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.mk-acc-panel[data-open=true]>div>*{opacity:1;transition-delay:.12s;transform:none}.mk-acc-title{transition:color .26s}.mk-swap{transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.mk-swap[data-active=false]{opacity:0;pointer-events:none;transform:translateY(12px)scale(.985)}.mk-rail{--mk-gutter:max(16px, calc((100vw - 1200px) / 2));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mk-gutter);padding-inline:var(--mk-gutter);scrollbar-width:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.mk-rail::-webkit-scrollbar{display:none}.mk-rail>*{scroll-snap-align:start;flex:none}@media (min-width:640px){.mk-rail{--mk-gutter:max(24px, calc((100vw - 1200px) / 2))}}@media (min-width:1024px){.mk-rail{--mk-gutter:max(40px, calc((100vw - 1200px) / 2));gap:24px}}.mk-rail:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:4px}.mk-browser{background:rgb(var(--card));box-shadow:0 1px 0 rgb(var(--ink) / .04), 0 30px 80px -30px rgb(var(--brand-ink-deep) / .35), 0 0 0 1px rgb(var(--ink) / .07);border-radius:14px;overflow:hidden}.mk-browser__tabs{background:#e4e1d9;align-items:flex-end;gap:10px;height:34px;padding:0 12px;display:flex;position:relative}.mk-browser__dots{align-self:center;gap:7px;margin-right:10px;display:inline-flex}.mk-browser__dots i{border-radius:9999px;width:11px;height:11px}.mk-browser__dots i:first-child{background:#ec6a5e}.mk-browser__dots i:nth-child(2){background:#f4bf4f}.mk-browser__dots i:nth-child(3){background:#61c554}.mk-browser__tab{min-width:0;max-width:220px;height:27px;color:rgb(var(--ink));background:#f7f6f2;border-radius:9px 9px 0 0;align-items:center;gap:7px;padding:0 12px;font-size:11.5px;font-weight:500;display:inline-flex}.mk-browser__fav{color:#fff;background:#f45b45;border-radius:4px;flex:none;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;display:inline-flex}.mk-browser__bar{border-bottom:1px solid rgb(var(--ink) / .06);background:#f7f6f2;align-items:center;gap:12px;height:34px;padding:0 12px;display:flex}.mk-browser__nav{color:rgb(var(--ink-soft));align-items:center;gap:10px;display:inline-flex}.mk-browser__url{min-width:0;height:22px;color:rgb(var(--ink));white-space:nowrap;background:#eceae4;border-radius:9999px;flex:1;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;display:inline-flex;overflow:hidden}.dark .mk-browser{box-shadow:0 0 0 1px rgb(var(--line)), 0 30px 80px -30px #0009}.mk-chip{box-shadow:0 14px 40px -12px rgb(var(--brand-ink-deep) / .28), 0 0 0 1px rgb(var(--ink) / .06)}.dark .mk-chip{box-shadow:0 14px 40px -12px #0009, 0 0 0 1px rgb(var(--line))}.mk-mega{transform-origin:top;animation:.22s cubic-bezier(.22,1,.36,1) mk-mega-in}@keyframes mk-mega-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mk-photo img{transition:transform .9s cubic-bezier(.22,1,.36,1)}.group:hover .mk-photo img,.mk-photo:hover img{transform:scale(1.035)}@keyframes mk-bob{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}.mk-bob{animation:7s ease-in-out infinite mk-bob}.mk-bob:nth-child(2n){animation-duration:8.5s;animation-delay:-2s}.mk-bob:nth-child(3n){animation-duration:9.5s;animation-delay:-4s}@keyframes mk-pulse{0%{box-shadow:0 0 0 0 rgb(var(--success-fg) / .45)}70%{box-shadow:0 0 0 7px rgb(var(--success-fg) / 0)}to{box-shadow:0 0 0 0 rgb(var(--success-fg) / 0)}}.mk-live{animation:2.4s ease-out infinite mk-pulse}.mk-link{text-underline-offset:6px;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgb(var(--ink) / .35);text-decoration-color:rgb(var(--ink) / .35);transition:text-decoration-color .2s}.mk-link:hover{-webkit-text-decoration-color:rgb(var(--ink));text-decoration-color:rgb(var(--ink))}.mk-link svg{transition:transform .2s}.mk-link:hover svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.mk-acc-panel,.mk-acc-panel>div>*,.mk-swap,.mk-photo img,.mk-mega{transition:none!important;animation:none!important}.mk-acc-panel>div>*{opacity:1;transform:none}.mk-blobs--drift>i,.mk-bob,.mk-live{animation:none!important}.mk-rail{scroll-behavior:auto}}
