.hub-root{--hub-bg:#f5f7fc;--hub-card:#fff;--hub-ink:#0a1226;--hub-muted:#4a5878;--hub-dim:#6f7c9a;--hub-line:#0f1e461a;--hub-line-strong:#0f1e462e;--hub-accent:#0369a1;--hub-glow:#3b82f624;--hub-dots:#0f1e4612;--hub-shadow:0 18px 44px #0f1e4614;--hub-shadow-hover:0 26px 60px #0f1e4624;--hub-btn-bg:#0a1226;--hub-btn-fg:#fff;--hub-btn-hover:#1e3a8a;--hub-orb-a:#60a5fa73;--hub-orb-b:#22d3ee47;--hub-orb-c:#6366f138;--hub-orb-opacity:.7;--hub-sans:var(--font-tx-sans), var(--font-inter), system-ui, sans-serif;--hub-serif:var(--font-tx-serif), "Times New Roman", serif;--hub-mono:var(--font-geist-mono), ui-monospace, monospace;--hub-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:var(--hub-bg);min-height:100dvh;color:var(--hub-ink);font-family:var(--hub-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;display:flex;position:relative;overflow-x:clip}html.dark .hub-root{--hub-bg:#02050d;--hub-card:#060d1d;--hub-ink:#eef3ff;--hub-muted:#93a0bf;--hub-dim:#5a6786;--hub-line:#8caaff1a;--hub-line-strong:#8caaff33;--hub-accent:#7dd3fc;--hub-glow:#1d4ed847;--hub-dots:#8caaff14;--hub-shadow:0 24px 60px #00000073;--hub-shadow-hover:0 30px 70px #0000008c;--hub-btn-bg:#eef3ff;--hub-btn-fg:#02050d;--hub-btn-hover:#fff;--hub-orb-a:#1d4ed88c;--hub-orb-b:#0e749066;--hub-orb-c:#4f46e559;--hub-orb-opacity:.6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hub-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.hub-orb{filter:blur(70px);opacity:var(--hub-orb-opacity,.55);will-change:transform;border-radius:50%;position:absolute}.hub-orb--a{background:var(--hub-orb-a);width:46rem;height:30rem;margin-left:-23rem;animation:22s ease-in-out infinite alternate hub-drift-a;top:-14rem;left:50%}.hub-orb--b{background:var(--hub-orb-b);width:30rem;height:30rem;animation:26s ease-in-out infinite alternate hub-drift-b;top:18rem;left:-10rem}.hub-orb--c{background:var(--hub-orb-c);width:34rem;height:28rem;animation:30s ease-in-out infinite alternate hub-drift-c;top:26rem;right:-12rem}@keyframes hub-drift-a{0%{transform:translate(-6%)scale(1)}to{transform:translate(8%,3rem)scale(1.12)}}@keyframes hub-drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(14rem,-6rem)scale(1.15)}}@keyframes hub-drift-c{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-12rem,5rem)scale(.95)}}.hub-grid{background:radial-gradient(circle, var(--hub-dots) 1px, transparent 1.4px) 0 0 / 22px 22px;will-change:transform;animation:14s linear infinite hub-pan;position:absolute;inset:-44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,#0000 75%)}@keyframes hub-pan{0%{transform:translate(0,0)}to{transform:translate(22px,22px)}}.hub-chrome{box-sizing:border-box;width:100%;max-width:calc(1240px + 2*clamp(20px,4vw,40px));margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.hub-root a{color:inherit;text-decoration:none}.hub-root :focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px;border-radius:6px}.hub-header{border-bottom:1px solid var(--hub-line);background:color-mix(in srgb, var(--hub-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hub-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:68px;display:flex}.hub-logo{display:inline-flex}.hub-root .brand-logo--nav .brand-logo-img{height:24px}.hub-root .nb-theme-toggle.hub-theme-toggle{width:40px;height:40px;color:var(--hub-ink);background:color-mix(in srgb, var(--hub-card) 70%, transparent);border:1px solid var(--hub-line-strong);cursor:pointer;border-radius:6px;place-items:center;transition:border-color .25s,background-color .25s;display:grid}.hub-root .nb-theme-toggle.hub-theme-toggle:hover{border-color:var(--hub-accent);background:var(--hub-card)}.hub-main{flex:1;padding:clamp(3rem,8vw,5.5rem) 0 clamp(3.5rem,7vw,5rem)}.hub-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:clamp(2.5rem,6vw,4rem);display:flex}.hub-label{font-family:var(--hub-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hub-muted);align-items:center;gap:.6rem;margin:0 0 1.4rem;font-size:11px;font-weight:500;display:inline-flex}.hub-label-mark{background:var(--hub-accent);width:6px;height:6px;box-shadow:0 0 10px var(--hub-accent)}.hub-hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.2rem,5.6vw,4.4rem);font-weight:500;line-height:1.04}.hub-serif{font-family:var(--hub-serif);letter-spacing:-.01em;background:linear-gradient(100deg,#1d4ed8 0%,#0369a1 55%,#2563eb 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.05em;font-style:italic;font-weight:400}html.dark .hub-serif{background-image:linear-gradient(100deg,#9fd4ff 0%,#e0f2fe 55%,#93c5fd 100%)}.hub-lead{max-width:40rem;color:var(--hub-muted);text-wrap:pretty;margin:1.4rem 0 0;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.7}.hub-hint{letter-spacing:-.02em;color:var(--hub-ink);align-items:center;gap:.75rem;margin:2.25rem 0 0;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500;display:inline-flex}.hub-hint-arrow{border:1px solid var(--hub-line-strong);background:color-mix(in srgb, var(--hub-card) 70%, transparent);width:2.1rem;height:2.1rem;color:var(--hub-accent);border-radius:50%;place-items:center;font-size:1rem;animation:2.2s ease-in-out infinite hub-nudge;display:grid}@keyframes hub-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hub-doors{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem);display:grid}.hub-door{--acc:3 105 161;border:1px solid var(--hub-line-strong);background:var(--hub-card);box-shadow:var(--hub-shadow);transition:transform .5s var(--hub-ease), box-shadow .5s var(--hub-ease), border-color .3s ease;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hub-door[data-accent=sky]{--acc:3 105 161}.hub-door[data-accent=cyan]{--acc:14 116 144}html.dark .hub-door[data-accent=sky]{--acc:125 211 252}html.dark .hub-door[data-accent=cyan]{--acc:103 232 249}.hub-door:hover,.hub-door:focus-visible{box-shadow:var(--hub-shadow-hover);border-color:rgb(var(--acc) / .45);transform:translateY(-4px)}.hub-door-media{aspect-ratio:840/376;background:#07111f;position:relative;overflow:hidden}.hub-door-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#02050d59);position:absolute;inset:0}.hub-door-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--hub-ease);display:block}.hub-door:hover .hub-door-media img{transform:scale(1.04)}.hub-door-body{flex-direction:column;flex:1;gap:.85rem;padding:clamp(1.25rem,2.6vw,1.75rem);display:flex}.hub-door-kicker{font-family:var(--hub-mono);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--acc));align-items:center;gap:.75rem;margin:0;font-size:11px;display:flex}.hub-door-index{color:var(--hub-dim)}.hub-door h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:500;line-height:1.2}.hub-door-desc{color:var(--hub-muted);margin:0;font-size:.97rem;line-height:1.65}.hub-door-tags{flex-wrap:wrap;gap:.4rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.hub-door-tags li{border:1px solid var(--hub-line-strong);color:var(--hub-muted);border-radius:6px;padding:.3rem .65rem;font-size:12px}.hub-door-footer{border-top:1px solid var(--hub-line);justify-content:flex-end;margin-top:auto;padding-top:1.1rem;display:flex}.hub-door-cta{background:var(--hub-btn-bg);height:44px;color:var(--hub-btn-fg);font-family:var(--hub-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;gap:.6rem;padding:0 1.2rem;font-size:12px;font-weight:500;transition:background-color .3s,box-shadow .3s;display:inline-flex}.hub-door-arrow{transition:transform .35s var(--hub-ease)}.hub-door:hover .hub-door-cta{background:var(--hub-btn-hover);box-shadow:0 10px 26px rgb(var(--acc) / .3)}.hub-door:hover .hub-door-arrow{transform:translate(4px)}.hub-code{background:linear-gradient(#7dd3fc0d 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#7dd3fc0d 1px,#0000 1px) 0 0/28px 28px,radial-gradient(80% 90% at 30% 10%,#10224a,#050b18 70%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.hub-code-glow{filter:blur(10px);background:radial-gradient(#38bdf859,#0000 65%);height:80%;position:absolute;inset:auto -10% -40% 20%}.hub-code-window{width:78%;transition:transform .9s var(--hub-ease);background:#060d1de0;border:1px solid #94c5ff2e;border-radius:10px;position:relative;overflow:hidden;transform:perspective(900px)rotateX(6deg)rotateY(-8deg);box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #ffffff08}.hub-door:hover .hub-code-window{transform:perspective(900px)rotateX(2deg)rotateY(-3deg)translateY(-4px)}.hub-code-bar{background:#ffffff05;border-bottom:1px solid #94c5ff1f;align-items:center;gap:.6rem;height:max(22px,6.5cqw);max-height:34px;padding:0 .75rem;display:flex}.hub-code-dots{gap:5px;display:flex}.hub-code-dots i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.hub-code-dots i:first-child{background:#f87171}.hub-code-dots i:nth-child(2){background:#fbbf24}.hub-code-dots i:last-child{background:#34d399}.hub-code-tab{font-family:var(--hub-mono);color:#dbe7ff;background:#7dd3fc1a;border-radius:4px;padding:.2rem .5rem;font-size:clamp(9px,1.8cqw,12px)}.hub-code-tab.is-muted{color:#6f7c9a;background:0 0}.hub-code-body{font-family:var(--hub-mono);color:#c9d6f0;white-space:pre;margin:0;padding:.75rem .9rem .9rem 0;font-size:clamp(8px,2.05cqw,14px);line-height:1.6;overflow:hidden}.hub-code-line{display:flex}.hub-code-num{text-align:right;color:#3e4c6b;flex-shrink:0;width:2.6em;padding-right:1em}.hub-code .t-kw{color:#c792ea}.hub-code .t-fn{color:#82aaff}.hub-code .t-str{color:#c3e88d}.hub-code .t-ty{color:#ffcb6b}.hub-code .t-cm{color:#5c6e91;font-style:italic}.hub-code .t-pn{color:#89ddff}.hub-code .t-tx{color:#dbe7ff}.hub-code-caret{vertical-align:text-bottom;background:#7dd3fc;width:.55em;height:1.1em;margin-left:2px;animation:1.1s step-end infinite hub-blink;display:inline-block}@keyframes hub-blink{50%{opacity:0}}.hub-code-badge{color:#a7f3d0;font-family:var(--hub-mono);letter-spacing:.04em;background:#061414d9;border:1px solid #34d39959;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:clamp(8px,1.7cqw,11px);display:inline-flex;position:absolute;bottom:9%;right:6%;box-shadow:0 10px 24px #0006}.hub-code-badge-dot{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #34d399}.hub-footer{border-top:1px solid var(--hub-line)}.hub-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.75rem;padding-block:1.4rem;display:flex}.hub-footer-brand{align-items:center;gap:.85rem;display:flex}.hub-footer-brand .brand-logo-img{height:20px!important}.hub-footer-rule{background:var(--hub-line-strong);width:1px;height:16px}.hub-footer-areas,.hub-footer-links,.hub-footer-copy{font-family:var(--hub-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hub-dim);font-size:11px}.hub-footer-links{flex-wrap:wrap;gap:.5rem 1.4rem;display:flex}.hub-footer-links a{color:var(--hub-muted);transition:color .25s}.hub-footer-links a:hover{color:var(--hub-ink)}.hub-footer-copy{margin:0}.hub-footer-note{color:var(--hub-dim);flex-basis:100%;margin:0;font-size:12px;line-height:1.6}.hub-reveal{animation:hub-rise .9s var(--hub-ease) backwards}@keyframes hub-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (min-width:820px){.hub-doors{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hub-code-window{width:88%;transform:none}.hub-door:hover .hub-code-window{transform:none}.hub-code-body{padding-block:.45rem .55rem}.hub-code-line:nth-child(n+8){display:none}.hub-code-badge{bottom:7%}.hub-hint{text-wrap:balance;max-width:18ch;display:block}.hub-hint-arrow{vertical-align:middle;margin-left:.5rem;display:inline-grid}.hub-footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hub-reveal,.hub-hint-arrow,.hub-orb,.hub-grid,.hub-code-caret{animation:none}.hub-door,.hub-door-media img,.hub-door-arrow{transition:none}}
