.cardssnowflakepower{font-family:Roboto,sans-serif;padding:80px 5%}.cardssnowflakepower .cards-header{margin-bottom:60px;text-align:center}.cardssnowflakepower .eyebrow{color:#7a8a99;display:block;font-size:16px;letter-spacing:2px;margin-bottom:12px}.cardssnowflakepower h2{color:#000;font-size:40px;font-weight:700}.cardssnowflakepower h2 span{color:#1dd013}.cardssnowflakepower .cards-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cardssnowflakepower .card{background:#fff;border:1px solid #e6ebf0;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.04);cursor:pointer;min-height:340px;overflow:hidden;padding:44px 30px;position:relative;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}.cardssnowflakepower .card:hover{box-shadow:0 24px 60px rgba(0,0,0,.14),0 6px 14px rgba(0,0,0,.06);transform:translateY(-8px)}.cardssnowflakepower .card-front{position:relative;text-align:center;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.cardssnowflakepower .card-front img{height:64px;margin-bottom:28px;object-fit:contain;width:64px}.cardssnowflakepower h3{font-size:21px;margin-bottom:14px;transition:color .3s ease}.cardssnowflakepower .subtitle{color:#5f6f82;font-size:14.5px;line-height:1.55}.cardssnowflakepower .card:after{background:linear-gradient(135deg,transparent 60%,#adadad 0);border-bottom-right-radius:18px;bottom:0;content:"";height:38px;opacity:.9;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease,background .4s ease;width:38px}.cardssnowflakepower .card:hover:after{opacity:0}.cardssnowflakepower .card:hover .card-front:after{background:linear-gradient(135deg,transparent 50%,#d3d9df 0)}.cardssnowflakepower .card-back{align-items:center;color:#344454;display:flex;font-size:15.5px;inset:0;justify-content:center;line-height:1.7;opacity:0;padding:28px 16px;position:absolute;text-align:center;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.cardssnowflakepower .card:before{background-color:#1dd013;border-bottom-left-radius:18px;border-bottom-right-radius:18px;bottom:0;content:"";height:4px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:width .6s cubic-bezier(.22,1,.36,1),opacity .4s ease;width:0}.cardssnowflakepower .card:hover:before{opacity:1;width:100%}.cardssnowflakepower .card-back p{max-width:90%}.cardssnowflakepower .card:hover .card-front{opacity:0;transform:translateY(-16px)}.cardssnowflakepower .card:hover .card-back{opacity:1;transform:translateY(0)}.cardssnowflakepower .card:hover h3{color:#1dd013}.cardssnowflakepower{--entry-offset:60px}.cardssnowflakepower.animate-init .card,.cardssnowflakepower.animate-init .cards-header{opacity:0}.cardssnowflakepower .cards-header{transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.cardssnowflakepower .card{transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.cardssnowflakepower.animate-in .cards-header{opacity:1;transform:translateY(0)}.cardssnowflakepower.animate-in .card{opacity:1;transform:translateY(0) rotate(0deg)}@media (max-width:768px){.cardssnowflakepower{padding:56px 6%}.cardssnowflakepower .cards-header{margin-bottom:40px}.cardssnowflakepower .eyebrow{font-size:14px;letter-spacing:1.5px}.cardssnowflakepower h2{font-size:28px;line-height:1.2}.cardssnowflakepower .cards-grid{gap:20px;grid-template-columns:1fr}.cardssnowflakepower .card{min-height:auto;padding:36px 24px}.cardssnowflakepower .card-front img{height:56px;margin-bottom:20px;width:56px}.cardssnowflakepower h3{font-size:19px}.cardssnowflakepower .subtitle{font-size:14px}.cardssnowflakepower .card-back{font-size:14.5px;line-height:1.6;padding:24px 20px}.cardssnowflakepower.animate-init .card{transform:translateY(32px)}.cardssnowflakepower.animate-in .card{transform:translateY(0) rotate(0deg)}}