.external-og-edge-mock{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;width:320px;padding:var(--space-6);border:1px solid var(--corp-card-border);border-radius:28px;background:var(--corp-card-strong);box-shadow:var(--corp-shadow-lg)}.external-og-edge-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--corporate-ink-soft);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.external-og-edge-node i{display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:20px;background:color-mix(in srgb,#9b5de5,white 88%);color:#9b5de5;font-size:2rem}.external-og-edge-node[data-preview]{grid-column:3;grid-row:2}.external-og-edge-node[data-preview] i{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.external-og-edge-rail{display:grid;grid-row:span 2;gap:var(--space-4);width:5.5rem}.external-og-edge-rail span{position:relative;display:block;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--corporate-ink-faint),transparent 70%)}.external-og-edge-rail span:after{content:"";position:absolute;top:50%;right:0;width:.85rem;height:.85rem;border-radius:999px;background:currentColor;transform:translateY(-50%)}.external-og-edge-rail span[data-human]{color:var(--green-medium)}.external-og-edge-rail span[data-crawler]{color:#9b5de5}@media (max-width: 767px){.external-og-edge-mock{width:100%;max-width:320px}}.external-og-hero-visual,.external-og-feature-visual{position:relative;display:grid;min-height:24rem;place-items:center}.external-og-visual-composition>.blob-background{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;pointer-events:none}.external-og-visual-stack{position:relative;z-index:1;width:480px;max-width:100%;min-height:24rem}.external-og-visual-card{position:absolute;top:50%;left:50%}.external-og-visual-card>*{animation:external-og-card-float-a 6.5s ease-in-out infinite}.external-og-visual-card[data-position=main]{z-index:4;transform:translate(-50%,-50%)}.external-og-visual-card[data-position=top-left]{z-index:5;transform:translate(-160%,-132%) rotate(-8deg)}.external-og-visual-card[data-position=top-left]>*{animation-name:external-og-card-float-b}.external-og-visual-card[data-position=top-right]{z-index:5;transform:translate(72%,-150%) rotate(8deg)}.external-og-visual-card[data-position=top-right]>*{animation-name:external-og-card-float-c}.external-og-visual-card[data-position=bottom-left]{z-index:3;transform:translate(-150%,-16%) scale(.72) rotate(-8deg);transform-origin:top right}.external-og-visual-card[data-position=bottom-left]>*{animation-name:external-og-card-float-c}.external-og-visual-card[data-position=bottom-right]{z-index:3;transform:translate(2%,-10%) scale(.72) rotate(7deg);transform-origin:top left}.external-og-visual-card[data-position=bottom-right]>*{animation-name:external-og-card-float-b}.external-og-code-icon,.external-og-route-icon{--icon-card-gradient: linear-gradient(135deg, #9b5de5, #3a8fd9)}.external-og-edge-icon{--icon-card-gradient: linear-gradient(135deg, #22b5a6, #9b5de5)}.external-og-control-icon{--icon-card-gradient: linear-gradient(135deg, #9b5de5, #fd7e14)}.external-og-visual-stack[data-visual=install] .external-og-visual-card[data-position=bottom-left]{transform:translate(-148%,-8%) scale(.66) rotate(-8deg)}.external-og-visual-stack[data-visual=control] .external-og-visual-card[data-position=bottom-left]{transform:translate(-146%,-2%) scale(.68) rotate(-8deg)}@keyframes external-og-card-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes external-og-card-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes external-og-card-float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.external-og-visual-card>*{animation:none}}@media (max-width: 991px){.external-og-visual-composition>.blob-background{transform:scale(.9)}.external-og-visual-stack{width:420px;min-height:22rem}.external-og-visual-card[data-position=top-left]{transform:translate(-126%,-126%) scale(.88) rotate(-8deg)}.external-og-visual-card[data-position=top-right]{transform:translate(32%,-130%) scale(.88) rotate(8deg)}}@media (max-width: 767px){.external-og-hero-visual,.external-og-feature-visual{min-height:20rem}.external-og-visual-stack{width:320px;min-height:20rem}.external-og-visual-card[data-position=top-left],.external-og-visual-card[data-position=top-right],.external-og-visual-card[data-position=bottom-left],.external-og-visual-card[data-position=bottom-right]{display:none}}