:root{--ranking-ink:#17224d;--ranking-blue:#263d87;--ranking-green:#62a040;--ranking-paper:#fff;--ranking-mist:#f2f5fa;--ranking-line:#dce2ee;--ranking-shadow:0 16px 42px rgba(21,37,85,.1)} html{scroll-behavior:smooth} body{margin:0;color:var(--ranking-ink);background:#f7f8fb;font-family:inherit;line-height:1.65} .gaming-hero{position:relative;inset-block-start:auto;z-index:2;background-color:#263d87!important;isolation:isolate} .rankings-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto} .rankings-intro{position:relative;display:grid;align-items:center;min-height:clamp(400px,53vw,620px);padding:clamp(3.5rem,8vw,7rem) 0;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(128,151,236,.42),transparent 29%),linear-gradient(126deg,#17265f 0%,#263d87 58%,#3b589c 100%);overflow:hidden} .rankings-intro:after{position:absolute;inset-inline-end:-8rem;inset-block-end:-14rem;width:34rem;height:34rem;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.025);content:"";pointer-events:none} .rankings-intro__inner{position:relative;z-index:1;max-width:1160px} .rankings-kicker{margin:0 0 1rem;color:#91c978;font-size:.76rem;font-weight:800;letter-spacing:.15em;line-height:1.35;text-transform:uppercase} .rankings-intro h1{max-width:850px;margin:0;color:#fff;font-size:clamp(2.65rem,6.2vw,5.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.03} .rankings-lead{max-width:720px;margin:1.6rem 0 2rem;color:#e2e8ff;font-size:clamp(1.05rem,1.7vw,1.25rem)} .rankings-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1.2rem;border:1px solid #fff;border-radius:999px;color:#17224d;background-color:#fff;font:inherit;font-weight:750;text-decoration:none;transition:transform .2s ease,background-color .2s ease,color .2s ease} .rankings-button:hover{transform:translateY(-2px);color:#fff;background-color:#35529a} .rankings-button:focus-visible,.rankings-form input:focus-visible,.rankings-form textarea:focus-visible{outline:3px solid #f0c85a;outline-offset:3px} .rankings-section{padding:clamp(4rem,7vw,7rem) 0} .rankings-section--paper{background:var(--ranking-paper)} .rankings-section--tint{background:var(--ranking-mist)} .rankings-section--ink{color:#fff;background:#17265f} .rankings-section--ink h2{color:#fff} .rankings-section--ink .rankings-kicker{color:#a8d991} .rankings-section--gradient{color:#fff;background:linear-gradient(118deg,#1c2d6e,#344b94)} .rankings-section--gradient h2{color:#fff} .rankings-section h2,.rankings-contact h2{max-width:780px;margin:.1rem 0 1.25rem;color:var(--ranking-ink);font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.12} .rankings-section h3{margin:0 0 .65rem;color:var(--ranking-ink);font-size:1.15rem;line-height:1.3} .rankings-section p{margin:.55rem 0 1rem} .rankings-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center} .rankings-two-column--reverse{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)} .rankings-copy>p:not(.rankings-kicker){max-width:700px;color:#505b76} .rankings-section--ink .rankings-copy>p:not(.rankings-kicker){color:#e1e7ff} .rankings-note,.rankings-callout,.rankings-update-card{position:relative;padding:clamp(1.5rem,3.3vw,2.5rem);border:1px solid var(--ranking-line);border-radius:22px;background:#fff;box-shadow:var(--ranking-shadow)} .rankings-note{min-height:230px;display:flex;flex-direction:column;justify-content:space-between} .rankings-note__number{color:#d9e8d1;font-size:5rem;font-weight:850;letter-spacing:-.09em;line-height:1} .rankings-note p{max-width:320px;margin:2rem 0 0;color:#354260;font-size:1.12rem;font-weight:650} .rankings-card-grid{display:grid;gap:1rem;margin-top:2rem} .rankings-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))} .rankings-card{min-height:240px;padding:1.65rem;border:1px solid #e2e7f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(21,37,85,.055)} .rankings-card__index{display:grid;width:42px;height:42px;place-items:center;margin-bottom:1.45rem;border-radius:50%;color:#fff;background:#2e488f;font-size:.8rem;font-weight:800} .rankings-card p,.rankings-device-list p,.rankings-reading-grid p{color:#58627a;font-size:.96rem} .rankings-stat-panel{display:grid;gap:.25rem;padding:1.2rem 1.5rem;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.08)} .rankings-stat-panel>div{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.17)} .rankings-stat-panel>div:last-child{border-bottom:0} .rankings-stat-panel strong{color:#b4e196;font-size:1.1rem} .rankings-stat-panel span{color:#eef1ff} .rankings-section__intro{max-width:780px;color:#505b76} .rankings-device-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem} .rankings-device-list>div{padding:1.4rem 1.5rem;border-top:3px solid var(--ranking-green);background:#f6f8fb} .rankings-device-list>div>span{display:block;margin-bottom:1.35rem;color:#7992ce;font-size:.75rem;font-weight:800;letter-spacing:.1em} .rankings-device-list p{margin-bottom:0} .rankings-callout{border-inline-start:5px solid var(--ranking-green)} .rankings-callout__mark{color:var(--ranking-green);font-size:2rem;font-weight:800} .rankings-callout p{margin:.8rem 0 0;color:#354260;font-size:1.15rem;font-weight:650} .rankings-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem} .rankings-reading-grid__step{display:block;margin-bottom:1rem;color:#83b46a;font-size:.83rem;font-weight:850;letter-spacing:.1em} .rankings-reading-grid h3{font-size:1.2rem} .rankings-priority-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center} .rankings-priority-layout>div>p:not(.rankings-kicker){color:#e5eaff} .rankings-checklist{display:grid;gap:.7rem;margin:0;padding:0;list-style:none} .rankings-checklist li{position:relative;padding:.9rem 1rem .9rem 3rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);color:#fff} .rankings-checklist li:before{position:absolute;inset-inline-start:1rem;color:#b1e092;content:"✓";font-weight:900} .rankings-update-card{min-height:190px} .rankings-update-card__dot{display:block;width:12px;height:12px;margin-bottom:2rem;border-radius:50%;background:#75b856;box-shadow:0 0 0 8px #e9f4e3} .rankings-update-card p{color:#58627a} .rankings-scope-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid #dce4f2;border-radius:20px;background:#fff} .rankings-scope-box p{max-width:700px;margin:0;color:#505b76} .rankings-scope-box a{flex:none;color:#263d87;font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px} .rankings-steps{display:grid;gap:0;margin:2rem 0 0;padding:0;list-style:none} .rankings-steps li{display:grid;grid-template-columns:60px 1fr;gap:1.2rem;padding:1.5rem 0;border-top:1px solid var(--ranking-line)} .rankings-steps li>span{color:#80ad6a;font-weight:850;letter-spacing:.1em} .rankings-steps h3{margin-bottom:.2rem} .rankings-steps p{margin:.25rem 0;color:#58627a} .rankings-contact{color:#fff;background:#18265c} .rankings-contact h2{color:#fff} .rankings-contact__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:start} .rankings-contact__intro>p:not(.rankings-kicker){max-width:400px;color:#e0e6ff} .rankings-form{display:grid;gap:1.1rem;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.22);border-radius:20px;background:#fff;color:var(--ranking-ink)} .rankings-form__field{display:grid;gap:.4rem} .rankings-form label{font-size:.9rem;font-weight:750} .rankings-form input,.rankings-form textarea{width:100%;box-sizing:border-box;padding:.82rem .9rem;border:1px solid #cbd3e2;border-radius:8px;color:#1b294d;background:#fff;font:inherit} .rankings-form textarea{resize:vertical} .rankings-form input[aria-invalid="true"],.rankings-form textarea[aria-invalid="true"]{border-color:#b6273e} .rankings-form__error{min-height:1.2em;color:#a51d35;font-size:.82rem} .rankings-form__status{min-height:1.2em;margin:0!important;color:#814124;font-size:.9rem} .rankings-button--submit{justify-self:start;border-color:#263d87;color:#fff;background-color:#263d87;cursor:pointer} .rankings-button--submit:hover{border-color:#3d5ba7;background-color:#3d5ba7} body.ranking-reveal-ready [data-product-contract=TZ_2]:not(.is-visible){opacity:0;transform:translateY(16px)} [data-product-contract=TZ_2]{transition:opacity .55s ease,transform .55s ease} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.ranking-reveal-ready [data-product-contract=TZ_2]:not(.is-visible){opacity:1;transform:none}} @media(max-width:800px){.rankings-two-column,.rankings-two-column--reverse,.rankings-priority-layout,.rankings-contact__layout{grid-template-columns:1fr}.rankings-card-grid--three{grid-template-columns:1fr 1fr}.rankings-card:last-child{grid-column:1/-1}.rankings-device-list{grid-template-columns:1fr}.rankings-reading-grid{gap:1.25rem}.rankings-stat-panel{max-width:620px}.rankings-contact__layout{gap:1.5rem}} @media(max-width:540px){.rankings-wrap{width:min(100% - 36px,1160px)}.rankings-intro{min-height:440px;padding-block:4rem}.rankings-intro h1{font-size:clamp(2.45rem,12vw,3.7rem)}.rankings-section{padding-block:3.6rem}.rankings-card-grid--three,.rankings-reading-grid{grid-template-columns:1fr}.rankings-card,.rankings-card:last-child{grid-column:auto;min-height:unset}.rankings-stat-panel>div{grid-template-columns:1fr;gap:.2rem}.rankings-scope-box{align-items:flex-start;flex-direction:column}.rankings-steps li{grid-template-columns:42px 1fr;gap:.6rem}.rankings-form{padding:1.25rem}.rankings-button--submit{width:100%}}