.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.su{background:var(--bg2);padding-top:0}.su-card{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.8rem,4vw,4rem);align-items:center;padding:clamp(2rem,5vw,4.2rem);border-radius:32px;background:var(--forest);color:#fff}.su-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle,rgba(0,0,0,.28) 2.2px,transparent 2.8px) 0 0/22px 22px;-webkit-mask:linear-gradient(115deg,transparent 35%,#000 100%);mask:linear-gradient(115deg,transparent 35%,#000 100%)}.su-card:after{content:"";position:absolute;right:-12%;top:-40%;width:60%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(240,180,106,.22),transparent 65%)}.su .kicker{color:var(--amber-2)}.su h2{color:#fff;margin-top:.7rem;font-size:clamp(2.1rem,4.4vw,3.6rem)}.su h2 .hl{color:var(--amber-2)}.su-lead{color:#ffffffbf;margin-top:1rem;max-width:30rem}.su-perks{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.55rem;font-weight:700;font-size:.95rem}.su-perks li{display:flex;align-items:center;gap:.7rem}.su-perks li:before{content:"";flex:0 0 12px;height:12px;border-radius:50%;background:var(--amber-2);box-shadow:inset 0 2px 3px #00000059,0 0 0 4px #f0b46a29}.su-form{display:grid;gap:.8rem}.su-field{display:flex;align-items:center;gap:.4rem;padding:6px;border-radius:999px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.25);transition:border-color .3s,background .3s}.su-field:focus-within{border-color:var(--amber-2);background:#ffffff1f}.su-field input{flex:1;min-width:0;height:52px;padding:0 1.2rem;border:0;background:none;color:#fff;font:inherit;font-size:1rem;outline:0}.su-field input::placeholder{color:#fff9}.su-field .btn{flex:0 0 auto;padding:1rem 1.5rem}.su-note{font-size:.82rem;color:#fff9;padding-left:1.2rem}.su-ok{display:grid;justify-items:start;gap:.5rem}.su-ok .tick{width:58px;height:58px;border-radius:50%;background:var(--amber);display:grid;place-items:center;animation:ctpop .7s var(--spring)}.su-ok .tick svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:ctdraw .6s .35s var(--ease) forwards}.su-ok b{font-family:var(--f-display);font-size:1.6rem}.su-ok p{opacity:.8}.su .form-err{background:#fffffff2}@media(max-width:860px){.su-card{grid-template-columns:1fr}}@media(max-width:520px){.su-card{border-radius:24px}.su-field{flex-direction:column;align-items:stretch;border-radius:22px;padding:8px}.su-field input{height:50px}.su-field .btn{width:100%}.su-note{padding-left:.2rem}}.f-trust{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.92rem}.f-trust li{display:flex;gap:.6rem;align-items:center}.f-trust li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber-2)}.f-join{display:inline-block;margin-top:1.1rem;color:var(--amber-2);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(240,180,106,.4);padding-bottom:2px}.f-join:hover{border-color:var(--amber-2)}.jdpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;display:grid;place-items:center;padding:1rem;visibility:hidden;pointer-events:none;transition:visibility 0s .5s}.jdpop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f120e94;opacity:0;transition:opacity .45s}.jdpop.on{visibility:visible;pointer-events:auto;transition:none}.jdpop.on:before{opacity:1}.jdpop-card{position:relative;width:min(820px,100%);max-height:calc(100dvh - 2rem);overflow:auto;display:grid;grid-template-columns:1fr 1.05fr;background:var(--bg);border-radius:28px;box-shadow:0 50px 100px -30px #00000080;opacity:0;translate:0 28px;scale:.96;transition:opacity .45s var(--ease),translate .6s var(--ease),scale .6s var(--ease)}.jdpop.on .jdpop-card{opacity:1;translate:0 0;scale:1}.jdpop-img{position:relative;min-height:100%;background:var(--forest)}.jdpop-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jdpop-badge{position:absolute;left:1rem;bottom:1rem;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .8rem;border-radius:999px;background:#141712b3;color:#fff}.jdpop-body{position:relative;padding:clamp(1.8rem,4vw,2.8rem) clamp(1.4rem,3.5vw,2.4rem)}.jdpop-x{position:absolute;top:.8rem;right:.8rem;width:42px;height:42px;border-radius:50%;border:0;background:var(--bg2);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .3s,rotate .4s var(--spring)}.jdpop-x:hover{background:var(--line);rotate:90deg}.jdpop-form{display:grid;gap:.85rem}.jdpop-form .kicker{margin-top:.4rem}.jdpop-form h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1;padding-right:2rem}.jdpop-lead{color:var(--muted);font-size:.95rem}.jdpop-form input[type=email]{height:54px;padding:0 1.2rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:1rem;color:var(--ink);transition:border-color .3s,box-shadow .3s}.jdpop-form input[type=email]:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 4px #d4893b24}.jdpop-form .btn{width:100%;padding-block:1.05rem}.jdpop-no{border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:center;padding:.4rem}.jdpop .su-ok{color:var(--ink);padding:1rem 0}.jdpop .su-ok .tick{background:var(--forest)}.jdpop .su-ok .tick svg{stroke:var(--amber-2)}.jdpop .su-ok p{color:var(--muted);opacity:1}@media(max-width:640px){.jdpop{place-items:end stretch;padding:0}.jdpop-card{grid-template-columns:1fr;width:100%;border-radius:24px 24px 0 0;translate:0 100%;scale:1;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom)}.jdpop-img{height:140px;min-height:0}.jdpop-body{position:static;padding-top:1.4rem}.jdpop-x{background:#ffffffeb;top:.8rem;right:.8rem;z-index:2}}@media(prefers-reduced-motion:reduce){.jdpop-card,.jdpop:before{transition:none}}.hero .slide>img.soft{filter:brightness(.72) saturate(1.05)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/jd-signup.css.map */