@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#06111f;--ink:#e8f1f8;--muted:#9eb4c7;--blue:#5ed5ee;--line:rgba(122,180,211,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;min-width:320px}.page-bg{position:absolute;inset:0 0 auto;height:1050px;z-index:-1;background:linear-gradient(180deg,rgba(4,13,25,.65),rgba(4,13,25,.75) 55%,#06111f 98%),url('assets/serverroom.png') center top/cover no-repeat}.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 32%,transparent 0%,rgba(2,8,17,.46) 65%,#06111f 100%)}.site-shell{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,78px)}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:clamp(18px,2vw,23px);font-weight:700;letter-spacing:-.05em;display:flex;align-items:center;gap:12px}.brand-mark{font:700 18px 'Space Mono',monospace;color:#071524;background:var(--blue);width:40px;height:40px;display:grid;place-items:center;border-radius:5px;letter-spacing:-.12em}.brand-accent{color:var(--blue)}.header-status,.eyebrow,.section-label,.hero-caption,.topics,.footer{font-family:'Space Mono',Consolas,monospace}.header-status{font-size:11px;letter-spacing:.14em;color:#b5ccdb}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue);margin-right:9px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px var(--blue)}}.hero{text-align:center;padding-top:clamp(58px,8vw,105px)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--blue);font-size:11px;letter-spacing:.2em}.eyebrow-line{width:29px;height:1px;background:var(--blue);opacity:.55}h1{font-size:clamp(41px,6.2vw,88px);letter-spacing:-.065em;line-height:1.06;margin:25px 0 21px}h1 span{color:var(--blue)}.intro{max-width:560px;margin:auto;color:#bccede;font-size:clamp(16px,1.55vw,19px);line-height:1.7}.video-stage{position:relative;max-width:1120px;aspect-ratio:16/9;margin:16px auto -25px;overflow:hidden;isolation:isolate}.teaser-video{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.94;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 48%,transparent 100%);mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 48%,transparent 100%)}.video-fade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#06111f 0%,transparent 14%,transparent 86%,#06111f 100%),linear-gradient(0deg,#06111f 0%,transparent 23%,transparent 78%,rgba(6,17,31,.25) 100%);opacity:.34}.hero-caption{font-size:10px;letter-spacing:.18em;color:#779bb2;position:relative;z-index:1}.caption-icon{color:var(--blue);font-size:8px;vertical-align:1px;margin-right:7px}.caption-divider{padding:0 14px;color:#45758e}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:160px;padding:64px 0 60px}.section-label{font-size:11px;letter-spacing:.16em;color:var(--blue);margin:0 0 18px}h2{font-size:clamp(31px,4vw,52px);line-height:1.12;letter-spacing:-.055em;margin:0}.about-copy{align-self:center;max-width:570px;color:var(--muted);line-height:1.75;font-size:16px}.about-copy p:first-child{color:#e2eef5;font-size:18px;font-weight:600;margin-top:0}.about-copy p:last-child{margin-bottom:0}.topics{display:flex;flex-wrap:wrap;gap:11px;padding-bottom:95px}.topics span{border:1px solid var(--line);padding:11px 14px;color:#95bdd0;font-size:10px;letter-spacing:.1em}.footer{min-height:96px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6d8ba0;font-size:10px;letter-spacing:.1em}@media(max-width:720px){.header{height:76px}.header-status{font-size:0}.status-dot{margin:0}.hero{padding-top:60px}.intro{max-width:480px}.video-stage{width:calc(100% + 44px);aspect-ratio:1/1;margin:25px -22px 8px}.teaser-video{-webkit-mask-image:radial-gradient(ellipse 84% 74% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 84% 74% at 50% 50%,#000 42%,transparent 100%)}.hero-caption{font-size:8px}.about{grid-template-columns:1fr;gap:24px;margin-top:110px;padding-top:42px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:26px 0}.topics{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status-dot{animation:none}}