.hub-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) clamp(var(--space-2),4vw,var(--space-5));background:var(--c-surface);border-bottom:1px solid var(--c-border);transition:background-color var(--dur-med) ease,border-color var(--dur-med) ease}@supports (backdrop-filter: blur(1px)){.hub-header{background:color-mix(in srgb,var(--c-surface) 72%,transparent);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}}.hub-brand{display:flex;align-items:center;gap:.7rem}.hub-brand-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:30%;background:var(--c-accent);color:var(--c-text-on-accent);font-size:1.15rem;line-height:1;box-shadow:0 2px 8px #00000024}.hub-brand-name{font-size:1.05rem;font-weight:700;letter-spacing:.02em}.hub-brand-sub{font-size:var(--fs-micro);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:.06rem .6rem;white-space:nowrap}.hub-main{max-width:1180px;margin:0 auto;padding:var(--space-5) clamp(var(--space-3),5vw,var(--space-6)) var(--space-6)}.hub-hero{padding:clamp(2rem,6vw,4.5rem) 0;text-align:center}.hub-kicker{display:inline-block;font-size:var(--fs-caption);font-weight:600;letter-spacing:.12em;color:var(--c-accent);margin-bottom:var(--space-2)}.hub-title{font-size:var(--fs-display);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-3)}.hub-sub{max-width:560px;margin:0 auto;color:var(--c-text-secondary);font-size:var(--fs-body)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.hub-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.hub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--subject-accent, var(--c-accent))}.hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f;border-color:var(--subject-accent, var(--c-accent))}.hub-card-top{display:flex;align-items:center;justify-content:space-between}.hub-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-md);font-size:1.6rem;background:color-mix(in srgb,var(--subject-accent, var(--c-accent)) 14%,transparent);color:var(--subject-accent, var(--c-accent))}.hub-badge{font-size:var(--fs-micro);font-weight:600;padding:.18rem .7rem;border-radius:var(--radius-full);border:1px solid transparent}.hub-status-live .hub-badge{color:var(--c-success);border-color:color-mix(in srgb,var(--c-success) 45%,transparent);background:color-mix(in srgb,var(--c-success) 10%,transparent)}.hub-status-wip .hub-badge{color:var(--c-warning);border-color:color-mix(in srgb,var(--c-warning) 45%,transparent);background:color-mix(in srgb,var(--c-warning) 10%,transparent)}.hub-status-planned .hub-badge{color:var(--c-text-secondary);border-color:var(--c-border);background:color-mix(in srgb,var(--c-text-secondary) 8%,transparent)}.hub-name{font-size:1.5rem;font-weight:800;margin:0}.hub-fullname{font-size:var(--fs-caption);color:var(--c-text-secondary);margin:-.7rem 0 0}.hub-desc{font-size:var(--fs-caption);color:var(--c-text-secondary);line-height:1.7;margin:0}.hub-stages{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.hub-stage{padding:var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-bg) 60%,transparent)}.hub-stage-head{display:flex;align-items:center;justify-content:space-between}.hub-stage-head h4{margin:0;font-size:var(--fs-body);font-weight:700}.hub-stage-href{font-size:var(--fs-micro);color:var(--c-text-secondary)}.hub-stage-desc{margin:.4rem 0 0;font-size:var(--fs-micro);color:var(--c-text-secondary);line-height:1.7}.hub-stage-stats{display:flex;gap:var(--space-3);margin:.7rem 0 0;padding:0;list-style:none}.hub-stage-stats li{display:flex;flex-direction:column;gap:.05rem}.hub-stage-stats strong{font-size:1.05rem;font-weight:800;color:var(--subject-accent, var(--c-accent))}.hub-stage-stats span{font-size:var(--fs-micro);color:var(--c-text-secondary)}.hub-stage-btn{display:inline-flex;margin-top:.8rem;padding:.45rem 1rem;border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:600;text-decoration:none;color:var(--c-text-on-accent);background:var(--subject-accent, var(--c-accent));transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hub-stage-btn:hover{opacity:.9;transform:translateY(-1px)}.hub-updated{margin:.2rem 0 0;font-size:var(--fs-micro);color:var(--c-text-secondary)}.hub-note{margin-top:var(--space-5);padding:var(--space-3);border:1px dashed var(--c-border);border-radius:var(--radius-md);text-align:center;background:color-mix(in srgb,var(--c-bg) 55%,transparent)}.hub-note-title{margin:0 0 .3rem;font-weight:700}.hub-note-text{margin:0;font-size:var(--fs-caption);color:var(--c-text-secondary)}.hub-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:var(--space-3) var(--space-2) var(--space-4);font-size:var(--fs-micro);color:var(--c-text-secondary);border-top:1px solid var(--c-border)}