@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d0e;--panel:#131617;--text:#eceeea;--muted:#929797;--amber:#eab368;--line:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.amber{color:var(--amber)}.page-width{width:min(1160px,calc(100% - 96px));margin-inline:auto}.site-header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;z-index:5;inset:0 0 auto;background:linear-gradient(#090b0dd9,#090b0d60)}.brand{display:flex;gap:13px;align-items:center;font-weight:800;letter-spacing:1.2px;font-size:19px}.brand-icon{width:48px;height:37px;fill:#ccd1cf;stroke:none}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;margin-top:4px;color:#969c9c}nav{display:flex;gap:34px;height:100%;align-items:center}nav a{font-size:12px;color:#abb0ae;height:100%;display:flex;align-items:center;position:relative}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--amber);left:0;right:0}.nav-dot,.live-dot,.tiny-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#83bda0}.nav-dot{margin-left:9px}.header-join{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;border:1px solid #ffffff24;padding:12px 16px;border-radius:4px;background:#ffffff04}.header-join svg{width:16px;height:16px}.header-join>span{margin-left:12px;color:var(--amber)}.hero{height:825px;min-height:760px;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero-art{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,#0b0d0e26 0%,#0b0d0e00 35%,#0b0d0e40 65%,#0b0d0e 100%),url('/assets/community-banner.webp');background-size:cover;background-position:center}.hero-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#0b0d0e00 10%,#0b0d0e33 70%)}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{text-align:center;padding-top:60px;width:100%;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:#babfbb;display:flex;align-items:center;justify-content:center;gap:19px}.eyebrow i{display:inline-block;width:26px;height:1px;background:#eab36880}.emblem-stage{width:290px;height:205px;margin:19px auto 0;position:relative;perspective:600px}.emblem{position:absolute;inset:38px 39px 36px;animation:float 7s ease-in-out infinite;transform:rotateX(9deg) rotateY(-10deg) rotateZ(-5deg);filter:drop-shadow(1px 1px 0 #667073) drop-shadow(2px 3px 0 #434b4e) drop-shadow(3px 5px 0 #30383a) drop-shadow(4px 7px 0 #202626) drop-shadow(0 15px 17px #000)}.emblem svg{width:100%;height:100%;stroke:none}.emblem-shadow{position:absolute;width:135px;height:13px;background:#0009;filter:blur(9px);border-radius:50%;bottom:16px;left:78px;animation:shadow 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #eab36823;border-radius:50%;inset:10px 40px;transform:rotate(-32deg) scaleX(1.38)}.orbit-two{transform:rotate(36deg) scaleX(1.38);border-color:#c8d2d215}.spark{width:4px;height:4px;position:absolute;background:#e8ae57;box-shadow:0 0 12px #efa238;border-radius:50%}.spark-one{top:40px;left:38px}.spark-two{bottom:34px;right:41px;width:3px;height:3px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(62px,7.1vw,104px);font-weight:800;font-style:italic;letter-spacing:-1.4px;line-height:1;margin:8px 0 7px;filter:drop-shadow(0 5px 10px #0008)}h1 span{background:linear-gradient(#f0d2a1,#e3a34e);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:17px;letter-spacing:4px;color:#babfbc;margin:10px 0 24px;font-style:italic}.tagline em{color:var(--amber);font-weight:500}.hero-description{font-size:14px;color:#aeb4b2;line-height:1.8;margin:0 0 25px}.connect-button{display:inline-flex;align-items:center;gap:16px;padding:18px 23px;text-align:left;background:linear-gradient(115deg,#f2c482,#df9f48);color:#241b10;border:1px solid #f7d4a2;border-radius:4px;box-shadow:0 0 32px #eaa95216;transition:transform .25s,box-shadow .25s}.connect-button:hover{transform:translateY(-3px);box-shadow:0 5px 35px #eaa95240}.connect-button>svg{width:25px;height:25px}.connect-button span{font-size:9px;font-weight:700;letter-spacing:1px}.connect-button strong{display:block;margin-top:4px;font-size:16px;letter-spacing:1.4px}.connect-button .button-arrow{width:20px;margin-left:22px}.hero-meta{font-size:10px;color:#858c87;margin-top:17px;display:flex;align-items:center;justify-content:center;gap:7px;letter-spacing:.3px}.meta-divider{margin:0 5px;color:#4d514f}.hero-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#7a817c}.hero-bottom a{display:flex;align-items:center;gap:15px}.hero-bottom a span{font-size:18px;color:var(--amber)}.server-section{padding-top:13px}.section-kicker{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--amber);display:flex;justify-content:space-between;margin-bottom:21px}.section-kicker>span+span{color:#646d68}.server-card{display:flex;align-items:center;gap:40px;padding:29px 32px;border:1px solid #e8b36726;border-radius:7px;background:linear-gradient(115deg,#1b1d1c,#111516);position:relative;box-shadow:0 12px 50px #0003}.server-card:before{content:'';position:absolute;left:-1px;width:2px;height:46px;background:var(--amber);box-shadow:0 0 16px #eab36866}.server-identity{display:flex;align-items:center;gap:23px;flex:1}.ts-icon{border:1px solid #ffffff10;border-radius:15px;background:#ffffff03;width:72px;height:72px;display:flex;align-items:center;justify-content:center;position:relative;color:#d2d8d6}.ts-icon>svg{width:37px;height:37px}.ts-icon>span{position:absolute;font-size:8px;font-weight:800;top:31px}.server-label{font-size:9px;letter-spacing:2px;color:#a5aaa5}.server-identity h2{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:600;letter-spacing:1px;margin:5px 0}.server-identity p{margin:0;font-size:12px;color:#8b928c}.server-numbers{padding-left:34px;border-left:1px solid var(--line);min-width:150px}.status-badge{font-size:9px;color:#929b96;display:block;margin-bottom:7px;letter-spacing:.6px}.status-badge.online{color:#8ec6a5}.status-badge:before{content:'●';font-size:7px;margin-right:5px}.server-numbers strong{font-size:27px;font-weight:600}.server-numbers>div>span{font-size:13px;color:#636d66}.server-numbers small{font-size:8px;letter-spacing:1.2px;color:#929b94;display:block;margin-top:3px}.view-button{background:#eab3680b;border:1px solid #eab36855;color:var(--amber);border-radius:4px;padding:13px 19px;display:flex;align-items:center;gap:24px;font-size:12px}.view-button svg{width:16px;height:16px}.view-button:hover{background:#eab36822}.server-footnote{display:flex;align-items:center;justify-content:space-between;color:#737e76;font-size:10px;margin-top:14px}.tiny-dot{width:4px;height:4px;margin-right:6px;background:#85938a}.server-footnote button{background:none;border:0;color:#9ca49c;font-size:10px;display:flex;align-items:center;gap:7px}.server-footnote svg{width:12px;height:12px}.community{padding-top:106px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:115px}.community h2{font-size:47px;line-height:1.12;letter-spacing:-1.5px;margin:23px 0 25px;font-weight:600}.community h2 span{color:#838b84}.community-intro p{color:#929b93;line-height:1.9;font-size:13px;max-width:420px}.signature{display:flex;align-items:center;gap:15px;margin-top:28px;color:#69736a;font-size:8px;letter-spacing:1.8px}.signature svg{width:37px;fill:#969e94;stroke:none}.community-values{padding-top:19px}.community-values article{border-bottom:1px solid var(--line);display:flex;gap:20px;padding:23px 0}.community-values article:first-child{padding-top:0}.community-values article:last-child{border:0}.value-number{font-size:10px;color:#555f55;padding-top:7px}.community-values article>div{position:relative;padding-left:45px}.community-values svg{position:absolute;left:0;top:2px;width:24px;color:var(--amber)}.community-values h3{font-size:16px;font-weight:500;margin:2px 0 10px}.community-values p{font-size:12px;line-height:1.8;color:#89938a;margin:0}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:37px 0 39px;text-align:center;background:radial-gradient(ellipse,#eab36805,transparent 65%)}.closing .eyebrow{font-size:8px;color:#7c867d;letter-spacing:2px}.closing h2{font-size:27px;font-weight:500;letter-spacing:-.5px;margin:14px 0 20px}.closing>a{font-size:10px;letter-spacing:1.6px;color:var(--amber);display:inline-flex;gap:20px;align-items:center}.closing svg{width:18px;height:18px}footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px;color:#647067;font-size:10px}.footer-brand{font-family:'Barlow Condensed',sans-serif;color:#a4aca3;font-size:18px;font-weight:700;letter-spacing:1px}.footer-brand span{color:#96784d}footer>a:last-child{font-size:9px}dialog{width:min(700px,calc(100% - 32px));max-height:85dvh;background:#121617;border:1px solid #eab36844;color:var(--text);border-radius:12px;padding:0;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#030607c9;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.dialog-header{padding:28px 28px 20px;display:flex;justify-content:space-between;align-items:flex-start}.dialog-header .section-kicker{font-size:8px;margin-bottom:12px}.dialog-header h2{font-weight:500;font-size:27px;margin:0 0 10px}.dialog-header p{font-size:11px;color:#9ba69e;letter-spacing:.5px;margin:0}.dialog-header p .amber{margin:0 8px}.close-dialog{border:1px solid var(--line);background:#ffffff05;color:#c6cdc7;font-size:25px;width:34px;height:34px;border-radius:5px}.dialog-controls{display:flex;gap:12px;padding:0 28px}.dialog-controls label{display:flex;align-items:center;flex:1;gap:10px;background:#090c0d;border:1px solid var(--line);border-radius:5px;padding:0 12px}.dialog-controls svg{width:16px;color:#7d897f}.dialog-controls input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);padding:12px 0;font-size:12px}.dialog-controls button{background:#eab3680b;border:1px solid #eab36833;color:var(--amber);border-radius:5px;font-size:11px;padding:0 14px}.client-table{padding:0 28px}.table-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#718077;padding:12px 0;border-block:1px solid var(--line)}#client-list{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#576057 #171c18}.client-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 5px;border-bottom:1px solid #ffffff07}.client-name{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px}.client-name span:last-child{overflow-wrap:anywhere}.avatar{width:29px;height:29px;border:1px solid #eab36822;background:#eab36808;color:#d6b487;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:6px;flex-shrink:0}.empty-state{padding:40px 12px;text-align:center;font-size:13px;color:#949f97;line-height:1.8}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 28px;border-top:1px solid var(--line);margin-top:10px;font-size:9px;color:#7a897d}.dialog-footer a{color:var(--amber);font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#232c25;border:1px solid #eab36855;border-radius:6px;padding:13px 22px;color:#e5e9e1;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{0%,100%{transform:translateY(0) rotateX(9deg) rotateY(-10deg) rotateZ(-5deg)}50%{transform:translateY(-13px) rotateX(-2deg) rotateY(8deg) rotateZ(-1deg)}}@keyframes shadow{50%{transform:scale(.8);opacity:.5}}@media(min-width:1650px){.hero{height:880px}.hero-art{background-position:center 45%}}@media(max-width:900px){.page-width{width:calc(100% - 48px)}.site-header{padding:0 24px}.site-header nav{gap:20px}.header-join{padding:10px;font-size:0;gap:0}.header-join>span{display:none}.header-join svg{width:20px;height:20px}.hero{height:785px}.hero-art{background-size:auto 100%;background-position:center}.community{gap:45px}.server-card{gap:25px;padding:25px}.server-identity{gap:16px}.ts-icon{width:58px;height:58px;flex-shrink:0}.ts-icon>span{top:24px}.server-identity h2{font-size:26px}.server-numbers{padding-left:20px;min-width:125px}.community h2{font-size:40px}footer{gap:15px;flex-wrap:wrap}}@media(max-width:600px){.site-header{height:75px;padding-inline:20px}.brand{font-size:15px;gap:8px}.brand-icon{width:35px}.brand small{font-size:7px}.site-header nav{display:none}.header-join{font-size:10px;gap:8px}.header-join svg{width:16px;height:16px}.hero{height:760px;min-height:0}.hero-content{padding-top:29px}.hero-art{background-position:51% center;opacity:.8}.eyebrow{font-size:7px;letter-spacing:1.7px;gap:10px}.eyebrow i{width:15px}.emblem-stage{width:240px;height:188px;margin-top:15px}.emblem{inset:39px 30px 31px}.orbit{inset:24px 39px}.emblem-shadow{left:54px}.spark-one{left:28px;top:53px}.spark-two{right:27px;bottom:46px}h1{font-size:clamp(49px,12.5vw,75px);letter-spacing:-.7px;margin-top:6px}.tagline{font-size:12px;letter-spacing:2.6px;margin-top:12px;margin-bottom:25px}.hero-description{font-size:12px;margin-bottom:25px}.connect-button{padding:16px;gap:12px}.connect-button span{font-size:7px;letter-spacing:.7px}.connect-button strong{font-size:14px}.connect-button .button-arrow{margin-left:10px;width:17px}.connect-button>svg{width:22px}.hero-meta{font-size:8px}.hero-bottom{bottom:34px;justify-content:center}.hero-bottom>span{display:none}.hero-bottom a{font-size:7px}.page-width{width:calc(100% - 36px)}.server-section{padding-top:0}.section-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.section-kicker>span+span{display:none}.server-card{flex-wrap:wrap;padding:23px 20px;gap:23px}.server-identity{flex-basis:100%;gap:17px}.server-identity h2{font-size:29px}.server-identity p{font-size:11px}.server-numbers{padding-left:0;border:0;flex:1;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.status-badge{grid-row:1/3;align-self:center;margin:0;font-size:10px}.server-numbers strong{font-size:23px}.server-numbers small{font-size:7px;grid-column:2}.view-button{padding:11px 16px;gap:23px}.server-footnote{font-size:8px;gap:10px}.server-footnote button{font-size:8px}.community{padding-top:69px;padding-bottom:48px;grid-template-columns:1fr;gap:38px}.community h2{font-size:40px;margin:20px 0}.community-intro p{font-size:12px}.community-values{padding-top:0}.community-values h3{font-size:15px}.community-values article{padding-block:22px}.closing{padding-block:32px}.closing h2{font-size:24px}.closing .eyebrow{font-size:7px}footer{flex-direction:column;gap:17px;padding-block:28px;font-size:9px}.dialog-header{padding:23px 20px 18px}.dialog-header h2{font-size:23px}.dialog-controls{padding-inline:20px}.client-table{padding-inline:20px}.dialog-footer{padding-inline:20px;align-items:flex-start;flex-direction:column;gap:12px}.dialog-header p{font-size:9px}#client-list{max-height:36dvh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Allow space for italic glyph overhang inside each text gradient. */
h1 span{display:inline-block;padding-right:.16em;margin-right:-.16em}
h1 .wordmark-name{background:linear-gradient(#fff 5%,#d2d6d3 47%,#8f9797 52%,#d6dcd9 85%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.server-footnote a{text-decoration:underline;text-decoration-color:#737e7680;text-underline-offset:3px}.server-footnote a:hover{color:var(--amber)}

/* Anchor each side of the panoramic artwork independently so cover cropping
   cannot push the characters outside the viewport. Fade into the central smoke. */
.hero-art::before,.hero-art::after{
  content:'';position:absolute;top:0;bottom:0;width:50%;
  background-image:linear-gradient(180deg,#0b0d0e26 0%,#0b0d0e00 35%,#0b0d0e40 65%,#0b0d0e 100%),url('/assets/community-banner.webp');
  background-size:auto 100%;background-repeat:no-repeat;
}
.hero-art::before{left:0;background-position:left center;mask-image:linear-gradient(to right,#000 40%,transparent 100%)}
.hero-art::after{right:0;background-position:right center;mask-image:linear-gradient(to left,#000 40%,transparent 100%)}
@media(max-width:1100px){
  .hero-art::before,.hero-art::after{top:10%;bottom:10%}
}
@media(max-width:600px){
  .hero-art::before,.hero-art::after{top:15%;bottom:30%}
  .hero-art::after{mask-image:linear-gradient(to left,#0009,transparent)}
}
.hero-art::before{right:auto;mask-image:linear-gradient(to right,#000 25%,transparent 100%),linear-gradient(to bottom,transparent,#000 22%,#000 68%,transparent);mask-composite:intersect}
.hero-art::after{left:auto;mask-image:linear-gradient(to left,#000 25%,transparent 100%),linear-gradient(to bottom,transparent,#000 22%,#000 68%,transparent);mask-composite:intersect}

.service-logo{fill:currentColor;stroke:none;flex-shrink:0}
.header-join .join-label{display:block;margin:0;color:inherit;font-size:12px}
.header-join .service-logo{width:21px;height:21px}
.closing-actions{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:24px}
.play-link{display:inline-flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1.6px;color:var(--amber)}
.owner-contact{display:inline-flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #eab36840;border-radius:5px;background:#eab36808;text-align:left;font-size:12px;transition:background .2s,border-color .2s}
.owner-contact:hover{background:#eab36818;border-color:var(--amber)}
.owner-contact .service-logo{width:25px;height:25px;color:var(--amber)}
.owner-contact small{display:block;font-size:9px;color:#9ca69d;margin-top:4px;letter-spacing:.4px}
.owner-contact>span:last-child{color:var(--amber);margin-left:8px}
.client-table{margin-top:20px}
@media(max-width:1100px){.site-header nav{display:none}.header-join{gap:10px}}
@media(max-width:600px){.header-join{padding:9px 10px;gap:8px}.header-join .join-label{font-size:10px;max-width:105px;line-height:1.4}.header-join .service-logo{width:19px;height:19px}.brand{font-size:13px}.brand-icon{width:30px}.closing-actions{gap:23px;flex-wrap:wrap}.owner-contact{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.owner-contact{transition:none}}