:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page-max-width:72rem;--page-gutter:clamp(1.15rem, 5vw, 3rem);--bg:var(--lightningcss-light,#fbfbfa)var(--lightningcss-dark,#08090a);--bg-elev:var(--lightningcss-light,#fff)var(--lightningcss-dark,#101215);--border:var(--lightningcss-light,#ececea)var(--lightningcss-dark,#1e2024);--border-strong:var(--lightningcss-light,#e0e0dc)var(--lightningcss-dark,#2b2d33);--fg:var(--lightningcss-light,#141414)var(--lightningcss-dark,#ededec);--muted:var(--lightningcss-light,#6b6b68)var(--lightningcss-dark,#8a8b8f);--faint:var(--lightningcss-light,#9a9a97)var(--lightningcss-dark,#63646b);--brand:var(--lightningcss-light,#059669)var(--lightningcss-dark,#34d399);--accent:var(--brand);--accent-quiet:var(--lightningcss-light,#e9f6ef)var(--lightningcss-dark,#0e1c16);--link:var(--brand);--shadow-sm:0 1px 2px var(--lightningcss-light,#1414140d)var(--lightningcss-dark,#0006);--shadow-md:0 1px 2px var(--lightningcss-light,#1414140d)var(--lightningcss-dark,#0006), 0 12px 28px -10px var(--lightningcss-light,#14141424)var(--lightningcss-dark,#0000009e);--card-edge:inset 0 1px 0 var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff0a);--spring:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:clamp(1.5rem,6vw,3.5rem)}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:clamp(15px,1vw + .6rem,17px);line-height:1.55}body{flex-direction:column;display:flex}a{color:var(--link)}.page{width:100%;max-width:var(--page-max-width);padding-inline:var(--page-gutter);flex:1 0 auto;margin:0 auto;padding-block:clamp(2rem,6vw,4rem) 0}.hero{padding-block:clamp(1rem,3vw,2rem) clamp(3.5rem,9vw,6.5rem);position:relative}.hero:before{content:"";inset:-6rem calc(-1 * var(--page-gutter)) auto;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 30% -10%,var(--lightningcss-light,#05966912)var(--lightningcss-dark,#34d3991a),#0000 62%);height:34rem;position:absolute}.masthead{align-items:center;gap:.6rem;margin-bottom:clamp(2.5rem,7vw,4.5rem);display:flex}.brand-mark{background:var(--brand);flex:none;width:1.6rem;height:1.6rem;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.brand-name{letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-weight:650;line-height:1}.hero-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:0 0 .9rem;font-size:.8125rem;font-weight:600}.hero-title{letter-spacing:-.025em;color:var(--fg);text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(1.9rem,1.1rem + 3vw,3.1rem);font-weight:560;line-height:1.1}.hero-sub{max-width:42rem;color:var(--muted);text-wrap:pretty;margin:clamp(1rem,2.5vw,1.4rem) 0 0;font-size:clamp(1.02rem,1rem + .5vw,1.2rem);font-weight:400;line-height:1.5}.hero-sub a{color:var(--link);border-bottom:1px solid color-mix(in oklab, var(--link) 30%, transparent);text-decoration:none;transition:border-color .15s}.hero-sub a:hover{border-bottom-color:var(--link)}.hero-meta{letter-spacing:.02em;color:var(--faint);font-variant-numeric:tabular-nums;margin:clamp(1.1rem,3vw,1.6rem) 0 0;font-size:.8rem;font-weight:500}.group{margin-block:clamp(4rem,9vw,7.5rem) 0;scroll-margin-top:clamp(2rem,6vw,3.5rem)}.group-head{align-items:center;gap:.6rem;margin:0 0 1.15rem;display:flex}.group-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-quiet);border-radius:50%;flex:none;transition:box-shadow .2s}.group-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.8125rem;font-weight:600}.group-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.group:target .group-eyebrow{color:var(--accent)}.group:target .group-dot{box-shadow:0 0 0 5px var(--accent-quiet)}.marquee{--gap:clamp(.7rem, 1.6vw, 1.1rem);--fade:clamp(1rem, 3vw, 2.5rem);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);margin-block:-1.25rem;padding-block:1.25rem;position:relative;overflow:hidden}.marquee-track{gap:var(--gap);width:max-content;animation:marquee-scroll var(--dur,60s) linear infinite;will-change:transform;display:flex}.marquee[data-reverse] .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--gap) / 2))}}@media (prefers-reduced-motion:reduce){.marquee{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;overflow-x:auto}.marquee::-webkit-scrollbar{display:none}.marquee-track{animation:none}.card{scroll-snap-align:start}}.card{--card-accent:var(--op-brand,var(--brand));border:1px solid var(--border);background:var(--bg-elev);width:18rem;color:inherit;box-shadow:var(--shadow-sm), var(--card-edge);transition:transform .28s var(--spring), box-shadow .28s var(--spring), border-color .28s ease;border-radius:14px;flex-direction:column;flex:0 0 18rem;gap:.6rem;padding:1.15rem 1.25rem;text-decoration:none;display:flex}.card:hover{box-shadow:var(--shadow-md), var(--card-edge);border-color:color-mix(in oklab, var(--card-accent) 45%, var(--border-strong));transform:translateY(-3px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.card{transition:box-shadow .2s,border-color .2s}.card:hover{transform:none}}.card-head{align-items:center;gap:.7rem;min-width:0;display:flex}.op-logo{width:2.35rem;height:2.35rem;color:var(--card-accent);flex:none;display:inline-flex}.op-logo svg{width:100%;height:100%;display:block}.op-logo-fallback{justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1}.card-name{letter-spacing:-.01em;color:var(--fg);min-width:0;font-size:.98rem;font-weight:560}.card-summary{color:var(--muted);font-size:.875rem;line-height:1.45}.tools-loading{color:var(--muted);padding:2rem 0}footer{flex:none;margin-top:clamp(4rem,9vw,7rem);padding-block:clamp(1.5rem,4vw,2.5rem)}