.hero-logo-stage .route-graphic{z-index:3;color:#fff;width:auto;position:absolute;inset:auto 24px 24px}.route-graphic{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;display:grid;position:relative}.route-origin,.route-destination{font-size:var(--text-small);font-weight:700}.route-line{opacity:.9;border-top:1px dashed;height:30px;position:relative;transform:translateY(14px)}.route-dot{background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px}.route-dot--start{left:0}.route-dot--mid{background:var(--viva-violet);left:44%}.route-dot--end{background:var(--viva-coral);right:0}.route-plane{color:var(--viva-coral);position:absolute;top:-13px;left:67%;rotate:10deg}.route-coordinate{color:var(--muted);font-size:var(--text-small);letter-spacing:.06em;position:absolute;top:35px;left:44%}.route-graphic--compact{gap:8px}.route-graphic--compact .route-origin,.route-graphic--compact .route-destination{font-size:var(--text-small)}.destination-section>.route-graphic{border-radius:var(--radius-md);background:var(--surface);padding:52px 40px 68px}.window-demo .route-graphic{z-index:2;position:relative}@media (max-width:640px){.hero-logo-stage .route-graphic{inset:auto 16px 18px}.destination-section>.route-graphic{gap:8px;padding:40px 16px 64px}.route-origin,.route-destination{font-size:var(--text-small)}}