/* Original comic graphics, rendered as vectors so the ink stays crisp. */
.pop-cta{position:relative;display:inline-grid;place-items:center;isolation:isolate;width:fit-content;max-width:100%;min-height:175px;padding:44px 44px;margin:10px -15px 0;color:var(--ink);vertical-align:middle}
.pop-burst{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;transition:transform .45s cubic-bezier(.22,1,.36,1);filter:drop-shadow(4px 5px 0 var(--ink))}
.pop-flash{fill:var(--blue);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
.pop-explosion{fill:var(--lime);stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round}
.pop-cta .button,.inner-page .pop-cta .btn{position:relative;z-index:1;min-height:58px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:4px;transform:rotate(-4deg);font-size:clamp(15px,1.65vw,24px);font-weight:900;padding:15px 20px;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}
.pop-cta:hover .pop-burst,.pop-cta:focus-within .pop-burst{transform:rotate(3deg) scale(1.07)}
.pop-cta .button:hover,.inner-page .pop-cta .btn:hover{transform:rotate(-2deg) translate(-2px,-3px);box-shadow:9px 9px 0 var(--ink)}
.pop-cta .button:active,.inner-page .pop-cta .btn:active{transform:rotate(-2deg) translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}
.pop-cta a:focus-visible{outline:3px solid var(--blue-core);outline-offset:10px}
.pop-panel{position:relative;isolation:isolate}
.pop-panel::before{content:'';position:absolute;right:-22px;top:-20px;width:48%;height:48%;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--ink) 1.6px,transparent 2px) 0 0/10px 10px;mask-image:linear-gradient(225deg,#000,transparent 72%);opacity:.26;transform:rotate(9deg)}
.pop-panel::after{content:'';position:absolute;right:-70px;top:25%;height:180px;width:150px;background:repeating-conic-gradient(from 10deg at 0% 50%,transparent 0 15deg,var(--ink) 15deg 17deg,transparent 17deg 30deg);opacity:.14;pointer-events:none;z-index:-1}
.feature-copy.pop-panel h3{position:relative;z-index:1}
.feature-copy.pop-panel .pop-cta{margin-top:14px;margin-bottom:-8px}
.feature-copy.pink .pop-flash{fill:var(--blue)}
.feature-copy.blue-bright .pop-flash{fill:var(--pink)}
.partners-heading>.pop-cta{flex-shrink:0;margin:0 -5px 0 10px;min-height:190px;padding:50px 40px}
.partners-heading>.pop-cta .button{font-size:clamp(14px,1.45vw,21px)}
.partners-heading>.pop-cta .pop-explosion{fill:var(--blue)}
.partners-heading>.pop-cta .pop-flash{fill:var(--pink)}
.inner-page .pop-finale{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--paper)}
.pop-finale::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--ink) 2px,transparent 2.5px) 0 0/14px 14px;mask-image:linear-gradient(100deg,transparent 45%,#000);opacity:.18}
.pop-finale::after{content:'';position:absolute;width:48%;height:120%;right:-8%;top:-10%;z-index:-1;background:var(--pink);border-left:5px solid var(--ink);transform:skewX(-15deg);mask-image:linear-gradient(90deg,transparent,#000 30%);opacity:.45;pointer-events:none}
.pop-finale .brand-accent{color:var(--paper);text-shadow:3px 3px 0 var(--ink)}
.pop-finale .btn-row{gap:28px;margin-top:15px}.pop-finale .btn--ghost{background:transparent;border-bottom:2px solid var(--ink);border-radius:0;padding-inline:0;min-height:0}
.pop-finale .pop-flash{fill:var(--paper)}
.pop-label{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
@media(max-width:1000px){.partners-heading{gap:10px}.partners-heading>.pop-cta{padding:40px 23px}.partners-heading>.pop-cta .button{font-size:14px;padding:13px}.pop-cta{padding:40px 32px}.feature-copy.pop-panel .pop-cta .button{font-size:15px}}
@media(max-width:720px){.pop-cta{width:100%;min-height:165px;padding:40px 25px;margin:5px 0}.pop-cta .button,.inner-page .pop-cta .btn{font-size:16px;padding:13px 16px;min-height:52px;border-width:2px}.feature-copy.pop-panel .pop-cta{margin:10px 0 -5px}.feature-copy.pop-panel h3{margin-bottom:38px}.partners-heading>.pop-cta{width:100%;max-width:380px;margin:15px 0 0;min-height:175px;padding:40px 24px}.partners-heading>.pop-cta .button{font-size:16px;margin-top:0}.pop-finale .btn-row{gap:12px;flex-direction:column;align-items:flex-start}.pop-finale .pop-cta{max-width:360px;margin-left:-5px}.pop-finale::after{width:50%;right:-18%;opacity:.35}.pop-panel::before{width:60%;height:42%}}
@media(max-width:360px){.pop-cta .button,.inner-page .pop-cta .btn,.partners-heading>.pop-cta .button,.feature-copy.pop-panel .pop-cta .button{font-size:13px;padding:12px}.pop-cta{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.pop-burst,.pop-cta .button,.inner-page .pop-cta .btn{transition:none!important}}
