.crst-vp .section{padding:clamp(38px,3.8vw,60px) 0}.crst-vp .sec-head{max-width:680px}.crst-vp .sec-head .h2{margin-top:10px}.crst-vp .vp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.crst-vp .vp-card{padding:32px 28px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--inset);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.crst-vp .vp-card:hover{transform:translateY(-5px);border-color:var(--yellow);box-shadow:0 24px 50px -24px #000000b3}.crst-vp .vp-bg-ic{position:absolute;top:-22px;right:-22px;width:150px;height:150px;color:#ffffff0d;z-index:0;pointer-events:none;transition:color .3s var(--ease),transform .4s var(--ease)}.crst-vp .vp-card:hover .vp-bg-ic{color:#ffd40021;transform:scale(1.04) rotate(-3deg)}.crst-vp .vp-idx,.crst-vp .vp-card h3,.crst-vp .vp-card>p,.crst-vp .vp-proof{position:relative;z-index:1}.crst-vp .vp-idx{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--steel-2);margin-bottom:34px}.crst-vp .vp-card h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.12;letter-spacing:-.01em;margin:0 0 10px;color:#fff}.crst-vp .vp-card>p{font-size:14px;color:var(--steel);margin:0 0 22px;line-height:1.55}.crst-vp .vp-proof{list-style:none;margin:auto 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.crst-vp .vp-proof li{display:flex;gap:10px;font-size:13.5px;color:#e7e9ec;line-height:1.4}.crst-vp .vp-proof li svg{width:16px;height:16px;color:var(--yellow);flex:none;margin-top:2px}.crst-vp .vp-proof li span{flex:1}.crst-vp .vp-proof li mark{background:none;color:var(--yellow);font-weight:700}@media(max-width:1080px){.crst-vp .vp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.crst-vp .vp-grid{grid-template-columns:1fr}}.crst-vp .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.crst-vp .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.crst-vp .reveal{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/crst-valueprops.css.map */