.hero.tier-hero{padding:clamp(32px,5vw,56px) max(clamp(12px,3vw,128px),50% - 772px)}.hero.tier-hero h1,.hero.tier-hero p,.hero.tier-hero .hero-actions{max-width:598px}.hero.tier-hero p{font-size:clamp(20px,2.2vw,22px)}.hero.tier-hero .hero-search{width:100%;margin-top:clamp(16px,3vw,32px)}.hero.tier-hero .hero-search .search-input{background:#202228;border-color:#40444e;flex-direction:row-reverse;gap:8px;width:100%;height:44px;padding:0 12px 0 14px;font-size:clamp(16px,1.8vw,18px)}.hero.tier-hero .hero-actions{flex-wrap:wrap;gap:20px;margin-top:clamp(8px,2vw,16px);display:flex}@media (width<=767px){.hero.tier-hero .hero-actions{flex-direction:column;width:100%}.hero.tier-hero .hero-actions a{width:100%}}#tier-list .tier-section{flex-direction:column;gap:clamp(32px,5vw,48px);padding:clamp(32px,5vw,64px) 0;display:flex}#tier-list .tier-section h2{color:#f5f6f7e0;text-align:center;font-size:clamp(28px,4vw,40px);font-weight:400}#tier-list .cards-grid{width:100%;max-width:1380px;margin:0 auto;padding:0}@media (width<=799px){#tier-list .cards-grid{padding:0}}#tier-list .tier-templates{flex-direction:column;align-items:center;gap:clamp(24px,4vw,40px);padding:clamp(24px,4vw,40px) 0;display:flex}#tier-list .tier-templates h2{color:#f5f6f7e0;font-size:clamp(22px,3vw,28px)}#tier-list .templates-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,3vw,32px);width:100%;display:grid}@media (width<=1023px){#tier-list .templates-grid{grid-template-columns:repeat(2,1fr)}}#tier-list .template-card{color:inherit;border:1px solid #40444e;border-radius:clamp(6px,1vw,8px);flex-direction:column;align-items:center;gap:16px;padding:clamp(20px,3vw,24px) clamp(12px,3vw,32px) clamp(12px,2vw,24px);text-decoration:none;transition:border-color .3s;display:flex}#tier-list .template-card:hover{border-color:#3fa3677a}#tier-list .template-icon{color:#3fa367;background:#50c2841a;border-radius:clamp(2px,.5vw,4px);justify-content:center;align-items:center;width:clamp(40px,5vw,48px);height:clamp(40px,5vw,48px);display:flex;position:relative}#tier-list .template-icon svg{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px)}#tier-list .template-icon:before{content:"";pointer-events:none;border:2px solid #434f65;border-radius:clamp(2px,.5vw,4px);position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000,#000) 0 0/8px 8px no-repeat,linear-gradient(#000,#000) 100% 0/8px 8px no-repeat,linear-gradient(#000,#000) 0 100%/8px 8px no-repeat,linear-gradient(#000,#000) 100% 100%/8px 8px no-repeat;mask:linear-gradient(#000,#000) 0 0/8px 8px no-repeat,linear-gradient(#000,#000) 100% 0/8px 8px no-repeat,linear-gradient(#000,#000) 0 100%/8px 8px no-repeat,linear-gradient(#000,#000) 100% 100%/8px 8px no-repeat}#tier-list .template-name{color:#f5f6f7e0;font-size:clamp(18px,2vw,20px);font-weight:500}#tier-list .template-count{color:#f5f6f7b8;font-size:clamp(14px,1.6vw,16px)}#tier-list .template-cta{color:#f5f6f7;align-items:center;gap:8px;font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(15px,2vw,16px);text-decoration:underline;display:flex}#tier-list .template-cta svg{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px)}#tier-list .tier-browse{flex-direction:column;gap:24px;padding:clamp(32px,5vw,64px) 0;display:flex}#tier-list .tier-browse .article-header{flex-wrap:wrap;gap:32px;width:100%;max-width:1380px;margin:0 auto;scroll-margin-top:clamp(100px,15vw,180px);display:flex}#tier-list .tier-browse .article-header .search-input{border-color:#434f65e0;flex:1}#tier-list .tier-browse .article-header .btn-secondary{border-color:#434f65e0;justify-content:space-between;padding:clamp(10px,1vw,12px) clamp(12px,3vw,20px)}@media (width<=1023px){#tier-list .tier-browse .article-header{flex-direction:column;gap:16px}#tier-list .tier-browse .article-header .search-input{width:100%;max-width:none}#tier-list .tier-browse .article-header .btn-secondary{width:100%}}#tier-list .tier-pagination{justify-content:center;align-items:center;gap:16px;display:flex}#tier-list .tier-pagination span{color:#f5f6f7b8;font-size:clamp(14px,1.6vw,16px)}#tier-list .tier-why{padding:clamp(32px,5vw,64px) 0}#tier-list .tier-why-inner{background:#27292f;border-radius:12px;flex-direction:column;align-items:center;gap:clamp(24px,4vw,40px);padding:clamp(32px,4vw,40px) clamp(8px,3vw,32px);display:flex}#tier-list .tier-why-inner h2{color:#f5f6f7e0;font-size:clamp(24px,3vw,28px)}#tier-list .why-grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,32px);width:100%;display:grid}@media (width<=1023px){#tier-list .why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){#tier-list .why-grid{grid-template-columns:1fr}}#tier-list .why-card{background:#202228;border-radius:clamp(6px,1vw,8px);flex-direction:column;gap:clamp(12px,2vw,16px);padding:clamp(12px,2vw,24px);display:flex}#tier-list .why-card .template-icon{width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px)}#tier-list .why-card .template-icon svg{width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px)}#tier-list .why-card .template-icon:before{border-radius:clamp(2px,.5vw,4px)}#tier-list .why-text{flex-direction:column;gap:4px;display:flex}#tier-list .why-label{color:#f5f6f7b8;font-size:clamp(12px,1.4vw,14px);font-weight:500}#tier-list .why-title{color:#f5f6f7e0;font-size:clamp(16px,1.8vw,18px);font-weight:500}#tier-list .why-desc{color:#f5f6f7;font-size:clamp(16px,1.8vw,18px);line-height:150%}.card.tier{border-top:none}.card.tier .image{aspect-ratio:440/260;margin-bottom:clamp(12px,3vw,24px);position:relative;overflow:hidden}.card.tier .image>img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.card.tier .image .views-tag{color:#f5f6f7;white-space:nowrap;z-index:1;background:#f5f6f71a;border-radius:4px;align-items:center;gap:8px;height:clamp(24px,3vw,32px);padding:2px 12px;font-size:clamp(12px,1.4vw,14px);display:flex;position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}.card.tier .image .views-tag svg{width:clamp(12px,1.5vw,16px);height:clamp(12px,1.5vw,16px)}.card.tier .rank-preview{grid-template-rows:1fr 1fr;grid-template-columns:repeat(6,1fr);place-items:center;height:100%;padding:clamp(32px,5vw,48px);display:grid}.card.tier .rank-preview img{aspect-ratio:1;object-fit:scale-down;width:100%;height:100%;margin:0;position:static}.card.tier .rank-preview .top-row-1{grid-column:2/4}.card.tier .rank-preview .top-row-2{grid-column:4/6}.card.tier .rank-preview .bottom-row-1{grid-column:1/3}.card.tier .rank-preview .bottom-row-2{grid-column:3/5}.card.tier .rank-preview .bottom-row-3{grid-column:5/7}.card.tier .info{gap:clamp(8px,1.5vw,12px)}.card.tier .tag{color:#f5f6f7b8;gap:clamp(4px,.8vw,8px);max-width:none;overflow:visible}.card.tier .tag svg{opacity:.8;flex-shrink:0;width:clamp(12px,1.5vw,16px);height:clamp(12px,1.5vw,16px)}.card.tier .author{color:#f5f6f7b8;align-items:center;gap:clamp(4px,.8vw,8px);font-size:clamp(12px,1.4vw,14px);display:flex}.card.tier .author .name{color:#f5f6f7;font-size:clamp(14px,1.6vw,16px)}.card.tier hr{border:none;border-top:1px solid #383c46;margin:0}.card.tier .actions{flex-direction:row;margin-top:clamp(8px,1.5vw,16px)}.card.tier .actions a,.card.tier .actions button,.card.tier .actions span{flex:1;display:flex}.card.tier .actions .btn-primary-inv,.card.tier .actions .btn-secondary{height:clamp(32px,3.3vw,44px);padding:clamp(6px,.7vw,10px) clamp(4px,.8vw,16px);font-size:clamp(10px,1.2vw,16px)}@media (width<=799px){.card.tier .actions{flex-direction:column}}