.mk-ph-hero-grid{align-items:center;gap:48px;display:grid}.mk-ph-hero-grid>*{min-width:0}@media (min-width:1024px){.mk-ph-hero-grid{grid-template-columns:1fr 1.05fr;gap:56px}}.mk-ph-hero .mk-h1 em{color:var(--mk-blue);font-style:italic;font-weight:600}.mk-ph-jump{border-top:1px solid var(--mk-line);flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:22px;display:flex}.mk .mk-ph-jump a{background:var(--mk-card);box-shadow:inset 0 0 0 1px var(--mk-line);color:var(--mk-ink);transition:background-color .2s, color .2s, translate .2s var(--mk-ease);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.mk .mk-ph-jump a:hover{background:var(--mk-mist);color:var(--mk-blue);translate:0 -2px}.mk-ph-jump a:nth-child(2n) svg{color:var(--mk-green)}.mk-ph-jump a:nth-child(odd) svg{color:var(--mk-blue)}.mk-ph-mosaic{aspect-ratio:1/1.02;width:100%;max-width:580px;margin-inline:auto}.mk-ph-mosaic:before{content:"";background:radial-gradient(#0a50ec29 1px,#0000 1.4px) 0 0/18px 18px;border-radius:48px;position:absolute;inset:14% 8% 8% 10%;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 75%);mask-image:radial-gradient(circle,#000 40%,#0000 75%)}.mk-ph-mosaic figure{--y:-10px;border-radius:26px;margin:0;animation:9s ease-in-out infinite mk-ph-float;position:absolute;overflow:hidden;box-shadow:0 0 0 5px #fff,0 30px 60px -28px #122c838c}.mk-ph-mosaic figure img{object-fit:cover;width:100%;height:100%;animation:16s ease-in-out infinite alternate mk-kenburns}.mk-ph-mosaic figure[data-n="0"]{z-index:2;--y:-14px;border-radius:999px 999px 30px 30px;width:44%;height:66%;top:8%;left:20%}.mk-ph-mosaic figure[data-n="1"]{--y:-8px;width:36%;height:40%;animation-delay:-2s;top:2%;left:62%}.mk-ph-mosaic figure[data-n="2"]{--y:-12px;width:33%;height:37%;animation-delay:-5s;top:47%;left:66%}.mk-ph-mosaic figure[data-n="3"]{z-index:3;--y:-6px;width:32%;height:36%;animation-delay:-3.5s;top:56%;left:2%}.mk-ph-mosaic figure[data-n="4"]{--y:-9px;border-radius:22px;width:22%;height:32%;animation-delay:-7s;top:14%;left:0}@keyframes mk-ph-float{50%{translate:0 var(--y)}}.mk-ph-chip{z-index:5;background:var(--mk-card);box-shadow:var(--mk-shadow), 0 0 0 1px var(--mk-line);color:var(--mk-ink);white-space:nowrap;--y:-6px;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;animation:7s ease-in-out infinite mk-ph-float;display:inline-flex;position:absolute}.mk-ph-chip[data-pos=live]{top:0;left:18%}.mk-ph-chip[data-pos=selfie]{padding:6px 16px 6px 6px;animation-delay:-2.5s;bottom:2%;left:30%}.mk-ph-chip[data-pos=pick]{color:#e11d48;box-shadow:var(--mk-shadow), 0 0 0 1px #e11d482e;animation-delay:-4.5s;top:40%;right:0}.mk-ph-roll{font-variant-numeric:tabular-nums;height:1.25em;color:var(--mk-blue);line-height:1.25;display:inline-block;overflow:hidden}.mk-ph-roll>span{animation:12s infinite mk-ph-roll;display:block}@keyframes mk-ph-roll{0%,17%{translate:0}20%,37%{translate:0 -100%}40%,57%{translate:0 -200%}60%,77%{translate:0 -300%}80%,97%{translate:0 -400%}to{translate:0}}.mk-ph-face{border-radius:50%;flex:none;width:34px;height:34px;position:relative}.mk-ph-face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mk-ph-face:after{content:"";border:2px solid var(--mk-green);border-radius:50%;animation:2.4s ease-out infinite mk-ph-ping;position:absolute;inset:-3px}@keyframes mk-ph-ping{0%{opacity:1;scale:1}to{opacity:0;scale:1.5}}.mk-ph-swap{display:grid}.mk-ph-swap>span{grid-area:1/1;align-items:center;gap:5px;display:inline-flex}.mk-ph-swap>span:first-child{color:var(--mk-muted);animation:6s infinite mk-swap-a}.mk-ph-swap>span:last-child{color:var(--mk-green);animation:6s infinite mk-swap-b}@media (max-width:560px){.mk-ph-chip{padding:6px 11px;font-size:12px}.mk-ph-chip[data-pos=pick]{display:none}.mk-ph-chip[data-pos=live]{left:4%}.mk-ph-chip[data-pos=selfie]{left:22%}}.mk-ph-flow{--gap:88px;view-timeline:--ph-flow block;gap:14px;max-width:980px;margin-inline:auto;padding-left:52px;display:grid;position:relative}.mk-ph-flow:before,.mk-ph-flow:after{content:"";border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:21px}.mk-ph-flow:before{background:repeating-linear-gradient(#0a50ec59 0 8px,#0000 8px 16px);animation:1.2s linear infinite mk-ph-dash}.mk-ph-flow:after{background:linear-gradient(var(--mk-blue), var(--mk-green));transform-origin:top;scale:1 0}@keyframes mk-ph-dash{to{background-position:0 16px}}@supports (animation-timeline:view()){.mk-ph-flow:after{animation:linear both mk-ph-grow;animation-timeline:--ph-flow;animation-range:cover 15% cover 75%}}@supports not (animation-timeline:view()){.mk-ph-flow:after{opacity:.6;scale:1}}@keyframes mk-ph-grow{to{scale:1}}.mk-ph-step{--tone:var(--mk-blue);--tint:var(--mk-mist);background:var(--mk-card);box-shadow:0 0 0 1px var(--mk-line), 0 18px 40px -30px #122c8373;border-radius:24px;align-items:flex-start;gap:16px;padding:18px 20px;display:flex;position:relative}.mk-ph-step[data-tone=green]{--tone:var(--mk-green);--tint:var(--mk-leaf)}.mk-ph-step:before{content:"";background:var(--mk-card);width:13px;height:13px;box-shadow:0 0 0 3px var(--tone);border-radius:50%;position:absolute;top:30px;left:-38px}.mk-ph-step>div{min-width:0}.mk-ph-step small{letter-spacing:.12em;text-transform:uppercase;color:var(--tone);font-size:11px;font-weight:700;display:block}.mk-ph-step b{font-family:var(--mk-serif);margin-top:2px;font-size:19px;font-weight:700;line-height:1.2;display:block}.mk-ph-step p{color:var(--mk-muted);margin-top:4px;font-size:14.5px;line-height:1.5}.mk-ph-step-ic{background:var(--tint);width:52px;height:52px;color:var(--tone);border-radius:16px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}@media (min-width:860px){.mk-ph-flow{column-gap:var(--gap);grid-template-columns:1fr 1fr;row-gap:18px;padding:0 0 64px}.mk-ph-flow:before,.mk-ph-flow:after{left:calc(50% - 1.5px)}.mk-ph-step:nth-child(odd){grid-column:1}.mk-ph-step:nth-child(2n){grid-column:2;top:64px}.mk-ph-step:nth-child(odd):before{left:auto;right:calc(var(--gap) / -2 - 6.5px)}.mk-ph-step:nth-child(2n):before{left:calc(var(--gap) / -2 - 6.5px)}}.mk-ph-step-ic svg{animation:none}.mk-ph-step[data-anim=flash] .mk-ph-step-ic:after{content:"";opacity:0;background:#fff;animation:2.6s ease-out infinite mk-ph-flash;position:absolute;inset:0}@keyframes mk-ph-flash{0%,70%,to{opacity:0}74%{opacity:.9}}.mk-ph-step[data-anim=rise] svg{animation-name:mk-ph-rise}@keyframes mk-ph-rise{50%{translate:0 -4px}}.mk-ph-step[data-anim=drop] svg{animation-name:mk-ph-drop}@keyframes mk-ph-drop{50%{translate:0 4px}}.mk-ph-step[data-anim=pop] svg{animation-name:mk-ph-pop}@keyframes mk-ph-pop{0%,60%,to{scale:1}70%{scale:1.18}80%{scale:.96}}.mk-ph-step[data-anim=beat] svg{animation-name:mk-ph-beat}@keyframes mk-ph-beat{0%,50%,to{scale:1}15%,35%{scale:1.2}25%{scale:1.05}}.mk-ph-step[data-anim=scan] .mk-ph-step-ic:after{content:"";background:var(--tone);height:2px;box-shadow:0 0 8px var(--tone);border-radius:2px;animation:2.2s ease-in-out infinite alternate mk-ph-scan;position:absolute;top:10px;left:8px;right:8px}@keyframes mk-ph-scan{to{top:calc(100% - 12px)}}.mk-ph-tools-head{padding-top:clamp(48px,6vw,84px)}.mk-ph-tools-head .mk-head{margin-bottom:0}.mk-ph-feat{--tone:var(--mk-blue);--tint:var(--mk-mist);padding-block:clamp(40px,5vw,72px);scroll-margin-top:80px}.mk-ph-feat[data-tone=green]{--tone:var(--mk-green);--tint:var(--mk-leaf)}.mk-ph-feat-in{align-items:center;gap:32px;display:grid}.mk-ph-feat-in>*{min-width:0}@media (min-width:1000px){.mk-ph-feat-in{grid-template-columns:1fr 1.2fr;gap:64px}.mk-ph-feat[data-flip=true] .mk-ph-feat-text{order:2}}@media (max-width:999px){.mk-ph-feat-stage{order:-1}}.mk-ph-feat-text{flex-direction:column;align-items:flex-start;display:flex}.mk-ph-feat-kicker{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--tone);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.mk-ph-feat-kicker>span{background:var(--tone);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.mk-ph-feat-kicker em{letter-spacing:.06em;color:var(--mk-muted);margin-left:auto;font-style:normal;font-weight:600}.mk-ph-feat .mk-lede{margin-top:16px}.mk-ph-callouts{counter-reset:none;gap:10px;width:100%;margin-block:24px 28px;display:grid}.mk-ph-callouts li{background:var(--mk-card);box-shadow:0 0 0 1px var(--mk-line);animation:9s infinite mk-ph-call;animation-delay:calc(var(--i) * 3s);border-radius:18px;align-items:center;gap:14px;padding:12px 16px 12px 12px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.mk-ph-callouts li>span{background:var(--tint);width:32px;height:32px;color:var(--tone);font-family:var(--mk-serif);animation:9s infinite mk-ph-call-n;animation-delay:inherit;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}@keyframes mk-ph-call{0%,30%{box-shadow:0 0 0 1.5px var(--tone), 0 18px 34px -24px #122c8380;translate:6px}36%,to{box-shadow:0 0 0 1px var(--mk-line);translate:0}}@keyframes mk-ph-call-n{0%,30%{background:var(--tone);color:#fff}36%,to{background:var(--tint);color:var(--tone)}}.mk-ph-feat-stage{isolation:isolate;background:var(--tone);border-radius:36px;padding:clamp(18px,3.4vw,48px);position:relative;overflow:hidden}.mk-ph-feat-stage:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff38 1px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 65%);mask-image:linear-gradient(135deg,#000,#0000 65%)}.mk-ph-feat-stage:after{content:"";z-index:-1;border:1.5px solid #fff3;border-radius:50%;width:280px;height:280px;animation:7s ease-in-out infinite mk-ph-breathe;position:absolute;bottom:-90px;right:-90px;box-shadow:0 0 0 44px #ffffff0d,0 0 0 88px #ffffff08}@keyframes mk-ph-breathe{50%{scale:1.08}}.mk-ph-feat-stage .mk-chip{box-shadow:var(--mk-shadow)}.mk-ph-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:clamp(28px,4vw,44px);display:grid}@media (min-width:860px){.mk-ph-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.mk-ph-facts>div{background:var(--mk-card);box-shadow:0 0 0 1px var(--mk-line);border-radius:24px;padding:20px 22px}.mk-ph-facts dt{font-family:var(--mk-serif);color:var(--mk-blue);font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1}.mk-ph-facts>div:nth-child(2n) dt{color:var(--mk-green)}.mk-ph-facts dd{color:var(--mk-muted);margin-top:8px;font-size:14px;font-weight:500;line-height:1.35}.mk-ph-kinds{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:12px;display:grid}.mk-ph-kinds figure:first-child{grid-area:span 2/span 2}@media (max-width:859px){.mk-ph-kinds figure:last-child{grid-column:span 2}}@media (min-width:860px){.mk-ph-kinds{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:250px;gap:18px}.mk-ph-kinds figure:first-child{grid-column:1/span 2}}.mk-ph-kinds figure{transition:translate .4s var(--mk-ease), box-shadow .4s;border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 48px -30px #0c112680}.mk-ph-kinds figure:hover{translate:0 -6px;box-shadow:0 36px 60px -30px #0c112699}.mk-ph-kinds img{object-fit:cover;width:100%;height:100%;transition:scale 1s var(--mk-ease)}.mk-ph-kinds figure:hover img{scale:1.06}.mk-ph-kinds figure:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080a18c7);position:absolute;inset:45% 0 0}.mk-ph-kinds figure>span{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;color:#fff;background:#fff3;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:inset 0 0 0 1px #ffffff73}.mk-ph-kinds figcaption{z-index:1;color:#fff;gap:2px;padding:18px 20px;display:grid;position:absolute;bottom:0;left:0;right:0}.mk-ph-kinds b{font-family:var(--mk-serif);font-size:clamp(17px,1.7vw,24px);font-weight:700;line-height:1.15}.mk-ph-kinds figure:first-child b{font-size:clamp(22px,2.6vw,34px)}.mk-ph-kinds small{color:#fffc;font-size:13.5px}@media (max-width:560px){.mk-ph-kinds figure:not(:first-child) small{display:none}.mk-ph-kinds figcaption{padding:14px}}.mk-ph-looks{--step:3s;--cycle:calc(var(--n) * var(--step));align-items:center;gap:36px;max-width:920px;margin-inline:auto;display:grid}.mk-ph-phone{background:#0b0f22;border-radius:48px;justify-self:center;width:min(100%,270px);padding:11px;position:relative;box-shadow:inset 0 0 0 2px #2a3150,0 50px 90px -40px #0c112699}@media (min-width:860px){.mk-ph-looks{grid-template-columns:340px 1fr;gap:64px}.mk-ph-phone{width:320px}}.mk-ph-phone:before{content:"";z-index:3;background:#0b0f22;border-radius:20px;width:84px;height:24px;position:absolute;top:20px;left:50%;translate:-50%}.mk-ph-phone-screen{aspect-ratio:9/18;border-radius:38px;position:relative;overflow:hidden}.mk-ph-theme{opacity:0;animation:mk-ph-theme var(--cycle) infinite;animation-delay:calc(var(--i) * var(--step));flex-direction:column;display:flex;position:absolute;inset:0}.mk-ph-theme:first-child{opacity:1}.mk-ph-theme>img{object-fit:cover;width:100%;height:50%}.mk-ph-theme-body{text-align:center;justify-items:center;gap:6px;padding:18px 16px;display:grid}.mk-ph-theme-body small{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px;font-weight:700}.mk-ph-theme-body b{font-family:var(--mk-serif);font-size:24px;font-weight:600;line-height:1.1}.mk-ph-theme-btn{border-radius:999px;margin-top:6px;padding:7px 18px;font-size:12px;font-weight:700}.mk-ph-theme-grid{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:12px;display:grid}.mk-ph-theme-grid i{aspect-ratio:1;background:50%/cover;border-radius:8px}@keyframes mk-ph-theme{0%{opacity:0}3%,20%{opacity:1}24%,to{opacity:0}}.mk-ph-looklist{gap:10px;display:grid}.mk-ph-looklist li{background:var(--mk-card);box-shadow:0 0 0 1px var(--mk-line);animation:mk-ph-look-on var(--cycle) infinite;animation-delay:calc(var(--i) * var(--step));border-radius:20px;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:flex}.mk-ph-looklist img{object-fit:cover;border-radius:14px;flex:none;width:48px;height:48px}.mk-ph-looklist b{min-width:0;font-family:var(--mk-serif);flex:1;font-size:18px;font-weight:700}@keyframes mk-ph-look-on{0%,21%{box-shadow:0 0 0 2px var(--mk-blue), 0 20px 36px -24px #122c8380;translate:8px}25%,to{box-shadow:0 0 0 1px var(--mk-line);translate:0}}@supports (animation-timeline:view()){.mk-ph-feat-text,.mk-ph-kinds figure,.mk-ph-facts>div,.mk-ph-phone{animation:linear both mk-reveal;animation-timeline:view();animation-range:entry entry 45%}.mk-ph-feat-stage{animation:linear both mk-ph-stage-in;animation-timeline:view();animation-range:entry entry 55%}.mk-ph-step{animation:linear both mk-reveal,linear both mk-ph-step-on;animation-timeline:view(),view();animation-range:entry entry 40%,cover 30% cover 70%}}@keyframes mk-ph-stage-in{0%{opacity:0;translate:0 50px;scale:.94}}@keyframes mk-ph-step-on{0%,to{box-shadow:0 0 0 1px var(--mk-line), 0 18px 40px -30px #122c8373}30%,70%{box-shadow:0 0 0 2px var(--tone), 0 30px 50px -30px #122c838c}}@media (prefers-reduced-motion:reduce){.mk-ph-swap>span:first-child{display:none}.mk-ph-flow:after{scale:1}}.mk-ph-feat-kicker em{white-space:nowrap}@media (min-width:640px){.mk-ph-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1023px){.mk-ph-mosaic{max-width:500px}}@media (min-width:720px) and (max-width:859px){.mk-ph-flow{--gap:56px;column-gap:var(--gap);grid-template-columns:1fr 1fr;row-gap:18px;padding:0 0 64px}.mk-ph-flow:before,.mk-ph-flow:after{left:calc(50% - 1.5px)}.mk-ph-step:nth-child(odd){grid-column:1}.mk-ph-step:nth-child(2n){grid-column:2;top:64px}.mk-ph-step:nth-child(odd):before{left:auto;right:calc(var(--gap) / -2 - 6.5px)}.mk-ph-step:nth-child(2n):before{left:calc(var(--gap) / -2 - 6.5px)}.mk-ph-step{flex-direction:column;gap:12px}.mk-ph-looks{grid-template-columns:260px 1fr;gap:40px}}@media (max-width:719px){.mk .mk-ph-jump a{min-height:44px;padding-inline:15px;font-size:14px}.mk-ph-flow{padding-left:44px}.mk-ph-flow:before,.mk-ph-flow:after{left:17px}.mk-ph-step{gap:14px;padding:16px}.mk-ph-step:before{left:-33px}.mk-ph-step-ic{border-radius:14px;width:44px;height:44px}.mk-ph-step small{font-size:12px}.mk-ph-step b{font-size:18px}.mk-ph-step p{font-size:15px}.mk-ph-feat-text .mk-btn{min-height:44px}.mk-ph-facts dd{font-size:15px}.mk-ph-phone{width:min(100%,240px)}.mk-ph-looklist b{font-size:17px}}@media (max-width:400px){.mk-ph-feat-stage{border-radius:28px;padding:12px}}@media (max-width:699px){.mk-ph-toolkit .mk-fcards{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(84%,320px);grid-auto-flow:column;align-items:start;gap:12px;margin-inline:-20px;padding:4px 20px 28px;scroll-padding-inline:20px;overflow-x:auto}.mk-ph-toolkit .mk-fcards::-webkit-scrollbar{display:none}.mk-ph-toolkit .mk-fcard{scroll-snap-align:start;padding:22px;animation:none}.mk-ph-toolkit .mk-fcard ul{font-size:15px}.mk-ph-toolkit .mk-fcard-count{font-size:12px}}