.five-card-module{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1500px;padding-left:50px;padding-right:50px;width:100%}.card-grid{align-items:start;display:grid;gap:24px;grid-template-columns:repeat(5,minmax(260px,1fr));justify-content:center;--closed-card-height:320px;--open-card-height:860px}.card{background:#0f172a;border-radius:16px;display:flex;height:auto;min-height:var(--closed-card-height);transition:box-shadow .25s ease}.card:not(.is-open):hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.05),0 0 24px color-mix(in srgb,var(--card-color) 45%,transparent)}.card-grid .card:first-child{background-color:rgba(0,245,150,.19)}.card-grid .card:nth-child(2){background-color:rgba(152,173,253,.19)}.card-grid .card:nth-child(3){background-color:rgba(155,255,233,.19)}.card-grid .card:nth-child(4){background-color:rgba(163,184,98,.19)}.card-grid .card:nth-child(5){background-color:rgba(108,213,255,.19)}.card-inner{flex-direction:column;height:100%;padding:20px;position:relative;width:100%}.card-index,.card-inner{cursor:pointer;display:flex}.card-index{align-items:center;background:var(--card-color);border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.35);color:#0f172a;font-size:24px;font-weight:700;height:56px;justify-content:center;left:-12px;pointer-events:none;position:absolute;top:-12px;width:56px;z-index:5}.card-grid{counter-reset:card}.card{counter-increment:card}.card-index:before{content:counter(card,decimal-leading-zero)}.card-image{aspect-ratio:228.81/236.49;border-radius:8px;box-shadow:0 4.5px 34px rgba(0,0,0,.25);cursor:pointer;display:block;height:auto;width:100%}.card-divider{background:var(--card-color);border-radius:2px;cursor:pointer;height:4px;margin:16px 0;width:100%}.card-header{align-items:center;cursor:pointer;display:flex;gap:12px;min-height:56px}.card-title{color:#fff;cursor:pointer;flex:1;font-size:16px;line-height:1.3;margin:0;max-width:88%}.card-toggle{align-items:center;background:transparent;border:none;box-shadow:none;cursor:pointer;display:flex;flex:0 0 32px;height:100%;justify-content:center;outline:none;padding:0}.card-toggle:active,.card-toggle:focus,.card-toggle:hover{background:transparent!important;box-shadow:none!important;outline:none!important}.card .arrow{display:inline-block;height:14px;position:relative;transform:scale(2.1);transition:transform .35s ease;width:14px}.card .arrow:after,.card .arrow:before{background-color:var(--card-color);content:"";height:2px;position:absolute;top:50%;width:9px}.card .arrow:before{left:0;transform:rotate(45deg)}.card .arrow:after{right:0;transform:rotate(-45deg)}.card.is-open .arrow{transform:scale(1.4) rotate(180deg)}.card-content{color:var(--card-color);display:flex;flex-direction:column;gap:16px;margin-top:16px}.card-text-wrapper{align-items:flex-start;display:flex;height:150px;margin-bottom:30px}.card-text{font-size:14px;line-height:1.5;margin:0}.features-container{display:none;flex-direction:column;width:100%}.card.is-open .features-container{display:flex}.feature{align-items:start;column-gap:16px;display:grid;grid-template-columns:24px 1fr;min-height:75px}.feature-image{height:24px;margin-top:2px;object-fit:contain;width:24px}.feature-text{color:#fff;font-size:14px;font-weight:700;line-height:1.5;max-width:180px;width:100%}@media (max-width:1200px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}}@media (min-width:1024px){.card:not(.is-open) .card-text-wrapper{margin-bottom:0}}@media (max-width:640px){.card{height:auto!important;min-height:auto}.card-text-wrapper{height:auto;margin-bottom:0}.features-container{margin-top:24px}}