/* Server features share the site's selectable palettes. */
.server-features{border-top:1px solid var(--gold-line);background:var(--page);scroll-margin-top:calc(var(--header) + 20px)}
.server-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.server-rates article{text-align:center;border:1px solid var(--gold-line);border-radius:var(--radius);padding:28px 16px;background:linear-gradient(145deg,var(--sky),var(--surface))}
.server-rates article>span,.server-stat-grid article>span{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.server-rates strong{display:block;font-family:var(--heading);font-size:64px;line-height:1.3;color:var(--gold)}.server-rates small{font-size:.55em}
.server-rates-note{text-align:center;font-size:15px;color:var(--muted);margin:14px 0 24px}
.server-level-bonus{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 30px;padding:18px;border-block:1px solid var(--line);color:var(--muted)}.server-level-bonus strong{color:var(--gold);margin-left:8px}.server-level-bonus b{color:var(--ink)}
.server-group-title{font-size:clamp(22px,3vw,29px);margin:38px 0 20px}
.server-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.server-stat-grid article,.server-perks article{min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.server-stat-grid strong{display:block;font-size:clamp(25px,2.7vw,38px);font-family:var(--heading);font-weight:600;color:var(--gold);margin:8px 0;overflow-wrap:anywhere}.server-stat-grid p,.server-perks p{color:var(--muted);font-size:17px;margin:0;line-height:1.6}
.server-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.server-perks .eyebrow{font-size:11px}.server-perks h4{font-family:var(--heading);font-size:21px;margin:10px 0}.server-legacy-link{display:block;margin-top:28px;padding:20px 0;border-bottom:1px solid var(--gold-line);color:var(--gold)}
@media(max-width:900px){.server-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.server-rates{gap:8px}.server-rates article{padding:20px 6px}.server-rates article>span{font-size:10px;letter-spacing:.04em}.server-rates strong{font-size:40px}.server-stat-grid{gap:10px}.server-stat-grid article{padding:18px 12px}.server-stat-grid strong{font-size:25px}.server-perks{grid-template-columns:1fr}.server-level-bonus{flex-direction:column;gap:10px}}

.server-features{border-top:0;padding:0;background:transparent}.server-features .features-heading{max-width:760px;margin:0 auto 32px;text-align:center}.server-features .features-heading h2{font-size:clamp(28px,4vw,44px);margin:12px 0}.server-launch{color:var(--gold);font-weight:600}.server-callout{margin-top:30px;padding:clamp(20px,4vw,32px);border:1px solid var(--gold-line);border-radius:var(--radius);background:var(--surface)}.server-callout h3{margin:0 0 12px;font-size:25px}.server-callout p{color:var(--muted)}.server-callout .button{margin-top:8px}.server-footer-note{text-align:center;color:var(--muted);font-size:14px;margin:32px 0 0}

/* Existing world artwork gives each feature callout its own scene. */
.server-callout-skip{--callout-scene:url(home/guide-scene.webp);background-position:center 44%}
.server-callout-reborn{--callout-scene:url(home/community-scene.webp);background-position:center 65%}
.server-features .server-callout{background-image:linear-gradient(90deg,rgba(5,14,27,.88),rgba(5,14,27,.72) 60%,rgba(5,14,27,.38)),var(--callout-scene);background-size:cover;background-repeat:no-repeat;color:#f4f7ff;overflow:hidden}
.server-features .server-callout h3{color:#f4f7ff;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.server-features .server-callout p{color:#e0e9f6;max-width:960px;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.server-features .server-callout .eyebrow{color:#c9dfff}
.server-features .server-callout .button.secondary{background:#091827;color:#f4f7ff;border-color:#d8bd82;text-shadow:none}
.server-features .server-callout .button.secondary:hover{background:#17334e;color:#fff}
@media(max-width:600px){.server-features .server-callout{background-image:linear-gradient(rgba(5,14,27,.78),rgba(5,14,27,.78)),var(--callout-scene)}}

/* Decorative symbols complement the visible labels and follow each palette. */
.server-data-icon{display:block;width:38px;height:38px;color:var(--gold);flex-shrink:0}
.server-rates .server-data-icon{width:42px;height:42px;margin:0 auto 16px}
.server-stat-grid .server-data-icon{box-sizing:content-box;padding:12px;margin:0 0 20px;border:1px solid var(--gold-line);border-radius:var(--radius);background:var(--sky)}
@media(max-width:600px){.server-rates .server-data-icon{width:30px;height:30px;margin-bottom:12px}.server-stat-grid .server-data-icon{width:30px;height:30px;padding:9px;margin-bottom:16px}}

/* Server Features banner uses the supplied mansion scene. */
:root[data-theme] body .page-masthead.features-masthead{background:linear-gradient(90deg,rgb(var(--section-wash) / 92%),rgb(var(--section-wash) / 65%) 48%,rgb(var(--section-wash) / 28%)),url(home/download-scene.webp) center 45%/cover no-repeat}
@media(max-width:600px){:root[data-theme] body .page-masthead.features-masthead{background-position:center 45%;background-image:linear-gradient(rgb(var(--section-wash) / 80%),rgb(var(--section-wash) / 80%)),url(home/download-scene.webp)}}

.server-rates + .server-level-bonus{margin-top:24px}