.mm-start{z-index:2;justify-items:center;gap:var(--pp-space-3);width:100%;max-width:620px;padding:0 var(--pp-page-pad);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid;position:relative}.mm-start>*{width:100%}.mm-start>.tl-ask{text-align:center}:root .site.bv.tl .mm-start .ui-search{width:100%;padding:var(--pp-space-2);background:var(--pp-color-surface);box-shadow:var(--pp-shadow-slab)}:root .site.bv.tl .mm-start .ui-search input{min-height:52px;font-size:var(--pp-text-input)}.mm-start .mm-continue{width:auto}.mm-continue{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--pp-text-small);color:var(--pp-color-soft);text-underline-offset:3px;justify-self:center;padding-bottom:5px;font-weight:500;text-decoration:underline;overflow:hidden}.mm-continue:focus-visible{outline:2px solid var(--pp-color-focus);outline-offset:3px}.mm-show{--phone-w:256px;--phone-h:524px;--bezel:8px;--scale:calc((var(--phone-w) - var(--bezel) * 2) / 390px);margin-top:var(--pp-space-7);padding:var(--pp-space-7) 0 var(--pp-space-6);background:var(--pp-color-well);position:relative}.mm-show-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--pp-space-4) calc(50% - var(--phone-w) / 2 - 16px) var(--pp-space-8);display:flex;overflow-x:auto}.mm-show-row::-webkit-scrollbar{display:none}.mm-show-slide{flex:0 0 calc(var(--phone-w) + 32px);justify-items:center;gap:var(--pp-space-4);scroll-snap-align:center;-webkit-tap-highlight-color:transparent;display:grid;position:relative}.mm-show-tilt{justify-items:center;gap:var(--pp-space-3);transform-origin:50% 45%;will-change:transform;display:grid}.mm-phone{width:var(--phone-w);height:var(--phone-h);padding:var(--bezel);border-radius:var(--pp-radius-sheet);background:var(--pp-color-brand-deep);box-shadow:var(--pp-shadow-device);transition:transform var(--pp-dur-2) var(--pp-ease-out);display:block;position:relative}.mm-phone-screen{border-radius:calc(var(--pp-radius-sheet) - var(--bezel));width:100%;height:100%;display:block;position:relative;overflow:hidden}.mm-phone-screen>.pm{width:390px;min-height:calc(100% / var(--scale));transform:scale(var(--scale));transform-origin:0 0;position:absolute;top:0;left:0}.mm-show-cap{align-items:center;gap:var(--pp-space-3);font-family:var(--pp-font-display);font-size:var(--pp-text-lead);display:flex}.mm-show-use:after{content:"";position:absolute;inset:0}.mm-show-use:focus-visible{outline:0}.mm-show-cap b{font-weight:var(--pp-weight-display)}.mm-show-use{font-family:var(--pp-font-body);font-size:var(--pp-text-small);border-radius:var(--pp-radius-card);background:var(--pp-color-brand);color:var(--pp-color-on-brand);opacity:0;transition:opacity var(--pp-dur-2) var(--pp-ease-out);padding:4px 12px;font-weight:600}.mm-show-slide:has(.mm-show-use:focus-visible) .mm-phone{box-shadow:var(--pp-shadow-device), 0 0 0 3px var(--pp-color-canvas), 0 0 0 5px var(--pp-color-focus)}.mm-show-use:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.mm-show-slide:hover .mm-phone{transform:translateY(-6px)}.mm-show-slide:hover .mm-show-use{opacity:1}}@media (pointer:coarse){.mm-show-use{opacity:1}}.mm-show-slide:active .mm-phone{transition-duration:var(--pp-dur-1);transform:scale(.98)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mm-show-tilt{animation:linear both mm-flow;animation-timeline:view(inline);animation-range:cover}}}@keyframes mm-flow{0%{opacity:.75;transform:perspective(1400px)rotateY(-50deg)scale(.78)}50%{opacity:1;transform:perspective(1400px)rotateY(0)scale(1)}to{opacity:.75;transform:perspective(1400px)rotateY(50deg)scale(.78)}}.mm-show-nav{justify-content:center;gap:var(--pp-space-2);margin-top:calc(var(--pp-space-7) * -1);display:flex;position:relative}.mm-show-btn{border-radius:var(--pp-radius-pill);background:var(--pp-color-brand);width:48px;height:48px;color:var(--pp-color-on-brand);transition:transform var(--pp-dur-1) var(--pp-ease-out);place-items:center;display:grid}.mm-show-btn--prev svg{transform:rotate(180deg)}.mm-show-btn:focus-visible{outline:2px solid var(--pp-color-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.mm-show-btn:hover{background:var(--pp-color-brand-deep)}}.mm-show-btn:active{transform:scale(.96)}@media (pointer:coarse){.mm-show-nav{display:none}}.mm-how{max-width:var(--pp-page);padding:var(--pp-space-6) var(--pp-page-pad) var(--pp-space-7);margin:0 auto}.mm-how ol{gap:var(--pp-space-5);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.mm-how li{align-content:start;gap:var(--pp-space-2);display:grid}.mm-how h2 span{border-radius:var(--pp-radius-card);background:var(--pp-color-brand);width:26px;height:26px;color:var(--pp-color-on-brand);font-size:var(--pp-text-label);letter-spacing:0;place-items:center;font-weight:650;display:grid}.mm-how-art{height:200px;margin-bottom:var(--pp-space-3);border-radius:var(--pp-radius-lg);background:var(--pp-color-well);place-items:center;display:grid}.mm-how-field{border-radius:var(--pp-radius-card);background:var(--pp-color-surface);width:78%;height:56px;box-shadow:var(--pp-shadow-slab);font-size:var(--pp-text-body);align-items:center;gap:2px;padding:0 18px;display:flex}.mm-how-field i{background:var(--pp-color-brand);width:1.5px;height:20px}.mm-how-art--looks{grid-template-columns:repeat(3,64px);place-content:center;gap:10px}.mm-how-art--looks span{border-radius:var(--pp-radius-card);width:64px;height:52px;font-size:var(--pp-text-title);box-shadow:inset 0 0 0 1px var(--pp-color-rule-soft);place-items:center;line-height:1;display:grid}.mm-how-card{border-radius:var(--pp-radius-card);box-shadow:var(--pp-shadow-lift);text-align:center;justify-items:center;gap:8px;padding:16px 22px 14px;display:grid;transform:rotate(-3deg)}.mm-how-card b{font-size:var(--pp-text-card);letter-spacing:.01em;font-weight:600;line-height:1}.mm-how-card small{font-size:var(--pp-text-label);letter-spacing:.04em;font-weight:600}.mm-how h2{align-items:center;gap:var(--pp-space-2);font-family:var(--pp-font-display);font-size:var(--pp-text-display-m);font-weight:var(--pp-weight-display);letter-spacing:var(--pp-tracking-display);line-height:1.15;display:flex}.mm-how p{font-size:var(--pp-text-body);line-height:var(--pp-leading-body);color:var(--pp-color-ink-2);max-width:340px}@media (prefers-reduced-motion:reduce){.site.bv.tl .mm-phone{transition:none;transform:none}.mm-show-use{opacity:1;transition:none}}@media (max-width:1000px){.mm-how ol{gap:var(--pp-space-6);grid-template-columns:minmax(0,1fr)}.mm-how-art{height:170px}}@media (max-width:640px){.mm-show{--phone-w:236px;--phone-h:484px;margin-top:var(--pp-space-5);padding:var(--pp-space-5) 0 var(--pp-space-6)}.mm-show-slide{flex-basis:calc(var(--phone-w) - 12px)}}
