.top-server-page{padding:34px 0 42px;color:var(--ink,#153a4c)}
.top-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:center;padding:30px 0 48px}
.top-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;color:#976d27;margin-bottom:14px}
.top-hero h1{font-family:Georgia,serif;font-size:45px;line-height:1.13;letter-spacing:-.025em;margin:0 0 20px;color:#163e50;font-weight:600}
.top-hero-description{font-size:16px;line-height:1.7;max-width:590px;color:#526d7c}
.top-benefits{padding:0;list-style:none;margin:22px 0;display:grid;gap:12px;font-size:14px;line-height:1.55}
.top-benefits li{position:relative;padding-left:25px}
.top-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#876526;font-weight:700}
.top-hero-actions,.top-purchase-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.top-hero-actions .btn:last-child{background:transparent;color:#24576a;border-color:#bbccd2}
.top-plan-card{border:1px solid #c8b17a;border-radius:7px;background:linear-gradient(135deg,#153b4c,#225e70);color:#fff;padding:30px 24px;text-align:center;box-shadow:0 12px 28px #214d6012;position:relative;overflow:hidden}
.top-plan-card:before,.top-plan-card:after{content:'';width:80px;height:80px;border:1px solid #d7b87355;transform:rotate(45deg);position:absolute;pointer-events:none}
.top-plan-card:before{right:-40px;top:-40px}.top-plan-card:after{left:-40px;bottom:-40px}
.top-plan-mark{display:block;color:#edc873;font-size:29px;margin-bottom:10px}
.top-plan-card h2{color:#f4dc9d;font-family:Georgia,serif;font-size:25px;margin:0 0 17px;font-weight:500}
.top-price{font-family:Georgia,serif;font-size:68px;line-height:1;color:white;white-space:nowrap}
.top-price>span{font:500 21px Arial,sans-serif;vertical-align:top;display:inline-block;margin-top:12px}.top-price>small{font-size:32px}
.top-plan-card p{font-size:13px;line-height:1.6;color:#dbe7ec;margin:10px 0 18px}.top-plan-card strong{font-size:14px;color:#f4dc9d}.top-plan-card>small{display:block;color:#b6ced7;font-size:11px;line-height:1.6}
.top-plan-divider{height:1px;background:#d2c08d44;margin:23px 0}
.top-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:38px;align-items:start;border-top:1px solid #d9e1e4;padding-top:35px;margin-top:8px}
.top-showcase h2,.top-purchase h2{font:500 24px/1.25 Georgia,serif;margin:0 0 14px;color:#1c4659}
.top-showcase>div>p{font-size:13px;line-height:1.7;color:#57717f;margin-bottom:23px}
.top-comparison{display:grid;gap:21px}.top-example{border:1px solid #d2dde1;background:white;border-radius:4px;overflow:hidden}
.top-example--member{border-color:#c5ad72}.top-example-label{background:#f0f4f5;padding:10px 13px;font-size:12px;font-weight:700;color:#657982;border-bottom:1px solid #d2dde1}
.top-example--member .top-example-label{background:#faf3e4;color:#7f6125;border-bottom-color:#e6d5ae}
.top-example-body{padding:14px}.top-example-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:15px;margin-bottom:10px}
.top-example-title .premium-badge{font-size:9px}.top-example-body .banner{width:100%;max-width:100%;min-width:0}.top-example-description{font-size:11px;color:#5c7481;line-height:1.5;margin:12px 0}
.top-example-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;min-height:34px}.top-example-footer .server-social-links{flex-wrap:wrap}.top-example-footer .server-share-button{font-size:10px;padding:7px 9px}.top-example-footer .social-label{font-size:10px}
.top-fair-note{padding:13px 15px;background:#e7eff0;border-left:3px solid #477885;color:#456574!important;font-size:12px!important;margin-top:19px}
.top-share-window{border:1px solid #cbd9e0;background:white;border-radius:6px;overflow:hidden;box-shadow:0 7px 20px #17384b07}
.top-share-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 21px;border-bottom:1px solid #dbe4e7;font-size:16px}.top-share-heading>span{border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#eff4f6}
.top-share-body{padding:18px 21px}.top-share-body>.muted:first-child{margin-top:0}.top-preview-label{display:block;font-size:12px;font-weight:600;margin:19px 0 9px}
.top-message-preview{border:1px solid #cbdbe4;border-radius:4px;padding:12px;min-height:81px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:#285469}
.top-share-body>.small{font-size:11px;line-height:1.55}.top-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}
.top-network-grid>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #d3e0e5;border-radius:4px;padding:11px 4px;min-height:67px}.top-network-grid svg{width:24px;height:24px}.top-network-grid img{object-fit:contain}.top-network-grid small{font-size:10px;text-align:center}
.top-art-preview{border:1px solid #d3e0e5;background:#f6f8f9;border-radius:4px;padding:12px;margin:18px 0;font-size:11px}.top-art-preview>div{display:flex;gap:8px;margin:12px 0}.top-art-preview>div>span{flex:1;text-align:center;background:#fff;border:1px solid #cbdbe4;border-radius:3px;padding:10px 4px;font-size:10px}.top-art-preview>div>span:first-child{background:#285b6f;color:#fff;border-color:#285b6f}.top-art-preview .small{margin:8px 0 0;font-size:10px;line-height:1.55}
.top-share-body>.btn{width:100%;font-size:12px}.top-purchase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:27px;margin:35px 0 23px;scroll-margin-top:18px}.top-purchase p{font-size:13px;line-height:1.65;color:#4d6b79}.top-select-label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.top-purchase .input{width:100%}.top-purchase form>.btn{margin-top:10px}.top-active-note{padding:10px 12px;background:#eff6ef;border-radius:4px;color:#426b44!important;font-size:12px!important}.top-orders{margin:20px 0}
@media(max-width:900px){.top-hero{gap:28px;grid-template-columns:minmax(0,1fr) 260px}.top-hero h1{font-size:37px}.top-showcase{gap:24px}.top-purchase{gap:25px}.top-share-body,.top-share-heading{padding-left:15px;padding-right:15px}}
@media(max-width:720px){.top-server-page{padding-top:14px}.top-hero{grid-template-columns:1fr;gap:26px;padding:20px 0 34px}.top-hero h1{font-size:36px}.top-hero-description{font-size:14px}.top-plan-card{max-width:400px;width:100%;justify-self:center}.top-showcase{grid-template-columns:1fr;gap:29px;padding-top:28px}.top-purchase{grid-template-columns:1fr;padding:21px;gap:18px}.top-hero-actions .btn{flex:1 1 210px}.top-purchase-actions .btn{flex:1 1 180px}.top-example-footer{gap:9px}.top-showcase h2{font-size:23px}}