.hpn{--hpn-ink:#151522;--hpn-muted:#626574;--hpn-purple:#6751cf;--hpn-border:#e4e2ed;color:var(--hpn-ink);background:#fff;padding:76px 24px;font-family:inherit;line-height:1.6;isolation:isolate}.hpn *{box-sizing:border-box;min-width:0}.hpn--tint{background:#f6f5fa}.hpn__wrap{max-width:1240px;margin:0 auto}.hpn p{margin:0 0 16px}.hpn__eyebrow{color:var(--hpn-purple);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.15em}.hpn .hpn__heading{font-family:inherit;font-size:clamp(30px,3.5vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.12;margin:0 0 22px;color:var(--hpn-ink);max-width:850px}.hpn__lead{color:var(--hpn-muted);font-size:17px;max-width:730px;margin:0 0 34px}.hpn__lead p:last-child,.hpn__point p:last-child,.hpn__card p:last-child,.hpn__answer p:last-child,.hpn__spec p:last-child,.hpn__note p:last-child{margin-bottom:0}.hpn__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.hpn--stats{padding-top:42px;padding-bottom:42px;border-top:1px solid var(--hpn-border);border-bottom:1px solid var(--hpn-border)}.hpn__stat{display:flex;flex-direction:column;border-left:2px solid #d7cfff;padding:0 0 0 22px}.hpn__stat strong{font-size:32px;line-height:1.25;letter-spacing:-.03em}.hpn__stat span{font-size:14px;margin-top:8px;color:var(--hpn-muted)}.hpn__split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hpn__split--reverse .hpn__visual{order:2}.hpn__visual{margin:0;overflow:hidden;border-radius:22px;background:#eeeaf6}.hpn__image{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;aspect-ratio:1/1}.hpn__visual--cover .hpn__image{object-fit:cover!important}.hpn__visual figcaption{font-size:12px;color:var(--hpn-muted);padding:12px 18px}.hpn__copy .hpn__lead{font-size:17px;margin-bottom:24px}.hpn__points{display:grid;gap:22px}.hpn__point{padding:0 0 0 18px;border-left:2px solid #d7cfff}.hpn h3{font-family:inherit;font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.02em;margin:0 0 10px;color:var(--hpn-ink)}.hpn__point>div,.hpn__card-copy>div{font-size:15px;color:var(--hpn-muted)}.hpn__cards{display:grid;grid-template-columns:repeat(var(--hpn-columns,3),minmax(0,1fr));gap:24px}.hpn__card{border:1px solid var(--hpn-border);border-radius:20px;overflow:hidden;background:#fff}.hpn__card-visual{aspect-ratio:1/1;overflow:hidden;background:#eeeaf6}.hpn__card-copy{padding:26px}.hpn__note{font-size:13px;line-height:1.7;color:var(--hpn-muted);margin-top:24px;max-width:900px}.hpn__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin:32px 0 0}.hpn__spec{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:20px;border-bottom:1px solid var(--hpn-border);padding:19px 0;font-size:15px}.hpn__spec dt{color:var(--hpn-muted)}.hpn__spec dd{margin:0;font-weight:550}.hpn__spec-image{max-width:500px;margin-bottom:24px}.hpn__faqs{max-width:900px}.hpn__faq{border-bottom:1px solid var(--hpn-border);padding:0}.hpn__faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;cursor:pointer;font-size:18px;font-weight:600}.hpn__faq summary::-webkit-details-marker{display:none}.hpn__faq summary span{color:var(--hpn-purple);font-size:24px}.hpn__faq[open] summary span{transform:rotate(45deg)}.hpn__faq summary:focus-visible{outline:2px solid var(--hpn-purple);outline-offset:4px}.hpn__answer{padding:0 38px 24px 0;font-size:16px;color:var(--hpn-muted)}.hpn__inline-image{display:block;width:100%;height:auto;max-width:650px;object-fit:contain;margin:20px 0 0;border-radius:12px}.hpn__placeholder{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #c5bbeb;border-radius:20px;padding:24px;color:#6751cf;background:#f5f2fc;text-align:center}.hpn a{color:#5641b6;text-decoration:underline}.hpn--split .hpn__split:has(>.hpn__copy:only-child){grid-template-columns:1fr}.hpn--split .hpn__copy:only-child{max-width:850px}
@media(max-width:989px){.hpn__split{gap:34px}.hpn__cards{gap:16px}.hpn__card-copy{padding:22px}.hpn h3{font-size:20px}}
@media(max-width:749px){.hpn{padding:46px 20px}.hpn .hpn__heading{font-size:32px;line-height:1.15}.hpn__lead,.hpn__copy .hpn__lead{font-size:16px}.hpn--stats{padding:30px 20px}.hpn__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.hpn__stat{padding-left:14px}.hpn__stat strong{font-size:27px}.hpn__stat span{font-size:13px}.hpn__split{grid-template-columns:minmax(0,1fr);gap:30px}.hpn__split--reverse .hpn__visual{order:0}.hpn__visual{border-radius:16px}.hpn__cards{grid-template-columns:minmax(0,1fr);gap:22px}.hpn__card{border-radius:16px}.hpn__card-copy{padding:24px}.hpn__card-visual{max-height:480px}.hpn__specs{grid-template-columns:minmax(0,1fr);margin-top:12px}.hpn__spec{grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr);gap:14px;font-size:14px;padding:17px 0}.hpn__faq summary{font-size:17px;padding:21px 0}.hpn__answer{font-size:15px;padding-right:12px}.hpn__note{font-size:12px}}