body:has(.haam-design-system){--ds-paper:#f5f3ed;--ds-paper-deep:#ece9df;--ds-surface:#fffefa;--ds-ink:#151512;--ds-muted:#67665f;--ds-line:#d7d3c8;--ds-line-strong:#aaa69b;--ds-accent:#4338ca;--ds-accent-soft:#e8e7fb;--ds-cyan:#0891b2;--ds-gold:#b7791f;background:var(--ds-paper);color:var(--ds-ink)}:is(body:has(.haam-design-system) .global-site-header,body:has(.haam-design-system) .theme-footer,body:has(.haam-design-system) .global-floating-ui,body:has(.haam-design-system) .giant-cursor,body:has(.haam-design-system) .artifact-growth-cta,body:has(.haam-design-system) .home-container-doodles,body:has(.haam-design-system) .contact-qr-popups){display:none!important}body:has(.haam-design-system){cursor:auto!important}body:has(.haam-design-system) a{cursor:auto!important}body:has(.haam-design-system) button{cursor:auto!important}.haam-design-system{background:linear-gradient(to right, transparent calc(50% - .5px), #15151209 50%, transparent calc(50% + .5px)), var(--ds-paper);min-height:100vh;color:var(--ds-ink);font-family:Sora,sans-serif}.haam-design-system *,.haam-design-system :before,.haam-design-system :after{box-sizing:border-box}.haam-design-system a{color:inherit;text-decoration:none}.haam-design-system a:hover{text-decoration:none}.ds-topbar{z-index:50;border-bottom:1px solid var(--ds-line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f3edf0;grid-template-columns:minmax(220px,260px) minmax(0,1fr) auto;min-height:64px;display:grid;position:sticky;top:0}.ds-brand{border-right:1px solid var(--ds-line);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 24px;font-size:13px;font-weight:600;display:flex}.ds-wordmark{letter-spacing:-.07em;font-size:17px;font-weight:800}.ds-brand-divider{color:var(--ds-line-strong)}.ds-brand-name{color:var(--ds-muted);font-weight:500}.ds-topbar-nav{scrollbar-width:none;align-items:center;gap:4px;min-width:0;padding:0 18px;display:flex;overflow-x:auto}.ds-topbar-nav::-webkit-scrollbar{display:none}.ds-topbar-nav a,.ds-topbar-action{min-height:36px;color:var(--ds-muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.ds-topbar-nav a:hover,.ds-topbar-action:hover{background:var(--ds-paper-deep);color:var(--ds-ink)}.ds-topbar-action{border:1px solid var(--ds-ink);background:var(--ds-ink);color:var(--ds-surface);align-self:center;margin-right:16px}.ds-topbar-action:hover{color:var(--ds-ink);background:0 0}.ds-layout{grid-template-columns:minmax(220px,260px) minmax(0,860px) minmax(160px,210px);justify-content:center;align-items:start;display:grid}.ds-sidebar{border-right:1px solid var(--ds-line);height:calc(100vh - 64px);padding:28px 24px 36px;position:sticky;top:64px;overflow-y:auto}.ds-nav-group+.ds-nav-group{margin-top:28px}.ds-nav-label,.ds-eyebrow,.ds-section-index,.ds-mini-label,.ds-token-name{color:var(--ds-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.ds-nav-list{grid-gap:4px;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ds-nav-list a{min-height:34px;color:var(--ds-muted);justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;font-weight:500;display:flex}.ds-nav-list a:hover{background:var(--ds-paper-deep);color:var(--ds-ink)}.ds-nav-list a:after{content:"↗";opacity:0;transition:opacity .12s,transform .12s;transform:translate(-2px,2px)}.ds-nav-list a:hover:after{opacity:1;transform:translate(0)}.ds-version{border-top:1px solid var(--ds-line);margin-top:34px;padding-top:18px}.ds-version-row{justify-content:space-between;align-items:center;gap:12px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.ds-status-dot{background:#15803d;border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #15803d1f}.ds-version-note{color:var(--ds-muted);margin:9px 0 0;font-size:11px;line-height:1.55}.ds-content{border-right:1px solid var(--ds-line);background:#fffefab8;min-width:0}.ds-hero,.ds-section{border-bottom:1px solid var(--ds-line);padding:76px 64px;scroll-margin-top:84px}.ds-hero{padding-top:92px}.ds-hero h1{letter-spacing:-.075em;max-width:760px;margin:18px 0 0;font-size:clamp(3.25rem,7vw,6.75rem);font-weight:700;line-height:.9}.ds-lead{color:#35342f;letter-spacing:-.025em;max-width:700px;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.ds-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.ds-button{border:1px solid var(--ds-ink);justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:12px;font-weight:700;transition:background .12s,color .12s,transform .12s;display:inline-flex}.ds-button:hover{transform:translateY(-1px)}.ds-button-primary{background:var(--ds-ink);color:var(--ds-surface)!important}.ds-button-primary:hover{background:var(--ds-accent);border-color:var(--ds-accent)}.ds-button-secondary{background:0 0}.ds-button-secondary:hover{background:var(--ds-paper-deep)}.ds-overview-grid{border-top:1px solid var(--ds-line-strong);border-left:1px solid var(--ds-line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:70px;display:grid}.ds-overview-card{border-right:1px solid var(--ds-line-strong);border-bottom:1px solid var(--ds-line-strong);background:#fffefa99;min-height:170px;padding:24px;transition:background .14s}.ds-overview-card:hover{background:var(--ds-surface)}.ds-card-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.ds-card-number{color:var(--ds-line-strong);font-family:IBM Plex Mono,monospace;font-size:10px}.ds-overview-card h2{letter-spacing:-.04em;margin:32px 0 0;font-size:19px;font-weight:650}.ds-overview-card p{max-width:300px;color:var(--ds-muted);margin:8px 0 0;font-size:12px;line-height:1.55}.ds-section-header{grid-gap:20px;grid-template-columns:68px minmax(0,1fr);gap:20px;display:grid}.ds-section-title h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1}.ds-section-title>p{max-width:650px;color:var(--ds-muted);margin:18px 0 0;font-size:14px;line-height:1.7}.ds-principle-grid{border-top:1px solid var(--ds-line);border-left:1px solid var(--ds-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:46px;display:grid}.ds-principle{border-right:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);min-height:200px;padding:24px}.ds-principle h3,.ds-subsection h3,.ds-pattern-card h3,.ds-governance-item h3{letter-spacing:-.035em;margin:10px 0 0;font-size:17px;font-weight:650}.ds-principle p,.ds-pattern-card p,.ds-governance-item p{color:var(--ds-muted);margin:12px 0 0;font-size:12px;line-height:1.65}.ds-subsection{margin-top:54px}.ds-subsection-header{border-bottom:1px solid var(--ds-line-strong);justify-content:space-between;align-items:end;gap:24px;padding-bottom:14px;display:flex}.ds-subsection-header p{max-width:390px;color:var(--ds-muted);text-align:right;margin:0;font-size:11px;line-height:1.55}.ds-color-grid{border-top:1px solid var(--ds-line);border-left:1px solid var(--ds-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;display:grid}.ds-color-token{border-right:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);background:var(--ds-surface)}.ds-color-swatch{border-bottom:1px solid var(--ds-line);height:108px}.ds-color-meta{grid-gap:5px;gap:5px;padding:13px 14px 15px;display:grid}.ds-token-value{color:var(--ds-muted);font-family:IBM Plex Mono,monospace;font-size:10px}.ds-type-stack{border-top:1px solid var(--ds-line-strong);margin-top:20px}.ds-type-specimen{grid-gap:24px;border-bottom:1px solid var(--ds-line);grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px;padding:26px 0;display:grid}.ds-type-meta{color:var(--ds-muted);font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.65}.ds-type-display{letter-spacing:-.045em;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.95}.ds-type-interface{letter-spacing:-.06em;font-size:clamp(1.65rem,4vw,3.2rem);font-weight:650;line-height:1.05}.ds-type-mono{font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,2vw,1.4rem);line-height:1.5}.ds-scale-row{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.ds-scale-token{grid-gap:9px;gap:9px;min-width:70px;display:grid}.ds-scale-bar{background:var(--ds-accent);height:8px}.ds-scale-token code{color:var(--ds-muted);font-family:IBM Plex Mono,monospace;font-size:9px}.ds-component-board{grid-gap:38px;gap:38px;margin-top:46px;display:grid}.ds-component-demo{border:1px solid var(--ds-line-strong);background:var(--ds-surface)}.ds-demo-canvas{background:linear-gradient(#15151209 1px, transparent 1px), linear-gradient(90deg, #15151209 1px, transparent 1px), var(--ds-paper);background-size:24px 24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:210px;padding:40px 24px;display:flex}.ds-demo-caption{grid-gap:20px;border-top:1px solid var(--ds-line-strong);grid-template-columns:140px minmax(0,1fr);gap:20px;padding:18px 20px;display:grid}.ds-demo-caption h3{margin:0;font-size:13px;font-weight:650}.ds-demo-caption p{color:var(--ds-muted);margin:0;font-size:11px;line-height:1.55}.ds-demo-button{border:1px solid var(--ds-ink);min-height:42px;color:var(--ds-ink);font:inherit;background:0 0;padding:0 17px;font-size:11px;font-weight:700}.ds-demo-button[data-variant=primary]{background:var(--ds-ink);color:var(--ds-surface)}.ds-demo-button[data-variant=quiet]{color:var(--ds-accent);border-color:#0000}.ds-badge{border:1px solid var(--ds-line-strong);background:var(--ds-surface);text-transform:uppercase;align-items:center;gap:7px;min-height:25px;padding:0 9px;font-family:IBM Plex Mono,monospace;font-size:9px;display:inline-flex}.ds-demo-card{border:1px solid var(--ds-line-strong);background:var(--ds-surface);width:min(100%,360px)}.ds-demo-card-figure{border-bottom:1px solid var(--ds-line-strong);background:linear-gradient(135deg, var(--ds-accent) 0 42%, var(--ds-cyan) 42% 69%, #e9c46a 69%);height:108px}.ds-demo-card-body{padding:19px}.ds-demo-card-body h4{letter-spacing:-.04em;margin:8px 0 0;font-size:18px}.ds-demo-card-body p{color:var(--ds-muted);margin:8px 0 0;font-size:11px;line-height:1.55}.ds-pattern-grid,.ds-governance-grid{grid-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:46px;display:grid}.ds-pattern-card,.ds-governance-item{border:1px solid var(--ds-line);background:#fffefa99;padding:22px}.ds-quality-table{border-top:1px solid var(--ds-line-strong);margin-top:46px}.ds-quality-row{grid-gap:24px;border-bottom:1px solid var(--ds-line);grid-template-columns:150px minmax(0,1fr) 76px;align-items:start;gap:24px;padding:20px 0;display:grid}.ds-quality-name{font-size:12px;font-weight:650}.ds-quality-description{color:var(--ds-muted);margin:0;font-size:11px;line-height:1.6}.ds-quality-status{color:#166534;text-transform:uppercase;justify-self:end;font-family:IBM Plex Mono,monospace;font-size:9px}.ds-voice-grid{border-top:1px solid var(--ds-line-strong);border-left:1px solid var(--ds-line-strong);grid-template-columns:1fr 1fr;margin-top:46px;display:grid}.ds-voice-column{border-right:1px solid var(--ds-line-strong);border-bottom:1px solid var(--ds-line-strong);padding:24px}.ds-voice-column h3{margin:0;font-size:13px;font-weight:650}.ds-voice-example{margin:22px 0 0;font-family:Cormorant Garamond,serif;font-size:26px;line-height:1.25}.ds-voice-explanation{color:var(--ds-muted);margin:16px 0 0;font-size:11px;line-height:1.6}.ds-toc{padding:30px 22px;position:sticky;top:64px}.ds-toc-list{grid-gap:10px;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ds-toc-list a{color:var(--ds-muted);font-size:10px;line-height:1.4}.ds-toc-list a:hover{color:var(--ds-accent)}.ds-footer-note{color:var(--ds-muted);padding:38px 64px 70px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.7}@media (prefers-reduced-motion:reduce){.haam-design-system *,.haam-design-system :before,.haam-design-system :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1120px){.ds-layout{grid-template-columns:220px minmax(0,860px)}.ds-toc{display:none}}@media (max-width:820px){.ds-topbar{grid-template-columns:1fr auto}.ds-brand{border-right:0;padding:0 16px}.ds-topbar-nav{border-top:1px solid var(--ds-line);grid-area:2/1/auto/-1;min-height:46px;padding:0 8px}.ds-topbar-action{margin-right:10px}.ds-layout{display:block}.ds-sidebar{display:none}.ds-content{border-right:0}.ds-hero,.ds-section{padding:58px 24px}.ds-hero{padding-top:66px}.ds-overview-grid,.ds-principle-grid,.ds-pattern-grid,.ds-governance-grid,.ds-voice-grid{grid-template-columns:1fr}.ds-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-section-header{grid-template-columns:48px minmax(0,1fr);gap:10px}.ds-subsection-header{display:block}.ds-subsection-header p{text-align:left;margin-top:8px}.ds-type-specimen,.ds-demo-caption,.ds-quality-row{grid-template-columns:1fr;gap:10px}.ds-quality-status{justify-self:start}.ds-footer-note{padding:34px 24px 60px}}@media (max-width:480px){.ds-brand-name,.ds-brand-divider{display:none}.ds-topbar-action{min-height:34px;padding:0 10px;font-size:10px}.ds-color-grid{grid-template-columns:1fr}.ds-hero h1{font-size:3.4rem}.ds-overview-card{min-height:145px}}