.site-redesign .graphics-ranking{position:relative;isolation:isolate;padding:clamp(55px,6vw,95px) 0 110px;min-height:80vh;background:transparent;color:#eaf0f5}
.site-redesign .ranking-shell{max-width:1120px;margin:auto}
.site-redesign #graphics-ranking .ranking-shell{box-sizing:border-box;width:min(calc(100% - 48px),1120px)!important;max-width:1120px;margin-inline:auto!important;padding:42px 40px 52px!important;border:1px solid rgba(218,159,107,.3);border-radius:24px;background:radial-gradient(ellipse at 55% 0%,rgba(164,99,55,.15),transparent 55%),linear-gradient(140deg,rgba(24,21,22,.94),rgba(10,15,24,.96) 72%)!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important}
.site-redesign .ranking-intro{text-align:center;max-width:720px;margin:0 auto 45px}
.site-redesign .ranking-intro .eyebrow{color:#e9ad75;letter-spacing:.16em;font-weight:800}
.site-redesign .ranking-intro h2{margin:9px 0 14px;font-family:'JTX DIN','Bahnschrift','Segoe UI',sans-serif;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.045em}
.site-redesign .ranking-intro>p:not(.eyebrow){color:#c7d0dc;font-size:clamp(15px,1.5vw,18px);line-height:1.65}
.site-redesign .ranking-scale{display:inline-flex;margin-top:12px;padding:7px 12px;border:1px solid #e9ad7560;border-radius:100px;color:#f3c79f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.site-redesign .ranking-list{position:relative;display:grid;gap:14px;max-width:940px;margin:0 auto;padding:5px 0;list-style:none;counter-reset:none}
.site-redesign .ranking-list::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#edae73 7%,#72cf9d 37%,#73818a 90%,transparent);opacity:.46;z-index:-1}
.site-redesign .ranking-item{margin:0;animation:ranking-rise .65s both;animation-delay:min(calc(var(--rank-index)*55ms),650ms)}
.site-redesign .ranking-card{overflow:hidden;border:1px solid rgba(224,183,146,.28);border-radius:17px;background:linear-gradient(120deg,rgba(28,31,35,.96),rgba(13,19,27,.98));box-shadow:0 15px 38px rgba(0,0,0,.2);transition:border-color .25s,box-shadow .25s,transform .25s}
.site-redesign .ranking-card:hover,.site-redesign .ranking-card:focus-within{border-color:rgba(245,181,115,.69);box-shadow:0 18px 48px rgba(0,0,0,.27),0 0 25px rgba(235,149,73,.12);transform:translateY(-2px)}
.site-redesign .ranking-card[open]{border-color:rgba(245,181,115,.72)}
.site-redesign .ranking-item:nth-child(1){--ranking-tint:216,119,124}
.site-redesign .ranking-item:nth-child(2){--ranking-tint:218,190,125}
.site-redesign .ranking-item:nth-child(3){--ranking-tint:147,204,165}
.site-redesign .ranking-item:nth-child(4){--ranking-tint:139,184,218}
.site-redesign .ranking-item:nth-child(-n+4) .ranking-card{border-color:rgba(var(--ranking-tint),.36);border-left:3px solid rgba(var(--ranking-tint),.72);background:radial-gradient(ellipse at 86% 12%,rgba(var(--ranking-tint),.09),transparent 62%),linear-gradient(120deg,rgba(var(--ranking-tint),.085),rgba(13,19,27,.97) 70%)}
.site-redesign .ranking-item:nth-child(-n+4) .ranking-card:hover,.site-redesign .ranking-item:nth-child(-n+4) .ranking-card:focus-within,.site-redesign .ranking-item:nth-child(-n+4) .ranking-card[open]{border-color:rgba(var(--ranking-tint),.63);box-shadow:0 18px 48px rgba(0,0,0,.27),0 0 22px rgba(var(--ranking-tint),.1)}
.site-redesign .ranking-item:nth-child(-n+4) .ranking-number,.site-redesign .ranking-item:nth-child(-n+4) .ranking-score b,.site-redesign .ranking-item:nth-child(-n+4) .ranking-score-label{color:rgb(var(--ranking-tint))}
.site-redesign .ranking-summary{display:grid;grid-template-columns:52px 108px minmax(0,1fr) 105px 27px;align-items:center;gap:17px;min-height:108px;padding:10px 22px;cursor:pointer;list-style:none}
.site-redesign .ranking-summary::-webkit-details-marker{display:none}
.site-redesign .ranking-summary:focus-visible{outline:2px solid #ffd8a9;outline-offset:-4px;border-radius:15px}
.site-redesign .ranking-number{color:#e9ad75;font-family:'Bahnschrift','Segoe UI',sans-serif;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.site-redesign .ranking-thumb{width:108px;height:78px;object-fit:cover;border:1px solid #ffffff27;border-radius:10px;background:#131a20}
.site-redesign .ranking-thumb-type{display:grid;place-items:center;padding:4px;background:linear-gradient(130deg,#3a271c,#141922);color:#f3c59c;text-align:center;font-size:12px;font-weight:900;letter-spacing:.05em;line-height:1.1;box-sizing:border-box}
.site-redesign .ranking-identity{display:grid;gap:5px;min-width:0}
.site-redesign .ranking-identity strong{font-size:clamp(16px,2vw,21px);line-height:1.2;color:#f6f2ec}
.site-redesign .ranking-identity small{color:#b7c4cf;font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.07em}
.site-redesign .ranking-score{display:grid;justify-items:end;gap:3px;white-space:nowrap;color:#b6c7d0}.site-redesign .ranking-score-label{color:#9fd9b7;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.site-redesign .ranking-score-value{display:flex;align-items:baseline;gap:2px}
.site-redesign .ranking-score b{color:#f8bf84;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.site-redesign .ranking-score small{font-size:13px}
.site-redesign .ranking-expand{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dfa96c70;border-radius:50%;color:#f6c593;font-size:19px;line-height:1;transition:transform .25s}
.site-redesign .ranking-card[open] .ranking-expand{transform:rotate(45deg)}
.site-redesign .ranking-detail{padding:20px 30px 28px;border-top:1px solid #ffffff1b;animation:ranking-reveal .25s ease both}
.site-redesign .ranking-detail-image{margin:0 0 18px;overflow:hidden;border:1px solid #ffffff2b;border-radius:12px;background:#111922}
.site-redesign .ranking-detail-image img{display:block;width:100%;height:clamp(220px,30vw,350px);object-fit:cover}
.site-redesign .ranking-detail>p:first-child{margin:16px 0 18px;color:#d9e1e8;line-height:1.6}
.site-redesign .ranking-detail h3{margin:15px 0 9px;color:#e9ad75;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.site-redesign .ranking-chips,.site-redesign .ranking-clients{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0;list-style:none}
.site-redesign .ranking-chips li,.site-redesign .ranking-clients li{padding:6px 9px;border:1px solid #8aca9c55;border-radius:7px;background:#4c9c6630;color:#d0f2da;font-size:12px;font-weight:650}
.site-redesign .ranking-clients li{border-color:#ffffff2e;background:#ffffff0e;color:#e4eaf0}
.site-redesign .ranking-compat-note,.site-redesign .ranking-empty{margin:9px 0 0;color:#aab7c4;font-size:12px;line-height:1.5}
.site-redesign .ranking-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.site-redesign .ranking-actions a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #ebac72a0;border-radius:8px;background:linear-gradient(120deg,#ad592aa8,#df874287);color:#fff2e5;font-size:12px;font-weight:800;text-decoration:none;transition:filter .2s,transform .2s}
.site-redesign .ranking-actions a span{margin-left:5px}
.site-redesign .ranking-actions a:hover{filter:brightness(1.2);transform:translateY(-2px)}
.site-redesign .ranking-footnote{max-width:700px;margin:31px auto 0;color:#aebbc6;text-align:center;font-size:13px;line-height:1.6}
@keyframes ranking-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ranking-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.site-redesign .ranking-summary{grid-template-columns:52px 176px minmax(0,1fr) 125px 30px;gap:20px;min-height:128px}.site-redesign .ranking-thumb{width:176px;height:102px}}
@media(max-width:700px){.site-redesign .graphics-ranking{padding:45px 0 70px}.site-redesign .ranking-intro{margin-bottom:27px}.site-redesign .ranking-list::before{left:18px}.site-redesign .ranking-summary{grid-template-columns:27px 68px minmax(0,1fr) 69px 21px;gap:8px;min-height:80px;padding:8px}.site-redesign .ranking-number{font-size:16px}.site-redesign .ranking-thumb{width:68px;height:56px}.site-redesign .ranking-identity strong{font-size:13px}.site-redesign .ranking-identity small{font-size:9px}.site-redesign .ranking-score-label{font-size:8px}.site-redesign .ranking-score b{font-size:19px}.site-redesign .ranking-score small{font-size:10px}.site-redesign .ranking-expand{width:20px;height:20px;font-size:15px}.site-redesign .ranking-detail{padding:8px 16px 20px}.site-redesign .ranking-detail>p:first-child{font-size:13px}.site-redesign .ranking-chips li,.site-redesign .ranking-clients li{font-size:11px}}
@media(max-width:700px){.site-redesign #graphics-ranking .ranking-shell{width:calc(100% - 24px)!important;padding:26px 12px 32px!important;border-radius:18px}}
@media(max-width:390px){.site-redesign .ranking-summary{grid-template-columns:25px 54px minmax(0,1fr) 65px 18px;gap:6px}.site-redesign .ranking-thumb{width:54px;height:50px}.site-redesign .ranking-identity strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-redesign .ranking-item,.site-redesign .ranking-detail{animation:none}.site-redesign .ranking-card,.site-redesign .ranking-expand,.site-redesign .ranking-actions a{transition:none}}