:root{--paper:#fafafa;--paper-soft:#f1f1f0;--ink:#181819;--muted:#68686a;--panel:#fff;--line:#d9d9da;--accent:#536482;--accent-2:#55745f;--shadow:0 0 2px 1px #1818190b,0 12px 35px -20px #1818194d;--radius:5px;--font-display:Georgia,'Times New Roman',serif;--font-body:Arial,Helvetica,sans-serif;--font-utility:ui-monospace,Menlo,monospace;--slate:#536482;--sage:#55745f;--ochre:#936a3d}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}button{border:0;background:none}p,h1,h2{margin:0}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:16px;padding:15px;background:var(--ink);color:var(--paper);z-index:100}.skip-link:focus{top:12px}.site-header{height:104px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:25;border-bottom:1px solid #1818190b}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.2px;text-decoration:none}.wordmark span{color:var(--slate)}.directions{display:flex;gap:28px;height:100%;position:absolute;left:50%;transform:translateX(-50%);align-items:center}.directions button{height:100%;padding:0 4px;min-width:46px;font-size:13px;position:relative;color:var(--muted)}.directions button[aria-selected=true]{color:var(--ink)}.directions button:after{position:absolute;content:'';bottom:25px;left:4px;right:4px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .2s}.directions button[aria-selected=true]:after{transform:scaleX(1)}.header-note{font-size:11px;line-height:1.7;color:var(--muted)}.header-note a{text-decoration:none}.header-note a:hover{text-decoration:underline}.kicker{font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:var(--muted)}
.app{position:relative;min-height:640px;height:calc(100svh - 104px);overflow:hidden}.intro{position:absolute;left:4%;right:4%;top:42px;display:flex;justify-content:space-between;align-items:flex-end;z-index:3;pointer-events:none}.intro h1{font-size:38px;line-height:1.22;font-weight:400;letter-spacing:-1.3px;margin-top:16px}.intro h1 span{color:#77777a}.intro p{font-size:12px;line-height:1.7;color:var(--muted);padding-bottom:4px}.graph-stage{position:absolute;inset:180px 0 94px;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.graph-stage.is-panning,.graph-stage.is-dragging{cursor:grabbing}.graph-world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}.connections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.future-edge{fill:none;stroke:#c8c8cb;stroke-width:1;opacity:.55}.real-edge{fill:none;stroke:#a9a9ad;stroke-width:1}.ghost-shape{fill:#f6f6f6;stroke:#dcdcdf;stroke-width:1;filter:blur(.5px)}.ghost-mark{display:none}.ghost-node{opacity:.7}.product-node{position:absolute;left:0;top:0;display:flex;align-items:center;flex-direction:column;width:194px;padding:0;transform:translate(-50%,-50%);will-change:transform;touch-action:none;cursor:grab;--node-color:var(--slate)}.product-node:active{cursor:grabbing}.product-node:focus-visible{outline:none}.product-node:focus-visible .node-art{outline:2px solid currentColor;outline-offset:7px}.node-art{position:relative;display:grid;place-items:center;width:114px;height:114px;background:#fdfdfd;border-radius:8px;color:var(--node-color);box-shadow:0 0 6px 1px #18181910,0 14px 30px -22px #1818195c;transition:transform .35s,box-shadow .35s}.node-art:before{content:'';position:absolute;inset:9px;z-index:-1;background:var(--node-color);opacity:.05;filter:blur(9px)}.node-art>svg{width:68px;height:68px}.product-node:hover .node-art,.product-node[aria-expanded=true] .node-art{transform:scale(1.04);box-shadow:0 0 6px 1px #18181920,0 18px 35px -22px #18181966}.syn{--node-color:var(--sage)}.syn .node-art{border-radius:50%}.fourdle{--node-color:var(--ochre)}.fourdle .node-art{border-radius:2px}.node-title{font-size:17px;font-weight:500;line-height:1.3;margin-top:19px;letter-spacing:-.3px}.node-caption{font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px;white-space:nowrap}.relationship{position:absolute;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:12px;background:#fafafaf5;border:1px solid #dddde033;border-radius:var(--radius);font-size:9px;color:var(--muted);transform:translate(-50%,-50%);cursor:help}.relationship-dot{width:3px;height:3px;border-radius:50%;background:#777}.relationship-info{font-size:12px}.toolbar{position:absolute;left:4%;right:4%;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:15px}.legend{display:flex;gap:24px;font-size:10px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:8px}.legend i{width:6px;height:6px;border-radius:50%;display:block}.legend-live{background:#4e4e53}.legend-future{border:1px solid #a0a0a5}.drag-hint{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.drag-hint svg{width:14px;height:14px}.mobile-hint{display:none}.view-controls{display:flex;gap:8px}.view-controls button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;font-size:10px;color:var(--muted);border-radius:4px}.view-controls button:hover{background:#efefef}.view-controls svg{width:14px;height:14px}.detail-card,.relationship-card{position:fixed;z-index:30;width:284px;background:#fffffffa;backdrop-filter:blur(14px);border-radius:6px;padding:19px;box-shadow:var(--shadow);touch-action:auto}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-status{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:.1em;color:var(--muted)}.card-status>span{width:5px;height:5px;border-radius:50%;background:var(--card-color)}.card-close{width:44px;height:44px;font-size:24px;color:var(--muted);margin:-12px -12px -12px 0}.detail-card h2,.relationship-card h2{font-size:25px;font-weight:400;letter-spacing:-.5px;margin-bottom:10px}.detail-card p,.relationship-card p{font-size:13px;line-height:1.6;color:#5f5f64;margin-bottom:20px}.detail-card>a{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid #ebebed;padding-top:10px;font-size:12px;text-decoration:none}.detail-card>a:hover{text-decoration:underline}.card-pin,.relationship-disclaimer{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:12px}.eyebrow{display:block;font-size:9px;color:var(--muted);letter-spacing:.07em;margin-bottom:12px}.relationship-card h2{font-size:22px}.relationship-disclaimer{border-top:1px solid #ebebed;padding-top:12px}
.graph-hub{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:190px;height:80px;background:var(--paper);pointer-events:none}.graph-hub>span{font:45px/1.1 var(--font-display);letter-spacing:-1.5px}.graph-hub small{font:10px/1.5 var(--font-body);margin-top:9px;color:var(--muted)}.hub-edge{fill:none;stroke:#b1ada5;stroke-width:1}.atlas-panel .relationship,.orbit-panel .relationship,.atlas-panel .real-edge,.orbit-panel .real-edge{visibility:hidden;pointer-events:none}.atlas-panel .relationship,.orbit-panel .relationship{display:none}.atlas-panel .intro h1{font:38px/1.18 var(--font-display);letter-spacing:-.6px}.atlas-panel .intro h1 em{font-weight:400}.atlas-panel .product-node{width:260px;min-height:80px;align-items:flex-start;padding:12px 12px 12px 68px;background:var(--paper)}.atlas-panel .node-art{position:absolute;left:10px;top:8px;width:43px;height:43px;background:transparent;border-radius:0;box-shadow:none}.atlas-panel .node-art:before{display:none}.atlas-panel .node-art>svg{width:38px;height:38px}.atlas-panel .node-title{font:30px/1.2 var(--font-display);letter-spacing:-.5px;margin:0}.atlas-panel .node-caption{font-size:11px;margin-top:7px}.atlas-panel .product-node:hover .node-art,.atlas-panel .product-node[aria-expanded=true] .node-art{box-shadow:none}.atlas-panel .future-edge{stroke:#c2beb6;opacity:.4}.atlas-panel .ghost-shape{fill:#f3f2ef;stroke:#d0cbc2}.atlas-panel .graph-stage{top:180px;bottom:90px}body[data-view=atlas]{--paper:#f3f2ef;--muted:#67645f;background:#f3f2ef}.atlas-panel .graph-hub{align-items:flex-start;padding-left:10px}.atlas-panel .graph-hub small{font-style:italic}
body[data-view=orbit]{--paper:#101011;--ink:#edebe7;--muted:#a4a3a0;background:#101011}body[data-view=orbit] .site-header{border-bottom-color:#ffffff0c}body[data-view=orbit] .wordmark span{color:#8fa3c9}.orbit-panel{background:radial-gradient(ellipse at 50% 45%,#1b1b1e,#101011 72%)}.orbit-panel .intro h1{font-size:27px}.orbit-panel .intro h1 span{color:#a4a3a0}.orbit-panel .graph-hub{width:108px;height:108px;background:#171719;border-radius:50%;box-shadow:0 0 4px #ffffff1a}.orbit-panel .graph-hub>span{font:18px/1.3 var(--font-body);letter-spacing:-.4px}.orbit-panel .graph-hub small{font-size:8px;margin-top:5px}.orbit-panel .hub-edge{stroke:#66666f;stroke-width:1}.orbit-panel .node-art{width:105px;height:105px;background:#161618;color:#8fa3c9;box-shadow:0 0 5px #ffffff12,0 0 25px #8fa3c90a;border-radius:6px}.orbit-panel .syn .node-art{color:#93b8a2;border-radius:50%}.orbit-panel .fourdle .node-art{color:#d2a47a;border-radius:1px}.orbit-panel .node-art>svg{width:65px;height:65px}.orbit-panel .node-art:before{display:none}.orbit-panel .product-node:hover .node-art,.orbit-panel .product-node[aria-expanded=true] .node-art{box-shadow:0 0 5px #ffffff30,0 0 25px #8fa3c914;transform:scale(1.04)}.orbit-panel .node-title{font-size:18px;font-weight:400}.orbit-panel .node-caption{color:#a4a3a0;font-size:10px}.orbit-panel .future-edge{stroke:#49494e;opacity:.4}.orbit-panel .ghost-shape{fill:#141416;stroke:#3a3a40}.orbit-panel .toolbar{color:#a4a3a0}.orbit-panel .view-controls button{color:#a4a3a0}.orbit-panel .view-controls button:hover{background:#ffffff0c}.orbit-panel .detail-card,.orbit-panel .relationship-card{background:#1d1d20f5;color:#edebe7;box-shadow:0 0 3px #ffffff16,0 12px 35px #0005}.orbit-panel .detail-card p,.orbit-panel .card-status,.orbit-panel .card-pin,.orbit-panel .card-close{color:#b5b4b2}.orbit-panel .detail-card>a{border-top-color:#ffffff16}.orbit-panel .legend-live{background:#a4a3a0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js-note{max-width:700px;margin:auto;padding:50px 24px;line-height:1.8}.motion-paused .node-art{transition:none}.motion-paused .product-node:hover .node-art,.motion-paused .product-node[aria-expanded=true] .node-art{transform:none}
body{transition:none}.orbital-rings ellipse{fill:none;stroke:#ffffff0d;stroke-width:1}
@media(min-width:1600px){.intro{top:58px}.intro h1{font-size:44px}.graph-stage{top:210px}.node-art{width:128px;height:128px}.node-title{font-size:19px}}
@media(max-width:900px){.header-note{display:none}.directions{position:static;transform:none}.site-header{height:88px;padding:0 5%}.app{height:calc(100svh - 88px)}.intro p{display:none}.intro h1{font-size:32px}.drag-hint{display:none}}
@media(max-width:600px){.site-header{height:82px;padding:0 22px}.wordmark{font-size:24px}.directions{gap:18px}.directions button{font-size:12px;min-width:36px}.directions button:after{bottom:18px}.app{min-height:690px;height:calc(100svh - 82px)}.intro{top:30px;left:24px}.intro .kicker{font-size:8px}.intro h1{font-size:29px;line-height:1.3;margin-top:12px;letter-spacing:-.8px}.graph-stage{top:170px;bottom:125px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.node-art{width:104px;height:104px}.node-art>svg{width:63px;height:63px}.node-title{font-size:17px;margin-top:15px}.node-caption{font-size:10px}.toolbar{bottom:22px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto;gap:12px}.legend{grid-column:1/-1;justify-content:center;gap:24px}.drag-hint{display:flex;grid-column:1;font-size:9px;max-width:120px;line-height:1.5}.desktop-hint{display:none}.mobile-hint{display:inline}.view-controls{grid-column:2;gap:0}.view-controls button{padding:6px;font-size:9px}.view-controls #motion-toggle span,.view-controls [id$=motion-toggle] span{display:none}.relationship{font-size:8px;padding:12px 8px}.relationship-info{display:none}.detail-card,.relationship-card{width:min(284px,calc(100% - 30px))}.atlas-panel .intro h1{font-size:31px;line-height:1.2}.atlas-panel .graph-stage{top:170px;bottom:125px}.atlas-panel .graph-hub{width:180px;align-items:center;padding-left:0}.atlas-panel .graph-hub>span{font-size:37px}.atlas-panel .graph-hub small{font-size:10px}.atlas-panel .product-node{width:230px;padding-left:58px}.atlas-panel .node-title{font-size:29px}.atlas-panel .node-caption{font-size:10px}.atlas-panel .node-art{left:10px;top:12px;width:36px;height:36px}.atlas-panel .node-art>svg{width:33px;height:33px}.orbit-panel .intro h1{font-size:25px;line-height:1.35}.orbit-panel .graph-hub{width:88px;height:88px}.orbit-panel .graph-hub>span{font-size:15px}.orbit-panel .graph-hub small{font-size:7px}.orbit-panel .node-art{width:82px;height:82px}.orbit-panel .node-art>svg{width:52px;height:52px}.orbit-panel .node-title{font-size:17px;margin-top:13px}.orbit-panel .node-caption{font-size:9px}}
@media(max-width:360px){.site-header{padding:0 16px}.wordmark{font-size:21px}.directions{gap:12px}.intro h1{font-size:27px}.atlas-panel .product-node{width:218px}.atlas-panel .node-title{font-size:27px}.atlas-panel .node-caption{font-size:9px}.orbit-panel .node-caption{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-node:hover .node-art,.product-node[aria-expanded=true] .node-art{transform:none}}