.hpl{--hpl-ratio:2/1;--hpl-tile-bg:#f8f9fa;--hpl-logo-w:62%;--hpl-logo-h:48%;--hpl-gap:32px}.hpl__grid{display:grid;gap:var(--hpl-gap);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.hpl--cols-3 .hpl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hpl__card{background:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(8,0,42,.08);display:flex;flex-direction:column;margin:0;min-width:0}.hpl__tile{aspect-ratio:var(--hpl-ratio);background:var(--hpl-tile-bg);border-radius:14px;margin:12px 12px 0;overflow:hidden;position:relative}.hpl--tile-white .hpl__tile{--hpl-tile-bg:#fff;box-shadow:inset 0 0 0 1px #e9ebef}.hpl--tile-tint .hpl__tile{--hpl-tile-bg:#f3eeff}.hpl__logo{height:calc(var(--hpl-logo-h)*var(--hpl-scale, 1));inset:0;margin:auto;max-height:84%;max-width:92%;object-fit:contain;object-position:center;position:absolute;width:calc(var(--hpl-logo-w)*var(--hpl-scale, 1))}.hpl--blend .hpl__logo{mix-blend-mode:multiply}.hpl__fallback{align-items:center;color:#343a40;display:flex;font-size:22px;font-weight:700;inset:0;justify-content:center;padding:0 12%;position:absolute;text-align:center}.hpl__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 24px 24px}.hpl__tag{background:#eee8ff;border-radius:8px;color:#4a1bca;font-size:13px;font-weight:700;letter-spacing:.3px;line-height:22px;padding:2px 10px}.hpl .hpl__title{color:#343a40;font-size:20px;font-weight:700;letter-spacing:.5px;line-height:28px;margin:0}.hpl__text{font-size:16px;line-height:26px}.hpl__text p{margin:0 0 10px}.hpl__text>:last-child{margin-bottom:0}.hpl .hpl__btn{align-items:center;display:inline-flex;gap:8px;justify-content:center;margin-top:auto;width:100%}.hpl__ext{flex:none;height:12px;width:12px}.hpl .hpl__btn:focus-visible{outline:2px solid #4a1bca;outline-offset:3px}.hpl__vh{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media (max-width:991px){.hpl--cols-3 .hpl__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.hpl{--hpl-gap:24px}.hpl--cols-3 .hpl__grid,.hpl__grid{grid-template-columns:minmax(0,1fr)}}