/* Apex Training: direct copy, readable Thai, and the requested navigation. */
body{font-size:16px}
.supporter:before{inset:0}
header{gap:24px}
header nav{gap:28px;font-size:15px;line-height:1.6}
header nav a{padding:12px 0}
header .brand span{font-size:27px;letter-spacing:1.5px}
header .brand small{font-size:8px;letter-spacing:1.1px}
.discord-button{border:1px solid #ffffff24;background:#5865f2;color:#fff;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .2s}
.discord-button:hover{background:#6975ff;transform:translateY(-2px)}
.discord-button svg{width:27px;height:27px}
.hero-copy{padding-top:68px;padding-bottom:115px}
.hero h1{font-size:clamp(84px,8vw,118px);line-height:.9;margin:22px 0 24px;letter-spacing:-.5px}
.hero h1 em{-webkit-text-stroke:0;color:var(--red)}
.hero h1 em:after{content:none}
.hero h2{font-size:28px;line-height:1.6;margin-bottom:14px}
.hero p{font-size:17px;line-height:1.95;max-width:500px;color:#c0b7b9}
.eyebrow{font-size:12px;letter-spacing:2px}
.server-highlights{display:flex;flex-wrap:wrap;gap:0;margin-top:20px;color:#e5d5d8;font-size:14px;font-weight:500}
.server-highlights span+span:before{content:'·';color:var(--red);margin:0 14px}
.hero-actions .button{font-size:15px}
.hero-note{font-size:12px}
.hero-actions{margin-top:25px}
.hero{min-height:780px}
.section-intro p,.features p,.supporter-copy>p,.steps p,.download p,details p{font-size:15px;line-height:1.95}
.section-intro{gap:30px}
.features h3,.steps h3{font-size:22px}
.supporter ul{font-size:14px;line-height:1.9}
.supporter li{margin:12px 0}
.supporter h2{font-size:40px}
.support-note,.download-action small{font-size:12px}
.rank-info{font-size:13px}
.steps a,.steps article>span,.inline-link{font-size:14px}
.questions summary{font-size:16px;line-height:1.7}
.button{font-size:14px}
.community p{font-size:14px}
footer p{font-size:12px}
.regions button{font-size:12px;padding:7px 12px}
.picker h3{font-size:17px}
.picker p{font-size:11px;line-height:1.8}
.color-input,.picker-title button{font-size:12px}
.stage-caption{font-size:9px}
.studio-head{font-size:12px}
.download-action button{font-size:12px}
@media(max-width:1100px) and (min-width:901px){header{padding-inline:4%;gap:18px}header nav{gap:18px;font-size:13px}header .brand span{font-size:24px}.hero h2{font-size:25px}.supporter{gap:28px}.supporter h2{font-size:34px}}
@media(max-width:900px){header{height:auto;min-height:130px;display:grid;grid-template-columns:1fr auto;gap:0;padding:14px 6% 0}header .brand span{font-size:24px}header .brand small{font-size:7px}.discord-button{grid-column:2;grid-row:1;width:44px;height:44px}header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;width:100%;font-size:13px;border-top:1px solid var(--line);margin-top:14px;padding:5px 0}header nav a{white-space:nowrap;padding:11px 0}.hero{min-height:980px}.hero-copy{padding-top:40px;padding-bottom:345px}.hero h1{font-size:92px}.hero h2{font-size:23px}.hero p{font-size:16px}.hero-art{top:370px}.hero-actions .button{font-size:13px;padding:14px 16px;gap:18px}.hero-note{font-size:10px;flex-wrap:wrap}.server-highlights{font-size:14px}.server-highlights span+span:before{margin:0 10px}.section-intro p{font-size:15px}.section-intro p br,.features p br,.steps p br{display:none}.features article{padding-right:0}.features h3{font-size:21px;padding-right:70px}.features p{max-width:290px;font-size:15px}.supporter h2{font-size:34px}.supporter-copy>p{font-size:15px}.supporter ul{font-size:13px}.support-note{font-size:11px}.rank-info{font-size:12px}.steps h3{font-size:20px}.steps p{font-size:15px}.steps a,.steps article>span{font-size:13px}.download h2{font-size:28px}.download p{font-size:15px}.download-action small{font-size:11px}.faq h2{font-size:27px}.questions summary{font-size:15px}details p{font-size:14px}.community h2{font-size:19px}.community p{font-size:12px}.community .button{font-size:13px}footer p{font-size:11px}.studio-head{font-size:10px}.regions button{font-size:11px;padding:7px 9px}.picker p{font-size:10px}.hero-bottom>span{font-size:8px}}
@media(max-width:370px){header nav{font-size:11px;gap:7px}.hero h1{font-size:80px}.hero h2{font-size:21px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{min-width:230px}.hero{min-height:1040px}}