:root{--bg: #0a0a0c;--card-fill-from: rgba(255, 255, 255, .04);--card-fill-to: rgba(255, 255, 255, .01);--panel: rgba(18, 18, 24, .97);--accent: #6ea8ff;--t-100: #fff;--t-75: rgba(255, 255, 255, .75);--t-65: rgba(255, 255, 255, .65);--t-60: rgba(255, 255, 255, .6);--t-55: rgba(255, 255, 255, .55);--t-50: rgba(255, 255, 255, .5);--t-45: rgba(255, 255, 255, .45);--t-40: rgba(255, 255, 255, .4);--t-35: rgba(255, 255, 255, .35);--t-30: rgba(255, 255, 255, .3);--t-25: rgba(255, 255, 255, .25);--b-hair: rgba(255, 255, 255, .06);--b-hair-strong: rgba(255, 255, 255, .07);--b-highlight: rgba(255, 255, 255, .09);--b-card: rgba(255, 255, 255, .1);--b-pill: rgba(255, 255, 255, .15);--b-dashed: rgba(255, 255, 255, .2);--b-open: rgba(255, 255, 255, .25);--b-hover: rgba(255, 255, 255, .28);--b-strong: rgba(255, 255, 255, .3);--font-ui: "Space Grotesk", "Noto Sans SC", sans-serif;--font-mono: "IBM Plex Mono", monospace;--fs-body: clamp(15px, 1.25vw, 17px);--fs-body-lg: clamp(16px, 1.3vw, 19px);--fs-lead: clamp(19px, 1.8vw, 24px);--lh-body: 1.47;--lh-head: 1.06;--fs-label: clamp(12px, 1vw, 13.5px);--fs-meta: clamp(12px, .95vw, 13px);--ls-display: -.015em;--ls-head: -.005em;--ls-body: -.01em;--pad-x: clamp(20px, 5vw, 48px);--pad-y: clamp(64px, 9vh, 112px);--content-max: 1100px;--stripe-hl: repeating-linear-gradient(45deg, #15151a, #15151a 8px, #191922 8px, #191922 16px);--stripe-card: repeating-linear-gradient(45deg, #12121a, #12121a 8px, #161622 8px, #161622 16px);--rotate: 6s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--t-100);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#7db4ff;text-decoration:none}a:hover{color:#a8ccff}button{font-family:inherit}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(30px,-20px)}to{transform:translate(0)}}@keyframes drift2{0%{transform:translate(0)}50%{transform:translate(-24px,18px)}to{transform:translate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fillbar{0%{width:0}to{width:100%}}.rise{animation:rise .9s ease both}.reveal-enabled [data-reveal]{opacity:0;transform:translateY(26px);filter:blur(4px);transition:opacity .72s ease,transform .76s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform,filter}.reveal-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.reveal-enabled [data-reveal].is-visible{will-change:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important;filter:none!important}}.glow{position:absolute;border-radius:50%;pointer-events:none}.glow--blue{width:600px;height:600px;left:50%;margin-left:-300px;background:radial-gradient(circle,oklch(.55 .18 250 / .3),transparent 65%);animation:drift 12s ease-in-out infinite}.glow--teal{width:420px;height:420px;background:radial-gradient(circle,oklch(.55 .18 190 / .22),transparent 65%);animation:drift2 16s ease-in-out infinite}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px var(--pad-x);border-bottom:1px solid var(--b-hair)}.nav--sticky{position:sticky;top:0;z-index:20;background:#0a0a0cbf;backdrop-filter:blur(14px)}.wordmark{font-weight:700;font-size:19px;letter-spacing:.04em;color:var(--t-100)}.wordmark .dot-ca{color:var(--accent)}.wordmark .flag{font-size:11px;vertical-align:super;margin-left:3px}.nav__right{display:flex;align-items:center;gap:clamp(12px,2.4vw,26px);font-size:15px;flex-wrap:wrap}.nav__link{color:var(--t-65);padding:8px 0;font-weight:500}.nav__link:hover{color:var(--t-100)}.pill-outline{color:var(--t-100);border:1px solid var(--b-strong);border-radius:99px;padding:9px 20px;font-weight:500;display:inline-block}.pill-outline:hover{color:var(--t-100);border-color:var(--t-100)}.pill-solid{background:#fff;color:var(--bg);border-radius:99px;padding:15px 32px;font-weight:600;display:inline-block}.pill-solid:hover{color:var(--bg)}.langs{display:flex;gap:2px;background:#ffffff14;border-radius:99px;padding:3px;font-family:var(--font-mono);font-size:12.5px}.lang{border:none;background:transparent;color:var(--t-60);cursor:pointer;border-radius:99px;padding:6px 14px;font-size:12.5px;line-height:1.4}.lang[aria-current=true]{background:#fff;color:var(--bg)}.lang[aria-disabled=true]{color:var(--t-25);cursor:default}.section{padding:var(--pad-y) var(--pad-x);border-top:1px solid var(--b-hair-strong);max-width:var(--content-max);margin:0 auto}.section__head{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--t-40);letter-spacing:.2em}.section__note{font-size:var(--fs-body-lg);color:var(--t-50);margin:14px 0 40px;line-height:1.55;max-width:700px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:stretch}.card-grid:has(details[open]){align-items:start}.card{border:1px solid var(--b-card);border-radius:18px;padding:28px;background:linear-gradient(180deg,var(--card-fill-from),var(--card-fill-to));transition:transform .3s,border-color .3s}.card:hover{transform:translateY(-4px);border-color:var(--b-hover)}.card__slug{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--accent)}.card__name{font-size:clamp(19px,1.7vw,23px);font-weight:600;letter-spacing:var(--ls-head);line-height:1.15;margin-top:12px}.card__desc{font-size:var(--fs-body);color:var(--t-55);margin-top:10px;line-height:1.5}.card__media{margin-top:20px;aspect-ratio:16 / 9;border-radius:12px;background:var(--stripe-card);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--t-35);text-align:center;padding:0 12px}.card--placeholder{border:1px dashed var(--b-dashed);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px}.card--placeholder .plus{font-family:var(--font-mono);font-size:28px;color:var(--t-35)}.card--placeholder .label{font-size:var(--fs-body);color:var(--t-50)}.card--placeholder .sub{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--t-30)}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:24px var(--pad-x);border-top:1px solid var(--b-hair);font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--t-35)}.footer__links{display:flex;gap:22px;align-items:center}.footer__links a{color:var(--t-55)}.footer__links a:hover{color:var(--t-100)}