.mgf-website{--mgf-ds-on-light:#fff;--mgf-ds-on-dark:#0c3060}.mgf-ds-hero-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.mgf-ds-hero-swatches>li{border:1px solid #ffffff24;border-radius:16px;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:16px;display:flex}.mgf-ds-hero-swatches strong{font-size:15px;line-height:1.2}.mgf-ds-hero-swatches span,.mgf-ds-swatch-chip,.mgf-ds-neutrals code{font-family:var(--font-plex-mono-ext), var(--font-ibm-plex-mono), monospace;letter-spacing:.06em;font-size:11px}.mgf-website [data-on=light]{color:var(--mgf-ds-on-light)}.mgf-website [data-on=dark]{color:var(--mgf-ds-on-dark)}.mgf-ds-hero-type{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;display:grid}.mgf-ds-hero-type>div{background:#ffffff0a;border:1px solid #24a8d833;border-radius:14px;min-width:0;padding:14px 16px}.mgf-ds-hero-type dt{color:var(--mgf-on-navy-muted);font-family:var(--font-plex-mono-ext), var(--font-ibm-plex-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.mgf-ds-hero-type dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:15px;font-weight:700}.mgf-website [data-variant=heading]{font-family:var(--font-montserrat-ext), var(--font-montserrat), sans-serif}.mgf-website [data-variant=body]{font-family:var(--font-inter-ext), var(--font-inter), sans-serif}.mgf-website [data-variant=mono]{font-family:var(--font-plex-mono-ext), var(--font-ibm-plex-mono), monospace}.mgf-ds-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.mgf-ds-swatches>li{border:1px solid var(--g2-line);background:var(--g2-paper);border-radius:18px;min-width:0;padding:12px 12px 22px}.mgf-ds-swatch-chip{border-radius:12px;align-items:flex-end;min-height:132px;padding:14px;font-weight:700;display:flex}.mgf-website .mgf-ds-swatches h3,.mgf-website .mgf-ds-status h3,.mgf-website .mgf-ds-type h3{font-family:var(--font-montserrat-ext), var(--font-montserrat), sans-serif;letter-spacing:-.02em;margin:18px 10px 6px;font-size:20px;font-weight:700}.mgf-website .mgf-ds-swatches p{color:var(--g2-muted);margin:0 10px;font-size:13px;line-height:1.6}.mgf-ds-neutrals{color:var(--g2-muted);flex-wrap:wrap;gap:10px 28px;margin:22px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.mgf-ds-neutrals>li{align-items:center;gap:10px;display:flex}.mgf-ds-neutrals strong{color:var(--g2-ink)}.mgf-ds-neutral-dot{border:1px solid var(--g2-line);border-radius:999px;flex:none;width:22px;height:22px}.mgf-ds-status{border:1px solid var(--g2-line);background:var(--g2-soft);border-radius:20px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:40px;padding:28px;display:grid}.mgf-website .mgf-ds-status h3{margin:0 0 10px}.mgf-website .mgf-ds-status p{color:var(--g2-muted);margin:0;font-size:14px;line-height:1.7}.mgf-ds-status ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mgf-ds-status li{color:var(--g2-ink);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;font-size:14px;display:grid}.mgf-ds-badge{justify-self:start}.mgf-ds-type{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.mgf-ds-type>li{border:1px solid var(--g2-line);background:var(--g2-paper);border-radius:18px;min-width:0;padding:26px}.mgf-website .mgf-ds-type h3{overflow-wrap:anywhere;margin:14px 0 18px;font-size:clamp(26px,3vw,34px)}.mgf-website .mgf-ds-type h3[data-variant=body]{font-weight:600}.mgf-website .mgf-ds-type h3[data-variant=mono]{letter-spacing:-.03em;font-weight:500}.mgf-website .mgf-ds-type p{border-top:1px solid var(--g2-line);color:var(--g2-ink);margin:0;padding-top:16px;font-size:15px;line-height:1.6}.mgf-website .mgf-ds-type p[data-variant=mono]{letter-spacing:.04em;font-size:13px}@media (max-width:980px){.mgf-ds-swatches,.mgf-ds-type{grid-template-columns:1fr}.mgf-ds-swatch-chip{min-height:88px}.mgf-ds-status{grid-template-columns:1fr;gap:22px}}@media (max-width:700px){.mgf-ds-hero-swatches>li{min-height:120px;padding:12px}.mgf-ds-hero-type{grid-template-columns:1fr}.mgf-ds-status{padding:22px}.mgf-ds-status li{grid-template-columns:1fr;gap:6px}.mgf-ds-badge{justify-self:start}}