.csb-smart-cards{--stack-gap:12px;--stack-base:112px;--spread-offset-top:128px;--spread-offset-bottom:80px;--stack-center:250px;--stack-origin:calc(var(--stack-base) - var(--stack-center));--color-primary:#dfffae;--color-neutral-dark:#1e1e1e;--color-neutral-light:#9a9a9a;--color-bg:#1a1615;--color-bg-card:linear-gradient(76deg, #100e0ecc 30.78%, #453e3c66 86.8%);--svg-white:#fff;--svg-black:#000;--svg-gray-icon:#4d4e4e;--svg-lime-soft:#d6ffa3;--svg-cream-text:#fdfcf1;--svg-card-shade-from:#100e0e;--svg-card-shade-to:#453e3c;--svg-lime-mid:#d2f1a1;--svg-outline:#474747;--svg-surface:#323232;--svg-well-green:#0c180e;--svg-cream-ring:#fffdf8;--svg-well-teal:#041414;--svg-well-violet:#110f14;--svg-progress-track:#313335;--svg-stroke-inner:#282521;--svg-lime-bright:#dbffa5;--svg-metal-from:#807f7e;--svg-metal-to:#454443;--svg-surface-alt:#323436;--svg-well-deep:#151617;--svg-stroke-mid:#555352}@media (min-width:1281px){.csb-smart-cards{--spread-offset-top:224px;--stack-base:115px;--stack-center:320px}.csb-smart-cards .section{height:640px}}.csb-smart-cards .section{width:100%;height:500px;display:grid}.csb-smart-cards .container{perspective:500px;width:700px;height:100%;margin:0 auto;position:relative}.csb-smart-cards .container [role=tablist]{display:contents}@media (max-width:890px){.csb-smart-cards{--stack-base:104px;--stack-center:230px}.csb-smart-cards .section{grid-template-rows:460px 1fr;height:610px}.csb-smart-cards .container{width:100%;max-width:550px}}@media (max-width:568px){.csb-smart-cards{--stack-base:107px;--stack-center:215px}.csb-smart-cards .section{grid-template-rows:430px 1fr;height:550px}.csb-smart-cards .container{width:100%;max-width:450px}}.csb-smart-cards .card{--y:calc(var(--order) * var(--stack-gap) + var(--stack-origin));background:var(--color-bg-card);transform-origin:bottom;width:100%;max-width:515px;transform-style:preserve-3d;transform:translateX(-50%) translateY(var(--y)) rotateX(45deg);z-index:calc(10 - var(--order));border-radius:16px;transition:transform .3s ease-in-out,opacity .3s ease-in-out,background .6s ease-in-out;position:absolute;top:50%;left:50%}.csb-smart-cards .card>svg{opacity:1;transition:opacity .3s ease-in-out}@media (max-width:1280px){.csb-smart-cards .card{max-width:360px}}@media (max-width:890px){.csb-smart-cards .card{max-width:320px}}@media (max-width:568px){.csb-smart-cards .card{max-width:260px}}.csb-smart-cards .card.card-main{background-color:var(--color-neutral-dark)}.csb-smart-cards [data-phase=intro] .card.card-main{transform:translate(-50%)translateY(-50%)rotateX(0)}.csb-smart-cards [data-phase=intro] .card:not(.card-main){--y:var(--stack-origin);opacity:0;pointer-events:none}.csb-smart-cards [data-phase=pile] .card{--y:calc(var(--order) * var(--stack-gap) + var(--stack-origin))}.csb-smart-cards [data-phase=spread] .card[data-position=top]{--y:calc(var(--order) * var(--stack-gap) - var(--spread-offset-top) + var(--stack-origin))}.csb-smart-cards [data-phase=spread] .card[data-position=center]{--y:calc(var(--order) * var(--stack-gap) + var(--stack-origin))}.csb-smart-cards [data-phase=spread] .card[data-position=bottom]{--y:calc(var(--order) * var(--stack-gap) + var(--spread-offset-bottom) + var(--stack-origin))}.csb-smart-cards .card[data-position=center]{background:var(--color-bg-card);opacity:1;--color-bg-card:linear-gradient(76deg, #100e0e 30.78%, #453e3c 86.8%);--svg-surface:#fff;--svg-outline:#929292;--svg-progress-track:#a1a1a1;--svg-surface-alt:#727272;--svg-stroke-mid:#aaa}.csb-smart-cards .card:not(.card-main)[data-position=top]{background:0 0}.csb-smart-cards .card:not(.card-main)[data-position=top]>svg{opacity:.3}.csb-smart-cards .card:not(.card-main)[data-position=top] .content{display:none}.csb-smart-cards .card[data-position=bottom]{background:var(--color-bg-card);opacity:1}.csb-smart-cards .card[data-pile=true][data-position=bottom] .content{display:none}.csb-smart-cards .card:not([data-position=center]):hover{background:var(--color-bg-card);filter:brightness(2)}.csb-smart-cards .card:not([data-position=center]):hover>svg{opacity:1}.csb-smart-cards .card.card-main:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center, var(--color-primary) 0%, transparent 100%);filter:blur(13px);opacity:0;width:80%;height:60px;transition:opacity .3s ease-in-out;position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%,-50%)}.csb-smart-cards [data-phase=pile] .card.card-main:after,.csb-smart-cards [data-phase=spread] .card.card-main:after{opacity:.2}.csb-smart-cards .card .indicator{z-index:10;width:436px;transform-style:preserve-3d;gap:16px;display:none;position:absolute;top:70%;left:88%;transform:rotateX(-45deg)}.csb-smart-cards .card[data-position=center] .indicator{display:flex}@media (max-width:1280px){.csb-smart-cards .card .indicator{width:310px}}@media (max-width:1024px){.csb-smart-cards .card .indicator{width:290px}}@media (max-width:890px){.csb-smart-cards .card .indicator{width:290px}.csb-smart-cards .card .indicator,.csb-smart-cards .card[data-position=center] .indicator{display:none}}.csb-smart-cards .card .indicator .line{z-index:10;background-color:var(--color-primary);width:100%;height:1px;box-shadow:0 0 29.215px #00000040}.csb-smart-cards .card .indicator .content-description{text-align:left;flex-direction:column;gap:12px;min-width:310px;margin-top:-8px;display:flex}@media (max-width:1280px){.csb-smart-cards .card .indicator .content-description{min-width:240px}}@media (max-width:890px){.csb-smart-cards .card .indicator .content-description{min-width:200px}}.csb-smart-cards .card .indicator .content-description .title{color:var(--color-primary);font-size:36px;font-weight:400;line-height:1}@media (max-width:1280px){.csb-smart-cards .card .indicator .content-description .title{font-size:28px}}@media (max-width:890px){.csb-smart-cards .card .indicator .content-description .title{font-size:24px}}.csb-smart-cards .card .indicator .content-description .description{color:#fff;font-size:18px;font-weight:400;line-height:125%}@media (max-width:1280px){.csb-smart-cards .card .indicator .content-description .description{font-size:16px}}.csb-smart-cards .content-description-mobile-container{display:none}.csb-smart-cards .content-description-mobile{text-align:center;flex-direction:column;justify-content:center;gap:12px;width:100%;display:flex}.csb-smart-cards .content-description-mobile .title{color:var(--color-primary);font-size:20px;font-weight:400;line-height:1}.csb-smart-cards .content-description-mobile .description{color:#fff;font-size:16px;font-weight:400;line-height:125%}@media (max-width:890px){.csb-smart-cards .content-description-mobile-container{max-width:min(400px,80vw);margin:0 auto;display:flex}}.csb-smart-cards .button-container{z-index:10;flex-direction:column;gap:24px;display:flex;position:absolute;top:50%;left:calc(50% - 322px);transform:translateY(-50%)translate(-50%)}@media (max-width:1280px){.csb-smart-cards .button-container{left:calc(50% - 212px)}}@media (max-width:890px){.csb-smart-cards .button-container{left:calc(50% - 192px)}}@media (max-width:568px){.csb-smart-cards .button-container{left:calc(50% - 162px)}}.csb-smart-cards .button-container .button-animation{cursor:pointer;color:#fff}.csb-smart-cards .button-container button:disabled{opacity:.5;cursor:not-allowed;color:#554a46}@media (prefers-reduced-motion:reduce){.csb-smart-cards .card,.csb-smart-cards .card.card-main:after,.csb-smart-cards .card>svg{transition:none}}