.inner-page{background:#f4f9ff}.inner-page .site-header{position:fixed}
.inner-hero{position:relative;display:flex;min-height:440px;align-items:center;padding:130px 0 70px;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(30,173,255,.2),transparent 28%),linear-gradient(135deg,#020b20 0%,#061d4b 52%,#084d8d 100%);color:#fff}.inner-hero:before,.inner-hero:after{content:"";position:absolute;border:1px solid rgba(103,209,255,.12);border-radius:50%}.inner-hero:before{right:-100px;width:500px;height:500px;box-shadow:0 0 0 55px rgba(87,201,255,.025),0 0 0 110px rgba(87,201,255,.018)}.inner-hero:after{right:17%;bottom:-190px;width:380px;height:380px}.inner-hero-glow{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#4dd9ff,transparent);box-shadow:0 0 30px #19adff}.inner-hero .container{position:relative;z-index:2}.inner-kicker{display:inline-flex;align-items:center;gap:10px;color:#76dcff;font-size:.72rem;font-weight:700;letter-spacing:.16em}.inner-hero h1{margin:14px 0 8px;font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.08;letter-spacing:-.04em}.inner-hero h1 em{color:#68d9ff;font-style:normal}.inner-hero p{max-width:680px;margin:0;color:#bdd9ed;font-size:1rem}.ranking-hero{background:radial-gradient(circle at 72% 40%,rgba(255,193,76,.18),transparent 28%),linear-gradient(135deg,#020b20 0%,#071c45 52%,#0b477a 100%)}.ranking-hero h1 em{color:#ffd477}
.public-section{padding:85px 0}.public-heading{margin-bottom:36px}.public-heading>span{color:#168fd7;font-size:.7rem;font-weight:800;letter-spacing:.18em}.public-heading h2{margin:6px 0 5px;color:#092d5b;font-size:clamp(1.8rem,4vw,3rem)}.public-heading p{margin:0;color:#71869b}.public-heading.light>span{color:#70d9ff}.public-heading.light h2{color:#fff}.public-heading.light p{color:#a9cae0}
.download-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.download-link-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:25px;border:1px solid #d8eaf7;background:#fff;box-shadow:0 16px 45px rgba(4,49,94,.08);transition:.22s ease}.download-link-card:hover{transform:translateY(-3px);border-color:#67c5f5;box-shadow:0 20px 50px rgba(4,65,120,.14)}.download-link-card>span{display:grid;width:54px;height:54px;place-items:center;background:linear-gradient(135deg,#087fd1,#38c2f5);color:#fff;font-size:20px}.download-link-card>div{min-width:0}.download-link-card small{color:#168bd3;font-size:.64rem;font-weight:700;letter-spacing:.1em}.download-link-card h3{margin:2px 0;color:#15395d;font-size:1rem}.download-link-card p{margin:0;color:#8295a7;font-size:.75rem}.download-link-card>a{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 17px;background:#082e5e;color:#fff;font-size:.74rem;font-weight:600}.public-empty{display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bcd9ec;background:#fff;text-align:center}.public-empty>i{color:#3aaceb;font-size:35px}.public-empty strong{margin-top:13px;color:#173b61}.public-empty p{margin:4px 0;color:#8294a5}
.important-section{position:relative;background:linear-gradient(135deg,#03132f,#082c5d);overflow:hidden}.important-section:after{content:"IMPORTANT";position:absolute;right:-20px;bottom:-90px;color:rgba(255,255,255,.025);font-size:12vw;font-weight:800;line-height:1}.important-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.important-grid article{position:relative;min-height:230px;padding:28px 22px;border:1px solid rgba(121,207,255,.17);background:rgba(255,255,255,.04);color:#fff;overflow:hidden}.important-grid article>b{position:absolute;top:-26px;right:5px;color:rgba(255,255,255,.055);font-size:7rem;line-height:1}.important-grid article>i{position:relative;color:#65d4ff;font-size:27px}.important-grid article p{position:relative;margin:28px 0 0;color:#d1e5f3;font-size:.84rem;line-height:1.9}
.requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.requirement-card{border:1px solid #dbe9f4;background:#fff;box-shadow:0 18px 50px rgba(8,54,101,.08);overflow:hidden}.requirement-card>header{display:flex;align-items:center;gap:14px;padding:24px;background:#eaf7ff}.requirement-card.recommended>header{background:linear-gradient(135deg,#083a75,#087fcb);color:#fff}.requirement-card header>span{display:grid;width:48px;height:48px;place-items:center;background:#fff;color:#168fd9}.requirement-card header small{display:block;color:#3193cc;font-size:.62rem;font-weight:700;letter-spacing:.14em}.requirement-card.recommended header small{color:#9ee4ff}.requirement-card h3{margin:1px 0;color:#123b66;font-size:1.1rem}.requirement-card.recommended h3{color:#fff}.requirement-card dl{margin:0;padding:10px 25px 20px}.requirement-card dl>div{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:14px 0;border-bottom:1px dashed #dce8f1}.requirement-card dl>div:last-child{border-bottom:0}.requirement-card dt{color:#7c91a5;font-size:.72rem}.requirement-card dd{margin:0;color:#183e63;font-size:.78rem;font-weight:600}
.ranking-container{width:min(calc(100% - 54px),1450px)}.ranking-privacy-note{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding:16px 20px;border:1px solid #cde7f7;background:#eef9ff}.ranking-privacy-note>i{color:#168fd7;font-size:21px}.ranking-privacy-note p{display:flex;flex-direction:column;margin:0}.ranking-privacy-note strong{color:#173d63;font-size:.82rem}.ranking-privacy-note span{color:#71879a;font-size:.7rem}.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.ranking-board{border:1px solid #d8e8f4;background:#fff;box-shadow:0 18px 50px rgba(5,48,91,.08);overflow:hidden}.ranking-board>header{display:flex;align-items:center;gap:14px;padding:22px;background:#eaf7ff;border-bottom:1px solid #d8eaf7}.ranking-board.all-time>header{background:linear-gradient(135deg,#082e62,#0a72b7);color:#fff}.ranking-board>header>span{display:grid;width:47px;height:47px;place-items:center;background:#fff;color:#168fd9}.ranking-board header small{color:#1687cb;font-size:.6rem;font-weight:800;letter-spacing:.12em}.ranking-board.all-time header small{color:#9de4ff}.ranking-board h2{margin:1px 0;color:#153a60;font-size:1rem}.ranking-board.all-time h2{color:#fff}.ranking-board ol{margin:0;padding:10px 18px 18px;list-style:none}.ranking-board li{display:grid;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:9px;min-height:66px;border-bottom:1px solid #edf2f6}.ranking-board li:last-child{border-bottom:0}.ranking-board li>b{color:#9aabba;font-size:.73rem;text-align:center}.ranking-medal{display:grid;width:30px;height:30px;place-items:center;background:#eef7fd;color:#59aee0;font-size:11px}.ranking-board li.rank-1{margin:3px -8px;padding:0 8px;background:linear-gradient(90deg,#fff9e9,#fff)}.ranking-board li.rank-1>b,.ranking-board li.rank-1 .ranking-medal{color:#c89015}.ranking-board li.rank-1 .ranking-medal{background:#fff1c7}.ranking-board li>div{display:flex;min-width:0;flex-direction:column}.ranking-board li strong{color:#173d61;font-size:.78rem}.ranking-board li div small{color:#91a1af;font-size:.57rem}.ranking-board li em{color:#0c83cd;font-size:.79rem;font-style:normal;font-weight:700;text-align:right}.ranking-board li em small{display:block;color:#8da0af;font-size:.51rem;font-weight:400}.ranking-empty{display:flex;min-height:230px;align-items:center;justify-content:center;gap:9px;color:#8da1b2;font-size:.75rem}
@media(max-width:1180px){.important-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-grid{grid-template-columns:1fr 1fr}.ranking-board.all-time{grid-column:1/-1}}
@media(max-width:760px){.inner-hero{min-height:370px;padding:120px 0 58px}.public-section{padding:60px 0}.download-link-grid,.requirements-grid,.ranking-grid{grid-template-columns:1fr}.ranking-board.all-time{grid-column:auto}.download-link-card{grid-template-columns:auto 1fr}.download-link-card>a{grid-column:1/-1;justify-content:center}.important-grid{grid-template-columns:1fr}.important-grid article{min-height:190px}.requirement-card dl>div{grid-template-columns:95px 1fr}.ranking-container{width:min(calc(100% - 30px),1450px)}.ranking-privacy-note{align-items:flex-start}}
@media(max-width:440px){.inner-hero h1{font-size:2.45rem}.inner-hero p{font-size:.85rem}.download-link-card{padding:20px}.requirement-card dl{padding-inline:17px}.requirement-card dl>div{grid-template-columns:1fr;gap:3px}}
/* Readable typography scale */
.inner-kicker{font-size:.8rem}.inner-hero p{font-size:1.08rem}.public-heading span{font-size:.78rem}
.download-card small,.download-link-card small{font-size:.72rem}.download-card h3,.download-link-card h3{font-size:1.08rem}.download-card p,.download-link-card p{font-size:.84rem}.download-card a,.download-link-card a{font-size:.82rem}
.important-card p{font-size:.92rem}.requirement-card small{font-size:.7rem}.requirement-card h3{font-size:1.16rem}.requirement-card dt{font-size:.8rem}.requirement-card dd{font-size:.86rem}
.ranking-note strong{font-size:.9rem}.ranking-note span{font-size:.78rem}.ranking-card header small{font-size:.68rem}.ranking-list b{font-size:.82rem}.ranking-list strong{font-size:.86rem}.ranking-list div small{font-size:.68rem}.ranking-list em{font-size:.88rem}.ranking-list em small{font-size:.64rem}
@media(max-width:700px){.inner-hero p{font-size:1rem}.important-card p{font-size:.86rem}}