.md{--g1:#c8ff4d;--g2:#7cb1ff;min-height:100dvh;padding:calc(var(--nav-h) + 48px) 0 100px;background:var(--hero-bg);color:var(--hero-text);isolation:isolate;position:relative;overflow:hidden}:root[data-theme=light] .md{--g1:#9fd400;--g2:#3d7be0}.md-sky{z-index:-1;background:radial-gradient(circle at 90% -10%, color-mix(in oklab, var(--g2) 35%, transparent), transparent 45%), radial-gradient(circle at 0% 30%, color-mix(in oklab, var(--g1) 25%, transparent), transparent 40%);position:absolute;inset:0}.md-k{color:var(--hero-accent);font-size:12px}.md-t{letter-spacing:-.055em;margin-top:14px;font-size:clamp(2.6rem,1.4rem + 5vw,6rem);line-height:.92}.md-t span{color:var(--hero-accent)}.md-l{max-width:66ch;color:var(--hero-lead);font-size:var(--fs-md);margin-top:18px}.md-search{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.md-q{border:1px solid var(--hero-line);background:color-mix(in oklab, var(--hero-bg) 60%, transparent);height:56px;color:var(--hero-text);font:17px var(--font-body);backdrop-filter:blur(12px);border-radius:999px;flex:320px;padding:0 22px}.md-q:focus,.md-sel:focus{border-color:var(--hero-accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--hero-accent) 20%, transparent);outline:none}.md-sel{border:1px solid var(--hero-line);background-color:color-mix(in oklab, var(--hero-bg) 70%, transparent);height:46px;color:var(--hero-text);font:13.5px var(--font-body);border-radius:999px;padding:0 40px 0 18px}.md-sel:hover{border-color:var(--hero-dim)}.md-filters{gap:6px;display:flex}.md-filters button{border:1px solid var(--hero-line);color:var(--hero-lead);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:10px 16px;font-size:12px}.md-filters button[aria-pressed=true]{border-color:var(--hero-accent);color:var(--hero-text);background:color-mix(in oklab, var(--hero-accent) 14%, transparent)}.md-group{margin-top:40px}.md-gh{letter-spacing:-.04em;border-bottom:1px solid var(--hero-line);align-items:baseline;gap:14px;padding-bottom:12px;font-size:clamp(1.6rem,1.1rem + 1.4vw,2.6rem);display:flex}.md-gh small{letter-spacing:.08em;color:var(--hero-dim);font-size:12px}.md-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin-top:18px;display:grid}.md-chips{letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.md-chip{border:1px solid var(--hero-line);color:var(--hero-lead);border-radius:999px;padding:3px 9px}.md-chip.fac{color:var(--hero-text);border-style:dashed}.md-chip.on{border-color:var(--hero-accent);color:var(--hero-accent)}.md-chip.spec{border-color:color-mix(in oklab, var(--c) 55%, var(--hero-line));color:var(--hero-text)}.md-state{letter-spacing:.06em;text-transform:uppercase;color:var(--hero-dim);font-size:12px}.md-state.in{color:var(--hero-accent)}.md-none{color:var(--hero-lead);margin-top:24px}.md .mcard{min-height:220px;color:var(--hero-text);isolation:isolate;border:1px solid color-mix(in oklab, var(--c) 35%, var(--hero-line));background:color-mix(in oklab, var(--hero-bg) 50%, transparent);backdrop-filter:blur(14px);transition:transform .3s var(--ease-out), box-shadow .3s;border-radius:24px;align-content:start;gap:12px;padding:24px;display:grid;position:relative;overflow:hidden}.md .mcard:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--c) 45%, transparent), transparent 65%);z-index:-1;opacity:.5;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -30% -60% auto}.md .mcard:hover{box-shadow:0 26px 50px -28px color-mix(in oklab, var(--c) 70%, transparent), 0 0 0 1px var(--c);transform:translateY(-5px)}.md .mcard-top{font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hero-dim);justify-content:space-between;gap:8px;display:flex}.md .mcard-tag{border:1px solid color-mix(in oklab, var(--c) 50%, transparent);color:var(--hero-text);border-radius:999px;padding:3px 9px}.md .mcard h3{letter-spacing:-.04em;font-size:1.7rem;line-height:1}.md .mcard p{color:var(--hero-lead);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.md .mcard-foot{font:500 12px var(--font-mono);color:var(--hero-dim);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.md .mcard-go{background:var(--c);color:#0b0d10;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}
