.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.plan{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:14px;background:#101b26}.plan h2{font-size:24px;margin:14px 0}.plan .price{font-size:40px;font-weight:750;letter-spacing:-1px;margin:12px 0}.plan .price span{font-size:15px;color:var(--muted);font-weight:400;letter-spacing:0}.plan ul{padding-left:19px;flex:1;line-height:1.6}.plan li{padding:6px 0}.plan button,.plan .button{text-align:center;width:100%;margin-top:18px}.plan-premium{border-color:#5acbbe;background:linear-gradient(150deg,#102d32,#101b26 65%)}.plan-elite{border-color:#bba267;background:linear-gradient(150deg,#302b20,#101b26 65%)}.plan .eyebrow{font-size:11px}.plan-elite .eyebrow{color:#e6c681}#launch-note{border-left:3px solid #c9ad6c;padding:16px;background:#24231f;color:#e1d5bb}#notice{color:#84dfc3}#error{padding:15px;border:1px solid #ed8d99;color:#ed8d99}.plans-grid .muted{font-size:13px}.plan button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.plans-grid{grid-template-columns:1fr}.plan .price{font-size:34px}}

.discord-panel{border-left:3px solid #9187ff}.discord-panel .actions{display:flex;flex-wrap:wrap;gap:10px}.discord-steps{line-height:1.65;padding-left:24px}.discord-steps li{padding:10px 0}.discord-steps code{overflow-wrap:anywhere;color:#b9c7ed}.discord-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.discord-link{padding:18px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.discord-link h3{margin-top:0}.discord-link small{color:var(--muted)}#discord-feedback{color:#efb586}

.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.membership-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;border:1px solid #26404a;border-radius:14px;background:#03080c;box-shadow:0 14px 42px #00000040}.hero>div{max-width:850px}.hero h1{max-width:22ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}@media(max-width:760px){.hero{gap:20px;padding-top:18px}.membership-banner{border-radius:9px}.hero-actions .button{flex:1;text-align:center}}