#hero{border-radius:24px;position:relative;overflow:hidden;& img{object-fit:cover;filter:brightness(60%);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}& .hero-txt{background:var(--black-color);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:16rem;padding:32px;display:flex;position:relative;overflow:hidden;& h1{margin-bottom:.5rem;font-size:28px;font-weight:700}& p:first-child{font-size:16px;font-weight:500}& p:last-child{margin-top:.8rem;font-size:16px}& img{z-index:0}& h1,& p{z-index:1;position:relative}& a{margin-top:1rem}}&>div{z-index:1;color:#fff;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;& h3{font-size:20px;font-weight:600}&>div:first-child{width:100%}& .card{color:#000;text-align:left;background:#fff;border-radius:24px;flex-shrink:0;width:336px;padding:24px;& h3{letter-spacing:-.15px;text-align:center;margin-bottom:.5rem;font-size:24px;line-height:32px}& h4{text-align:center;letter-spacing:.15px;font-size:34px;font-weight:700;line-height:32px;font-family:var(--secondary-ff);color:var(--primary-color)}& p.anything{margin-bottom:1rem;margin-left:1.5rem}& p.small{text-align:center;color:var(--black-color);margin-top:10px;font-size:12px}& button{white-space:nowrap;box-sizing:border-box;width:100%;max-width:100%;display:inline-flex;& span{display:inline-block}& svg{max-width:unset;flex-shrink:0}}}}& .price-linebar-container{height:350px;position:relative;& .low{width:80px;position:absolute;top:40%;left:51%;transform:translate(-100%,-100%);&>p:first-of-type{color:gray;margin-bottom:.2rem}&>p:last-of-type{background:var(--black-color);color:#fff;max-width:max-content;font-size:14px;font-weight:700;font-family:var(--third-ff);border-radius:4px;padding:.4rem}}& .high{width:80px;position:absolute;top:24%;left:55%;transform:translate(-50%,-100%);&>p:first-of-type{color:gray;margin-bottom:.2rem}&>p:last-of-type{background:var(--black-color);color:#fff;max-width:max-content;font-size:14px;font-weight:700;font-family:var(--third-ff);border-radius:4px;padding:.4rem}}& .medium{width:80px;position:absolute;top:35%;left:61%;transform:translateY(-100%);&>p:first-of-type{color:gray;margin-bottom:.2rem}&>p:last-of-type{background:var(--black-color);color:#fff;max-width:max-content;font-size:14px;font-weight:700;font-family:var(--third-ff);border-radius:4px;padding:.4rem}}& .price-linebar{border-bottom:3px solid #152eac4f;align-items:flex-end;gap:.5rem;width:288px;max-width:100%;padding-bottom:.5rem;display:flex;position:absolute;bottom:0;&>div{background:var(--primary-color);border-radius:4px;width:2.5rem;height:100%;min-height:15rem;&:first-child,&:nth-child(9),&:nth-child(2),&:nth-child(8),&:nth-child(3),&:nth-child(7){background:#152eac4f}&:first-child,&:nth-child(9){min-height:3rem}&:nth-child(2),&:nth-child(8){min-height:6rem}&:nth-child(3),&:nth-child(7){min-height:8rem}&:nth-child(4){min-height:12rem}&:nth-child(5){min-height:15rem}&:nth-child(6){min-height:13rem}}}}}#contributor{background-color:var(--primary-color-light);border-radius:var(--radius);margin-top:2rem;padding:2rem;& h3{margin-bottom:2rem;font-size:24px;font-weight:600}& .author-container{color:var(--black-color);& .author{align-items:center;gap:1rem;font-size:16px;display:flex;&>img{object-fit:cover;background-color:var(--primary-color-light);border-radius:50%;flex-shrink:0;width:50px;height:50px;display:block;overflow:hidden}}&>p{margin-top:.5rem}}}#content{color:var(--black-color);font-size:16px;&>*{margin-bottom:1rem}& .date{color:#6a719a;margin-bottom:.8rem;font-size:14px}& .author-container{& a{color:var(--primary-color);margin-top:0;font-size:14px;font-weight:500;display:block}}& .author{color:var(--black-color);gap:.8rem;font-size:14px;display:flex;&>img{object-fit:cover;background-color:var(--primary-color-light);border-radius:50%;width:40px;height:40px;overflow:hidden}}& h2,& h3,& h4,& h5,& h6{font-family:var(--secondary-ff);font-weight:600}& h2{font-size:24px}& h3{font-size:22px}& h4{font-size:20px}& h5{font-size:18px}& img{width:100%;max-width:100%}&>pre{white-space:pre-wrap}& a:not(.btn){color:var(--primary-color)}&>ul,&>ol{margin-left:1rem}& ul,& ol{padding:inherit;padding-top:.3rem;&>li{margin-bottom:.3rem}}& .key-facts{border:1.5px solid var(--primary-color);border-radius:var(--radius);padding:1rem;&>:not(:first-child){padding-top:.5rem;padding-bottom:0}}& .cta-content{border-radius:var(--radius);width:100%;padding:2rem;& h3,& h4{margin-bottom:.6rem}&>p{margin-bottom:1.5rem}}& table{border-spacing:0;border-collapse:separate;width:100%;& th{text-align:left;font-weight:700;font-family:var(--third-ff)}}& .table-head-color{& thead{& th{background:var(--primary-color);color:#fff;&:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);overflow:hidden}&:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}}& tbody{& tr:nth-child(2n){background:var(--primary-color-light)}}& td,& th{padding:1rem}}& .table-odd-even{& tbody{& tr:nth-child(odd){background:var(--primary-color-light)}}& td,& th{padding:1rem}}& .quote,& .box-with-top-line,& .box-with-left-line,& .cta-content{padding:1rem;&.red{background:#fadcda}&.yellow{background:#fbedd5}&.blue{background:var(--primary-color-light)}&.gray{background:#f3f3f7}&.mindaro{background:#def88f}&.lavender{background:#e5e4ff}&.lavender-mist{background:#ebebf6}&.mint-cream{background:#edf8f5}&.pale-lavender{background:#e9d8fd}&.soft-peach{background:#feebc8}&.soft-blush-peach{background:#feeadc}&.soft-cloud-blue{background:#f7f9fd}&.pale-baby-blue{background:#d0ebff}}& .quote{border-radius:var(--radius)}& .box-with-top-line{border-top:2px solid var(--primary-color)}& .box-with-left-line{border-left:2px solid var(--primary-color)}& .num-round-list{& ul,& ol{counter-reset:li;list-style:none}& li{margin:0 0 16px 32px;font-size:18px;position:relative;&:before{counter-increment:li 1;content:counter(li);width:1.8em;height:1.8em;font-size:14px;font-family:var(--third-ff);background:var(--primary-color-light);letter-spacing:.25px;text-align:center;border-radius:50%;padding-top:2px;font-weight:700;line-height:20px;position:absolute;left:-8px;transform:translate(-100%)}}}& .related-article{max-width:max-content;text-decoration:underline;text-decoration-color:var(--primary-color);text-decoration-skip:edges;text-decoration-skip-ink:auto;text-underline-offset:5px;line-height:1.9rem;text-decoration-thickness:2px;& svg{color:var(--primary-color);margin-top:-8px}}& img+em{text-align:center;color:gray;margin-top:.5rem;font-size:14px;display:block}}#similar-articles-container{& .similar-articles{margin-bottom:1rem;& h2{margin-bottom:1.5rem;font-size:38px;font-weight:700}&>div{gap:16px;height:100%;display:flex;overflow-x:auto}}& .similar-article-card{flex-shrink:0;width:384px;height:100%;display:block;& img{border-radius:var(--radius);object-fit:cover;width:100%;height:200px;margin-bottom:1rem;display:block;overflow:hidden}& h3{color:var(--black-color);margin-bottom:.5rem;font-size:22px;font-weight:600}& p{color:var(--black-color);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;&+p{color:var(--primary-color);font-weight:600;font-family:var(--third-ff);margin-top:.4rem}}}}#content-container{column-gap:120px;margin-top:2.5rem;display:flex;&>div:last-child{display:none}}#side-cta{border-radius:var(--radius);background:var(--primary-color-light);margin-top:2rem;padding:1.5rem;& h2{margin-bottom:1rem;font-size:26px;font-weight:600;line-height:30px;&+p{margin-bottom:1.4rem}}& a:first-of-type{text-align:center;max-width:100%;margin-bottom:1rem;&+p{color:#6a719a;margin-bottom:.4rem;font-size:12px;&+a{color:var(--primary-color);font-size:14px;font-weight:600}}}}@media (width<=370px){#hero{&>div{& .card{width:100%}}}}@media (width>=768px){#contributor{& .author-container{&>p{margin-top:-.5rem;padding-left:65px}}}#hero{background:var(--black-color);padding:32px;&>div{flex-direction:row;&>div:first-child{max-width:584px}}& .hero-txt{background:0 0;align-items:start;padding:0;overflow:visible;& h1{font-size:48px}& p{font-size:22px}}}#content{font-size:17px;&>*{margin-bottom:1.25rem}& .key-facts{padding:1.25rem}& .cta-content{max-width:80%;margin-inline:auto}& .float-left{float:left;margin-bottom:.5rem;margin-right:1rem;display:block}& .float-right{float:right;margin-bottom:.5rem;margin-left:1rem;display:block}& .right-img{margin-left:auto;display:block}& .left-img{display:block}& .center-img{margin-inline:auto;display:block}}}@media (width>=990px){#content-container{&>div:last-child{flex-shrink:0;width:280px;height:100%;display:block;position:sticky;top:5rem;& #toc ul{list-style:none;& li{cursor:pointer;letter-spacing:.25px;color:var(--black-color);margin-bottom:6px;font-size:14px;line-height:20px;&:hover{color:var(--primary-color)}}}}}}@media (width>=1200px){#hero{padding:64px}#content{&>*{margin-bottom:1.5rem}& .key-facts{padding:1.5rem}& h2{font-size:32px}& h3{font-size:26px}& h4{font-size:24px}& h5{font-size:20px}}}