.functional-value{background:var(--paper)}.functional-value .site-nav{max-width:1020px;padding:24px 28px}.functional-value .hero.hero-compact{background:var(--lime);min-height:0;padding:58px 28px 64px}.functional-value .hero-position{max-width:900px}.functional-value .hero-position h1{color:var(--ink);margin-bottom:17px;font-size:clamp(48px,7vw,84px)}.functional-value .hero-position h1 em{color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:950}.functional-value .hero-amount-control{background:#fff;border:1px solid #39572e55;border-radius:999px;padding:4px 7px}.functional-value .hero-amount-control>button{background:var(--paper);border-color:var(--line)}.functional-value .hero-amount-control input{color:var(--coral)}.functional-value .hero-amount-control label span,.functional-value .hero-amount-control small,.functional-value .hero-position>p,.functional-value .hero-trust{color:#405237}.functional-value .hero-buy{background:var(--ink);color:var(--lime);margin-top:22px}.functional-value .hero-buy svg{color:var(--lime)}.functional-value .ranking{max-width:1020px;padding-top:62px}.functional-value .live-overview{margin-bottom:60px}.functional-value .live-panel{border-radius:16px;box-shadow:0 16px 30px #26361b0a}.functional-value .section-heading{max-width:720px;margin:0 auto 30px}.functional-value .section-heading h2{font-size:clamp(46px,5.2vw,68px)}.functional-value .card-grid{grid-template-columns:minmax(0,720px);justify-content:center;max-width:720px;margin-inline:auto}.functional-value .rank-card.rank-1{grid-column:auto}.functional-value .section-actions p{max-width:280px}.functional-value .rank-card.rank-1{border-color:var(--lime)}.functional-value .rank-card.rank-1 .rank-card-top>strong,.functional-value .rank-card.rank-1 .card-cta{color:var(--lime)}.functional-value .rank-logo{background:0 0;border:0}.functional-value .rank-logo img{width:100%;height:100%}.functional-value .impact-section{padding-top:88px;padding-bottom:92px}@media (width<=700px){.functional-value .site-nav{padding:20px}.functional-value .hero.hero-compact{padding:42px 20px 48px}.functional-value .hero-position h1{font-size:50px}.functional-value .hero-amount-control{grid-template-columns:42px minmax(150px,1fr) 42px}.functional-value .hero-amount-control>button{width:42px;height:42px}.functional-value .ranking{padding:54px 20px}.functional-value .card-grid{gap:6px}.functional-value .rank-card,.functional-value .rank-card.rank-1{min-height:0;padding:10px 14px}.functional-value .rank-card-top{gap:7px}.functional-value .rank-card-top .rank-number,.functional-value .rank-card.rank-1 .rank-card-top .rank-number{font-size:21px}.functional-value .position-title{display:none}.functional-value .champion-badge{padding:5px 7px;font-size:8px}.functional-value .rank-content{min-height:28px;margin-top:5px;padding-left:35px;position:relative}.functional-value .rank-card-header{margin:0;display:block;position:absolute;top:0;left:0}.functional-value .rank-card-header>span:not(.rank-logo){display:none}.functional-value .rank-logo{border-radius:7px;flex-basis:28px;width:28px;height:28px}.functional-value .rank-logo img{width:100%;height:100%}.functional-value .rank-card a,.functional-value .rank-card.rank-1 a{font-size:19px;line-height:1}.functional-value .rank-card p,.functional-value .rank-card .card-cta{display:none}.functional-value .card-clicks{font-size:8px}}
