.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 .ruler{position:relative;margin:4px var(--gr) 0 var(--gl);height:52px}.p2 .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.p2 .board{display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:4px}.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 .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}}@media(min-width:1300px){.p2 .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@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 .sz-kick{margin:14px 0 0;font:500 11px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.p2 .sz-h1{margin:8px 0 0;font:900 46px/.9 var(--f-brand);text-transform:uppercase;text-wrap:balance}.p2 .sz-lede{margin:12px 0 0;max-width:560px;font:500 var(--t2)/1.5 var(--f-text);color:var(--ink2)}.p2 .sz-sec{margin-top:44px;scroll-margin-top:90px}.p2 .sz-sec>h2{margin:0;font:900 30px/.95 var(--f-brand);text-transform:uppercase}.p2 .sz-sec>p.k{margin:10px 0 0;max-width:560px;font:500 var(--t1)/1.55 var(--f-text);color:var(--ink3)}.p2 .sz-sec>p.k b{color:var(--ink);font-weight:500}.p2 .sz-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.p2 .sz-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--pill)}.p2 .sz-seg button{height:32px;padding:0 14px;border-radius:999px;font:500 12px/1 var(--f-text);color:var(--ink2);transition:background .2s,color .2s}.p2 .sz-seg button[aria-pressed=true]{background:var(--ink);color:#fff}.p2 .sz-bar span{font:500 12px/1.3 var(--f-text);color:var(--ink3)}.p2 .sz-board{margin-top:14px;border-top:1px solid var(--ink)}.p2 .sz-gr{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.p2 .sz-gr .lb{display:grid;align-content:start;gap:3px}.p2 .sz-gr .lb b{font:900 34px/.9 var(--f-brand);color:var(--ink)}.p2 .sz-gr .lb span{font:500 10px/1.2 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}.p2 .sz-gr .lb em{font-style:normal;font:500 12px/1 var(--f-text);color:var(--blue);transition:opacity .2s}.p2 .sz-tiles{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px}.p2 .sz-t{display:grid;justify-items:center;gap:6px;padding:0;background:none;cursor:pointer}.p2 .sz-t i{display:block;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);transition:background .25s,box-shadow .25s,transform .35s var(--e-spring)}.p2 .sz-t span{font:500 11px/1 var(--f-text);color:var(--ink2);white-space:nowrap}.p2 .sz-t.big i{background:var(--ink)}.p2 .sz-t:hover i{transform:translateY(-3px)}.p2 .sz-t[aria-pressed=true] i{background:var(--blue);box-shadow:none}.p2 .sz-t[aria-pressed=true] span{color:var(--blue)}.p2 .sz-sc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#080e1c6b;opacity:0;pointer-events:none;transition:opacity .3s}.p2 .sz-sc.on{opacity:1;pointer-events:auto}.p2 .sz-dt{position:fixed;left:0;right:0;bottom:0;z-index:121;max-height:90vh;overflow:auto;border-radius:24px 24px 0 0;background:#fff;padding:10px max(18px,env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-right,0px));transform:translateY(105%);transition:transform .45s var(--e-out)}.p2 .sz-dt.on{transform:none}.p2 .sz-dt .gr{width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:#d5d9de}.p2 .sz-dt .x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--pill);display:grid;place-items:center}.p2 .sz-dt .x svg{width:14px;height:14px}.p2 .sz-dt h3{margin:0;font:900 34px/1 var(--f-brand);text-transform:uppercase}.p2 .sz-dt .sp{margin:4px 0 0;font:500 var(--t1)/1.3 var(--f-text);color:var(--ink3)}.p2 .sz-stg{position:relative;height:190px;margin-top:14px;border-radius:18px;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:16px 14px 30px;background:var(--wash) repeating-linear-gradient(90deg,transparent 0 calc(var(--ppi) - 1px),rgba(20,30,50,.06) calc(var(--ppi) - 1px) var(--ppi))}.p2 .sz-stg .d{border-radius:5px;background:var(--ink);transition:width .4s var(--e-spring),height .4s var(--e-spring)}.p2 .sz-stg .r{display:grid;justify-items:center;gap:6px;font:500 10px/1.2 var(--f-text);color:var(--ink3)}.p2 .sz-stg .r i{display:block;background:#c9d0d6}.p2 .sz-stg .r.coin i{border-radius:50%}.p2 .sz-stg .r.card i{border-radius:5px}.p2 .sz-stg .cap{position:absolute;left:14px;bottom:10px;font:500 10px/1 var(--f-text);color:var(--ink3)}.p2 .sz-fl{margin-top:14px;font:500 var(--t1)/1.6 var(--f-text);color:var(--ink2)}.p2 .sz-fl b{color:var(--ink);font-weight:500}.p2 .sz-fl small{display:block;margin-top:6px;font-size:11px;color:var(--ink3)}.p2 .sz-fl a{color:var(--blue)}.p2 .sz-dt .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.p2 .sz-sets{display:grid;gap:8px;margin-top:18px}.p2 .sz-sets a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:18px;border-radius:22px;background:var(--wash);transition:transform .3s var(--e-spring)}.p2 .sz-sets a:hover{transform:translateY(-3px)}.p2 .sz-sets b{grid-row:1 / span 2;font:900 48px/.85 var(--f-brand);color:var(--ink)}.p2 .sz-sets span{font:500 var(--t2)/1.2 var(--f-text);color:var(--ink)}.p2 .sz-sets small{grid-column:2;font:500 12px/1.3 var(--f-text);color:var(--ink3)}.p2 .sz-sets em{grid-row:1 / span 2;grid-column:3;font:900 30px/1 var(--f-brand);font-style:normal;color:var(--ink)}.p2 .sz-sets a.pop{background:var(--ink)}.p2 .sz-sets a.pop b,.p2 .sz-sets a.pop span,.p2 .sz-sets a.pop em{color:#fff}.p2 .sz-sets a.pop small{color:#ffffffa6}.p2 .sz-note{margin:14px 0 0;font:500 12px/1.5 var(--f-text);color:var(--ink3)}.p2 .sz-lk{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.p2 .sz-lk a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font:500 var(--t1)/36px var(--f-text);color:var(--ink);transition:background .2s,color .2s}.p2 .sz-lk a:hover{background:var(--ink);color:#fff}.p2 .sz-ct{margin-top:34px;padding:18px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line)}.p2 .sz-ct h2{margin:0;font:900 22px/1 var(--f-brand);text-transform:uppercase}.p2 .sz-ct p{margin:6px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .sz-ct .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(min-width:900px){.p2 .sz-main{max-width:var(--max);margin:0 auto}.p2 .sz-h1{font-size:80px}.p2 .sz-gr{grid-template-columns:120px minmax(0,1fr);padding:22px 0}.p2 .sz-tiles{gap:20px 28px;--k:1.6}.p2 .sz-sets{grid-template-columns:repeat(3,1fr)}.p2 .sz-sets a{grid-template-columns:1fr auto;padding:24px}.p2 .sz-sets b{grid-row:auto;font-size:64px}.p2 .sz-sets em{grid-row:1;grid-column:2}.p2 .sz-sets span,.p2 .sz-sets small{grid-column:1 / -1}.p2 .sz-dt{left:50%;right:auto;top:50%;bottom:auto;width:520px;border-radius:24px;transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;transition:transform .35s,opacity .25s}.p2 .sz-dt.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.p2 .sz-dt .gr{display:none}}@media(prefers-reduced-motion:reduce){.p2 .sz-t i,.p2 .sz-dt,.p2 .sz-stg .d{transition:none}}.p2 .sz-more{margin:12px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink3)}.p2 .sz-more a,.p2 .sz-note a,.p2 .sz-dl a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.p2 #try .h-try{margin-top:0}.p2 .endcta .ectl{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase;color:#fff}.p2 .endcta p a{color:inherit;text-decoration:underline;text-underline-offset:2px}.p2 .sz-gr{grid-template-columns:76px minmax(0,1fr)}.p2 .sz-gr .lb b{font:900 22px/1 var(--f-brand);text-transform:uppercase}.p2 .sz-gr .lb span{text-transform:none;letter-spacing:0;font-size:11px}.p2 .sz-t small{font:500 10px/1 var(--f-text);color:var(--ink3);white-space:nowrap}.p2 .sz-real{display:grid;gap:18px;margin-top:16px}.p2 .sz-obj{margin:0;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;padding:20px;border-radius:22px;background:var(--wash)}.p2 .sz-obj .o{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}.p2 .sz-obj .o span{flex-basis:100%;font:500 12px/1.3 var(--f-text);color:var(--ink3)}.p2 .sz-obj .o span b{color:var(--ink);font-weight:500}.p2 .sz-obj .t{display:block;width:calc(var(--w) * 30px);height:calc(var(--h) * 30px);border-radius:3px;background:var(--ink)}.p2 .sz-obj .c{display:block;background:#c9d0d6}.p2 .sz-obj .q{width:28.6px;height:28.6px;border-radius:50%}.p2 .sz-obj .b{width:101px;height:64px;border-radius:6px}.p2 .sz-tips{margin:0;padding:0;list-style:none;display:grid;gap:10px}.p2 .sz-tips li{padding-left:16px;position:relative;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .sz-tips li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--blue)}.p2 .sz-tips b{color:var(--ink);font-weight:500}.p2 .sz-tw{overflow-x:auto;margin-top:14px}.p2 .sz-pt{width:100%;border-collapse:collapse;font:500 var(--t1)/1.35 var(--f-text);color:var(--ink2);font-variant-numeric:tabular-nums}.p2 .sz-pt th,.p2 .sz-pt td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.p2 .sz-pt th:first-child,.p2 .sz-pt td:first-child{padding-left:0}.p2 .sz-pt th:last-child,.p2 .sz-pt td:last-child{padding-right:0;text-align:right;white-space:nowrap}.p2 .sz-pt thead th{font:500 10px/1.2 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border-bottom-color:var(--ink)}.p2 .sz-pt td:first-child{color:var(--ink)}.p2 .sz-ft td:nth-child(2){white-space:nowrap}.p2 .sz-prt td:first-child{font:900 20px/1 var(--f-brand)}.p2 .sz-prt td:last-child{color:var(--blue)}.p2 .sz-dl{display:grid;margin-top:14px;border-top:1px solid var(--ink)}.p2 .sz-dl>div{padding:16px 0;border-bottom:1px solid var(--line)}.p2 .sz-dl h3{margin:0;font:500 var(--t2)/1.3 var(--f-text);color:var(--ink)}.p2 .sz-dl p{margin:6px 0 0;font:500 var(--t1)/1.55 var(--f-text);color:var(--ink3)}.p2 .sz-h3{margin:30px 0 0;font:900 22px/1 var(--f-brand);text-transform:uppercase}.p2 .sz-dt{visibility:hidden;transition:transform .45s var(--e-out),visibility 0s linear .45s}.p2 .sz-dt.on{visibility:visible;transition:transform .45s var(--e-out),visibility 0s}@media(min-width:900px){.p2 .sz-gr{grid-template-columns:120px minmax(0,1fr)}.p2 #try .h-try{aspect-ratio:21/8!important;height:auto!important;max-height:none}.p2 #try .h-try img{object-position:50% 62%}.p2 .sz-real{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.p2 .sz-dl{grid-template-columns:1fr 1fr;column-gap:40px}.p2 #flat .sz-tw,.p2 #how .sz-tw,.p2 #how .sz-bar{max-width:720px}.p2 .sz-dt{transition:transform .35s,opacity .25s,visibility 0s linear .35s}.p2 .sz-dt.on{transition:transform .35s,opacity .25s,visibility 0s}}.p2 .sz-ft caption{caption-side:top;text-align:left;padding:0 0 8px;font:500 12px/1.4 var(--f-text);color:var(--ink3)}.p2 .sz-ft th:last-child,.p2 .sz-ft td:last-child{text-align:right}.p2 .sz-sub{margin-top:30px}.p2 #how>p.k a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.p2 .sz-t small+small{margin-top:1px}.p2{--ob:28px;--hh:84px}.p2 .h-try .ov b{display:block;font:900 30px/.95 var(--f-brand);text-transform:uppercase}.p2 .h-try .ov span{display:block;margin-top:6px;font:500 var(--t2)/1.4 var(--f-text);color:#fffc}.p2 .h-try .turnh svg{width:26px;height:26px}.p2 .mix h2{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase;color:#fff}.p2 .mix .set i{position:relative;aspect-ratio:1/1;border-radius:10px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29;display:grid;place-items:center;overflow:hidden;font-style:normal;transition:background .35s,box-shadow .35s}.p2 .mix .set i b{font:400 15px/1 Pinyon Script,Snell Roundhand,cursive;color:#0b1220;white-space:nowrap}.p2 .mix .cap{margin:8px 0 0;font:500 10px/1.2 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.p2 .mix .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media(min-width:900px){.p2 .mix h2{font-size:64px}}.p2 .h-try{width:100%}.p2-sz.list{padding-top:16px}.p2 .h-try.is-soon{cursor:default}.p2 .h-try.is-soon:hover img{transform:none}.p2 .soon{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:500 11px/1 var(--f-text);letter-spacing:.02em;background:var(--pill);color:var(--ink3);white-space:nowrap;vertical-align:middle}.p2 .h-try .ov .soon{display:inline-flex;width:auto;height:36px;margin-top:12px;padding:0 14px;font-size:var(--t1);background:#fff3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.p2 .soon-l{color:var(--ink3)}.p2 .soon-l .soon{height:18px;padding:0 7px;font-size:10px}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-sz.css.map */
