.p2{--ink:#1B1D1F;--ink2:#4C5155;--ink3:#6B7075;--line:#E8EBED;--pill:#F4F5F6;--pill2:#E8EBED;--wash:#F7F8F9;--logo:#010F20;--blue:#2D63E0;--blue-h:#2453C4;--blue-t:#EAF0FC;--f-brand:"Smooch Sans","Arial Narrow",sans-serif;--f-ui:"JP Haas","Helvetica Neue",Helvetica,Arial,sans-serif;--f-text:"JP Haas Text","Helvetica Neue",Helvetica,Arial,sans-serif;--t1:12px;--t2:13px;--t3:15px;--t4:18px;--t5:26px;--t6:38px;--r1:8px;--r2:16px;--e-out:cubic-bezier(.16,1,.3,1);--e-spring:cubic-bezier(.34,1.56,.64,1);--hh:56px;--tb:60px;--sh:56vh;--gl:max(var(--g),env(safe-area-inset-left,0px));--gr:max(var(--g),env(safe-area-inset-right,0px))}.p2 *{box-sizing:border-box}.p2{-webkit-text-size-adjust:100%}.p2{margin:0;background:#fff;color:var(--ink);font:400 var(--t3)/1.5 var(--f-ui);-webkit-font-smoothing:antialiased}.p2 button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.p2 img{display:block;max-width:100%}.p2 a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.p2 :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.p2 .ic{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.p2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;font:500 var(--t3)/1 var(--f-text);white-space:nowrap;transition:transform .15s var(--e-out),background .2s,color .2s}.p2 .btn:active{transform:scale(.96)}.p2 .btn.dark{background:var(--ink);color:#fff}.p2 .btn.line{box-shadow:inset 0 0 0 1px var(--pill2);color:var(--ink)}.p2 .btn.white{background:#fff;color:var(--ink)}.p2 .btn small{font-size:var(--t1);opacity:.85;font-weight:500}.p2 .dline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);touch-action:pan-y;cursor:pointer}.p2 .dbar{position:absolute;left:16.66%;right:16.66%;top:9px;height:2px;background:var(--pill2);overflow:hidden}.p2 .dbar i{display:block;height:100%;width:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--e-out)}.p2 .dstop{position:relative;display:grid;justify-items:center;gap:8px}.p2 .dstop i{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--pill2);transition:box-shadow .3s,background .3s}.p2 .dstop.done i{background:var(--ink);box-shadow:none}.p2 .dstop.on i{background:var(--ink);box-shadow:0 0 0 5px #1b1d1f1a}.p2 .dstop b{font:500 var(--t2)/1.2 var(--f-text);color:var(--ink3);transition:color .3s}.p2 .dstop.on b,.p2 .dstop.done b{color:var(--ink)}.p2 .dcap{margin:0;min-height:3em;color:var(--ink2)}.p2 .dcap.swap{animation:p2-swap .4s var(--e-out)}.p2 .bar i{position:absolute;top:0;bottom:0;transform-origin:0 50%;transform:scaleX(0);transition:transform .9s var(--e-out),background .3s;transition-delay:calc(var(--k) * 70ms)}.p2 .step{width:56%}.p2 .step .ph{position:relative;aspect-ratio:1;border-radius:var(--r2);overflow:hidden;background:var(--pill)}.p2 .step .ph img{width:100%;height:100%;object-fit:cover}.p2 .step b{display:block;margin-top:10px;font:500 var(--t3)/1.25 var(--f-text)}.p2 .step span{display:block;margin-top:2px;color:var(--ink2);font-size:var(--t2);line-height:1.45}.p2 .step span a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.p2 .crumbs{font:500 var(--t1)/1 var(--f-text);color:var(--ink3);display:flex;gap:6px;flex-wrap:wrap}@media(min-width:900px){.p2{--sh:calc(100vh - var(--hh) - 196px)}.p2 .step{width:30%}}@media(prefers-reduced-motion:reduce){.p2 *{animation:none!important;transition-duration:.01ms!important}}.p2 [hidden]{display:none!important}.p2{--navy:#010F20;--ink-t:#1C2640}.p2 .pad{padding:0 var(--gr) 0 var(--gl)}.p2 .crumbs{display:flex;gap:6px;font:500 var(--t1)/1 var(--f-text);color:var(--ink3)}.p2 .crumbs a{color:var(--ink2)}.p2 .fine a{color:var(--blue)}.p2 .fine{margin:12px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink3)}.p2 .founder{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border-radius:18px;background:var(--wash);font:500 var(--t2)/1.4 var(--f-text);color:var(--ink2)}.p2 .endcta{margin:56px max(var(--gr),calc(50% - var(--wrap) / 2)) 0 max(var(--gl),calc(50% - var(--wrap) / 2));padding:26px 20px;border-radius:22px;background:var(--blue);color:#fff;display:grid;gap:10px;justify-items:start}.p2 .endcta h2{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase}.p2 .endcta p{margin:0;font:500 var(--t2)/1.45 var(--f-text);color:#ffffffd1}.p2 .endcta .ctarow{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.p2 .btn.glass{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d}.p2 .crw{margin-top:14px}.p2 .ho-tm button{position:relative;width:64px;height:64px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center}.p2 .ho-tm svg{position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:64px;transform:rotate(-90deg)}.p2 .ho-tm b{position:relative;font:900 22px/1 var(--f-brand);color:var(--ink)}.p2{--navy:#010F20}.p2 .hx{max-width:var(--max);margin:0 auto}.p2 .hx a:not(.btn):not(.infobar a){color:inherit}.p2 .hx-top{display:grid;gap:24px;margin-top:4px}.p2 .hx-h1{margin:10px 0 0;font:900 clamp(40px,10vw,72px)/.9 var(--f-brand);text-transform:uppercase;text-wrap:balance}.p2 .hx-lede{margin:12px 0 0;max-width:46ch;font:500 var(--t3)/1.45 var(--f-text);color:var(--ink2)}.p2 .hx-quick{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}.p2 .hx-quick a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none}.p2 .hx-quick i{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:900 14px/1 var(--f-brand);font-style:normal}.p2 .hx-quick span{font:500 12px/1.35 var(--f-text);color:var(--ink3)}.p2 .hx-quick b{display:block;font:500 var(--t2)/1.25 var(--f-text);color:var(--ink)}.p2 .hx-video{margin:0;justify-self:center;width:min(100%,280px)}.p2 .hx-video video{display:block;width:100%;aspect-ratio:9/16;border-radius:22px;background:#111;object-fit:cover}.p2 .hx-video figcaption{margin-top:8px;text-align:center;font:500 12px/1.3 var(--f-text);color:var(--ink3)}.p2 .hx-pre{margin:24px 0 0;padding:14px 16px;border-radius:16px;background:var(--wash);font:500 13px/1.55 var(--f-text);color:var(--ink2)}.p2 .hx-pre b{color:var(--ink)}.p2 .hx-pre a,.p2 .hx-fine a,.p2 .hx-ac a,.p2 .endcta p a{text-decoration:underline;text-underline-offset:2px}.p2 .hx-sec{margin-top:56px}.p2 .hx-eyb{margin:0 0 8px!important;font:500 11px/1 var(--f-text)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)!important}.p2 .hx-h2,.p2 .hx-sec h2{margin:0;font:900 28px/1 var(--f-brand);text-transform:uppercase;text-wrap:balance}.p2 .hx-sec p{font:500 var(--t2)/1.55 var(--f-text);color:var(--ink2)}.p2 .hx-steps{display:grid;gap:32px;margin-top:6px}.p2 .hx-steps article{display:grid;align-content:start}.p2 .hx-steps .ph{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--pill)}.p2 .hx-steps .ph img{width:100%;height:100%;object-fit:cover;display:block}.p2 .hx-steps .no{margin:14px 0 6px;font:500 11px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.p2 .hx-steps h2{font-size:24px}.p2 .hx-steps p:not(.no){margin:8px 0 0}.p2 .hx-dev{display:grid;gap:20px}.p2 .hx-dev p{margin:10px 0 0}.p2 .hx-tl{list-style:none;margin:18px 0 0 6px;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:14px}.p2 .hx-tl li{position:relative;font:500 var(--t2)/1.4 var(--f-text);color:var(--ink3)}.p2 .hx-tl li:before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.p2 .hx-tl b{display:block;color:var(--ink);font-weight:500}.p2 .hx-fine{font-size:13px!important;color:var(--ink3)!important}.p2 .hx-box{display:grid;gap:20px;align-items:center}.p2 .hx-box figure{margin:0;border-radius:20px;overflow:hidden;background:var(--wash)}.p2 .hx-box img{display:block;width:100%;height:auto}.p2 .hx-box ul{margin:16px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.p2 .hx-box li{padding:11px 0;border-bottom:1px solid var(--line);font:500 var(--t2)/1.4 var(--f-text);color:var(--ink)}.p2 .hx-ac{margin:16px 0 0;border-top:1px solid var(--line)}.p2 .hx-ac div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}.p2 .hx-ac dt{font:500 var(--t2)/1.3 var(--f-text);color:var(--ink)}.p2 .hx-ac dd{margin:0;font:500 var(--t2)/1.5 var(--f-text);color:var(--ink3)}.p2 .hx-ct p{margin:8px 0 0}.p2 .hx-ct .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.p2 .hx-ct .btn{width:auto;padding:0 18px}.p2 .endcta .ectl{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase;color:#fff}.p2 .ho-tm{display:flex;align-items:center;gap:12px;margin-top:12px}.p2 .ho-tm button{position:relative;width:56px;height:56px;flex:none;border-radius:50%;background:var(--wash);display:grid;place-items:center}.p2 .ho-tm svg{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:56px;transform:rotate(-90deg)}.p2 .ho-tm circle{fill:none;stroke-width:4}.p2 .ho-tm .bg{stroke:var(--pill)}.p2 .ho-tm .fg{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5;transition:stroke-dashoffset .25s linear}.p2 .ho-tm b{position:relative;font:900 20px/1 var(--f-brand);color:var(--ink)}.p2 .ho-tm span{font:500 12px/1.4 var(--f-text);color:var(--ink3)}.p2 .ho-tm.done b{color:var(--blue)}@media(min-width:900px){.p2 .hx-top{grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:center;margin-top:12px}.p2 .hx-video{width:100%}.p2 .hx-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.p2 .hx-steps .ph{aspect-ratio:4/5}.p2 .hx-dev{grid-template-columns:minmax(0,1fr) 460px;gap:72px;align-items:center}.p2 .hx-box{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px}.p2 .hx-ac{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.p2 .hx-sec{margin-top:96px}.p2 .hx-h2,.p2 .hx-sec h2{font-size:36px}.p2 .hx-steps h2{font-size:24px}}.p2{--ob:28px;--hh:84px}.p2 .dex{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gl));padding:0 var(--gr) 0 var(--gl)}.p2 .dex::-webkit-scrollbar{display:none}.p2 .dex button{flex:none;height:32px;padding:0 12px;border-radius:999px;background:var(--pill);font:500 var(--t2)/32px var(--f-text);color:var(--ink2);transition:background .2s,color .2s}.p2 .dex button[aria-pressed=true]{background:var(--ink);color:#fff}.p2 .dph img.flat{transform:none;object-position:50% 50%}.p2 .dline.two{grid-template-columns:repeat(2,1fr)}.p2 .dline.two .dbar{left:25%;right:25%}.p2 .dline.two .dstop:nth-of-type(3){display:none}.p2 .dsame{margin:-6px 0 0;font:500 var(--t1)/1.3 var(--f-text);color:var(--ink3)}.p2-ho.list{padding-top:16px}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-ho.css.map */