.PlatformArchitectureVisuals-module__B4DBca__figure{--architecture-accent:var(--primary);border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 12% 0%, color-mix(in oklab, var(--architecture-accent) 12%, transparent), transparent 32%), var(--card);margin-block:1.5rem;position:relative;overflow:hidden}.PlatformArchitectureVisuals-module__B4DBca__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.PlatformArchitectureVisuals-module__B4DBca__eyebrow{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.PlatformArchitectureVisuals-module__B4DBca__pauseControl{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:2rem;color:var(--muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding-inline:.65rem;font-size:.75rem;display:inline-flex}.PlatformArchitectureVisuals-module__B4DBca__pauseControl:hover{color:var(--foreground)}.PlatformArchitectureVisuals-module__B4DBca__pauseControl input{accent-color:var(--architecture-accent)}.PlatformArchitectureVisuals-module__B4DBca__canvas{padding:clamp(1rem,3vw,1.75rem);position:relative}.PlatformArchitectureVisuals-module__B4DBca__contextGrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr);align-items:center;gap:clamp(.65rem,2vw,1.4rem);display:grid;position:relative}.PlatformArchitectureVisuals-module__B4DBca__contextGrid:before{background:color-mix(in oklab, var(--architecture-accent) 35%, var(--border));content:"";height:2px;position:absolute;top:50%;left:8%;right:8%}.PlatformArchitectureVisuals-module__B4DBca__contextGrid:after{background:var(--architecture-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--architecture-accent) 18%, transparent);content:"";border-radius:999px;animation:4.8s ease-in-out infinite PlatformArchitectureVisuals-module__B4DBca__architecture-context-traverse;position:absolute;top:50%;left:8%;transform:translate(-50%,-50%)}.PlatformArchitectureVisuals-module__B4DBca__centerStack{gap:.75rem;display:grid}.PlatformArchitectureVisuals-module__B4DBca__node{z-index:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--card) 93%, var(--architecture-accent));min-width:0;box-shadow:0 8px 26px color-mix(in oklab, var(--foreground) 7%, transparent);padding:.85rem;position:relative}.PlatformArchitectureVisuals-module__B4DBca__node[data-kind=system]{border-color:color-mix(in oklab, var(--architecture-accent) 60%, var(--border));background:color-mix(in oklab, var(--card) 86%, var(--architecture-accent))}.PlatformArchitectureVisuals-module__B4DBca__node strong,.PlatformArchitectureVisuals-module__B4DBca__node span{display:block}.PlatformArchitectureVisuals-module__B4DBca__node strong{overflow-wrap:anywhere;font-size:.86rem}.PlatformArchitectureVisuals-module__B4DBca__node span{color:var(--muted-foreground);margin-top:.28rem;font-size:.72rem;line-height:1.45}.PlatformArchitectureVisuals-module__B4DBca__relationship{background:color-mix(in oklab, var(--architecture-accent) 35%, var(--border));height:2px;position:relative;overflow:visible}.PlatformArchitectureVisuals-module__B4DBca__relationship:after{background:var(--architecture-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--architecture-accent) 18%, transparent);content:"";border-radius:999px;animation:3.4s ease-in-out infinite PlatformArchitectureVisuals-module__B4DBca__architecture-traverse-x;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.PlatformArchitectureVisuals-module__B4DBca__relationship[data-delay="1"]:after{animation-delay:-1.7s}.PlatformArchitectureVisuals-module__B4DBca__containerGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.5rem,1.4vw,.85rem);display:grid}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node{min-height:7.4rem}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:not(:last-child):after{background:color-mix(in oklab, var(--architecture-accent) 42%, var(--border));content:"";width:clamp(.5rem,1.4vw,.85rem);height:2px;position:absolute;top:50%;right:calc(-1*clamp(.5rem,1.4vw,.85rem))}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:before{background:var(--architecture-accent);content:"";opacity:.25;border-radius:999px;width:.45rem;height:.45rem;animation:5s ease-in-out infinite PlatformArchitectureVisuals-module__B4DBca__architecture-node-pulse;position:absolute;top:.7rem;right:.7rem}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:nth-child(2):before{animation-delay:1s}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:nth-child(3):before{animation-delay:2s}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:nth-child(4):before{animation-delay:3s}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:nth-child(5):before{animation-delay:4s}.PlatformArchitectureVisuals-module__B4DBca__legend{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.7rem 1rem;font-size:.72rem;line-height:1.45;display:flex}.PlatformArchitectureVisuals-module__B4DBca__timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.5rem,1.4vw,.9rem);margin:0;padding:0;list-style:none;display:grid}.PlatformArchitectureVisuals-module__B4DBca__timeline:before{background:color-mix(in oklab, var(--architecture-accent) 30%, var(--border));content:"";height:2px;position:absolute;top:3.55rem;left:clamp(1.4rem,4vw,2.6rem);right:clamp(1.4rem,4vw,2.6rem)}.PlatformArchitectureVisuals-module__B4DBca__timelineItem{z-index:1;text-align:center;min-width:0;padding-top:2.2rem;position:relative}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:before{border:2px solid var(--card);background:var(--muted-foreground);width:.9rem;height:.9rem;box-shadow:0 0 0 1px var(--border);content:"";border-radius:999px;animation:10s ease-in-out infinite PlatformArchitectureVisuals-module__B4DBca__architecture-stage;position:absolute;top:1.65rem;left:50%;transform:translate(-50%,-50%)}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:nth-child(2):before{animation-delay:2s}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:nth-child(3):before{animation-delay:4s}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:nth-child(4):before{animation-delay:6s}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:nth-child(5):before{animation-delay:8s}.PlatformArchitectureVisuals-module__B4DBca__timelineItem strong,.PlatformArchitectureVisuals-module__B4DBca__timelineItem span{display:block}.PlatformArchitectureVisuals-module__B4DBca__timelineItem strong{overflow-wrap:anywhere;font-size:.78rem}.PlatformArchitectureVisuals-module__B4DBca__timelineItem span{color:var(--muted-foreground);margin-top:.3rem;font-size:.68rem;line-height:1.4}.PlatformArchitectureVisuals-module__B4DBca__arcGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.PlatformArchitectureVisuals-module__B4DBca__arcItem{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--card) 96%, var(--architecture-accent));grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.6rem;min-width:0;padding:.75rem;display:grid}.PlatformArchitectureVisuals-module__B4DBca__arcNumber{background:color-mix(in oklab, var(--architecture-accent) 16%, var(--muted));width:2rem;height:2rem;color:var(--foreground);font-family:var(--font-mono);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.PlatformArchitectureVisuals-module__B4DBca__arcItem strong,.PlatformArchitectureVisuals-module__B4DBca__arcItem span{display:block}.PlatformArchitectureVisuals-module__B4DBca__arcItem strong{font-size:.78rem}.PlatformArchitectureVisuals-module__B4DBca__arcItem span{color:var(--muted-foreground);margin-top:.22rem;font-size:.68rem;line-height:1.4}.PlatformArchitectureVisuals-module__B4DBca__figure:has(.PlatformArchitectureVisuals-module__B4DBca__pauseControl input:checked) .PlatformArchitectureVisuals-module__B4DBca__contextGrid:after{animation-play-state:paused}.PlatformArchitectureVisuals-module__B4DBca__figure:has(.PlatformArchitectureVisuals-module__B4DBca__pauseControl input:checked) .PlatformArchitectureVisuals-module__B4DBca__relationship:after{animation-play-state:paused}.PlatformArchitectureVisuals-module__B4DBca__figure:has(.PlatformArchitectureVisuals-module__B4DBca__pauseControl input:checked) .PlatformArchitectureVisuals-module__B4DBca__node:before{animation-play-state:paused}.PlatformArchitectureVisuals-module__B4DBca__figure:has(.PlatformArchitectureVisuals-module__B4DBca__pauseControl input:checked) .PlatformArchitectureVisuals-module__B4DBca__timelineItem:before{animation-play-state:paused}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-context-traverse{0%,10%{opacity:0;left:8%}20%,80%{opacity:1}90%,to{opacity:0;left:92%}}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-traverse-x{0%,12%{opacity:0;left:0}22%,78%{opacity:1}88%,to{opacity:0;left:100%}}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-node-pulse{0%,16%,to{opacity:.2;transform:scale(.8)}8%{opacity:1;transform:scale(1.35)}}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-stage{0%,18%,to{background:var(--muted-foreground);box-shadow:0 0 0 1px var(--border);transform:translate(-50%,-50%)scale(.8)}5%,13%{background:var(--architecture-accent);box-shadow:0 0 0 6px color-mix(in oklab, var(--architecture-accent) 16%, transparent);transform:translate(-50%,-50%)scale(1)}}@media (max-width:760px){.PlatformArchitectureVisuals-module__B4DBca__contextGrid{grid-template-columns:1fr}.PlatformArchitectureVisuals-module__B4DBca__contextGrid:before{width:2px;height:auto;inset:8% auto 8% 50%}.PlatformArchitectureVisuals-module__B4DBca__contextGrid:after{animation-name:PlatformArchitectureVisuals-module__B4DBca__architecture-context-traverse-y;top:8%;left:50%}.PlatformArchitectureVisuals-module__B4DBca__relationship{width:2px;height:2.2rem;margin-inline:auto}.PlatformArchitectureVisuals-module__B4DBca__relationship:after{animation-name:PlatformArchitectureVisuals-module__B4DBca__architecture-traverse-y;top:0;left:50%}.PlatformArchitectureVisuals-module__B4DBca__containerGrid,.PlatformArchitectureVisuals-module__B4DBca__timeline,.PlatformArchitectureVisuals-module__B4DBca__arcGrid{grid-template-columns:1fr}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node{min-height:auto}.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:not(:last-child):after,.PlatformArchitectureVisuals-module__B4DBca__timeline:before{display:none}.PlatformArchitectureVisuals-module__B4DBca__timelineItem{text-align:left;padding:0 0 0 2.2rem}.PlatformArchitectureVisuals-module__B4DBca__timelineItem:before{top:.5rem;left:.55rem}}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-traverse-y{0%,12%{opacity:0;top:0}22%,78%{opacity:1}88%,to{opacity:0;top:100%}}@keyframes PlatformArchitectureVisuals-module__B4DBca__architecture-context-traverse-y{0%,10%{opacity:0;top:8%}20%,80%{opacity:1}90%,to{opacity:0;top:92%}}@media (prefers-reduced-motion:reduce){.PlatformArchitectureVisuals-module__B4DBca__relationship:after,.PlatformArchitectureVisuals-module__B4DBca__contextGrid:after,.PlatformArchitectureVisuals-module__B4DBca__containerGrid .PlatformArchitectureVisuals-module__B4DBca__node:before,.PlatformArchitectureVisuals-module__B4DBca__timelineItem:before{animation:none}}
