.diagram{--diagram-red:#dc2626;--diagram-green:#16a34a;--diagram-yellow:#eab308;--diagram-blue:#2563eb;--diagram-violet:#7c3aed;--identity:var(--diagram-blue);--lvl-cluster-tint:color-mix(in srgb, var(--diagram-red) 10%, var(--neutral-0));--lvl-cluster-edge:color-mix(in srgb, var(--diagram-red) 55%, var(--neutral-0));--lvl-industry-tint:color-mix(in srgb, var(--diagram-green) 12%, var(--neutral-0));--lvl-industry-edge:color-mix(in srgb, var(--diagram-green) 58%, var(--neutral-0));--lvl-container-bg:color-mix(in srgb, var(--diagram-yellow) 9%, var(--neutral-0));--lvl-cluster-wash:color-mix(in srgb, var(--brand-offwhite) 55%, var(--neutral-0));--lvl-industry-wash:color-mix(in srgb, var(--brand-paleblue) 35%, var(--neutral-0));--lvl-container-edge:color-mix(in srgb, var(--diagram-yellow) 72%, var(--border-default));background:var(--bg-default);color:var(--text-default);padding:var(--section-pad-y) var(--page-gutter);border-radius:var(--radius-2xl);margin:var(--section-gap) auto;max-width:var(--container-wide);overflow:hidden}.diagram__inner{max-width:var(--container-max);margin:0 auto}.diagram__head{max-width:760px;margin:0 auto var(--section-head-gap);text-align:center}.diagram__eyebrow{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--ls-widest);font-weight:var(--fw-semibold);color:var(--brand-primary);margin:0 0 var(--space-3);display:inline-block}.diagram__title{font-size:var(--text-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--text-default);margin:0 0 var(--space-3);text-wrap:balance}.diagram__subline{font-size:var(--text-lead);line-height:var(--lh-snug);color:var(--text-muted);text-wrap:pretty;max-width:60ch;margin:0 auto}.diagram__shell{gap:var(--space-7);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=980px){.diagram__shell{gap:var(--space-6);grid-template-columns:1fr}}.diagram__canvas{aspect-ratio:16/11;border-radius:var(--radius-xl);background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--brand-paleblue) 22%, transparent), transparent 55%), radial-gradient(100% 90% at 100% 100%, color-mix(in srgb, var(--brand-accent) 8%, transparent), transparent 60%), var(--bg-subtle);border:1px solid var(--border-default);isolation:isolate;position:relative;overflow:hidden}.diagram__canvas:before{content:"";color:color-mix(in srgb, var(--brand-primary) 12%, transparent);opacity:.55;pointer-events:none;background-image:radial-gradient(currentColor 1px,#0000 1px);background-position:-1px -1px;background-size:28px 28px;position:absolute;inset:0;mask-image:linear-gradient(135deg,#000 0% 60%,#0000 100%)}.diagram .lvl{border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base), transform var(--transition-base);position:absolute}.diagram .lvl__tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--neutral-0);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-default);z-index:3;transition:border-color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:8px;padding:5px 9px 5px 5px;font-size:11px;display:inline-flex;position:absolute;top:14px;left:14px}.diagram .lvl__index{background:var(--text-default);width:18px;height:18px;color:var(--neutral-0);border-radius:var(--radius-full);font-size:10px;font-weight:var(--fw-bold);letter-spacing:0;justify-content:center;align-items:center;display:inline-flex}.diagram .lvl__caption{font-family:var(--font-display);font-size:13px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text-default);background:color-mix(in srgb, var(--neutral-0) 78%, transparent);border-radius:var(--radius-full);backdrop-filter:blur(4px);z-index:3;padding:4px 10px;position:absolute;top:14px;right:14px}.diagram .lvl--cluster{background:linear-gradient(135deg, var(--lvl-cluster-tint) 0%, var(--lvl-cluster-wash) 100%);border:1px solid var(--lvl-cluster-edge);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--neutral-0) 70%, transparent);inset:22px}.diagram .lvl--cluster .lvl__index{background:var(--diagram-red)}.diagram .lvl--industry{background:linear-gradient(160deg, var(--lvl-industry-tint) 0%, var(--lvl-industry-wash) 100%);border:1px dashed var(--lvl-industry-edge);inset:18% 22% 14% 10%}.diagram .lvl--industry .lvl__tag{background:var(--diagram-green);border-color:var(--diagram-green);color:var(--neutral-0)}.diagram .lvl--industry .lvl__index{background:var(--neutral-0);color:var(--diagram-green)}.diagram .lvl--container{background:var(--lvl-container-bg);border:1px solid var(--lvl-container-edge);box-shadow:var(--shadow-md);inset:22% 20% 18% 8%;overflow:hidden}.diagram .lvl--container .lvl__tag{background:var(--diagram-yellow);color:#352900;border-color:var(--diagram-yellow);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--diagram-yellow) 60%, transparent)}.diagram .lvl--container .lvl__index{color:var(--neutral-0);background:#352900}.diagram .lvl--container .lvl__caption{background:color-mix(in srgb, var(--diagram-yellow) 18%, var(--neutral-0));color:#6b5200}.container__mock{gap:6px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.container__mock span{background:linear-gradient(90deg, color-mix(in srgb, var(--brand-primary) 18%, var(--neutral-100)) 0%, color-mix(in srgb, var(--brand-primary) 5%, var(--neutral-100)) 100%);border-radius:3px;height:6px}.container__mock span:first-child{background:color-mix(in srgb, var(--brand-primary) 70%, transparent);border-radius:4px;width:60%;height:10px}.container__mock span:nth-child(2){width:92%}.container__mock span:nth-child(3){width:76%}.container__mock span:nth-child(4){width:84%}.sibling{border:1px dashed color-mix(in srgb, var(--diagram-violet) 55%, var(--border-default));border-radius:var(--radius-md);background:color-mix(in srgb, var(--diagram-violet) 7%, var(--neutral-0));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--diagram-violet) 72%, var(--text-muted));pointer-events:none;align-items:flex-end;padding:0 8px 6px;font-size:9.5px;display:flex;position:absolute}.sibling--ind-a{width:14%;height:22%;top:18%;right:4%}.sibling--ind-b{width:14%;height:26%;bottom:14%;right:4%}.sibling--cont-a{width:16%;height:30%;top:22%;right:2%}.sibling--cont-b{width:16%;height:26%;bottom:18%;right:2%}.diagram .lvl--identity{pointer-events:none;z-index:4;width:0;position:absolute;top:-2%;bottom:-2%;left:64%}.lvl--identity .ident__line{background:linear-gradient(180deg, transparent 0%, var(--identity) 8%, var(--identity) 92%, transparent 100%);width:2px;box-shadow:0 0 10px color-mix(in srgb, var(--identity) 55%, transparent);transition:width var(--transition-base), box-shadow var(--transition-base);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.lvl--identity .ident__line:before,.lvl--identity .ident__line:after{content:"";background:var(--identity);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--identity) 70%, transparent);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.lvl--identity .ident__line:before{top:6%}.lvl--identity .ident__line:after{bottom:6%}.lvl--identity .ident__avatar{border:2px solid var(--bg-default);background:var(--neutral-900);width:34px;height:34px;color:var(--neutral-0);box-shadow:0 0 0 5px color-mix(in srgb, var(--identity) 22%, transparent), 0 0 0 10px color-mix(in srgb, var(--identity) 9%, transparent), 0 8px 18px -6px color-mix(in srgb, var(--neutral-900) 55%, transparent);transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:50%;place-items:center;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.lvl--identity .ident__avatar svg{width:19px;height:19px}.lvl--identity .lvl__tag{background:var(--neutral-900);color:var(--neutral-0);border-color:var(--neutral-900);position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}.lvl--identity .lvl__index{background:var(--identity);color:var(--neutral-900)}.diagram__shell:has(.legend__item[data-level=cluster]:is(:hover,:focus-visible)) .lvl--cluster{border-color:color-mix(in srgb, var(--brand-primary) 50%, var(--lvl-cluster-edge));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brand-primary) 72%, transparent), inset 0 1px 0 color-mix(in srgb, var(--neutral-0) 70%, transparent)}.diagram__shell:has(.legend__item[data-level=industry]:is(:hover,:focus-visible)) .lvl--industry{border-style:solid;border-color:var(--brand-primary);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brand-primary) 72%, transparent)}.diagram__shell:has(.legend__item[data-level=container]:is(:hover,:focus-visible)) .lvl--container{border-color:var(--brand-primary);box-shadow:inset 0 0 0 2px var(--brand-primary), var(--shadow-lg);transform:translateY(-2px)}.diagram__shell:has(.legend__item[data-level=identity]:is(:hover,:focus-visible)) .ident__line{width:4px}.diagram__shell:has(.legend__item[data-level=identity]:is(:hover,:focus-visible)) .ident__avatar{box-shadow:0 0 0 7px color-mix(in srgb, var(--identity) 28%, transparent), 0 0 0 14px color-mix(in srgb, var(--identity) 12%, transparent), 0 10px 24px -6px color-mix(in srgb, var(--neutral-900) 65%, transparent);transform:translate(-50%,-50%)scale(1.08)}.legend__item:focus-visible{outline-offset:3px;box-shadow:var(--focus-ring);outline:2px solid #0000}.legend{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.legend__item{gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-md);isolation:isolate;cursor:default;transition:border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base);grid-template-columns:auto 1fr;display:grid;position:relative}.legend__item:before{content:"";border-radius:var(--radius-md) 2px 2px var(--radius-md);background:var(--legend-accent,var(--border-default));width:4px;transition:background-color var(--transition-base), width var(--transition-base);position:absolute;top:-1px;bottom:-1px;left:-1px}.legend__item[data-level=cluster]{--legend-accent:var(--diagram-red)}.legend__item[data-level=industry]{--legend-accent:var(--diagram-green)}.legend__item[data-level=container]{--legend-accent:var(--diagram-yellow)}.legend__item[data-level=identity]{--legend-accent:var(--diagram-blue)}.legend__item:hover{border-color:color-mix(in srgb, var(--legend-accent) 50%, var(--border-default))}.legend__item:hover:before{width:4px}.legend__index{border-radius:var(--radius-full);background:color-mix(in srgb, var(--legend-accent) 14%, transparent);width:28px;height:28px;color:var(--text-default);font-family:var(--font-mono);font-size:12px;font-weight:var(--fw-bold);letter-spacing:0;justify-content:center;align-self:start;align-items:center;display:inline-flex}.legend__head{align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.legend__name{font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--text-default);margin:0}.legend__instance{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:var(--fw-medium);background:color-mix(in srgb, var(--legend-accent) 14%, transparent);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px}.legend__body{font-size:var(--text-small);line-height:var(--lh-snug);color:var(--text-muted);text-wrap:pretty;grid-column:2/-1;margin:0}@media (width<=980px){.legend__item{padding:var(--space-4)}.legend__item+.legend__item{margin-top:0}.legend__item+.legend__item:after{content:"";background:color-mix(in srgb, var(--text-muted) 40%, transparent);width:1px;height:12px;position:absolute;top:-18px;left:22px}.legend{gap:var(--space-4)}}.diagram__foot{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border-default);justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.diagram__close{font-family:var(--font-display);font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-default);max-width:55ch;font-weight:var(--fw-semibold);text-wrap:balance;margin:0}.diagram__link{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-small);color:var(--brand-primary);border-radius:var(--radius-md);transition:background-color var(--transition-base), color var(--transition-base);white-space:nowrap;max-width:100%;padding:8px 12px;text-decoration:none;display:inline-flex}@media (width<=480px){.diagram__link{white-space:normal}}.diagram__link:hover{background:var(--brand-primary-50)}.diagram__link:focus{outline-offset:3px;outline:2px solid #0000}.diagram__link:focus-visible{box-shadow:var(--focus-ring)}.diagram__link svg{transition:transform var(--transition-base)}.diagram__link:hover svg{transform:translate(3px)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram){color:var(--neutral-50);--bg-default:#11161e;--bg-subtle:#0e131a;--border-default:#1f2937;--text-default:var(--neutral-50);--text-muted:#9ca3b3;--neutral-100:#1a212b;--neutral-0:#11161e;--lvl-cluster-tint:color-mix(in srgb, var(--diagram-red) 22%, #0e131a);--lvl-cluster-edge:color-mix(in srgb, var(--diagram-red) 60%, #1f2937);--lvl-industry-tint:color-mix(in srgb, var(--diagram-green) 24%, #0e131a);--lvl-industry-edge:color-mix(in srgb, var(--diagram-green) 62%, #1f2937);--lvl-container-bg:color-mix(in srgb, var(--diagram-yellow) 16%, #161d27);--lvl-container-edge:color-mix(in srgb, var(--diagram-yellow) 65%, #1f2937);--lvl-cluster-wash:color-mix(in srgb, var(--diagram-red) 6%, #0e131a);--lvl-industry-wash:color-mix(in srgb, var(--brand-paleblue) 8%, #0e131a);background:#0a0d12}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__title{color:#f7f3f5}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__eyebrow{color:var(--brand-skyblue)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__close{color:#f7f3f5}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__canvas{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--brand-primary) 22%, transparent), transparent 55%), radial-gradient(100% 90% at 100% 100%, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 60%), #0e131a;border-color:#1f2937}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__canvas:before{color:color-mix(in srgb, var(--brand-skyblue) 22%, transparent);opacity:.5}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl__tag{color:var(--neutral-50);background:#11161e;border-color:#1f2937}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl__index{background:var(--neutral-50);color:#0a0d12}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl__caption{color:var(--neutral-50);background:#11161ec7}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--industry .lvl__tag{background:var(--diagram-green);color:var(--neutral-0);border-color:var(--diagram-green)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--industry .lvl__index{color:var(--diagram-green);background:#0a0d12}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--container .lvl__tag{background:var(--diagram-yellow);color:#352900;border-color:var(--diagram-yellow)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--container .lvl__caption{background:color-mix(in srgb, var(--diagram-yellow) 22%, transparent);color:#fde047}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .container__mock span:first-child{background:color-mix(in srgb, var(--brand-skyblue) 70%, transparent)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .container__mock span{background:linear-gradient(90deg, color-mix(in srgb, var(--brand-skyblue) 26%, #1a212b) 0%, color-mix(in srgb, var(--brand-skyblue) 8%, #1a212b) 100%)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .sibling{background:color-mix(in srgb, var(--diagram-violet) 12%, #0a0d12);border-color:color-mix(in srgb, var(--diagram-violet) 58%, #1f2937);color:color-mix(in srgb, var(--diagram-violet) 70%, var(--neutral-50))}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--identity .lvl__tag{color:#0a0d12;background:#f7f3f5;border-color:#f7f3f5}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .lvl--identity .lvl__index{background:var(--brand-accent);color:#0a0d12}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .legend__item{background:#11161e;border-color:#1f2937}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .legend__item:hover{border-color:color-mix(in srgb, var(--legend-accent) 60%, #1f2937);background:#141a23}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .legend__name{color:#f7f3f5}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .legend__index{color:#f7f3f5;background:color-mix(in srgb, var(--legend-accent) 22%, transparent)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .legend__instance{color:var(--brand-paleblue);background:color-mix(in srgb, var(--legend-accent) 22%, transparent)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__link{color:var(--brand-skyblue)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__link:hover{background:color-mix(in srgb, var(--brand-skyblue) 16%, transparent);color:var(--brand-paleblue)}:is(.diagram[data-theme=dark],html[data-theme=dark] .diagram) .diagram__foot{border-color:#1f2937}html[data-theme=dark] .diagram{color:#f7f3f5;--bg-default:#11161e;--bg-subtle:#0e131a;--border-default:#1f2937;--text-default:#f7f3f5;--text-muted:#9ca3b3;--neutral-100:#1a212b;--neutral-0:#11161e;--lvl-cluster-tint:color-mix(in srgb, var(--diagram-red) 22%, #0e131a);--lvl-cluster-edge:color-mix(in srgb, var(--diagram-red) 60%, #1f2937);--lvl-industry-tint:color-mix(in srgb, var(--diagram-green) 24%, #0e131a);--lvl-industry-edge:color-mix(in srgb, var(--diagram-green) 62%, #1f2937);--lvl-container-bg:color-mix(in srgb, var(--diagram-yellow) 16%, #161d27);--lvl-container-edge:color-mix(in srgb, var(--diagram-yellow) 65%, #1f2937);background:#0a0d12}html[data-theme=dark] .diagram .diagram__title,html[data-theme=dark] .diagram .diagram__close,html[data-theme=dark] .diagram .legend__name{color:#f7f3f5}html[data-theme=dark] .diagram .diagram__eyebrow,html[data-theme=dark] .diagram .diagram__link{color:var(--brand-skyblue)}html[data-theme=dark] .diagram .diagram__link:hover{color:var(--brand-paleblue);background:color-mix(in srgb, var(--brand-skyblue) 16%, transparent)}html[data-theme=dark] .diagram .diagram__canvas{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--brand-primary) 22%, transparent), transparent 55%), radial-gradient(100% 90% at 100% 100%, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 60%), #0e131a;border-color:#1f2937}html[data-theme=dark] .diagram .lvl__tag,html[data-theme=dark] .diagram .legend__item{color:#f7f3f5;background:#11161e;border-color:#1f2937}html[data-theme=dark] .diagram .lvl__caption{color:#f7f3f5;background:#11161ec7}html[data-theme=dark] .diagram .legend__instance{color:var(--brand-paleblue);background:color-mix(in srgb, var(--legend-accent) 22%, transparent)}html[data-theme=dark] .diagram .diagram__foot{border-color:#1f2937}@media (prefers-reduced-motion:reduce){.diagram .lvl,.diagram .lvl__tag,.diagram .legend__item,.diagram .legend__item:before,.diagram .diagram__link,.diagram .diagram__link svg{transition:none}.diagram__shell:has(.legend__item[data-level=container]:is(:hover,:focus-visible)) .lvl--container{transform:none}}