
.signature-panel{position:relative;background:var(--feature-surface);color:var(--feature-ink);border:1px solid #b7d2f5;border-radius:9px;overflow:hidden}.signature-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#f3f8ff14 1px,transparent 1px),linear-gradient(90deg,#f3f8ff14 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(black,transparent)}.signature-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px}.signature-top .pill{border-color:#4f70964a;font-size:7px;color:#33547f}.signature-top>span:last-child{font-size:7px;letter-spacing:1px;font-weight:700;color:#5377a4}.server-signature{position:relative;display:flex;align-items:center;flex-direction:column;padding:4px 20px 23px}.server-signature>img{width:100px;height:100px;border-radius:23px;box-shadow:0 11px 28px #274d7933}.server-signature>strong{font-size:27px;line-height:1.1;letter-spacing:-1px;font-weight:750;color:#264d80;margin-top:19px}.server-signature>span{font-size:6px;font-weight:750;letter-spacing:2.8px;margin-top:10px;color:#5a7faa}.signature-bottom{position:relative;padding:21px 25px;border-top:1px solid #5d81af44;display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.signature-bottom h2{font-size:22px;letter-spacing:-.9px;font-weight:650}.signature-bottom p{font-size:9px;color:#52739e;margin-top:8px}.server-edition{font-size:7px;letter-spacing:1.2px;text-align:right;white-space:nowrap;color:#4b6e9e}.server-edition strong{display:block;font-size:17px;color:#264d80;letter-spacing:-.4px;line-height:1.3;margin-top:6px}.signature-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#143359;color:#deebfc;padding:16px 25px;width:100%;font-size:12px;font-weight:650;text-align:left;transition:background .2s}.signature-link:hover{background:#204576}.signature-link .icon{width:17px;height:17px}
.feature-values{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 8px;border-block:1px solid var(--line)}.feature-values>span{display:flex;align-items:center;gap:12px;font-size:11px;color:#9cacc4}.feature-values .icon{width:17px;height:17px;color:#96b7e5}
.experience-section{padding-block:69px 65px}.experience-section .section-heading,.collection-section .section-heading{margin-bottom:31px}.experience-section h2,.collection-section h2{font-size:44px;font-weight:550}.experience-section .section-heading>p{font-size:11px;line-height:1.9}.playstyle-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center;border:1px solid #2c405c;border-radius:9px;background:#101b2c;padding:35px 37px;margin-top:21px;min-height:345px}.playstyle-copy .eyebrow{font-size:8px;color:#8daedb}.playstyle-copy h3{font-size:39px;line-height:1.12;letter-spacing:-1.8px;font-weight:550;margin-top:24px}.playstyle-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#97adca;max-width:350px;margin-top:20px}.feature-caption{display:block;font-size:7px;letter-spacing:1.3px;color:#7c9bc5;margin-top:28px}.playstyle-copy>.text-link{font-size:11px;margin-top:24px}.feature-rows>article{display:flex;align-items:flex-start;gap:16px;padding:21px 0;border-bottom:1px solid #2d4564}.feature-rows>article:first-child{padding-top:6px}.feature-rows>article:last-child{border-bottom:0;padding-bottom:6px}.feature-rows .icon{width:20px;height:20px;color:#9fbfe9;margin-top:2px}.feature-rows h4{font-size:14px;color:#cdddf2}.feature-rows p{font-size:11px;line-height:1.8;color:#91a7c5;max-width:300px;margin-top:8px}.performance-note{display:flex;align-items:center;gap:19px;padding:24px 0 0}.performance-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;color:#95b5e3;background:#15263f;border:1px solid #344d70;border-radius:7px}.performance-icon .icon{width:20px;height:20px}.performance-note h3{font-size:17px;font-weight:600;letter-spacing:-.5px}.performance-note p{font-size:11px;color:#889fbe;margin-top:7px;line-height:1.8}.performance-version{margin-left:auto;padding-left:25px;font-size:7px;color:#6688b8;letter-spacing:1px;white-space:nowrap}.performance-version strong{display:block;font-size:14px;letter-spacing:-.2px;color:#adc8ed;margin-top:5px}
.connection-steps{padding:0;margin:0;list-style:none}.connection-steps>li{display:flex;align-items:start;gap:29px;padding:26px 0;border-bottom:1px solid #bcc9d8}.connection-steps>li:first-child{padding-top:0}.connection-steps>li:last-child{border:0;padding-bottom:0}.connection-steps>li>span{font-size:37px;font-weight:550;line-height:1;letter-spacing:-2px;color:#6885aa;flex-shrink:0}.connection-steps h3{font-size:21px;letter-spacing:-.7px;font-weight:650}.connection-steps p{font-size:11px;line-height:1.9;color:#697f9c;margin-top:10px}.connection-steps>li>div{flex:1;min-width:0}.join-address{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#dce4ef;border:1px solid #b6c9e5;width:100%;padding:12px 13px;color:#234372;border-radius:5px;margin-top:13px;text-align:left}.join-address code{font-family:var(--font);font-size:12px;font-weight:700}.join-address .icon{width:16px;height:16px}
.collection-section{padding-block:69px 0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{display:block;border:1px solid #2b3b52;background:#101926;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.collection-card:hover{border-color:#6488b9;transform:translateY(-4px)}.collection-art{display:flex;justify-content:center;align-items:center;flex-direction:column;height:160px;border-bottom:1px solid #43597a44;background:#172b46}.collection-art small{font-size:6px;font-weight:650;letter-spacing:1.8px;color:#7799c7;margin-top:14px}.collection-prime>span{font-size:54px;font-weight:800;line-height:1;letter-spacing:-3px;color:#a6c8f4}.collection-points{background:#1b2b43}.collection-points>.icon{width:48px;height:48px;stroke-width:1.1;color:#aec8ec}.collection-colors{background:#152438}.collection-colors>span{border:1px solid #38506b;border-radius:5px;padding:11px 14px;background:#0d1827;font-size:11px;color:#879cba}.collection-colors b{font-weight:550;color:#8db8ff}.collection-card-copy{padding:25px}.collection-card-copy>.eyebrow{font-size:7px;letter-spacing:1px;color:#7596c3}.collection-card-copy h3{font-size:23px;letter-spacing:-.8px;font-weight:600;margin-top:12px}.collection-card-copy>p{font-size:11px;line-height:1.8;color:#92a8c8;margin-top:12px;min-height:39px}.collection-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #2c405d;padding-top:16px;margin-top:22px;color:#b1c9ea;font-size:11px;font-weight:650}.collection-link>span{font-size:17px;line-height:1}.collection-note{font-size:9px;line-height:1.9;color:#7388a6;margin-top:21px}
.faq-section{padding-block:77px;display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq-intro h2{font-size:43px;font-weight:550;margin-top:18px}.faq-intro>p:not(.eyebrow){font-size:12px;color:#859dbd;margin-top:23px}.faq-intro .text-link{font-size:11px;margin-top:12px}.community-bar{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:30px 36px;border-block:1px solid #2a3c55}.community-bar h2{font-size:30px;font-weight:550;line-height:1.15;letter-spacing:-1px;margin-top:13px}.community-bar .eyebrow{font-size:8px;color:#7e9fc9}.community-bar .button{flex-shrink:0}.site-footer{padding-top:38px}.site-footer .footer-top{border-bottom:0;padding-bottom:16px}.footer-bottom{padding-top:13px}
@media(max-width:1150px){.signature-top,.signature-bottom{padding-inline:22px}.signature-bottom h2{font-size:19px}.signature-bottom p{font-size:8px}.server-edition strong{font-size:15px}.signature-top>span:last-child{font-size:6px}.experience-section h2,.collection-section h2{font-size:40px}.playstyle-panel{gap:45px;padding:30px}.playstyle-copy h3{font-size:35px}.feature-rows p{font-size:10px}.collection-card-copy{padding:22px}.collection-card-copy h3{font-size:21px}.performance-note p{max-width:550px}.performance-version{padding-left:15px}}
@media(max-width:800px){.signature-top{padding:19px 23px}.server-signature{padding-bottom:21px}.server-signature>img{width:90px;height:90px;border-radius:20px}.server-signature>strong{font-size:26px;margin-top:17px}.signature-bottom{padding:19px 23px}.signature-bottom h2{font-size:22px}.signature-bottom p{font-size:9px}.server-edition strong{font-size:16px}.signature-link{padding:15px 23px;font-size:12px}.feature-values{padding-block:18px;gap:18px}.feature-values>span{flex:1;align-items:start;font-size:9px;line-height:1.6;gap:8px}.feature-values .icon{width:16px;height:16px;margin-top:1px}.experience-section{padding-block:44px}.experience-section h2,.collection-section h2{font-size:37px}.experience-section .section-heading>p{font-size:11px;margin-top:18px}.experience-section .section-heading,.collection-section .section-heading{margin-bottom:25px}.playstyle-panel{grid-template-columns:1fr;gap:26px;margin-top:17px;padding:26px;min-height:0}.playstyle-copy h3{font-size:35px;margin-top:18px}.playstyle-copy>p:not(.eyebrow){max-width:460px;font-size:12px;margin-top:18px}.feature-caption{font-size:6px;margin-top:22px}.playstyle-copy>.text-link{margin-top:19px}.feature-rows p{font-size:11px;max-width:440px}.feature-rows>article{padding-block:18px}.performance-note{gap:14px;align-items:start;padding-top:23px}.performance-note h3{font-size:16px}.performance-note p{font-size:10px}.performance-version{display:none}.performance-icon{width:37px;height:37px}.connection-steps>li{padding-block:22px;gap:23px}.connection-steps>li>span{font-size:34px}.connection-steps h3{font-size:20px}.connection-steps p{font-size:11px}.collection-section{padding-top:44px}.collection-section .section-heading>.text-link{margin-top:19px;font-size:11px}.collection-grid{grid-template-columns:1fr;gap:14px}.collection-card{display:grid;grid-template-columns:.8fr 1.2fr}.collection-art{height:100%;min-height:205px;border:0;border-right:1px solid #43597a44;padding:16px}.collection-prime>span{font-size:42px}.collection-art small{text-align:center;font-size:5px;letter-spacing:1px;line-height:1.7;max-width:150px}.collection-points>.icon{width:42px;height:42px}.collection-colors>span{font-size:8px;line-height:1.7;padding:9px 10px}.collection-colors b{display:block}.collection-card-copy{padding:22px}.collection-card-copy h3{font-size:23px}.collection-card-copy>p{font-size:11px;min-height:0}.collection-card-copy .eyebrow{font-size:6px}.collection-link{font-size:10px;margin-top:18px;padding-top:13px}.faq-section{grid-template-columns:1fr;gap:23px;padding-block:49px}.faq-intro h2{font-size:39px}.faq-intro>p:not(.eyebrow){margin-top:17px}.community-bar{flex-direction:column;align-items:start;gap:24px;padding-block:26px 30px}.community-bar h2{font-size:28px}.site-footer{padding-bottom:105px}.mobile-join{display:flex;align-items:center;justify-content:space-between;gap:15px;position:fixed;bottom:12px;left:12px;right:12px;z-index:35;padding:11px 13px;border:1px solid #456188;border-radius:8px;background:#101e33f5;backdrop-filter:blur(15px);box-shadow:0 10px 40px #0006}.mobile-join>span{font-size:6px;letter-spacing:1px;color:#83a2cc}.mobile-join strong{display:block;font-size:11px;letter-spacing:0;font-weight:650;color:#c6d9f6;margin-top:2px}.mobile-join .button{font-size:10px;min-height:37px;padding:9px 12px;gap:12px}.toast{bottom:92px}.copy-fallback{bottom:160px}}
@media(max-width:420px){.signature-top{padding:17px 19px}.signature-top .pill{font-size:6px;letter-spacing:.7px}.signature-top>span:last-child{font-size:5px;letter-spacing:.8px}.signature-bottom{padding:18px 19px;gap:15px}.signature-bottom h2{font-size:19px}.signature-bottom p{font-size:7px}.server-edition strong{font-size:14px}.signature-link{padding-inline:19px}.server-signature>img{width:83px;height:83px}.feature-values{gap:11px}.feature-values>span{font-size:8px;gap:7px}.feature-values .icon{width:14px;height:14px}.experience-section h2,.collection-section h2{font-size:33px}.playstyle-panel{padding:23px}.playstyle-copy h3{font-size:31px}.collection-card{grid-template-columns:.75fr 1.25fr}.collection-card-copy{padding:18px}.collection-prime>span{font-size:31px;letter-spacing:-2px}.collection-art{padding:12px}.collection-card-copy h3{font-size:20px}.collection-card-copy>p{font-size:10px}.collection-card-copy .eyebrow{font-size:5px}.collection-link{font-size:9px}.connection-steps>li{gap:19px}.join-address code{font-size:11px}}
@media(prefers-reduced-motion:reduce){.collection-card:hover{transform:none}}
