@property --cac{syntax:"<color>";inherits:true;initial-value:#0284c7}.pcar{--cac:#0284c7;--b-content:2.2;--b-sales:1.3;--card-bg:#ffffff07;--hair:var(--hairline,#ffffff17);--hair-2:var(--hairline-2,#ffffff29);--r-lg:32px;transition:--cac .55s var(--ease-out);margin-top:8px}@media (max-width:640px){.pcar{--b-content:1.3;--b-sales:1.2}}.pcar-boot .pcar-item{transition:none!important}.pcar-stagewrap{justify-content:center;align-items:center;gap:8px;width:100vw;margin-left:calc(50% - 50vw);display:flex}.pcar-stage{perspective:1500px;touch-action:pan-y;flex:auto;min-width:0;height:clamp(300px,38vw,430px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.pcar-track{position:absolute;inset:0}.pcar-item{aspect-ratio:1;opacity:0;will-change:transform,opacity;cursor:pointer;-webkit-tap-highlight-color:transparent;width:clamp(250px,32vw,392px);transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pcar-item .porb{width:100%;height:100%;position:relative}.pcar-item .pimg{object-fit:contain;width:100%;height:100%;display:block}@keyframes pcarGrow{0%{opacity:.45;transform:scale(.62)}to{opacity:1;transform:scale(1)}}.pcar-item .pimg.pcar-grow{animation:.74s cubic-bezier(.22,1,.36,1) both pcarGrow}.pcar-item .paura{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--pc) 72%,transparent),transparent 70%);filter:blur(30px);opacity:0;transition:opacity .58s var(--ease-out);z-index:-1;border-radius:50%;position:absolute;inset:6% 12% 20%}.pcar-item .plabel{display:none}.pcar-item.is-active{cursor:default}.pcar-item.is-side .paura{opacity:.28}.pcar-item.is-far .paura{opacity:.17}.pcar-item.is-active .paura{opacity:.55}.pcar-item.is-active .plabel{color:var(--ink);opacity:1}.pcar-item.is-side{filter:blur(6px)}.pcar-item.is-far{filter:blur(11px)}.pcar-item.is-back{filter:blur(13px);pointer-events:none}@keyframes pcarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.pcar-item.is-active .porb{animation:none}.pcar-controls{justify-content:center;align-items:center;gap:24px;margin-top:12px;display:flex}.pcar-arrow{cursor:pointer;width:56px;height:56px;color:var(--cac);background:radial-gradient(130% 130% at 50% 20%,#ffffff14,transparent 52%),radial-gradient(120% 120% at 50% 130%,color-mix(in srgb,var(--cac) 28%,transparent),transparent 62%),#0c0d11;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cac) 44%,transparent),inset 0 1.5px 1px #ffffff1c,0 12px 28px -10px #000000d9,0 0 28px -8px color-mix(in srgb,var(--cac) 36%,transparent);z-index:6;transition:transform .24s var(--ease-out),box-shadow .4s,background .4s,color .4s;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.pcar-arrow svg{width:22px;height:22px}.pcar-arrow:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cac) 88%,transparent),inset 0 1.5px 1px #ffffff29,0 18px 36px -12px #000000e6,0 0 38px -6px color-mix(in srgb,var(--cac) 58%,transparent);transform:translateY(-3px)scale(1.06)}.pcar-arrow:active{transform:scale(.95)}.pcar-arrow:focus-visible{outline:2px solid var(--cac);outline-offset:3px}.pcar-card{border-radius:var(--r-lg);text-align:center;background:radial-gradient(125% 90% at 50% -8%,color-mix(in srgb,var(--cac) 26%,transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--cac) 9%,transparent),transparent 64%),var(--card-bg);max-width:600px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cac) 36%,var(--hair)),inset 0 1px 0 color-mix(in srgb,var(--cac) 40%,transparent),0 30px 60px -34px #000000d1,0 0 50px -22px color-mix(in srgb,var(--cac) 60%,transparent);transition:opacity .26s var(--ease-out);margin:16px auto 0;padding:36px 40px 34px;position:relative;overflow:hidden}.pcar-card:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cac) 85%,transparent),transparent);width:56%;height:1.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pcar-card:after{content:"";border-radius:inherit;background:linear-gradient(150deg,color-mix(in srgb,var(--cac) 72%,transparent),transparent 40%,transparent 62%,color-mix(in srgb,var(--cac) 34%,transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pcar-card.swap{opacity:.28}.pcar-card .ctop,.pcar-card .cglyph{display:none}.pcar-card .cidx{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--cac) 84%,var(--ink-3));margin:0 0 14px;font-size:11px;display:block}.pcar-card .cnm{font-family:var(--display);letter-spacing:-.03em;background:linear-gradient(176deg,#fff 30%,color-mix(in srgb,var(--cac) 82%,#fff));color:#0000;filter:drop-shadow(0 3px 16px color-mix(in srgb,var(--cac) 30%,transparent));-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.1em;font-size:clamp(31px,4.7vw,48px);font-weight:800;line-height:1.04;display:block}.pcar-card .cln{max-width:480px;color:var(--ink-2);margin:18px auto 0;font-size:15.5px;line-height:1.64}.pcar-dots{justify-content:center;align-items:center;gap:10px;margin-top:0;display:flex}.pcar-dot{aspect-ratio:1;cursor:pointer;background:var(--hair-2);width:9px;min-width:9px;height:9px;min-height:9px;box-shadow:none;transition:transform .3s var(--ease-out),background .3s;border-radius:50%;flex:none;align-self:center;padding:0}.pcar-dot[aria-current=true]{background:var(--cac);transform:scale(1.4)}.pcar-dot:focus-visible{outline:2px solid var(--cac);outline-offset:3px}@media (prefers-reduced-motion:reduce){.pcar-item{transition:opacity .2s}.pcar-item.is-active .porb{animation:none}}@media (max-width:620px){.pcar{margin-top:4px}.pcar-stage{height:clamp(280px,74vw,340px)}.pcar-item{width:clamp(220px,62vw,300px)}.pcar-arrow{width:50px;height:50px}.pcar-arrow svg{width:20px;height:20px}.pcar-card{margin-top:24px;padding:28px 22px}.pcar-card .cnm{font-size:clamp(28px,8vw,36px)}}
