: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)}*{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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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-image{width:min(250px,70%);height:auto;border-radius:0;object-fit:contain;margin:0 auto .9rem;display:block;box-shadow:none;background:transparent}.server-tier{margin:0 0 .25rem;font-family:Space Mono,Courier New,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.server-title{margin:0;font-size:clamp(1.12rem,2.3vw,1.45rem)}.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;right:10rem;bottom:1rem;display:flex;align-items:flex-end;gap:.5rem;flex-wrap:nowrap;z-index:4}.pill{padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#14181fa8;color:#ffffffe6;font-family:Space Mono,Courier New,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.version-pill{white-space:nowrap;flex:0 0 auto}.copyright-pill{flex:1 1 auto;max-width:48rem;text-transform:none;letter-spacing:.01em;font-family:Sora,Trebuchet MS,sans-serif;font-size:.72rem;line-height:1.35;white-space:normal;border-radius:14px}.video-controls{position:fixed;right:1rem;bottom:1rem;display:flex;align-items:center;z-index:4}.video-switcher{display:flex;gap:.45rem}.restart-btn,.toggle-btn{position:relative;overflow:hidden;border:1px solid transparent;height:54px;cursor:pointer;border-radius:14px;background:#14181fb8;color:#f8fbff;box-shadow:0 12px 28px -16px var(--shadow-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .22s ease}.restart-btn:hover,.toggle-btn:hover{transform:translateY(-1px);background:#191e26db}.restart-btn{width:0;padding:0;margin-right:0;overflow:hidden;opacity:0;font-size:1.35rem;color:var(--text-main);transition:width .3s cubic-bezier(.2,.8,.2,1),margin-right .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.restart-btn.is-visible{width:54px;margin-right:.45rem;opacity:1}.toggle-btn{width:54px;display:inline-flex;align-items:center;justify-content:center;padding:0}.toggle-btn img{width:34px;height:34px;border-radius:8px;object-fit:contain}.toggle-btn.is-active{background:#abe1ff3d;border-color:#abe1ff80}.toggle-btn:disabled{opacity:.42;cursor:not-allowed}.toggle-btn:disabled:hover{transform:none;background:#14181fb8;animation:none}.toggle-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 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}.toggle-btn:hover,.restart-btn:hover{animation:hover-react .28s ease-out forwards;border-color:#abe1ff57;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}.server-image{width:min(168px,54%);margin-bottom:.65rem}.services-grid{grid-template-columns:1fr}.floating-meta{gap:.35rem;right:7.5rem;left:.5rem;bottom:.5rem;align-items:flex-start;flex-wrap:wrap}.pill{font-size:.61rem;padding:.42rem .62rem}.copyright-pill{font-size:.62rem;line-height:1.3;max-width:32rem}.video-controls{right:.5rem;bottom:.5rem}.video-switcher{gap:.35rem}.restart-btn,.toggle-btn,.restart-btn.is-visible{height:48px;width:48px}.restart-btn.is-visible{margin-right:.35rem}.toggle-btn img{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}