.tab-nav-header{align-items:center;backdrop-filter:blur(32px);background-color:hsla(69,30%,95%,.4);background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 8 8'>\<path fill='rgba(246,247,240,0.9)' d='M4 0L8 4L4 8L0 4Z'/>\ </svg>");background-repeat:repeat;border-bottom:1px solid var(--text-color);display:flex;height:71px;justify-content:space-between;padding:16px;position:sticky;top:0;width:100%;z-index:999}.tab-nav-container{align-items:center;display:flex;gap:16px;>label>input{display:none}>label:has(input:checked)>.tab-nav-btn{background-color:var(--primary-color)}}.tab-nav-heading{z-index:2}.tab-nav-heading,.tab-nav-label{position:relative;text-shadow:0 0 4px var(--background-color)}.tab-nav-heading:after,.tab-nav-heading:before,.tab-nav-label:after,.tab-nav-label:before{color:var(--background-color);content:"How it works";filter:blur(4px);left:0;position:absolute;top:0;z-index:-1}.tab-nav-label:after,.tab-nav-label:before{content:"Section:"}.tab-nav-btn{background:none;background-color:var(--background-color);border:1px solid var(--text-color);border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .2s linear;user-select:none}.tab-nav-btn.active,.tab-nav-btn:hover{background-color:var(--primary-color)}.how-it-works-card{--transparency:calc((1/var(--amount))*var(--order));background-color:rgba(255,68,68,var(--transparency));display:flex;flex-direction:column;min-height:100vh;width:100%;&:first-of-type{min-height:calc(100vh - 71px)}}.card-content{flex:1;gap:16px;min-height:100%;padding-bottom:0;padding-top:0;position:relative;scroll-snap-type:none;width:100%}.card-content,.card-number{align-items:center;display:flex}.card-number{background-color:var(--text-color);border-radius:16px;color:var(--background-color);font-size:clamp(2rem,-6.4rem + 19.2vi,8rem);font-weight:700;justify-content:center;min-height:clamp(6.25rem,-2.5rem + 20vi,12.5rem);min-width:clamp(6.25rem,-2.5rem + 20vi,12.5rem)}.card-info-heading{align-items:center;display:flex;gap:16px}.card-number.small{display:none}@media only screen and (max-width:880px){.card-number{display:none}.card-number.small{display:flex}}.steps-container{background-color:var(--background-color);width:100%}.card-info{display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center;& h2{font-size:clamp(2rem,.048rem + 4.462vi,5.625rem);font-weight:900}}.card-under-line{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:var(--txt-1);font-weight:700;gap:32px;justify-content:space-between;& .col,>p{display:flex;flex-direction:column;gap:8px}& .primary-btn{text-wrap:nowrap}}@media only screen and (max-width:645px){.tab-nav-heading,.tab-nav-label{font-size:var(--txt-0)}}