.hub{max-width:1240px;margin:0 auto;padding:18px 22px 40px}.hub .topbar{justify-content:space-between}.hub-nav{gap:6px;display:flex}.hub-nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.hub-nav a:hover{color:var(--text);background:var(--surface)}.switch .i-moon,.switch[aria-checked=true] .i-sun{display:none}.switch[aria-checked=true] .i-moon,.switch .knob>span{display:grid}.hub-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:32px;padding:34px 0 20px;display:grid}.chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.chip i{background:var(--hue-green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--hue-green) 22%, transparent);border-radius:50%}.hub-hero h1{letter-spacing:-.035em;margin:22px 0 18px;font-size:clamp(40px,5.4vw,68px);font-weight:800;line-height:1}.hub-hero h1 em{background:linear-gradient(90deg, var(--hue-blue), var(--hue-violet) 55%, var(--hue-coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--muted);max-width:540px;margin:0 0 26px;font-size:17px;line-height:1.6}.lead b{color:var(--text)}.cta{flex-wrap:wrap;gap:10px;display:flex}.pill.lg{height:48px;padding:0 22px;font-size:15px}.stats{flex-wrap:wrap;gap:28px;margin:34px 0 0;display:flex}.stats div{flex-direction:column;display:flex}.stats dt{letter-spacing:-.02em;font-size:28px;font-weight:800}.stats dd{color:var(--muted);margin:0;font-size:13px;font-weight:600}.hub-hero-art{padding:14px;overflow:hidden}.hero-scene{width:100%;height:auto;display:block;overflow:visible}.hub-section{padding:46px 0 6px}.section-h{margin-bottom:20px}.section-h h2{letter-spacing:-.025em;margin:6px 0 0;font-size:clamp(26px,3vw,36px);font-weight:800}.topics{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.topic{color:var(--text);flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.topic:before{content:"";background:var(--t);opacity:.1;border-radius:50%;width:170px;height:170px;position:absolute;top:-50px;right:-50px}.topic.live{border:2px solid var(--t);grid-column:span 2}.topic.live:hover{box-shadow:0 20px 40px -18px color-mix(in srgb, var(--t) 60%, transparent);transform:translateY(-3px)}.topic:not(.live){opacity:.92}.topic-top{justify-content:space-between;align-items:flex-start;display:flex}.topic-art{width:92px;height:84px}.status{background:var(--surface-3);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;position:relative}.status.live{background:var(--t);color:var(--on-hue)}.topic h3{letter-spacing:-.015em;margin:4px 0 0;font-size:21px}.topic p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.55}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{background:color-mix(in srgb, var(--t) 12%, transparent);color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.avatars{flex-wrap:wrap;gap:6px;display:flex}.avatar.sm{width:32px;height:32px;font-size:11.5px}.topic-foot{justify-content:space-between;align-items:center;padding-top:6px;font-size:13.5px;font-weight:600;display:flex}.go{color:var(--t);align-items:center;gap:6px;font-weight:800;display:inline-flex}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.how-card{padding:22px}.how-ico{background:color-mix(in srgb, var(--t) 15%, transparent);width:44px;height:44px;color:var(--t);border-radius:14px;place-items:center;display:grid}.how-card h3{margin:14px 0 6px;font-size:19px}.how-card p{color:var(--muted);margin:0;line-height:1.55}.next{background:var(--hero);color:var(--hero-text);border-color:#0000;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:22px 24px;display:flex}.next h3{margin:6px 0;font-size:22px}.next p{color:var(--hero-muted);max-width:760px;margin:0;line-height:1.6}.next p b{color:var(--hero-text)}.next .eyebrow{color:var(--hue-amber)}.hub-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;padding-top:22px;display:flex}.hub-footer p{max-width:620px;margin:0;font-size:13px}@media (width<=980px){.hub-hero,.how{grid-template-columns:minmax(0,1fr)}.next{flex-direction:column;align-items:flex-start}}@media (width<=640px){.hub{padding:14px 16px 30px}.hub-nav{display:none}.topic.live{grid-column:auto}.topics{grid-template-columns:minmax(0,1fr)}.stats{gap:18px}.stats dt{font-size:22px}.logo{font-size:19px}}
