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