:root{--surface: rgba(21, 25, 31, .74);--surface-border: rgba(255, 255, 255, .18);--surface-hover: rgba(30, 36, 43, .84);--text-main: #f8fbff;--text-muted: #ccd9e5;--accent-soft: rgba(171, 225, 255, .14);--shadow-soft: rgba(0, 0, 0, .25);--shadow-strong: rgba(0, 0, 0, .36);--vinyl-spin-duration: 14s;--vinyl-active-scale: 1.08;--vinyl-hover-scale: 1.04}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Sora,Trebuchet MS,sans-serif;color:var(--text-main);background:linear-gradient(-45deg,#20305a,#2f4f7f,#2e7a7f,#8c4f2f,#8b3e6b,#35558f);background-size:520% 520%;animation:background-drift 9s ease-in-out infinite;overflow-x:hidden}#background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .35s ease;pointer-events:none}body.video-active #background-video{opacity:1}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#0715220f;opacity:0;transition:opacity .35s ease}body.video-active:after{opacity:1}.page-shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2.25rem 0 7rem}.hero{margin-bottom:1.75rem}.hero-kicker{margin:0 0 .5rem;font-size:.75rem;font-family:Space Mono,Courier New,monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.hero-title{margin:0;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.05}.hero-subtitle{max-width:56ch;margin:.75rem 0 0;color:#ffffffd6}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.server-card{border-radius:1rem;border:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 15px 40px -24px var(--shadow-soft);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .52s ease,transform .52s ease,box-shadow .25s ease,background .25s ease;transition-delay:var(--stagger, 0ms)}.server-card.is-visible{opacity:1;transform:translateY(0) scale(1)}.server-card:hover{background:var(--surface-hover);box-shadow:0 20px 46px -20px var(--shadow-strong)}.card-header{display:block;text-align:center}.server-label{margin:0;font-family:Space Mono,Courier New,monospace;font-size:clamp(1.05rem,2vw,1.3rem);letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.infrastructure-info{margin:1rem 0;padding:.75rem;border-radius:.75rem;background:#ffffff14;color:var(--text-muted);font-size:.92rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.service-link{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;min-height:2.75rem;border-radius:.65rem;text-decoration:none;color:#f3f9ff;background:var(--accent-soft);border:1px solid transparent;font-weight:500;font-size:.9rem;text-align:center;padding:.5rem .75rem;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .22s ease}.service-link:before{content:"";position:absolute;top:-85%;left:-120%;width:45%;height:260%;transform:rotate(18deg);background:linear-gradient(to right,#fff0,#fff6,#fff0);opacity:0;pointer-events:none;z-index:0}.service-link:hover{transform:translateY(-2px) scale(1.015);background:#abe1ff3d;border-color:#abe1ff6b;box-shadow:0 10px 24px -16px #91daffbf}.floating-meta{position:fixed;left:1rem;bottom:1rem;display:flex;align-items:flex-start;flex-direction:column;gap:.5rem;max-width:min(60vw,46rem);z-index:4}.pill{padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#14181fa8;color:#ffffffe6;font-family:Sora,Trebuchet MS,sans-serif;font-size:.72rem;letter-spacing:.01em;text-transform:none;line-height:1.35;white-space:normal}.now-playing-pill{border:1px solid rgba(171,225,255,.35);background:#10161ecc}.now-playing-pill,.rights-pill{max-width:min(58vw,40rem);border-radius:14px}.video-controls{position:fixed;right:1rem;bottom:1rem;display:flex;align-items:center;z-index:4}.video-switcher{display:flex;gap:.6rem}.vinyl-btn{position:relative;border:0;width:62px;height:62px;cursor:pointer;border-radius:50%;background:transparent;color:#f8fbff;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 8px 24px -16px var(--shadow-strong);transition:transform .18s ease,box-shadow .22s ease}.vinyl-disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.26);background:radial-gradient(circle at center,#0e121800 0 7%,#0b0f14f5 7.5% 100%),repeating-radial-gradient(circle at center,#ffffff29 0 1px,#fff0 2px 5px),radial-gradient(circle at 28% 26%,#f8fcff52,#f8fcff00 35%),#090d12;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -8px 16px #00000073;-webkit-mask:radial-gradient(circle at center,transparent 0 4px,#000 4.8px 100%);mask:radial-gradient(circle at center,transparent 0 4px,#000 4.8px 100%);will-change:transform}.vinyl-disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,#ffffff2e 0 1px,#fff0 2px 5px),radial-gradient(circle at 28% 26%,#f8fcff61,#f8fcff00 35%);z-index:1;pointer-events:none}.vinyl-disc:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;box-shadow:inset 0 0 0 1px #00000073;z-index:2}.vinyl-btn:hover{transform:translateY(-1px) scale(var(--vinyl-hover-scale))}.vinyl-icon{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover;z-index:0;filter:saturate(1.05) brightness(.86);border:1px solid rgba(255,255,255,.22)}.vinyl-btn.is-active{transform:scale(var(--vinyl-active-scale));box-shadow:0 14px 32px -16px #91daffb8}.vinyl-btn.is-active:hover{transform:translateY(-1px) scale(1.12)}.vinyl-btn.is-active .vinyl-disc{animation:vinyl-spin var(--vinyl-spin-duration) linear infinite;animation-delay:var(--spin-delay, 0s);border-color:#abe1ff8a}.vinyl-btn:disabled{opacity:.42;cursor:not-allowed}.vinyl-btn:disabled .vinyl-disc,.vinyl-btn:disabled .vinyl-icon{filter:saturate(.25)}.vinyl-btn:disabled:hover{transform:none;animation:none}.vinyl-btn.button-bump{animation:button-bump .52s ease}@keyframes button-bump{0%{transform:scale(1)}38%{transform:scale(1.13)}72%{transform:scale(.95)}to{transform:scale(1)}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-btn:focus-visible{outline:none}.vinyl-btn:focus-visible .vinyl-disc{box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -8px 16px #00000073,0 0 0 2px #abe1ff85}@keyframes hover-react{0%{transform:translateY(0) scale(1)}48%{transform:translateY(-2px) scale(1.06)}to{transform:translateY(-1px) scale(1.03)}}@keyframes link-sheen{0%{left:-120%;opacity:0}20%{opacity:1}to{left:160%;opacity:0}}@keyframes background-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(hover:hover)and (pointer:fine){.service-link:hover{animation:hover-react .28s ease-out forwards}.service-link:hover:before{animation:link-sheen .65s ease-out}.vinyl-btn:hover{box-shadow:0 14px 30px -16px #91daffa6}}@media(max-width:920px){.server-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{width:min(1180px,calc(100vw - 1rem));padding-top:1.5rem}.services-grid{grid-template-columns:1fr}.floating-meta{position:fixed;left:.5rem;bottom:.5rem;right:auto;max-width:calc(100vw - 9rem);align-items:flex-start;gap:.35rem}.pill{font-size:.61rem;padding:.42rem .62rem}.now-playing-pill,.rights-pill{max-width:calc(100vw - 9rem);font-size:.61rem;line-height:1.3}.video-controls{right:.5rem;bottom:.5rem}.video-switcher{gap:.35rem}.vinyl-btn{height:52px;width:52px}.vinyl-icon{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.vinyl-btn.is-active .vinyl-disc{animation-duration:var(--vinyl-spin-duration)!important;animation-iteration-count:infinite!important}}