.pl-phero{isolation:isolate;color:var(--pl-white);background-color:var(--pl-night);position:relative}.pl-phero-in{align-items:center;gap:clamp(1.75rem,5vw,4.5rem);padding-block:1.5rem clamp(3.5rem,7vw,6rem);display:grid;position:relative}.pl-phero h1{color:var(--pl-white);margin-top:1rem;font-size:clamp(2.5rem,5.4vw,4.25rem);line-height:1.2}.pl-phero-lede{max-width:48ch;font-size:1.1875rem;line-height:var(--pl-leading-relaxed);color:var(--pl-on-dark-muted);margin-top:.875rem}.pl-chips{flex-wrap:wrap;gap:.5rem;margin-top:1.375rem;display:flex}.pl-chip-sm{border-radius:var(--pl-radius-full);background:var(--pl-on-dark-fill);border:1px solid var(--pl-nav-dark-edge);min-height:2.25rem;font-weight:700;font-size:var(--pl-text-xs);color:var(--pl-white);align-items:center;padding:.25rem .875rem;display:inline-flex}.pl-phero-mascot{width:clamp(9rem,22vw,20rem);height:auto;filter:var(--pl-mascot-shadow);justify-self:center}.pl-art-stage{perspective:1000px;width:100%;max-width:28.75rem;margin-inline:auto;position:relative}.pl-art-halo{background:var(--pl-gradient-halo);filter:blur(60px);opacity:.35;border-radius:50%;position:absolute;inset:8%}.pl-art-in{transform-style:preserve-3d;transform:rotateX(var(--pl-rx,0deg)) rotateY(var(--pl-ry,0deg));transition:transform .5s var(--pl-ease-out);position:relative}.pl-art-stage[data-tilting] .pl-art-in{transition:transform .12s linear}.pl-art-frame,.pl-art-glow{border-radius:var(--pl-radius-2xl);rotate:-2deg}.pl-art-frame{border:2px solid var(--pl-frame-edge);box-shadow:var(--pl-shadow-frame);position:relative;overflow:hidden}.pl-art-frame img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.pl-art-glow{background:conic-gradient(from var(--pl-ang), transparent 0 70%, var(--pl-accent-500) 82%, var(--pl-brand-500) 90%, transparent 98%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--pl-motion-base) var(--pl-ease-out);pointer-events:none;padding:2px;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}.pl-art-stage:hover .pl-art-glow{opacity:1;animation:5s linear infinite pl-spin-ang}.pl-art-mascot{width:clamp(7rem,36%,13rem);height:auto;filter:var(--pl-mascot-shadow);pointer-events:none;position:absolute;inset-block-end:-11%;inset-inline-end:-4%;transform:translateZ(80px)}.pl-fbadge{aspect-ratio:1;width:clamp(3.25rem,13%,4.5rem);box-shadow:var(--pl-shadow-badge);background:#ffffffe6;border-radius:1.25rem;place-items:center;display:grid;position:absolute;transform:translateZ(60px)}.pl-fbadge img{width:72%;height:72%}.pl-fbadge-1{inset-block-start:-6%;inset-inline-start:6%}.pl-fbadge-2{inset-block-start:38%;inset-inline-start:-3%}.pl-steps-row{gap:1.125rem;margin-top:3rem;display:grid;position:relative}.pl-steps-row li{grid-template-columns:4rem 1fr;align-items:start;gap:1rem;display:grid}.pl-step-num{z-index:1;border:3px solid var(--pl-accent-500);background:var(--pl-gradient-btn);width:4rem;height:4rem;color:var(--pl-white);font-family:var(--font-head);font-weight:800;font-size:var(--pl-text-xl);border-radius:50%;place-items:center;display:grid;position:relative}.pl-steps-row h3{margin-top:.25rem;font-size:1.25rem}.pl-steps-row p{font-size:var(--pl-text-sm);color:var(--pl-ink-600);margin-top:.5rem;line-height:1.85}@media (min-width:40rem){.pl-steps-row{grid-template-columns:1fr 1fr;row-gap:2rem}}@media (min-width:64rem){.pl-phero-in{grid-template-columns:1.05fr .95fr}.pl-phero-solo{grid-template-columns:minmax(0,1fr)}.pl-phero-duo{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}.pl-art-stage{max-width:35rem}.pl-steps-row{grid-template-columns:repeat(4,1fr)}.pl-steps-row:before{content:"";background:var(--pl-gradient-brand);opacity:.5;border-radius:3px;height:3px;position:absolute;inset-block-start:1.9375rem;inset-inline:12%}.pl-steps-row li{text-align:center;grid-template-columns:1fr;justify-items:center;padding-inline:.5rem;position:relative}.pl-steps-row h3{margin-top:1.125rem}}@media (max-width:40rem){.pl-art-mascot{inset-inline-end:1%}.pl-fbadge-2{inset-block-start:42%;inset-inline-start:2%}}@media (prefers-reduced-motion:reduce){.pl-art-in{transform:none!important}.pl-art-stage:hover .pl-art-glow{animation:none}}