/* Rankify service collection: supplied art, lightweight native motion. */
#view-services,#view-service-game,#view-service-detail{padding-bottom:56px;min-height:70vh}
.service-back{display:flex;align-items:center;gap:9px;color:#365b91;font-size:12px;letter-spacing:0;transition:color .2s}.service-back:hover{color:#1766e9}.service-back>span{font-size:19px}
.services-intro{max-width:900px;padding:36px 0 44px}.services-intro h1{font-size:clamp(38px,5.5vw,73px);line-height:1.08;margin:18px 0 25px;max-width:980px}.services-subtitle{font-size:16px;line-height:1.85;color:#56708f;max-width:790px}.services-subtitle p+p{margin-top:14px}.services-subtitle strong{color:#254974}
.motion-glyph{--service-accent:#3985ee;position:relative;display:inline-grid;place-items:center;width:58px;height:58px;color:var(--service-accent);isolation:isolate;flex-shrink:0}.motion-glyph svg{width:39px;height:39px;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--service-accent),transparent 60%));animation:glyph-float 4s ease-in-out infinite}.motion-glyph>i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--service-accent),white 70%);border-radius:17px;background:color-mix(in srgb,var(--service-accent),white 94%);transform:rotate(-7deg);z-index:-1;animation:glyph-frame 6s ease-in-out infinite}.motion-glyph>b{position:absolute;width:5px;height:5px;border-radius:50%;right:4px;top:3px;background:currentColor;box-shadow:0 0 12px currentColor;animation:glyph-spark 3s ease-in-out infinite}.target .glyph-ring{stroke-dasharray:25 5;transform-origin:20px 20px;animation:service-orbit 12s linear infinite}.bolt .glyph-bolt,.controller .glyph-button{animation:glyph-power 3s ease-in-out infinite}.crown .glyph-crown,.star .glyph-star{animation:glyph-power 4s ease-in-out infinite}.shield .glyph-check{stroke-dasharray:30;animation:glyph-check 5s ease-in-out infinite}
.service-page-heading{display:flex;align-items:center;gap:27px;padding:35px 0 40px}.service-page-heading>.motion-glyph{width:74px;height:74px}.service-page-heading h1{font-size:clamp(33px,4.8vw,60px);margin:15px 0 14px;line-height:1.12}.service-page-heading p{font-size:14px;color:#59728f;line-height:1.8;max-width:670px}.offering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.offering-card{border-radius:19px;overflow:hidden;background:#ffffffd9;border:1px solid color-mix(in srgb,var(--service-accent),white 75%);box-shadow:0 15px 35px #5782ba0d;transition:transform .25s,box-shadow .25s,border-color .25s;animation:offering-enter .5s both;animation-delay:var(--card-delay)}.offering-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px color-mix(in srgb,var(--service-accent),transparent 87%);border-color:var(--service-accent)}.offering-art{aspect-ratio:3.25;position:relative;overflow:hidden;background:#101217}.offering-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.offering-card:hover .offering-art img{transform:scale(1.025)}.offering-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff23 50%,transparent 65%);transform:translateX(-110%);transition:transform .8s;pointer-events:none}.offering-card:hover .offering-shine{transform:translateX(110%)}.offering-caption{display:flex;align-items:center;gap:17px;padding:23px 25px 14px}.offering-caption .motion-glyph{--service-accent:inherit}.offering-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#7791aa}.offering-caption h2{font-size:28px;margin-top:5px;letter-spacing:-.04em}.offering-caption>.service-arrow{margin-left:auto;color:var(--service-accent)}.offering-detail{display:block;padding:0 25px 24px;font-size:12px;color:#55759b}
.service-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;letter-spacing:.03em;line-height:1.6}.service-breadcrumb a:hover{color:#1277d8}.service-breadcrumb [aria-current]{color:#274c7a}.service-detail-banner{aspect-ratio:3.25;border-radius:22px;overflow:hidden;border:1px solid var(--service-accent);background:#101217;box-shadow:0 15px 40px color-mix(in srgb,var(--service-accent),transparent 88%)}.service-detail-banner img{width:100%;height:100%;display:block;object-fit:cover}.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;margin-top:38px}.service-detail-title{display:flex;align-items:center;gap:22px;margin-bottom:28px}.service-detail-title .motion-glyph{--service-accent:inherit;width:64px;height:64px}.service-detail-title h1{font-size:clamp(37px,4.2vw,55px);margin-top:10px}.service-rich-copy{font-size:15px;line-height:1.9;color:#526b8a}.service-rich-copy h2,.service-rich-copy h3,.service-rich-copy h4{color:#23436c;line-height:1.35;margin:28px 0 13px}.service-rich-copy h2{font-size:25px}.service-rich-copy h3{font-size:21px}.service-rich-copy h4{font-size:18px}.service-rich-copy p+p{margin-top:18px}.service-rich-copy ul,.service-rich-copy ol{padding-left:23px;margin:15px 0 23px}.service-rich-copy li{padding-left:5px;margin:7px 0}.service-rich-copy li::marker{color:var(--service-accent)}.service-rich-copy strong{color:#244567}.service-contact-card{border-radius:20px;border:1px solid #b5d0ec;background:linear-gradient(145deg,#ffffffeb,#e9f4ffd9);padding:28px;align-self:start;position:sticky;top:26px;box-shadow:0 18px 40px #5b83af13}.service-contact-card>.motion-glyph{--service-accent:inherit;margin-bottom:23px}.service-contact-card>.eyebrow{display:block;font-size:9px}.service-contact-card h2{font-size:28px;line-height:1.2;margin:16px 0}.service-contact-card p{font-size:13px;line-height:1.8;color:#607995;margin-bottom:24px}.service-discord{font-size:12px;padding:14px 12px;gap:9px;white-space:normal;line-height:1.5}.service-discord .discord-mark{width:22px;flex-shrink:0}.service-discord .service-arrow{font-size:19px}.service-contact-platforms{font-size:10px;color:#7890ab;margin-top:16px;text-align:center}.more-services{padding-top:44px;margin-top:45px;border-top:1px solid #c5dcef}.more-services>h2{font-size:25px;letter-spacing:-.02em;margin-bottom:23px}.related-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related-services>a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--service-accent),white 76%);border-radius:14px;background:#ffffffb9;transition:border-color .2s,transform .2s}.related-services>a:hover{border-color:var(--service-accent);transform:translateY(-3px)}.related-services .motion-glyph{--service-accent:inherit;width:37px;height:37px}.related-services .motion-glyph svg{width:27px;height:27px}.related-services>a>span:not(.motion-glyph){font-size:12px;font-weight:700}.related-services .service-arrow{margin-left:auto;color:var(--service-accent);font-size:20px!important}
@keyframes service-emblem{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes service-orbit{to{transform:rotate(360deg)}}@keyframes service-tag{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes service-scan{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}@keyframes glyph-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes glyph-frame{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes glyph-spark{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes glyph-power{0%,100%{opacity:1;stroke-width:1.6}50%{opacity:.6;stroke-width:2.4}}@keyframes glyph-check{0%,10%{stroke-dashoffset:30}35%,100%{stroke-dashoffset:0}}@keyframes offering-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.game-card-copy{padding:30px}.game-card-art>img{width:140px;height:160px}.tier-orbit{inset:8% 5%}.service-detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:25px}.service-contact-card{padding:23px}.related-services{grid-template-columns:repeat(2,minmax(0,1fr))}.service-page-heading{gap:20px}.offering-caption{gap:13px;padding:20px 20px 13px}.offering-detail{padding:0 20px 22px}}
@media(max-width:650px){.services-intro{padding:25px 0 28px}.services-intro h1{font-size:39px}.services-subtitle{font-size:14px}.game-card{grid-template-columns:1fr;min-height:0;border-radius:20px}.game-card-copy{padding:26px}.game-card h2{font-size:38px;max-width:none}.game-card-copy>.motion-glyph{width:48px;height:48px}.game-card-copy>.eyebrow{margin-top:18px}.game-card-cta{margin-top:23px}.game-card-art{height:270px;margin-top:-10px}.game-card-art>img{width:130px;height:150px}.tier-orbit{inset:5% 11%}.tier-orbit>span{font-size:10px}.tier-orbit>span:nth-child(4){bottom:6%;left:42%}.game-aura{width:75%;max-width:320px}.offering-grid{grid-template-columns:1fr;gap:20px}.service-page-heading{padding:24px 0 29px;gap:17px;align-items:flex-start}.service-page-heading>.motion-glyph{width:48px;height:48px;margin-top:13px}.service-page-heading h1{font-size:34px;margin:12px 0}.service-page-heading p{font-size:12px}.service-page-heading .eyebrow{font-size:9px}.offering-caption h2{font-size:27px}.service-detail-banner{border-radius:15px}.service-detail-layout{grid-template-columns:1fr;gap:28px;margin-top:27px}.service-contact-card{position:static;padding:25px}.service-detail-title{gap:17px}.service-detail-title h1{font-size:38px}.service-detail-title>.motion-glyph{width:55px;height:55px}.service-rich-copy{font-size:14px}.service-breadcrumb{font-size:9px;gap:7px}.page-kicker:has(.service-breadcrumb){flex-wrap:wrap;gap:13px}.service-back{font-size:11px}.more-services{padding-top:28px;margin-top:30px}.more-services>h2{font-size:23px}.related-services{gap:10px}.related-services>a{padding:13px 10px;gap:8px}.related-services>a>span:not(.motion-glyph){font-size:11px}.related-services .motion-glyph{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.motion-glyph svg,.motion-glyph i,.motion-glyph b,.game-card-art img,.game-aura:after,.tier-orbit span,.game-scan,.glyph-ring,.glyph-check,.glyph-bolt,.glyph-star,.glyph-crown,.glyph-button,.offering-card{animation:none!important}.game-scan{display:none}}

.service-target{display:block;font-size:12px;color:#577493;margin-top:9px;line-height:1.5;letter-spacing:.01em}.service-detail-title .service-target{font-size:15px;margin-top:12px;color:color-mix(in srgb,var(--service-accent),#25446b 50%)}
.service-ordering{--service-accent:#438dec;margin-top:48px;padding:34px 38px;border:1px solid #bfd7ed;border-radius:24px;background:linear-gradient(135deg,#fffffff2,#edf5ffd9);box-shadow:0 14px 50px #5a81b414}.ordering-heading{display:flex;gap:20px;align-items:center}.service-ordering .service-rich-copy{max-width:940px}.service-ordering .service-rich-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;list-style:none;padding:0}.service-ordering li{position:relative;padding-left:23px;margin:0}.service-ordering li:before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#439def;border-radius:2px;box-shadow:0 0 12px #78c1ff7a;animation:glyph-spark 4s ease-in-out infinite}.service-ordering li:nth-child(n+3):nth-child(-n+5):before{background:#9470d9}.service-ordering .service-discord{display:inline-flex;margin-top:25px;padding:14px 22px}.service-ordering .service-rich-copy h2{font-size:21px}.service-ordering .service-rich-copy>p:last-child{padding:17px 22px;background:#e6f1ffbf;border:1px solid #b7d4f0;border-radius:12px;font-size:13px}
@media(max-width:650px){.service-ordering{margin-top:30px;padding:24px}.ordering-heading{gap:14px}.ordering-heading .eyebrow{font-size:9px;line-height:1.8}.service-ordering .service-rich-copy ul{grid-template-columns:1fr;gap:13px}.service-ordering .service-rich-copy h2{font-size:21px}.service-ordering .service-rich-copy>p:last-child{padding:15px}.service-ordering .service-discord{display:flex}}
@media(prefers-reduced-motion:reduce){.service-ordering li:before{animation:none}}

/* Compact game cards leave room for a growing multi-game collection. */
.game-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px}.game-card{display:flex;flex-direction:column;min-height:0;border:1px solid #b6d1ed;border-radius:19px;background:#ffffffdc;overflow:hidden;box-shadow:0 12px 32px #5884b911;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);border-color:#78b8ed;box-shadow:0 17px 37px #5188c920}.game-cover{height:112px;display:grid;place-items:center;background:linear-gradient(130deg,#132a43,#172139 62%,#302d54);position:relative;overflow:hidden}.game-cover:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 60px,#8dc9ff09 61px 63px,transparent 64px 120px)}.game-cover img{width:175px;height:65px;object-fit:contain;position:relative}.game-card-copy{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.game-card-copy>.eyebrow{font-size:9px;margin:0 0 12px}.game-card h2{font-size:25px;line-height:1.15;letter-spacing:-.03em;max-width:none}.platform-pills{display:flex;gap:7px;margin-top:15px}.platform-pills span{font-size:10px;padding:5px 9px;border:1px solid #bdd6ed;border-radius:7px;color:#547192}.game-card-cta{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;font-size:12px;color:#275da1;font-weight:700}.service-arrow{font:500 24px var(--display);transition:transform .2s;flex-shrink:0}.game-card:hover .service-arrow,.offering-card:hover .service-arrow,.related-services a:hover .service-arrow{transform:translate(2px,-2px)}
#services-title:focus,#service-game-title:focus,#service-detail-title:focus{outline:none}