.pof{padding:clamp(1.5rem,1rem + 2vw,2.75rem);container-type:inline-size}.pof__title{font:var(--fw-bold) var(--text-xl)/1.2 var(--font-display);color:var(--color-text-strong);margin:0}.pof__text{margin:var(--space-3) 0 var(--space-5);color:#ffffffb8;font-size:var(--text-base);line-height:1.55}.pof .eyebrow{margin-bottom:var(--space-3)}.pof__in{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 300px;align-items:center;display:grid}.pof__sel{white-space:nowrap;margin-left:.1em;display:inline-block;position:relative}.pof__sel:before{content:"";border:2px solid var(--pb-blue-500);transform-origin:0;background:#1e90ff38;position:absolute;inset:.08em -.08em -.02em}.pof__sel b{font-weight:inherit;position:relative}.pof__sel i{border:2px solid var(--pb-blue-500);background:#fff;width:8px;height:8px;position:absolute}.pof__sel i:first-of-type{top:calc(.08em - 4px);left:calc(-.08em - 4px)}.pof__sel i:nth-of-type(2){top:calc(.08em - 4px);right:calc(-.08em - 4px)}.pof__sel i:nth-of-type(3){bottom:calc(-.02em - 4px);left:calc(-.08em - 4px)}.pof__sel i:nth-of-type(4){bottom:calc(-.02em - 4px);right:calc(-.08em - 4px)}.pof:not(.is-in) .pof__sel:before,.pof:not(.is-in) .pof__sel i{opacity:0}.pof.is-in .pof__sel:before{animation:pof-sel .6s var(--ease-out) .3s backwards}.pof.is-in .pof__sel i{animation:.3s .8s backwards pof-fade}@keyframes pof-sel{0%{transform:scaleX(0)}}@keyframes pof-fade{0%{opacity:0}}.pof__art{display:grid}.pof:not(.is-live) *{animation-play-state:paused!important}@container (width<=600px){.pof__in{gap:var(--space-5);grid-template-columns:1fr}.pof__art{order:-1}}.pof__steps{gap:var(--space-2);margin:calc(var(--space-2) * -1) 0 var(--space-5);padding:0;list-style:none;display:grid}.pof__steps li{align-items:center;gap:var(--space-3);color:var(--pb-white);font:var(--fw-semibold) var(--text-sm)/1.35 var(--font-body);display:flex}.pof__steps span{background:var(--pb-lime-400);width:1.5rem;height:1.5rem;color:var(--pb-ink-950);font:var(--fw-bold) .75rem/1 var(--font-body);border-radius:50%;flex:none;place-items:center;display:grid}.pof--wide .pof__in{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,380px)}@container (width<=600px){.pof--wide .pof__in{gap:var(--space-5);grid-template-columns:1fr}}.pof__hl{isolation:isolate;white-space:nowrap;color:inherit;margin:0 .1em;transition:color .3s .55s;position:relative}.pof__hl:before{content:"";z-index:-1;background:var(--pb-lime-400);transform-origin:0;border-radius:4px;position:absolute;inset:.02em -.14em -.04em;transform:scaleX(0)}.pof.is-in .pof__hl{color:var(--pb-ink-950)}.pof.is-in .pof__hl:before{transition:transform .6s var(--ease-out) .3s;transform:none}
