:root{--hub-green:#2f9e44;--hub-blue:#1c7ed6;--hub-violet:#7048e8;--hub-card:#ffffffb8;--hub-card-border:#1e283c1a;--hub-shadow:0 10px 30px #141e321a;--hub-text-soft:#4a5263;--tube-1:#16a352;--tube-2:#1480cc;--tube-1-core:var(--tube-1);--tube-2-core:var(--tube-2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hub-green:#51cf66;--hub-blue:#4dabf7;--hub-violet:#9775fa;--hub-card:#141921a8;--hub-card-border:#a0b4d224;--hub-shadow:0 14px 40px #00000073;--hub-text-soft:#aab2c2;--tube-1:#3af98b;--tube-2:#33b4ff;--tube-1-core:#eafff2;--tube-2-core:#e8f6ff}}:root[data-theme=dark]{--hub-green:#51cf66;--hub-blue:#4dabf7;--hub-violet:#9775fa;--hub-card:#141921a8;--hub-card-border:#a0b4d224;--hub-shadow:0 14px 40px #00000073;--hub-text-soft:#aab2c2;--tube-1:#3af98b;--tube-2:#33b4ff;--tube-1-core:#eafff2;--tube-2-core:#e8f6ff}html,body{min-height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}#hub{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.hub-bg{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.hub-top,.hub-main{z-index:1;position:relative}.hub-top{justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.hub-mark{color:var(--fg);letter-spacing:.01em;align-items:center;gap:8px;font-family:Tilt Neon,ui-sans-serif,system-ui,sans-serif;font-size:18px;text-decoration:none;display:inline-flex}.hub-controls{align-items:center;gap:8px;display:flex}.hub-controls button,.hub-controls .segmented{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-main{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:1040px;margin:0 auto;padding:7vh 24px 48px;display:flex}.hub-title{letter-spacing:.01em;justify-content:center;align-items:center;gap:.22em;margin:0;font-family:Tilt Neon,ui-sans-serif,system-ui,sans-serif;font-size:clamp(40px,8.6vw,100px);font-weight:400;line-height:1;display:flex}.hub-emblem{filter:brightness(.72)saturate(1.4)drop-shadow(0 6px 10px #141e321f);flex:none;width:1.3em;height:1.3em;overflow:visible}.hub-emblem .lg-lit{fill:#3af98b}.hub-tube{--tube:var(--tube-1);color:var(--tube-1-core);text-shadow:0 0 1px color-mix(in srgb, var(--tube) 60%, transparent), 0 0 14px color-mix(in srgb, var(--tube) 40%, transparent), 0 6px 10px #141e3224}.hub-tube-2{--tube:var(--tube-2);color:var(--tube-2-core)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hub-emblem{filter:drop-shadow(0 0 6px #3af98b80)drop-shadow(0 0 24px #14e2c438)}:root:not([data-theme=light]) .hub-emblem .lg-lit{fill:#f2fff6}:root:not([data-theme=light]) .hub-tube{text-shadow:0 0 1px #fff, 0 0 4px var(--tube), 0 0 11px var(--tube), 0 0 26px color-mix(in srgb, var(--tube) 70%, transparent), 0 0 60px color-mix(in srgb, var(--tube) 35%, transparent)}}:root[data-theme=dark] .hub-emblem{filter:drop-shadow(0 0 6px #3af98b80)drop-shadow(0 0 24px #14e2c438)}:root[data-theme=dark] .hub-emblem .lg-lit{fill:#f2fff6}:root[data-theme=dark] .hub-tube{text-shadow:0 0 1px #fff, 0 0 4px var(--tube), 0 0 11px var(--tube), 0 0 26px color-mix(in srgb, var(--tube) 70%, transparent), 0 0 60px color-mix(in srgb, var(--tube) 35%, transparent)}.hub-emblem .lg-lit{animation:2.6s ease-in-out infinite hub-pin}@keyframes hub-pin{0%,to{opacity:1}50%{opacity:.4}}.hub-title-on .hub-tube{animation:1.3s linear both hub-flicker}.hub-title-on .hub-tube-2{animation-delay:.35s}.hub-title-on .hub-emblem{animation:.7s ease-out both hub-emblem-on}@keyframes hub-flicker{0%{opacity:.1}6%{opacity:1}9%{opacity:.15}13%{opacity:.9}16%,30%{opacity:.25}33%,to{opacity:1}}@keyframes hub-emblem-on{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.hub-emblem .lg-lit,.hub-title-on .hub-tube,.hub-title-on .hub-emblem{animation:none}}.hub-tagline{max-width:560px;color:var(--hub-text-soft);margin:18px 0 0;font-size:clamp(16px,2.2vw,20px)}.hub-cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;width:100%;margin-top:clamp(32px,7vh,64px);display:grid}.hub-card{--mx:50%;--my:0%;border:1px solid var(--hub-card-border);background:radial-gradient(320px circle at var(--mx) var(--my), color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 70%), var(--hub-card);-webkit-backdrop-filter:blur(10px);box-shadow:var(--hub-shadow);color:var(--fg);border-radius:16px;grid-template-columns:auto 1fr;grid-template-areas:"icon head""text text""go go";align-items:center;gap:16px 14px;padding:22px 22px 18px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;position:relative}.hub-card:hover,.hub-card:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 60%, transparent);box-shadow:var(--hub-shadow), 0 0 0 1px color-mix(in srgb, var(--card-accent) 35%, transparent), 0 12px 40px color-mix(in srgb, var(--card-accent) 22%, transparent);transform:translateY(-4px)}.hub-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.hub-card-icon{background:color-mix(in srgb, var(--card-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--card-accent) 30%, transparent);border-radius:14px;grid-area:icon;place-items:center;width:56px;height:56px;display:grid}.hub-card-icon svg{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.hub-card-icon .body{stroke:var(--card-accent)}.hub-card-icon .wire{stroke:var(--muted);transition:stroke .3s}.hub-card:hover .wire,.hub-card:focus-visible .wire{stroke:var(--card-accent)}.hub-card:hover .in2,.hub-card:focus-visible .in2{transition-delay:80ms}.hub-card:hover .out,.hub-card:focus-visible .out{transition-delay:.22s}.hub-card-head{flex-direction:column;grid-area:head;gap:2px;display:flex}.hub-card-name{letter-spacing:-.01em;font-size:22px;font-weight:750}.hub-card-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--card-accent);font-size:12px;font-weight:600}.hub-card-text{color:var(--hub-text-soft);grid-area:text;line-height:1.5}.hub-card-go{color:var(--card-accent);grid-area:go;justify-self:end;font-weight:650}.hub-card-go span{margin-left:6px;transition:transform .25s;display:inline-block}.hub-card:hover .hub-card-go span{transform:translate(4px)}@media (width<=560px){.hub-top{padding:12px 16px}.hub-main{padding:5vh 16px 32px}.hub-card{padding:18px 16px 14px}}
